/*
****************Table of content ***************
1. Feature page content
2. Feature tabs
3. Feature description
4. Feature Part
5. Side bar css
6. tooltip css
7. Header Css
8. Auth Css
************************************************
*/

/* 1. Feature Page content */

/*@import '~vuetify/src/stylus/main'*/

body.with-subleft {
  background: #E8ECEF;
  overflow-x: hidden;
  font-family: 'museo-sans' !important;
  font-style: normal !important;
  font-weight: 300 !important;
  color: #656565;
  max-width: 1500px;
  margin: auto;
  min-height: 100vh;
}

#sidebar {
  background-color: #E9ECEF;
  max-width: 1500px;
  overflow: hidden;
  margin: auto;
  position: relative;
  min-height: 100vh;
}

.tx-ms-slab {
  font-family: 'museo-slab', serif;
}
.tx-ms-rounded {
  font-family: 'museo-sans-rounded';
}

.tx-inline {
  display: inline-block;
}

.primary-color, .primary-color:hover {
  color: #12A3B4 !important;
}

[v-cloak]>* {
  display: none;
}

[v-cloak]::before {
  content: "loading...";
}

.cr-pointer {
  cursor: pointer;
}

.row {
  margin: 0px;
}

.feature-header {
  display: block;
  margin: 15px 0px;
  padding: 20px 0px;
  background: #57aebe;
  /* For browsers that do not support gradients */
  background: linear-gradient(#57aebe, #7ad2e2)
}
.feature-list-card {
  display: block;
  background: white;
  margin: 15px 0px;
  background: #fff;
}

.concept-img-block {
  padding-left: 40px !important;
  text-align: center;
  max-width: 100px;
}

.br-header-right .nav-link {
  padding: 0.65rem 0.75rem;
}

.concept-links {
  text-align: left;
  font-weight: 300;
  text-transform: uppercase;
  color: white;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.concept-icon {
  background: white;
  width: auto;
  display: inline;
  margin: 0 auto;
  height: auto;
  max-width: 60px !important;
}

.feature-name {
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: "museo-slab", serif;
}

/*2. Feature tabs */

.feature-tabs {
  background: #dddee0;
}

.feature-tabs ul li a {
  padding: 16px;
  text-align: center;
  border-radius: 0px;
  color: #939495 !important;
  font-weight: 500;
  border-radius: 0px !important;
}

.feature-tabs ul li a.active {
  border: 0px !important;
  color: rgb(133, 193, 208) !important;
}

.feature-tabs ul li {
  padding: 0px;
}

/* 3. Feature description */

.feature-description-block {
  background: white;
  display: block;
}

.feature-description-text {
  margin-bottom: 10px;
  line-height: 1.6;
}

.feature-description-content {
  font-size: 16px;
  display: inline-block;
}

.feature-description-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px !important;
  margin-bottom: 0px;
  color: #555;
}

.feature-description-title p {
  margin-top: 10px !important
}

.feature-intent {
  font-size: 16px;
  font-weight: 100;
  color: white;
}

.feature-intent p {
  display: inline;
}

.feature-image {
  display: inline;
  vertical-align: middle;
}

/* Feature Part */

.feature-part-header {
  padding: 15px;
  font-size: 16px !important;
}

.feature-part-header-text {
  font-weight: 500;
  color: #6E7176;
}

.feature-part-content {
  display: block !important;
}

.card {
  margin-bottom: 15px;
  border: none;
  border-radius: 0px !important;
}

.card-title {
  font-size: 14px;
  color: #fff !important;
  font-weight: 500;
  padding: 10px 15px;
  margin-top: 0px;
  margin-bottom: 0px;
  background: #429db5;
}

.card.part-card {
  border: 0px;
}

.part-card .card-title h5 {
  color: #666;
}

.card-title h5 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
  text-decoration: none;
  font-weight: 500;
  text-align: left;
}

.part-card .card-title {
  background-color: #fff;
}

.part-card .card-title>span {
  color: #666;
}

.part-card .collapse {
  border-top: 1px solid #E9ECEF;
}

.card-title>span {
  color: #fff;
  letter-spacing: 1px;
  font-weight: 300;
}

.card-text {
  padding-left: 15px !important;
  padding-right: 15px;
}

.card-text .feature-part-description {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 10px;
  text-align: left;
  line-height: 1.4;
  margin-top: 10px;
}

.feature-part-space-type {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  text-align: left;
  line-height: 1.4;
}

.feature-part-text {
  line-height: 1.5;
  font-weight: 300;
  font-size: 16px;
}

.feature-notes {
  font-size: 14px;
  border-left: 5px solid #999;
  padding-left: 10px;
  color: #429db5;
  padding-top: 5px;
  padding-bottom: 5px;
}

.feature-notes ol li {
  font-size: 14px;
}

.feature-part-text ol li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.35;
}

.feature-part-text ol li p {
  margin-bottom: 0px;
}

.card-title {
  color: #666;
  font-size: 14px;
}

.card-title-right {
  color: white !important;
  font-size: 16px;
  padding-left: 0px !important;
}

.card-block {
  padding-bottom: 20px;
}

.verification-body {
  font-size: 14px;
  font-weight: 300;
  color: white;
}

.verification-title {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  color: white;
}

.verification-body:before {
  content: "- ";
  padding-left: 10px;
  padding-right: 5px;
}

.card-right {
  margin-left: 20px;
}

/*Side bar css */

.feature-list ul {
  list-style: none;
  line-height: 1.8;
  padding: 0px;
  color: #666;
}

.feature-list ul li.active {
  background-color: #333;
  color: white !important;
  cursor: pointer;
}

.feature-list ul li:hover {
  color: #0C9DB0;
  cursor: pointer;
}

.feature-list ul a {
  font-weight: 500;
  letter-spacing: 0.1px;
}

.feature-list-block {
  background: white;
  padding-right: 0px !important;
  padding-left: 0px !important;
  overflow-y: scroll;
  height: calc(100vh - 60px);
}

.feature-list ul li, .feature-list ol div li  {
  cursor: pointer;
  padding: 5px;
  margin: 5px;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  font-weight: 500;
}

.feature-list ul li a {
  display: flex;
  align-items: center;
}

/*tooltip css*/

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: #333;
  color: white;
  border-radius: 0px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #333;
}

.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
  margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^="left"] {
  margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[aria-hidden='true'] {
  visibility: hidden;
  opacity: 0;
  transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
  visibility: visible;
  opacity: 1;
  transition: opacity .15s;
}

/*Header */

.br-header {
  height: 60px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: #fff;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
}

.br-header::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -4px;
  width: 3px;
  background-color: #fff;
  z-index: 1040;
}

@media (min-width: 992px) {
  .br-header {
    left: 230px;
  }
}

.br-header-left {
  display: flex;
}

.br-header-left .form-control,
.br-header-left .dataTables_filter input,
.dataTables_filter .br-header-left input {
  border: 0;
  border-radius: 0;
  padding: 0 20px;
}

.br-header-left .input-group-btn {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.br-header-left .input-group-btn .btn,
.br-header-left .input-group-btn .sp-container button,
.sp-container .br-header-left .input-group-btn button {
  background-color: #fff;
  border-radius: 0;
  border: 0;
  color: #868e96;
  padding-left: 20px;
  padding-right: 20px;
}

.br-header-left .input-group-btn .btn:focus,
.br-header-left .input-group-btn .sp-container button:focus,
.sp-container .br-header-left .input-group-btn button:focus,
.br-header-left .input-group-btn .btn:active,
.br-header-left .input-group-btn .sp-container button:active,
.sp-container .br-header-left .input-group-btn button:active {
  color: #343a40;
  box-shadow: none;
}

.br-header-right {
  display: flex;
  align-items: center;
}

.br-header-right a {
  color: #868e96;
}

.br-header-right a:hover,
.br-header-right a:focus {
  color: #343a40;
}

.br-header-right .dropdown:last-child .dropdown-menu {
  padding: 0 10px 10px;
}

@media (max-width: 479px) {
  .br-header-right .dropdown:first-child .dropdown-menu {
    transform: translateX(145px) !important;
  }
  .br-header-right .dropdown:nth-child(2) .dropdown-menu {
    transform: translateX(113px) !important;
  }
  .br-header-right .dropdown:last-child .dropdown-menu {
    transform: translateX(49px) !important;
  }
}

.nav-link-profile {
  position: relative;
  color: #868e96;
  transition: all 0.2s ease-in-out;
}

.nav-link-profile img {
  opacity: .85;
  transition: all 0.2s ease-in-out;
}

.nav-link-profile .square-10 {
  right: 15px;
  bottom: 10px;
  position: absolute;
  border-radius: 100%;
  border: 2px solid #fff;
}

.nav-link-profile:hover,
.nav-link-profile:focus {
  color: #495057;
}

.nav-link-profile:hover img,
.nav-link-profile:focus img {
  opacity: 1;
}

.logged-name {
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
}

.dropdown-menu-header {
  position: relative;
  border-top: 0;
  margin-top: 1px;
  padding: 10px 20px 20px;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: auto !important;
  right: -1px !important;
  top: 55px !important;
  transform: none !important;
  will-change: unset !important;
}

.dropdown-menu-header::before {
  content: '';
  position: absolute;
  top: -4px;
  left: -2px;
  right: 0;
  height: 4px;
  background-color: #fff;
  z-index: 1040;
}

.user-profile-nav {
  margin: 0;
  font-size: 13px;
}

.user-profile-nav a {
  display: block;
  padding: 7px 10px;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}

.user-profile-nav a:hover,
.user-profile-nav a:focus {
  background-color: #dee2e6;
}

.user-profile-nav .icon {
  display: inline-block;
  width: 20px;
  line-height: 0;
  text-align: center;
  font-size: 20px;
  position: relative;
  color: #17a2b8;
  top: 2px;
  margin-right: 5px;
}

.user-profile-nav .ion-ios-folder,
.user-profile-nav .ion-power {
  font-size: 18px;
}

.media-list-link {
  display: block;
  transition: all 0.2s ease-in-out;
}

.media-list-link.read {
  background-color: #f8f9fa;
}

.media-list-link:hover,
.media-list-link:focus {
  background-color: #e9ecef;
}

.media-list-link .media-body {
  margin-left: 15px;
}

.media-list-link+.media-list-link {
  margin-top: 1px;
}

.navicon-left {
  width: 55px;
  height: 55px;
  border-right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navicon-left a {
  color: #868e96;
  font-size: 20px;
  transition: all 0.2s ease-in-out;
}

.navicon-left a:hover,
.navicon-left a:focus {
  color: #343a40;
}

.navicon-right {
  display: flex;
  width: 60px;
  height: 60px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  align-items: center;
  justify-content: center;
}

.navicon-right a {
  color: #868e96;
  font-size: 24px;
}

.navicon-right a:hover,
.navicon-right a:focus {
  color: #343a40;
}

.br-sideleft {
  position: fixed;
  top: 60px;
  left: -230px;
  bottom: 0;
  z-index: 100;
  width: 230px;
  background-color: #1D2939;
  padding-left: 10px;
  padding-right: 10px;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
  .br-sideleft {
    left: 0;
  }
}

.br-sideleft .ps__scrollbar-y-rail {
  visibility: hidden;
}

.br-logo {
  position: fixed;
  top: 0;
  left: -230px;
  width: 230px;
  height: 60px;
  background-color: #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 24px;
  font-weight: 700;
  padding: 0 20px;
  display: flex;
  align-items: center;
  z-index: 1030;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 992px) {
  .br-logo {
    left: 0;
  }
}

.br-logo>a {
  color: #212529;
  letter-spacing: -0.5px;
}

.br-logo>a i {
  font-style: normal;
  font-weight: 500;
  color: #17a2b8;
}

.br-logo>a span {
  font-weight: 300;
  color: #00b297;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}

.br-logo>a span:first-child {
  padding-right: 2px;
}

.br-logo>a span:last-child {
  padding-left: 2px;
}

.br-logo>a:hover,
.br-logo>a:focus {
  text-decoration: none;
}

.br-logo>a:hover span:first-child,
.br-logo>a:focus span:first-child {
  transform: translateX(-5px);
}

.br-logo>a:hover span:last-child,
.br-logo>a:focus span:last-child {
  transform: translateX(5px);
}

.br-logo sup {
  font-weight: 100;
}

.br-sideleft-menu {
  transition: all 0.2s ease-in-out;
}

.sidebar-label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  letter-spacing: 1px;
  opacity: .3;
  white-space: nowrap;
}

.br-menu-link {
  color: #adb5bd;
  display: block;
  font-size: 14px;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}

.br-menu-link:hover,
.br-menu-link:focus {
  color: #fff;
  background-color: #18222f;
}

.br-menu-link:focus,
.br-menu-link:active {
  outline: none;
}

.br-menu-link.show-sub {
  background-color: #141d28;
  color: #fff;
}

.br-menu-link.active {
  background-color: #0C9DB0 !important;
  color: #fff !important;
}

.br-menu-link.active img {
  filter: brightness(0) invert(1);
}

.br-menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 5px;
  height: 35px;
  letter-spacing: 0.2px;
  font-size: .85rem;
  cursor: pointer;
}

.br-menu-link:hover .fa, .br-menu-link.active .fa,
.br-menu-link.active span.menu-item-label {
  color: white;
}

.br-menu-item .fa {
  width: 40px;
  text-align: center;
  font-size: 18px;
  transition: all 0.2s ease-in-out;
  color: #666;
}

.menu-item-icon {
  width: 18px;
  transition: all 0.2s ease-in-out;
}

.menu-item-label {
  white-space: nowrap;
  margin-left: 10px;
  margin-right: auto;
}

.menu-item-label,
.menu-item-arrow {
  transition: all 0.2s ease-in-out;
  font-family: "museo-slab", serif;
}

.br-menu-sub {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 27px;
  background-color: #1a2432;
  display: none;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.br-menu-sub .nav-link {
  font-size: 13px;
  color: #adb5bd;
  padding-top: 7px;
  padding-bottom: 7px;
  white-space: nowrap;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.br-menu-sub .nav-link::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -.5px;
  width: 5px;
  height: 1px;
  background-color: #fff;
  opacity: .5;
  transition: all 0.2s ease-in-out;
}

.br-menu-sub .nav-link:hover,
.br-menu-sub .nav-link:focus {
  color: #17A2B8;
}

.br-menu-sub .nav-link:hover::before,
.br-menu-sub .nav-link:focus::before {
  width: 20px;
  left: -15px;
  opacity: 1;
  background-color: #17A2B8;
}

.br-menu-sub .nav-link.active {
  color: #17a2b8;
}

.br-menu-sub .nav-link.active::before {
  width: 20px;
  left: -15px;
  opacity: 1;
  background-color: #17A2B8;
}

@media (min-width: 992px) {
  .collapsed-menu .br-logo {
    left: -230px;
  }
  .collapsed-menu .br-header {
    left: 0;
  }
  .collapsed-menu .br-sideleft {
    width: 55px;
  }
  .collapsed-menu .br-mainpanel {
    margin-left: 55px;
  }
  .collapsed-menu .menu-item-icon {
    transform: translateX(-4px);
  }
  .collapsed-menu .br-sideleft .sidebar-label {
    visibility: hidden;
  }
  .collapsed-menu .info-list {
    display: none;
  }
  .collapsed-menu .br-contentpanel {
    margin-left: 290px;
  }
}

@media (min-width: 992px) {
  .expand-menu .br-sideleft .sidebar-label {
    visibility: visible;
  }
  .expand-menu .br-sideleft {
    width: 230px;
  }
  .expand-menu .info-list {
    display: block;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

table {
  border: 0px;
  min-width: 50% !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

table>tbody>tr>td>p {
  margin-bottom: 0px;
}

table>tbody>tr>td {
  padding: 10px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.feature-part-description strong {
  color: #429db5;
  font-style: italic;
}

.condition-text {
  line-height: 1;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #429db5;
  overflow: hidden;
  margin: 24px;
}

.condition-text span {
  display: inline-block;
  position: relative;
}

.condition-text span:before,
.condition-text span:after {
  content: "";
  position: absolute;
  height: 14px;
  border-top: 3px solid #888;
  top: 10px;
  width: 600px;
}

.condition-text span:before {
  right: 100%;
  margin-right: 10px;
}

.condition-text span:after {
  left: 100%;
  margin-left: 10px;
}

.part-options-row>div:nth-child(odd) {
  border-right: 2px solid #eee;
}

.part-options-row>div {
  padding: 15px 30px;
  margin-bottom: 20px;
}

.part-or-title {
  padding: 15px 0px;
}

.badge.badge-option {
  color: white;
  background-color: #429db5;
  border-radius: 50%;
  font-size: 24px;
  height: 35px;
  width: 35px;
  margin: auto;
}

.opt-badge-wrapper {
  text-align: center;
  margin-bottom: 20px;
}

.part-card .card-title {
  margin-bottom: 0px;
}

.part-card .card-text {
  padding: 0px !important;
}

.part-card .nav-tabs .nav-link.active,
.part-card .nav-tabs .nav-item.show .nav-link {
  color: #429db5;
  font-size: 16px;
  padding: 10px 0px;
  border: 0px;
  background: #fff;
  border-radius: 0px;
}

.part-card .nav-tabs .nav-link {
  padding: 10px 0px;
  color: #666;
  font-size: 16px;
  background: #eee;
  border-radius: 0px;
  border: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.part-card .nav-tabs.nav-justified {
  border-bottom: 0px;
  padding-top: 0px;
  border-top: 5px solid #E9ECEF;
}

.part-card .tab-content,
.part-card .part-single-sub {
  padding: 15px;
}
/*Concept CSS*/

.concept-header {
  display: block;
  margin: 15px 0px;
  padding: 20px 0px;
  background: #57aebe;
  /* For browsers that do not support gradients */
  background: linear-gradient(#57aebe, #7ad2e2)
}

.concept-list-card {
  display: block;
  background: white;
  margin: 15px 0px;
  background: #fff;
}

.concept-name {
  color: white;
  text-transform: uppercase;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: "museo-slab", serif;
}

.concept-intent {
  font-size: 18px;
  line-height: 1.65;
  font-weight: 300;
  color: white;
}

.feature-img-block {
  text-align: center;
  max-width: 100px;
  background: white;
  margin: 30px auto;
}

.feature-grid-item {
  border-left: 5px solid #429db5;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 1px 2px 3px 1px rgba(206, 206, 206, 0.5);
  -moz-box-shadow: 1px 2px 3px 1px rgba(206, 206, 206, 0.5);
  box-shadow: 1px 2px 3px 1px rgba(206, 206, 206, 0.5);
}

.feature-grid-item .grid-item-subtitle {
  font-weight: 100;
  font-size: 14px;
  letter-spacing: 1px;
}

.feature-grid-item .grid-item-title {
  font-weight: 500;
  color: #666;
  font-size: 20px;
}

.feature-grid-item .grid-item-desc {
  font-size: 14px;
}

.feature-grid-item .grid-item-desc p {
  margin-bottom: 0px;
}

.grid-item-title .span-pre, .grid-item-title .span-opt {
  padding: 0px 5px;
}

span.span-pre {
  float: right;
  background: #fff;
  border: 2px solid #666;
  color: #666;
  border-radius: 2px;
  padding: 2px 10px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "museo-sans", sans-serif;
}

span.span-opt {
  float: right;
  background: #666;
  color: #fff;
  border: 2px solid #666;
  border-radius: 2px;
  padding: 2px 10px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "museo-sans", sans-serif;
}

span.span-opt-alt {
  background: rgba(255, 255, 255, 0.5);
  color: #fff;
  border: 2px solid #fff;
  border-radius: 2px;
  padding: 2px 10px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  text-transform: uppercase;
}

span.span-pre-alt {
  background: transparent;
  color: #111;;
  border-radius: 2px;
  border: 2px solid #fff;
  padding: 2px 10px;
  font-weight: 500;
  font-size: 12px;
  margin-left: 10px;
  text-transform: uppercase;
}

.feature-grid-link {
  display: block;
  cursor: pointer;
}

.glossary-term {
  border-bottom: 1px dotted #429db5;
  font-weight: 500;
}

.requirement-desc>div {
  margin-bottom: 5px;
}

.glossary-wrapper {
  background: #fff;
  padding: 20px;
  margin: 20px;
  width: 100%;
}

.mt15 {
  margin-top: 15px;
}

.table-glossary thead,
.table-glossary tbody {
  width: 100%;
}

.table-glossary thead>tr>th.term-name,
.table-glossary tbody>tr>td.term-name {
  width: 20%;
  font-size: 16px;
}

.table-glossary thead>tr>th.term-definition,
.table-glossary tbody>tr>td.term-definition {
  width: 80%;
  font-size: 16px;
}

.search-subtitle {
  font-weight: 100;
  margin-left: 10px;
}

.citations-block {
  font-size: 14px;
  line-height: 1.5;
  overflow-y: scroll;
}

.citations-block p {
  margin-bottom: 10px;
}

span.badge-type-O {
  background: #333;
  padding: 0px 5px;
  color: white;
  border: 2px solid #333;
  border-radius: 2px;
  margin-right: 10px;
  font-size: 12px;
  font-family: "museo-sans", sans-serif;
}

.feature-list ul li.active span.badge-type-O {
  color: black;
  background: #fff;
  border: 2px solid #fff;
}

span.badge-type-P {
  background: #fff;
  padding: 0px 7px;
  color: black;
  border: 2px solid #333;
  border-radius: 2px;
  margin-right: 10px;
  font-size: 12px;
  width: 25px;
  font-weight: 700;
  font-family: "museo-sans", sans-serif;
}

.feature-list ul li.active span.badge-type-P {
  color: #fff;
  background: #333;
  border: 2px solid #fff;
}

.br-header-left {
  flex-grow: 1;
}

.back-link {
  cursor: pointer;
  font-weight: 500;
}

/************************* New v2 Header **********************/
.v2-header {
  background: #E9ECEF;
  overflow-y: hidden;
}

.v2-header .well-title {
  border-right: 1px solid #aaa;
}

.v2-header .well-title sup {
  font-weight: 100;
}

.v2-header .well-sub-title {
  padding: 10px;
  font-family: "museo-slab";
  font-weight: 500;
}

.v2-header .nav{
  max-height: 60px !important;
  align-items: center;
}

.v2-header .well-title .active, .v2-header .well-title .active a {
  font-size: 30px;
  font-weight: 700;
  color: #666;
}

.v2-header .well-sub-title .active, .v2-header .well-sub-title .active a {
  font-size: 18px;
  color: #666;
}

/************************* project **********************/
.project-create {
  background-color: #E9ECEF;
  min-height: 100vh;
}

.project-create .progress {
  height: 10px;
  background-color: rgba(65,115,125, 0.2);
}

.project-create .progress-bar {
  background: #41737D !important;
}

.project-create .card {
  min-height: 550px;
  border: 0px !important;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
}

.project-create .card-body {
  display: flex !important;
  padding: 2rem;
}

.project-create .line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.project-create .line span {
  background: #fff;
  padding: 0 10px;
}

.project-create .modal-heading {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.project-create .submit-button.btn__content {
  align-items: baseline !important;
  -webkit-box-align: baseline !important;
}

.project-create .tx-ms-slab {
  font-family: 'museo-slab', serif;
}

.project-create .tx-inline {
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.project-create .project-step-txt {
  color: #AAA;
  text-transform: uppercase;
}

.project-create .input-group--error {
  color: red;
}

.project-create span.help {
  color: red;
  font-weight: 300;
}

.project-create .signin-button {
  vertical-align: middle;
  text-align: center;
  margin: auto;
}

.project-create .custom-radio .custom-control-input:checked~.custom-control-label::before {
  background: #41737D !important;
  border-color: 0px;
}

.project-create .custom-checkbox {
  font-size: 14px;
  margin-bottom: 2px !important;
  align-items: start;
  min-width: 25%;
}

.project-create .custom-controls-stacked .custom-control{
  margin-bottom: 10px;
}

.project-create .custom-radio .custom-control-input:checked~.custom-control-label::before {
  background: #41737D !important;
  border-color: 0px;
}

.project-create .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background: #41737D !important;
  border-color: 0px;
}

.project-create .v2-logo {
  max-height: 50px;
}

.project-create .tabtitle {
  font-size: 24px;
  font-weight: 500;
  display: flex;
  font-family: "museo-slab";
}

.project-create .forms-checkbox, .project-create .forms-radio  {
  margin-top: 15px;
}

.project-create .modal-heading .v2-logo {
  max-height: 50px;
  filter: invert(1) !important;
}

.project-create .well-logo {
  max-height: 60px;
}

.project-create .custom-control-label {
  margin-left: 5px;
  font-size: 1rem;
  padding-top: 2px;
}

.project-create .custom-radio .custom-control-label::before {
  padding: 10px;
}

.project-create .custom-checkbox .custom-control-label::before {
  padding: 10px;
}

.project-create .custom-control-label::after {
  padding: 10px;
}

.project-create .forms-checkbox .form-group,
.project-create .forms-radio .form-group {
  margin-bottom: 0px;
}

.project-create .forms-checkbox .custom-controls-stacked,
.project-edit-tabs .form-group .space-types.custom-controls-stacked {
  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-gap: 0px !important;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .project-create .forms-checkbox .custom-controls-stacked,
  .project-edit-tabs .form-group .space-types.custom-controls-stacked {
    display: grid !important;
    grid-template-columns: auto!important;
    grid-gap: 10px;
    overflow-y: scroll;
    height: 200px;
  }
  .project-create .card-body {
    padding: 1.25rem 0px;
  }
}

.project-create .content {
  margin-top: 30px !important;
}

.project-create .section {
  display: flex;
  flex: 1;
}

.project-create .br-section-wrapper{
  padding: 0px !important;
  padding-bottom: 10px !important;
  min-height: 100vh;
}

.project-create .form-group {
  margin-left: 0px !important;
}

.project-create .section-part {
  flex: 1;
  justify-content: center;
  display: flex;
  align-items: center
}

.project-create .section-part-left {
  flex: 1;
  position: relative;
}

.project-create .footer {
  position: absolute;
  bottom:0;
  left: 0;
  right: 0;
}

.project-create .section-part .alert, .project-create .alert-wrapper {
  width: 100%;
  height: 100%;
  font-weight: 100;
  max-height: 475px;
}

/******************** Project Dashboard ***************/
.project-dashboard .top-row {
  height: 300px;
  background-color: #ccc;
  position: absolute;
  top: 0px;
  width: 100%;
  max-width: 1500px;
}
.project-dashboard .top-row-api {
  height: 300px;
  background-color: #ccc;
  position: absolute;
  top: 0px;
  width: 100%;
  max-width: 1500px;
}

.top-row-api .top-card {
  position: absolute;
  top: 30px;
  width: 36%;
  left: 32%;
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  text-align: center;
}
.top-row-api .top-card .big {
  color: #507682;
  font-family: "museo-slab";
}

.top-row-api .top-card .title {
  color: #666;
  font-weight: 500;
}

.top-row-api .top-card .sub-title {
  color: #666;
  font-weight: 100;
}

.top-row-api .top-card .card-image {
  max-height: 125px;
}

.top-row-api .slide {
  height: 300px;
  z-index: 1;
  background: linear-gradient(#ACC8D1, #F4F5F7);
}

.top-row .top-card {
  position: absolute;
  bottom: -100px;
  width: 30%;
  left: 5%;
  background: white;
  border-radius: 0.25rem;
  min-height: 300px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  text-align: center;
}

.top-row-api .top-card .big {
  color: #507682;
  font-family: "museo-slab";
}

.top-row .top-card .title {
  color: #666;
  font-weight: 500;
}

.top-row .top-card .sub-title {
  color: #666;
  font-weight: 100;
}

.top-row .top-card .card-image {
  max-height: 200px;
}

.top-row .slide {
  height: 300px;
  z-index: 1;
}

.q-card {
  width: 100%;
  height: 100%;
  min-height: 400px;
  max-height: 500px;
  max-width: 400px;
  margin: auto;
  background: #fff;
  position: relative;
}

.q-card,
.q-card::before,
.q-card::after {
  box-shadow: 2px 1px 1px rgba(0,0,0,0.15);
}

.q-card.q-card-stacked::before,
.q-card.q-card-stacked::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}

.q-card.q-card-stacked::before {
  left: 8px;
  top: 8px;
  z-index: -1;
}

.q-card.q-card-stacked::after {
  left: 16px;
  top: 16px;
  z-index: -2;
}

.q-card .step{
  text-transform: uppercase;
}

.q-card .footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  max-width: 400px;
  margin: auto;
  padding: 0px 20px;
  margin-bottom: 10px;
}

.q-card .custom-control-label {
  margin-left: 5px;
  font-size: 1rem;
  padding-top: 2px;
}

.q-card .custom-radio .custom-control-label::before {
  padding: 10px;
}

.q-card .custom-checkbox .custom-control-label::before {
  padding: 10px;
}

.q-card .custom-control-label::after {
  padding: 10px;
}

.q-card .forms-checkbox .form-group,
.q-card .forms-radio .form-group {
  margin-bottom: 0px;
}

.q-card .forms-checkbox .custom-controls-stacked {
  display: grid !important;
  grid-template-columns: auto !important;
  grid-gap: 10px !important;
  overflow-y: auto;
}

@media (max-width: 660px) {
  .q-card .forms-checkbox .custom-controls-stacked {
    overflow-y: scroll;
    height: 200px;
  }
  .pricing-wrapper .pricing-card:first-child {
    margin-right: 0% !important;
  }
}

.pricing-wrapper .pricing-card {
  color: #4993A7;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  height: 200px;
}

.pricing-wrapper .pricing-card:first-child {
  margin-right: 3%;
}

.eval-module {
  height: 550px;
  position: relative;
}

.eval-module:before {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(150deg,#E1EAED 15%,#E1EAED 70%,#E1EAED 94%);
  z-index: -5;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.eval-module .invest-img-wrapper {
  justify-content: center;
  display: flex;
  flex-grow: inherit;
  flex-direction: column;
}

/********************Auth CSS ***********************/
.auth .v2-logo {
  max-height: 50px;
}

.auth .modal-heading .v2-logo {
  max-height: 50px;
  filter: invert(1) !important;
}

.auth .well-logo {
  max-height: 60px;
}

.auth .modal-heading {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}

.forgot-password {
  margin-bottom: 1em;
}

.auth-register-section {
  margin-top:10%;
  letter-spacing:0.8px;
  font-weight:400;
}

.btn.btn-outline-primary {
  background-color: #fff;
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn.btn-outline-primary:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b
}

.btn.btn-well-light {
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
  background: #429db5;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .025em;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
}

.btn.btn-well-light:hover {
  background: #038fa0;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
  box-shadow: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
  -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
}

.btn.btn-white {
  white-space: nowrap;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .025em;
  color: #111;
  text-decoration: none;
}


/******************* Project Scorecard CSS **********************/

.project-scorecard {
  padding-top: 5%;
  min-height: 100vh;
  max-width: 1200px;
  margin: auto;
}

.project-scorecard span.concept-title {
  vertical-align: middle;
}

.concept-row .concept-right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.project-scorecard .badge-options {
  background-color: #fff;
  color: #666;
}

.feature-block {
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
  background-color: white;
  cursor: pointer;
}

.concept-cards-wrapper {
  justify-content: center;
}

.concept-card-small {
  max-width: 170px !important;
  width: 150px;
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
  align-items: center;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0.5rem;
  cursor: pointer;
}

.concept-card-small img {
  margin-bottom: 10px;
}

.concept-card-small h5 {
  line-height: 1.3;
}

.lobby-link {
  display: inline-block;
  padding: 18px;
  color: #666;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}

.part-accordion p {
  margin-bottom: 10px;
}

legend.col-form-label {
  color: #555;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 5px;
  letter-spacing: 0px;
}

.ui.search.dropdown > .text {
  padding: 5px 0px;
  font-size: 0.875rem;
  font-weight: 500;
}
.ui.selection.fluid.dropdown > i.dropdown.icon {
  top: 15px;
}

.br-menu-link.active span.lnr.menu-item-icon {
  color: #666;
}

.br-menu-link:hover span.lnr.menu-item-icon {
  color: #fff;
}

.br-menu-link span.lnr.menu-item-icon {
  color: #555;
}

.scorecard {
  background-color: #E9ECEF;
  max-width: 1500px;
  overflow: hidden;
  margin: auto;
  position: relative;
}

.scorecard-tabs .col-auto {
  padding-right: 10px;
  padding-left: 0px;
  min-height: calc(100vh - 55px);
}
.scorecard-tabs .col-auto .nav-tabs:focus {
  outline: none;
}
.scorecard-tabs .col {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.scorecard-tabs .nav-tabs {
  padding-top: 0px;
}
.scorecard-tabs .nav-tabs .nav-link {
  display: flex;
}
.scorecard-tabs .nav-tabs .nav-link {
  display: flex;
}
.scorecard-tabs .nav-tabs a.nav-link img {
  max-width: 40px;
}
.scorecard-tabs .nav-tabs a.nav-link div {
  text-align: center;
  white-space: pre-line;
}
.scorecard-tabs .nav-tabs a.nav-link div.concept-tab-div {
  display: inline-flex;
  max-height: 45px;
  width: 100%;
  vertical-align: middle;
  align-items: center;
}
.scorecard-tabs .nav-tabs .nav-link.active div.concept-tab-div,
.scorecard-tabs .nav-tabs .nav-link:hover div.concept-tab-div {
  background: #fff;
  border-radius: 0px 5px 5px 0px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.scorecard-tabs .nav-tabs .nav-link.active {
  color: #666;
  background-color: #f4f4f4;
  border: none;
  height: 100%;
  border-radius:0 !important;
}
.scorecard-tabs .nav-tabs a.nav-link.active img {
  filter: brightness(0) !important;
}
.scorecard-tabs .nav-tabs .nav-link,
.scorecard-tabs .nav-tabs .nav-item {
  color: #666;
  padding: 0px;
  font-family:museo-slab;
  font-weight:300;
  border:none;
}
.scorecard-tabs .nav-tabs .nav-item {
  margin-bottom: 8px;
}
.scorecard-tabs .nav-tabs .nav-link.active:hover {
  background-color: #f4f4f4;
}

a.feature-link.collapsed span.lnr-chevron-down,
a.feature-link span.lnr-chevron-up {
  transform: rotate( 360deg );
  transition: transform 500ms ease;
}
a.feature-link span.lnr-chevron-down,
a.feature-link.collapsed span.lnr-chevron-up {
  /*display: none !important;*/
  transform: rotate( 180deg );
  transition: transform 500ms ease;
}
a.feature-link.collapsed span.lnr-chevron-down,
a.feature-link:not('.collapsed') span.lnr-chevron-up {
  display: inline-block;
}
.nav-link.active .pt-div {
  color: #429db5;
}
.range-slider .range-slider-knob {
  background-color: rgb(66, 157, 181);
  border-color: rgb(66, 157, 181);
  width: 3px;
  border-radius: 0px;
  height: 16px;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.range-slider .range-slider-rail {
  background-color: #ccc;
  border-radius: 0px;
  height: 6px;
}
.range-slider .range-slider-fill {
  background-color: #429db5;
  height: 6px;
}
.card-body .prt-wrapper:last-child header.card-header {
  border-bottom: 0px;
}
#projectInvite .modal-dialog {
  min-width: 500px;
}

.forms-radio {
  margin-left: 10px;
}

.custom-control.custom-checkbox, .custom-control.custom-radio {
  margin-left: 10px;
}

.custom-control.custom-checkbox .custom-control-label {
  font-size: 0.875rem;
}

.semipolar-spinner, .semipolar-spinner * {
  box-sizing: border-box;
}

.semipolar-spinner {
  height: 65px;
  width: 65px;
  position: relative;
  /* margin: auto; */
}

.semipolar-spinner .ring {
  border-radius: 55%;
  position: absolute;
  border: calc(65px * 0.02) solid transparent;
  border-top-color: #429db5;
  border-left-color: #429db5;
  animation: semipolar-spinner-animation 2s infinite;
}

.semipolar-spinner .ring:nth-child(1) {
  height: calc(65px - 65px * 0.2 * 0);
  width: calc(65px - 65px * 0.2 * 0);
  top: calc(65px * 0.1 * 0);
  left: calc(65px * 0.1 * 0);
  animation-delay: calc(2000ms * 0.1 * 4);
  z-index: 5;
}

.semipolar-spinner .ring:nth-child(2) {
  height: calc(65px - 65px * 0.2 * 1);
  width: calc(65px - 65px * 0.2 * 1);
  top: calc(65px * 0.1 * 1);
  left: calc(65px * 0.1 * 1);
  animation-delay: calc(2000ms * 0.1 * 3);
  z-index: 4;
}

.semipolar-spinner .ring:nth-child(3) {
  height: calc(65px - 65px * 0.2 * 2);
  width: calc(65px - 65px * 0.2 * 2);
  top: calc(65px * 0.1 * 2);
  left: calc(65px * 0.1 * 2);
  animation-delay: calc(2000ms * 0.1 * 2);
  z-index: 3;
}

.semipolar-spinner .ring:nth-child(4) {
  height: calc(65px - 65px * 0.2 * 3);
  width: calc(65px - 65px * 0.2 * 3);
  top: calc(65px * 0.1 * 3);
  left: calc(65px * 0.1 * 3);
  animation-delay: calc(2000ms * 0.1 * 1);
  z-index: 2;
}

.semipolar-spinner .ring:nth-child(5) {
  height: calc(65px - 65px * 0.2 * 4);
  width: calc(65px - 65px * 0.2 * 4);
  top: calc(65px * 0.1 * 4);
  left: calc(65px * 0.1 * 4);
  animation-delay: calc(2000ms * 0.1 * 0);
  z-index: 1;
}

.main-container{
  display:none;
}

@keyframes semipolar-spinner-animation {
  50% {
    transform: rotate(360deg) scale(0.7);
  }
}
.table.verification-matrix thead,
.table.verification-matrix tbody {
  width: 100%;
}

.table.verification-matrix thead>tr>th.cell-lg,
.table.verification-matrix tbody>tr>td.cell-lg {
  width: 40%;
}

.table.verification-matrix thead>tr>th.cell-sm,
.table.verification-matrix tbody>tr>td.cell-sm {
  width: 20%;
}

.feature-pts {
  border-radius: 2px;
  line-height: 1.3;
  padding: 5px 0px;
  margin: 10px;
}

.navbar-collapse.show {
  position: absolute;
  height: 100vh;
  background: white;
  width: 100%;
  z-index: 5000;
  top: 60px;
  padding: 50px;
  left: 0;
}

.navbar-collapse.show li.nav-item a:first-of-type {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}

.locale-switcher a {
  padding: 0px !important;
  border: none !important;
  color: #666;
}

.alert.alert-info-alt {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.modal-dialog .modal-body {
  background: #fff;
}

.range-slider {
  padding: 5px 10px !important;
}

.multiselect .multiselect__tags {
  border-radius: 0px;
  padding: 11px 40px 0px 8px;
  background: #fafafa;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.multiselect .multiselect__input, .multiselect__tags .multiselect__single {
  background: #f7f7f7;
  font-size: 0.875rem;
  font-weight: 300;
}

.card.card-w-shadow {
  border: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
}

 .support-head>p {
   margin-bottom: 0;
 }

 .support-back-button:hover {
   cursor: pointer;
   color: #28829f;
 }

 .support-head-title {
   font-size: 2rem;
 }

 .coach-container {
   padding: 0.5rem;
   border-radius: 0.2rem !important;
 }

 .coach-head {
   background: #333;
   color: #fff;
   border-radius: 0.3rem;
   font-size: 0.8rem;
   text-align: center;
   padding: 0.5rem;
 }

 .coach-image {
   padding: 2rem;
   text-align: center;
   align-items: center;
   justify-content: center;
   display: flex;
 }

 .comment-image {
  padding: 0 1rem 0 0;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

 .coach-info {
   padding-left: 0.4rem;
 }

 .coach-avatar-circle {
   width: 60px;
   height: 60px;
   background-color: #28829f;
   text-align: center;
   border-radius: 50%;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .coach-avatar-circle>.initials {
   display: flex;
   align-items: center;
   flex-direction: column;
   color: white;
   font-size: 1.2rem;
 }

 #coach-name {
   font-size: 1rem;
   font-weight: 700;
   margin-bottom: 0;
 }

 .drop-area {
  height: 100px;
  justify-content: center;
  align-items: center;
  box-shadow: none !important;
  background: #f4f5f7;
}

.part-name{
  text-transform:lowercase;
}
.part-name::first-letter {
  text-transform:uppercase;
}

div.requirements-link {
  color: #666;
  font-weight: 500;
  font-size: 14px;
  padding: 5px;
}

a.collapsed div.requirements-link span.lnr-chevron-down {
  transform: rotate( -90deg );
  transition: transform 500ms ease;
}

a div.requirements-link span.lnr-chevron-down {
  transform: rotate( 0deg );
  transition: transform 500ms ease;
}

.sub-part-side-module .card {
  border: 1px solid #ddd;
}

.alert.ihme-alert {
  padding: 10px;
  line-height: 1.6;
  font-size: 12px;
}

.alert.ihme-alert p {
  margin-bottom: 0px;
  font-size: 11px;
  font-weight: 300;
}

.subpart-nav-pills .nav-pills:focus {
  outline: none;
}

.subpart-nav-pills .nav-pills .nav-link {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "museo-sans";
  letter-spacing: 0.5px;
  padding: 5px 15px;
  margin-bottom: 10px;
  background: #eee;
  margin-right: 10px;
}

.subpart-nav-pills .nav-pills .nav-link.active, .subpart-nav-pills .nav-pills .nav-link.active:hover,
.subpart-nav-pills .nav-pills .nav-link.active:focus {
  color: white;
  background-color: #666;
  font-weight: 300;
}

.subpart-nav-pills .nav-item {
  margin-right: 10px;
}

.subpart-nav-pills .nav-item:last-child {
  margin-right: 0px !important;
}

.subpart-nav-pills .nav.nav-pills {
  padding: 0px 15px;
  margin-bottom: 10px;
}

.membership-nav-tabs,
.membership-nav-tabs ul.nav-tabs {
  padding-top: 0px !important;
  border: 0px !important;
}

.membership-nav-tabs ul.nav-tabs .nav-link {
  background: #fff;
  padding: 0.5rem 1rem;
  border: 0px;
  border-top: 5px solid #ccc;
  border-radius: 0px;
  text-transform: uppercase;
  font-weight: 500;
  box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.1);
}

.membership-nav-tabs ul.nav-tabs .nav-link {
  color: #666;
  background: #eee;
}

.membership-nav-tabs ul.nav-tabs .nav-link.disabled {
  color: #ccc;
}

.membership-nav-tabs ul.nav-tabs .nav-link:hover {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.membership-nav-tabs ul.nav-tabs .nav-link.active {
  border-top: 5px solid #429DB5;
  color: #429DB5;
  background: #fff !important;
}

.membership-nav-tabs ul.nav-tabs .nav-link.disabled {
  background: #eee;
  cursor: not-allowed;
}

.sub-right-pills .nav.nav-pills {
  padding: 0px;
  margin-bottom: 0px !important;
  float: right;
}
.sub-right-pills .nav-item {
  margin-right: 0px;
}
.sub-right-pills .nav-pills .nav-link.active,
.sub-right-pills .nav-pills .nav-link.active:hover,
.sub-right-pills .nav-pills .nav-link.active:focus {
  color: #fff;
  background-color:white;
  font-weight: 300;
  font-size: 11px;
  font-weight: 700;
  margin-right: 0px;
  letter-spacing: 0px;
  height: 35px;
}

div.user-initials-badge {
  color: white;
  background: #ccc;
  min-width: 30px;
  min-height: 30px;
  display: inline-block;
  text-align:center;
  border-radius: 50%;
  padding-top: 4px;
  font-family: "museo-slab";
  font-weight: 700;
  font-size: 12px;
}

.lnr-action-link:hover span.lnr {
  font-weight: 700;
}

.collapsed-menu.distraction-free .br-sideleft {
  width: 0px;
}

.collapsed-menu.distraction-free .br-mainpanel {
  margin-left: 0px;
}
.circle {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: white;
  white-space: nowrap;
  padding: 0.75rem;
}
.circle-grey {
  background: #f6f7f9 !important;
}

.circle p {
  font-size: 2.5rem;
  font-weight: 700;
}

.cust-checkboxes .custom-checkbox {
  font-size: 14px;
  margin-bottom: 2px !important;
  align-items: start;
}

.cust-checkboxes .custom-controls-stacked .custom-control{
  margin-bottom: 10px;
}

.cust-checkboxes .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  border-color: 0px;
}

.cust-checkboxes .custom-checkbox .custom-control-label {
  padding-top: 2px;
}

.cust-checkboxes .custom-checkbox .custom-control-label::before {
  padding: 10px;
}

.cust-checkboxes .custom-control-label::after {
  padding: 10px;
}

.cust-checkboxes .forms-checkbox .form-group,
.cust-checkboxes .forms-radio .form-group {
  margin-bottom: 0px;
}

.cust-checkboxes .forms-checkbox .custom-controls-stacked{
  display: grid !important;
  grid-template-columns: auto auto !important;
  grid-gap: 0px !important;
  overflow-y: auto;
}
@media (max-width: 600px) {
  .cust-checkboxes .forms-checkbox .custom-controls-stacked {
    display: grid !important;
    grid-template-columns: auto!important;
    grid-gap: 10px;
    overflow-y: scroll;
    height: 200px;
  }
  .cust-checkboxes .card-body {
    padding: 1.25rem 0px;
  }
}

.multiselect__tag, .multiselect__option--highlight {
  background: #429db5 !important;
}

.multiselect__option--highlight:after {
  background: #429db5 !important;
}

.multiselect__spinner:after,.multiselect__spinner:before {
  border-color: #429db5 transparent transparent !important;
}

.multiselect__tag-icon:focus, .multiselect__tag-icon:hover {
    background: #247a81 !important;
}

.search-select {
  min-height: 30px !important;
  height: calc(2.39375rem + 2px) !important;
  border-radius: 3px !important;
  padding-top: 0.5rem !important;
}
.parts-multi-select > a > .delete:before {
  content: "\d7";
}

.ui.multiple.search.dropdown > input.search {
  min-height: 36px !important;
  margin: 0px !important;
}

select.form-control {
  height: 45px !important;
  background: #f4f5f7;
  border-radius: 0px !important;
  color: #666;
}

.ui.selection.dropdown .menu > .item {
  font-size: 14px;
  color: #666;
}

.theme-well .vdatetime-popup__header,
.theme-well .vdatetime-calendar__month__day--selected>span>span,
.theme-well .vdatetime-calendar__month__day--selected:hover>span>span {
  background: #17a2b8 !important;
}
.theme-well .vdatetime-year-picker__item--selected,
.theme-well .vdatetime-time-picker__item--selected,
.theme-well  .vdatetime-popup__actions__button {
  color: #17a2b8;
}

.project-phase-tabs ul.nav.nav-tabs {
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 2px;
  margin-bottom:0px !important;
  border-bottom: 0px;
}

.project-phase-tabs .nav-item {
  margin-right: 10px;
}

.project-phase-tabs .project-tab-icon {
  width: 15px;
  transform: translateZ(100px);
}

.project-phase-tabs .nav-item .nav-link > span {
  transform: translateZ(100px);
  display: inline-block;
}

.project-phase-tabs .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: transparent;
  color: #429db5;
}

.project-phase-tabs .nav-tabs a {
  position: relative;
  display: inline-block;
  color: inherit;
  text-decoration: none;
  margin: 0px
}

.project-phase-tabs .nav-item .nav-link {
  padding: .5em 3.5em;
  z-index: 1;
  border: 0px !important;
}

.project-phase-tabs .nav-item a::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border: 1px solid #ccc;
  border-style: solid solid none solid;
  color: #ccc !important;
  border-radius: 5px 5px 0px 0px;
  background: #f4f5f7 !important;
  transform: perspective(10px) rotatex(1deg);
  transform-origin: left;
}

.project-phase-tabs.inverted .nav-item a::before {
  background: #fff !important;
}

.project-phase-tabs.inverted .nav-item a.disabled::before {
  background: #ddd !important;
  cursor: not-allowed;
}
.project-phase-tabs .nav-tabs .nav-link.disabled {
  cursor: not-allowed;
}

.project-phase-tabs .nav-item a.active {
  z-index: 2;
}

.project-phase-tabs .nav-item a.active::before {
  background: #fff !important;
  border-top: 4px solid #429db5;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom-color: #fff;
  color: #429db5;
}

.project-phase-tabs.inverted .nav-item a.active::before {
  background: #f4f5f7 !important;
}

.project-phase-tabs .nav-item.disabled {
  background: #f6f7f9;
  color: #666;
  border: 0px !important;
  border-radius: 0px;
}

.project-phase-tabs .nav-tabs .nav-item {
  margin-bottom: -2px;
}

.project-phase-tabs .nav-tabs .nav-item:not(:first-child) {
  margin-left: -5px;
}

.project-phase-tabs ul.nav.nav-tabs:focus {
  outline: none;
}

.phase-status-score {
  padding: 5px 15px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2);
  align-items: center;
  display: flex;
}

.concept-score-span {
  color: #fff;
  background: #666;
  padding: 5px;
  border: 1px solid #666;
  border-radius: 3px;
  min-width: 30px;
  min-height: 30px;
  display: inline-block;
  text-align: center;
}
.sub-part-side-module {
  background: #f8f8f8;
  height: calc(100vh - 70px) !important;
}
.sub-part-side-module .tab-content {
  background: transparent !important;
  border: 0px !important;
  padding-top: 0px;
}

.sub-part-side-module .card-header {
  background: #E9ECEF;
  color: #666;
  font-size: 15px;
  padding: 0.75em 1em;
}

#subPartModal .modal-dialog {
  height: 100vh;
  margin: 0px;
  min-width: 75vw;
  max-width: 65%;
  width: 65% !important;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  transition: all 0.5s ease-in-out;
}

.epModal  #subPartModal .modal-dialog {
  min-width: calc(100vw - 230px) !important;
}

#subPartModal .modal-body {
  overflow-y: scroll;
  max-height: calc(100vh - 60px);
  background: #f4f5f7;
}

#subPartModal .modal-content {
  height: 100vh;
  border-radius: 0px;
  border: 0px;
}

#subPartModal .modal-header {
  background: #E9ECEF;
  color: #666;
  padding: 0px;
  border-bottom: 1px solid #ddd;
}

#subPartModal .modal-title {
  color: black;
  width: 100%;
  line-height: 1 !important;
}

#subPartModal .modal-header button.close {
  display: none;
}

.modal.show .modal-dialog {
  transition: all 0.5s ease-in-out !important;
}

.achievable, .achievable_with_minor_adjustments, .achievable_with_major_adjustments, .not_achievable, .withdrawn, .need_action, .completed, .in_progress, .outstanding {
  padding: 3px 10px;
  font-size: 10px;
  border: 0px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: default !important;
}

.achievable {
  color: #3ba776 !important;
  background: transparent;
  border: 1px solid #3ba776;
}

.achievable_with_minor_adjustments, .achievable_with_major_adjustments {
  color: #F49917 !important;
  background: transparent;
  border: 1px solid #F49917;
}

.not_achievable{
  color: #666 !important;
  background: transparent;
  border:  1px solid #666;
}
.completed {
  color: #3ba776 !important;
  background: transparent;
  border: 1px solid #3ba776;
}

.withdrawn{
  color: #666 !important;
  background: transparent;
  border:  1px solid #666;
}

.in_progress {
  color: #F49917 !important;
  background: transparent;
  border: 1px solid #F49917;
}

.outstanding {
  color: #429db5!important;
  background: transparent;
  border: 1px solid #429db5;
}

.need_action {
  color: rgb(126, 26, 26) !important;
  background: transparent;
  border: 1px solid rgb(126, 26, 26);
}

#subPartModal .modal-header .badge {
  background: #E9ECEF;
}

#subPartModal .subpart-outer-card {
  margin: 0px;
}

#subPartModal .subpart-outer-card .card-body {
  padding: 0px 15px;
}

.card.card-w-image {
  height: 100%;
}

.card.card-w-image .img-top {
  width: 40px;
  height: auto;
  align-items: center;
  vertical-align: middle;
  position: absolute;
  top: -20px;
  right: 0px;
  left: 0px;
  margin: auto;
}

.card.card-w-image.card-img-left .img-top {
  margin: 0px;
  left: 35px;
  width: 30px;
  top: -15px;
}

.card.card-w-image:before {
  width: 80px;
  height: 40px;
  background: #fff;
  content: "";
  position: absolute;
  top: -40px;
  right: 0px;
  left: 0px;
  margin: auto;
  border: 1px solid #ddd;
  border-bottom: 0px;
  border-top-left-radius: 80px;
  border-top-right-radius: 80px;
}

.card.card-w-image.card-img-left:before {
  margin-left: 20px;
  width: 60px;
  height: 30px;
  top: -30px;
}

.card.card-w-image a.link-inline {
  width: fit-content;
}

.card.arrow::after {
  content: "";
  position: absolute;
  height: 100%;
  border-top: 90px solid transparent;
  border-left: 27px solid white;
  border-bottom: 90px solid transparent;
  left: 100%;
}

.card.card-w-image .card-cta {
  bottom: 0px;
  margin: 20px 0px;
  position: absolute;
  left: 10%;
  right: 0px;
  width: 80%;
}

.card.card-w-image .cta-wrapper {
  min-height: 50px;
}

.lock-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  padding-top: 10vh;
  background: #f4f5f7;
  opacity: 0.95;
  text-align: center;
  width: 100%;
}

.lock-overlay.bg-white {
  background: #fff;
}

.status-multiselect .multiselect__single, .status-multiselect .multiselect__tags {
  padding-left: 5px;
  background-color: #f4f5f7;
  border-radius: 0px;
  border-color: #ccc;
  font-size: 14px;
}


.status-multiselect .multiselect__option {
  padding: 8px;
  min-height: 30px;
  line-height: 14px;
  font-size: 14px;
}
.multiselect__single, .multiselect__tags {
  padding-left: 5px;
  border-radius: 0px;
  border-color: #ccc;
  font-size: 14px;
}
.multiselect__option--selected {
  font-weight: 100;
  color: #111;
  background: #fff;
}
.multiselect__option {
  padding: 8px;
  min-height: 30px;
  line-height: 14px;
  font-size: 14px;
}
.multiselect__content-wrapper {
  z-index: 3 !important;
}

.sub-right-pills .nav-pills .nav-link.active,
.sub-right-pills .nav-pills .nav-link.active:hover,
.sub-right-pills .nav-pills .nav-link.active:focus,
.sub-right-pills .nav-pills .nav-link {
  color: #111;
  padding: 8px 18px;
  font-size: 11px;
  font-weight: 700;
  margin-right: 0px;
  margin-bottom: 0px;
  letter-spacing: 0px;
}

#down2.dropdown:hover .dropdown-menu {
  display: block !important;
}

#down1.dropdown:hover .dropdown-menu {
  display: block !important;
}

#subPartModal .popover-header, #subPartModal .popover-body {
  padding: 10px;
}

.custom-control.custom-radio label.custom-control-label {
  font-weight: 300;
  font-size: 0.875rem;
  letter-spacing: 0px;
}

.well-edit-tabs .nav-tabs {
  background: #fff;
  padding-top: 0px;
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

.well-edit-tabs .tab-content {
  padding-left: 0px !important;
}

.well-edit-tabs .nav-tabs .nav-link {
  padding: 10px 15px !important;
  font-size: 0.875rem;
  color:#666;
  border: 0px;
  border-left: 5px solid #ccc;
  background-color: #f4f5f7;
  font-family: 'museo-sans-rounded';
}

.well-edit-tabs .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,
.well-edit-tabs .nav-tabs .nav-link:hover {
  background: #fff !important;
  border: 0px;
  border-left: 5px solid #12A3B4;
  color: #12A3B4;
  border-radius: 0px !important;
}

.well-edit-tabs .nav-tabs .nav-link:hover {
  box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.15);
}

.input-group div.theme-well .vdatetime-input {
  width: 100%;
  height: 100%;
  border: 0px;
  background: transparent;
}

.input-group div.theme-well.vdatetime.form-control {
  padding: 0px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #429db5;
}

.remove-p-mb p {
  margin-bottom: 0px !important;
}

.v1-header-bg-color {
  background: #f7f7f7 !important;
}

.v1-header #v-pills-tab .nav-link, .v1-header #v-pills-tab .nav-link {
  color: #53565a !important;
  font-weight: 300;
  font-family: 'museo-sans';
  line-height: 1.65;
}

.v1-header #v-pills-tab .nav-link:hover,
.v1-header #v-pills-tab .nav-link.active {
  color: #429db5 !important;
}

.v1-header .nav-summary {
  line-height: 1.4;
}

.b-line.b-line-white {
  width: 50px;
  border-width: 2.5px;
  border-style: solid;
  border-color: #fff;
  margin-top: 3%;
  margin-bottom: 3%;
  display: block;
}

.b-line-grey {
  border-color: #53565A;
}

.b-line {
  width: 50px;
  border-top-width: 1.5px;
  border-style: solid;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}

.rounded-lnr {
  width: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #999;
  background: white;
}
body {
  font-family: 'museo-sans-rounded' !important;
  font-style: normal !important;
  font-weight: 300 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'museo-sans-rounded';
  font-style: normal;
  font-weight: 500;
}

blockquote,
blockquote p {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 500;
}

.nav a,
.btn,
a.btn,
a.btn-sm {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 400;
}

.nav-tabs .nav-item {
  margin-bottom: -3px;
}

.mb20 {
  margin-bottom: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.ion-navicon-round {
  font-size: 20px;
  color: #666;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
  padding-right: 10px;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

/*css by Gaurav*/

.dropdown-menu {
  padding: 0px 10px !important;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px !important;
}

.dropdown-submenu>ul>li>a,
.dropdown>ul>li>a {
  color: #666;
  font-weight: 500;
  padding: 0px 10px;
  display: block;
  cursor: pointer;
}

.dropdown-menu .dropdown-submenu.pull-left>.dropdown-menu {
  max-width: 150px !important;
}

.dropdown ul {
  padding: 0px !important;
  border: 0px !important;
}

.dropdown-submenu>ul>li>a:hover,
.dropdown>ul>li>a:hover {
  color: #0C9DB0 !important;
}

.dropdown-submenu>ul>li,
.dropdown>ul>li {
  border-bottom: 2px solid #f6f7f9;
}

.dropdown-submenu>ul>li,
.dropdown>ul>li {
  display: block;
  padding: 10px 0px;
  margin: 0px;
}

.dropdown-submenu li:hover,
.dropdown li:hover {
  text-decoration-color: #0C9DB0;
}

.feedback-icon {
  background: #429db5;
  border: 1px solid #429db5;
  transition: all 0.2s ease-in;
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.18), 0 4px 8px rgba(0, 0, 0, .36);
}

.feedback-icon a {
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  padding: 5px 15px;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.feedback-icon a:hover {
  color: #fff;
  opacity: 0.5;
}

#btnRightMenu>.icon {
  padding-top: 3px;
}

.show-right .feedback-icon {
  transition: all 0.2s ease-out;
}

.feedback-txtarea {
  background: #ddd;
  border-radius: 0px;
  border: 0px;
  resize: none;
}

.feedback-section {
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  height: 230px;
  overflow-y: auto;
  background: #fff;
}

.feedback-list-group {
  padding-bottom: 210px;
  overflow-y: auto;
  position: relative;
  max-height: 80vh;
}

.feedback-list-group .list-group-item {
  color: #111;
  line-height: 1.5;
  font-weight: 100;
  font-size: 14px;
}

.feedback-list-group .list-group-item>p {
  margin-bottom: 10px;
}

.feedback-list-group .list-group-item:hover {
  z-index: 0;
}

/*textEditor css*/

.ql-formats {
  margin-right: 0px !important;
  margin-bottom: 0px !important;
}

.ql-snow .ql-toolbar button svg,
.quillWrapper .ql-snow.ql-toolbar button svg {
  width: 15px !important;
  height: 15px !important;
}

.ql-editor {
  min-height: 80px !important;
  position: relative !important;
  font-size: 12px !important;
}

.part-requirement table {
  margin-top: 20px !important;
  font-size: 14px !important;
}

.quillWrapper.form-control.feedback-txtarea.pd-y-10.tx-13 {
  padding: 0px !important;
}

div#btnRightMenu .icon {
  color: white;
  margin-top: 3px;
}

#btnLeftMenu:hover {
  cursor: pointer;
}

.feature-part-text table>tbody>tr>td {
  font-size: 14px;
}

.feature-part-text table {
  margin-top: 10px;
}

.feature-part-text table>tbody>tr>td>p>b {
  font-weight: bold;
  font-size: 16px;
}

.br-sideleft::-webkit-scrollbar {
  width: 0 !important
}

.br-sideleft {
  -ms-overflow-style: none !important;
}

.appendix-header {
  background-color: #429db5;
  color: white;
  font-family: "museo-slab", serif;
}

.feature-part-text ol li ol,
.feature-part-text ol li ul {
  margin-top: 10px;
}

.ql-editor {
  overflow-y: scroll !important;
  height: 80px !important;
}

.feedback-section a.btn {
  color: white !important;
}

table.table-responsive {
  display: table;
}

div.separator {
  border-bottom: 1px solid #999;
}

body.with-subleft.collapsed-menu a.br-menu-link.concept-child img.menu-item-icon {
  width: 45px;
}

body.with-subleft a.br-menu-link,
body.with-subleft.expand-menu a.br-menu-link {
  margin: 4px 15px;
}

body.with-subleft.collapsed-menu:not(.expand-menu) a.br-menu-link {
  margin: 0px;
}

body.with-subleft.collapsed-menu:not(.expand-menu) a.br-menu-link img,
body.with-subleft.collapsed-menu:not(.expand-menu) a.br-menu-link .fa {
  margin: auto;
}

body.with-subleft.collapsed-menu:not(.expand-menu) .nav-sub-heading {
  opacity: 0;
  max-height: 22px;
}

body.with-subleft.collapsed-menu:not(.expand-menu) .br-menu-item span.lnr,
body.with-subleft.collapsed-menu:not(.expand-menu) .br-menu-item i.ni {
  justify-content: center;
  display: flex;
  width: 55px;
}

body.with-subleft .nav-sub-heading {
  opacity: 1;
}

body.with-subleft a.br-menu-link.concept-child img.menu-item-icon,
body.with-subleft.expand-menu a.br-menu-link.concept-child img.menu-item-icon {
  width: 40px;
}

body.with-subleft a.br-menu-link.concept-child span.menu-item-label,
body.with-subleft.expand-menu a.br-menu-link.concept-child span.menu-item-label {
  font-size: 0.8rem;
  font-weight: 500;
}

.concept-child.active span.menu-item-label {
  color: white;
}

.br-menu-link:hover img {
  filter: brightness(0) invert(1);
}

.br-menu-link:hover span.menu-item-label,
.br-menu-link:hover span.lnr {
  color: white;
}

span.certification-cap {
  text-transform: capitalize;
}

span.help {
  color: #ECA458;
  font-weight: 300;
}

#feature-details-accordian .card {
  border: 0px !important;
}

.well-admin-table.table-responsive {
  font-size: 14px;
  font-weight: 300;
}

.well-admin-table tbody>tr>td {
  padding: 10px;
  line-height: 1.5;
  font-size: 14px;
  max-width: 200px;
  white-space: initial !important
}

.date-picker input {
  padding: 0.4em 0.5em !important;
  font-size: 100% !important;
  border: 1px solid #ccc !important;
  width: 100% !important;
  background: #f6f7f9;
}

img.prj-mod-img {
  max-height: 450px;
  max-width: 450px;
}

.is-danger {
  color: red;
  font-size: 12px !important;
}

.slide-fade-enter-active {
  transition: all 2s ease;
}

.slide-fade-leave-active {
  transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

#v2-select .autocomplete ul {
  margin-top: 0px !important;
  overflow-y: scroll !important;
  max-height: 200px;
  z-index: 1000;
  width: 100%;
}

#v2-select .autocomplete ul .focus-list a {
  background: #429db5 !important;
}

.v1-signup .dropdown-menu {
  background: #429db5;
  left: -65px;
  margin: 5px 0px;
  padding: 0px !important;
}

.v1-signup .dropdown-menu a {
  color: white !important;
  padding: 5px 10px !important;
}

.v1-signup .dropdown-menu a:hover {
  background: #60b0c4 !important;
}
.input-group-append .btn,
.input-group-prepend .btn {
  z-index: 0 !important;
}

.w-break {
  word-break: break-all;
}

.vdatetime-popup__body {
  min-height: 375px;
}

.table-borderless td,
.table-borderless th {
  border: 0;
  border-bottom: 1px solid #dee2e6;
}

.table-borderless tbody>tr {
  background-color: #fff;
}

.table-borderless thead>tr {
  background-color: #f4f5f7;
}

.full-width-modal {
  max-width: 100% !important;
}

.white-dropdown.dropdown .dropdown-toggle {
  background: white;
  color: #656565;
  padding: 10px;
  border: none !important;
  letter-spacing: 1.1px;
  width: 100% !important;
  font-family: 'museo-sans' !important;
  font-style: normal !important;
}

.white-dropdown.dropdown .dropdown-toggle::after {
  float:right
}

.button-sup-10 {
  bottom: 10px;
  position: relative;
}

.multiselect.bg-white .multiselect__select,
.multiselect.bg-white .multiselect__tags,
.multiselect.bg-white .multiselect__single {
    background: white;
}

.el-switch__label.is-active {
  color: #67696d !important;
}
.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #67696d !important;
}
.el-checkbox__input  {
  zoom: 1.2;
}
.el-checkbox__inner::after {
  top: 0px;
  left: 4px !important
}