/**************
  BASE 
**************/

body.defaultColors {
  color: #bcc8ce;
}
body.defaultColors a {
  color: #9e9f9f;
}
body.defaultColors a:focus {
  color: #111;
}
body.defaultColors a:hover:not(.noHover) {
  color: #c52d2f;
}
body.defaultColors a.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
body.defaultColors .error {
  color: #00d8e6;
}
body.defaultColors .btn-danger {
  background-color: #d30000;
  border-color: #d30000;
}

/* forms */
.defaultColors .formStyleWrapper {
  background-color: #263238;
}
.defaultColors .formStyleWrapper select {
  background-color: transparent;
  color: #cfd8dc;
}
.defaultColors .formStyleWrapper select:disabled {
  background-color: #3c535e;
  color: #3c535e;
  border-color: #3c535e;
}
.defaultColors .formStyleWrapper select option {
  color: #000;
}
.defaultColors #app .form-control {
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
}

/* modal */
body.defaultColors .modal-dialog {
  color: #4e4e4e;
}
body.defaultColors .modal-dialog .modal-header .close {
  color: #000;
}

/* modal - poll */
body.defaultColors
  #pollModal
  .modal-dialog
  .modal-content
  .modal-footer
  button {
  background-color: #455a64;
  color: #eceff1;
}
body.defaultColors #pollModal .pollContainer .question {
  color: #263238;
}
body.defaultColors #pollModal .pollContainer .optionContainer.withBorder {
  border-bottom: 1px solid #cfd8dc;
}
body.defaultColors #pollModal .pollContainer .optionContainer .instruction {
  color: #78909c;
}
body.defaultColors
  #pollModal
  .pollContainer
  .optionContainer
  .option
  input[type="radio"]
  + label
  .letter {
  color: #ececec;
  border: 1px solid #ececec;
}
body.defaultColors
  #pollModal
  .pollContainer
  .optionContainer
  .option
  input[type="radio"]
  + label
  .letter.selected {
  border-color: #67bb6a;
  color: #67bb6a;
}
body.defaultColors
  #pollModal
  .pollContainer
  .optionContainer
  .option
  input[type="radio"]
  + label
  .optText {
  color: #78909c;
}
body.defaultColors
  #pollModal
  .pollContainer
  .resultContainer
  .toggleGroup
  .switchBtns {
  background-color: #78909c;
  color: #fff;
}
body.defaultColors
  #pollModal
  .pollContainer
  .resultContainer
  .toggleGroup
  .switchBtns.selected {
  background-color: #00d8e6;
}
body.defaultColors #pollModal .pollContainer .keyContainer .optLetter {
  color: white;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .leftCol {
  background: linear-gradient(
    0deg,
    rgba(190, 204, 211, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div.notEarned
  .row
  .leftCol {
  background: linear-gradient(
    135deg,
    rgba(69, 90, 100, 1) 0%,
    rgba(84, 110, 122, 1) 100%
  );
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .rightCol
  .wrapper
  .title {
  color: #b0bec5;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .rightCol
  .wrapper
  .earnBadge {
  background-color: #00d8e6;
  color: #fff;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .rightCol
  .wrapper
  .earnBadge.notEarned {
  background-color: transparent;
  border: 1px solid #00d8e6;
  color: #00d8e6;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .bottom {
  border-top: 1px solid #cfd8dc;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .bottom
  p {
  color: #78909c;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .bottom
  .links
  a {
  color: #78909c;
}
body.defaultColors
  #badgesModal
  .modal-dialog
  .modal-content
  .modal-body
  > div
  .row
  .bottom
  .links
  a.unchecked {
  color: #b0bec5;
}
body.defaultColors #filterModal .selectorBox .btn {
  background-color: #263238;
  color: #cfd8dc;
}
body.defaultColors #filterModal .selectorBox .btn .radio {
  border: 2px solid #cfd8dc;
}
body.defaultColors #filterModal .selectorBox .btn.selected .radio:after {
  background-color: #cfd8dc;
}
body.defaultColors #uploadImage .picWrapper .profilePhoto,
body.defaultColors #uploadImage .picWrapper .preview {
  border: 1px solid #d6d6d6;
}
body.defaultColors #uploadImage .warning {
  color: #dc3545;
}
body.defaultColors #uploadImage .warning.success {
  color: #109815;
}

/**************
  COMPONENTS 
/**************

/* Topbar */
.defaultColors #app .topBar .navTitle {
  color: #475467;
}
.defaultColors #app .topBar .navBackBtn {
  color: #475467;
}
.defaultColors #app .topBar .navbar-light .navbar-toggler,
.defaultColors #app .topBar .navbar-light .navbar-toggler:focus {
  color: #475467;
  border: 0;
  outline: 0;
}
.defaultColors
  #app
  .topBar
  .navbar-light
  .navbar-toggler[aria-expanded="true"] {
  color: #5bdcc6;
}
.defaultColors #app .topBar .navbar {
  background-color: #fff !important;
}

.defaultColors #app .topBar .navbar .notifications .notificationBadge,
.defaultColors #app .topBar .navbar .pill {
  background: #00a3ad;
  color: #fff;
}

.defaultColors #app .topBar .navbar .navbar-collapse.show > ul {
  border-left: 1px solid #d0d5dd;
  border-right: 1px solid #d0d5dd;
}
.defaultColors #app .topBar .navbar .navbar-collapse.show > ul:last-child {
  border-top: 1px solid #d0d5dd;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .dropdown-menu
  .dropdown-item {
  color: #475467;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .dropdown-menu
  li:not(.disabled):hover
  .dropdown-item,
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .dropdown-menu
  li:not(.disabled):hover
  .dropdown-item
  i {
  color: #fff;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item
  ul.dropdown-menu
  li:not(.disabled):hover {
  background-color: #d30000;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav.offlineMenu
  .nav-item
  ul.dropdown-menu
  li.myProfile:hover {
  background-color: #546e7a;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .dropdown-menu
  .dropdown-item:hover {
  background-color: transparent;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item
  .nav-link,
.defaultColors #app .topBar .navbar .menuBtnIcon {
  color: #475467;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item
  .nav-link.router-link-exact-active,
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item.hasSubNav
  .nav-link.router-link-active,
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item.hasSubNav.active
  .nav-link,
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item.dropdown.mainNavBtn.active {
  border-color: #00a3ad;
  font-weight: bold;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item
  ul.dropdown-menu
  li.disabled
  .dropdown-item,
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav
  .nav-item
  ul.dropdown-menu
  li.disabled
  .dropdown-item
  .menuBtnIcon {
  color: #c4c9cb;
}
.defaultColors
  #app
  .topBar
  .navbar
  .navbar-collapse
  .navbar-nav.offlineMenu
  .nav-item
  ul.dropdown-menu
  li.myProfile:hover {
  background-color: transparent;
}
@media (max-width: 767px) {
  .defaultColors #app .topBar .navbar .navbar-collapse .dropdown-menu {
    background-color: transparent;
  }
  .defaultColors #app .topBar .navbar .navbar-collapse .navbar-nav {
    background-color: #fff;
  }
  .defaultColors #app .topBar .navbar .navbar-collapse .navbar-nav .nav-item {
    border-bottom: 1px solid #d0d5dd;
  }
  .defaultColors
    #app
    .topBar
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item.dropdown
    .userName {
    color: #90a4ae;
  }
  .defaultColors
    #app
    .topBar
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item
    .nav-link.router-link-exact-active,
  .defaultColors
    #app
    .topBar
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item.hasSubNav
    .nav-link.router-link-active,
  .defaultColors
    #app
    .topBar
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item.hasSubNav
    .dropdown-menu
    .active {
    background-color: #d30000;
    color: #fff;
  }
  .defaultColors
    #app
    .topBar
    .navbar
    .navbar-collapse
    .navbar-nav
    .nav-item.hasSubNav
    .dropdown-menu
    .active
    .dropdown-item {
    color: #fff;
  }
}

/* Topbar -sub */
.defaultColors #app .subTopBar {
  background-color: #e4e7ec;
}
.defaultColors #app .subTopBar .rightSideContainer > div {
  color: #263238;
}

/* Topbar - BaseBackBtnBar */
.defaultColors #app .mainContainer .titleBar,
.defaultColors #app .mainContainer .titleBar-sm {
  background-color: #e4e7ec;
  color: #000;
}

/* search input */
.defaultColors #app .fa-search,
.defaultColors #app .resetSearchBtn {
  color: #263238;
}

/* footer */
.defaultColors #app .footer {
  background-color: #fcfcfd;
}
.defaultColors #app .footer,
.defaultColors #app .footer .wrapper p a {
  color: #98a2b3;
}
.footer.collapsibleFooter .chevron svg {
  stroke: #98a2b3;
}

/* multiselect */
.defaultColors .multiselect__tags {
  background: #263238;
}
.defaultColors .multiselect__tag {
  background: #d30000;
}
.defaultColors .multiselect__input,
.defaultColors .multiselect__single {
  background-color: transparent;
  color: #cfd8dc;
}
.defaultColors .multiselect__tag-icon:after {
  color: #fff;
}
.defaultColors .multiselect__tag-icon:focus,
.defaultColors .multiselect__tag-icon:hover {
  background: #d30000;
}
.defaultColors .multiselect__option--highlight {
  background: #00a3ad;
}
.defaultColors .multiselect__placeholder {
  color: #cfd8dc;
}
.defaultColors .multiselect__select:before {
  color: #cfd8dc;
}

/* Curricula */
.defaultColors #app .mainContainer .row .curriculumLeftCol .curriculumImage {
  background-color: #78909c;
}

.defaultColors #app .assetLanding.contentLaunchPage .row .thumbnail div {
  background-color: #78909c;
}

/* Base Asset Box */
.defaultColors #app .mainContainer .row .boxContainer .boxImg,
.defaultColors #app .mainContainer .row .squareBoxContainer .imgBox,
.defaultColors #app .mainContainer .row .boxContainer .imgBox {
  background-color: #78909c;
}
.defaultColors #app .mainContainer .row .boxContainer .boxContent {
  background-color: #fff;
}
.defaultColors #app .mainContainer .row .boxContainer .boxContent .title {
  color: #083050;
}
.defaultColors #app .mainContainer .row .boxContainer .boxContent .description {
  color: #546e7a;
}
.defaultColors #app .mainContainer .row .boxContainer .wrapper .boxFavBtn {
  color: #4e4e4e;
}
.defaultColors
  #app
  .mainContainer
  .row
  .boxContainer
  .wrapper
  .boxFavBtn
  .fa-star {
  color: #f4ad60;
}
.defaultColors #app .mainContainer .row .boxContainer.listView .boxWrapper {
  background-color: #fff;
}

/* progress circle */
.defaultColors #app .progressCircle circle:first-of-type {
  fill: #263238;
}
.defaultColors #app .progressCircle p {
  color: #fff;
}
.defaultColors #app .progressCircle p.percentage {
  color: #00d8e6;
}
.defaultColors #app .home .progressCircle circle:first-of-type {
  fill: transparent;
}
.defaultColors #app .home .progressCircle p {
  color: #fff;
}

/* due badge */
.defaultColors #app .dueBadges > div {
  border: 1px solid #00d8e6;
  color: #00d8e6;
}
.defaultColors #app .dueBadges .inProgress {
  background-color: #00d8e6;
  color: #fff;
}
.defaultColors #app .upNextDueBadges > div {
  border: none;
  background-color: #94f3da;
  color: #002c43;
}
.defaultColors #app .upNextDueBadges > div.dueToday {
  background-color: #fedf89;
  color: #7a2e0e;
}
.defaultColors #app .upNextDueBadges > div.overDue {
  background-color: #ffc4ad;
  color: #7a092b;
}
.defaultColors #app .upNextDueBadges > div.noDueDate {
  background-color: #ddd;
  color: #333;
}

/* no items found */
.defaultColors #app h2.noItemFound {
  color: #667085;
}
.defaultColors #app .library .expandViewContainer h2.noItemFound,
.leaderboards h2.noItemFound,
.defaultColors #app .certificates h2.noItemFound {
  color: #667085;
}

/* pollBox */
.defaultColors #app .pollBox {
  background: #fff;
}
.defaultColors #app .pollBox .imgBox {
  background-color: #cfd8dc;
}
.defaultColors #app .pollBox .titleBox {
  background: #fff;
}
.defaultColors #app .pollBox .titleBox > .wrapper {
  color: #263238;
}
.defaultColors #app .pollBox .btnBox .btn {
  background: #4caf50;
  color: #fff;
}
.defaultColors #app .pollBox .btnBox .btn.completed {
  background: #455a64;
}

/* session box */
.defaultColors #app .sessionBox {
  background-color: #fff;
}
.defaultColors #app .sessionBox .timeBlock {
  border-right: 1px solid #cfd8dc;
  color: #00a3ad;
}
.defaultColors #app .sessionBox .titleBlock .title {
  color: #263238;
}
.defaultColors #app .sessionBox .titleBlock .location {
  color: #78909c;
}
.defaultColors #app .sessionBox .arrowBlock .detailArrow {
  border-left: 20px solid #78909c;
}

/* square box */
.defaultColors #app .squareBox .titleBox {
  background: #fff;
}
.defaultColors #app .squareBox .titleBox .wrapper {
  color: #263238;
}

/**************
  VIEWS 
**************/

/* Login View */
.defaultColors #app .login {
  color: #606468;
}
.defaultColors #app .login .wrapper {
  background-color: #fff;
}
.defaultColors #app .login .wrapper .title {
  color: #000;
}
.defaultColors #app .login .wrapper form .form-group {
  color: #78909c;
}
.defaultColors #app .login .footer {
  background-color: transparent;
}

/* Home View */
.defaultColors #app .welcome {
  color: #000;
}
.defaultColors #app .home.mainContainer .row .boxContainer .boxContent {
  background-color: transparent;
}
.defaultColors #app .home.mainContainer .upNext .sectionTitle,
.defaultColors #app .home.mainContainer .featuredSection .sectionTitle {
  color: #667085;
}
.defaultColors #app .home.mainContainer .upNext .sectionTitle em {
  color: #d30000;
}
.defaultColors #app .home.mainContainer .upNext .wellDoneContainer .wrapper {
  background: #fff;
  color: #98a2b3;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.defaultColors
  #app
  .home.mainContainer
  .upNext
  .wellDoneContainer
  .wrapper
  .checkMark {
  background-color: #60b527;
}
.defaultColors
  #app
  .home.mainContainer
  .upNext
  .wellDoneContainer
  .wrapper
  .checkMark
  svg {
  stroke: #e6fbc7;
}
.defaultColors
  #app
  .home.mainContainer
  .upNext
  .wellDoneContainer
  .wrapper
  .checkMark
  .wellDone {
  color: #026e78;
}

/* Home Box (part of Home view)*/
.defaultColors #app .home .progressTile .boxContainerWrapper {
  background: linear-gradient(90deg, #007880 0%, #00a3ad 100%);
}
.defaultColors #app .home .progressTile .boxContainerWrapper .boxContent {
  color: #fff;
}
.defaultColors
  #app
  .home
  .progressTile
  .boxContainerWrapper
  .boxContent
  .inProgress {
  background-color: #00d8e6;
  color: #fff;
}
.defaultColors #app .home .progressTile .boxContainerWrapper .continueBtn {
  color: #344054;
  border: 2px solid #026e78;
  background: #fff;
}
.defaultColors #app .mainContainer .row .upNextBox .boxImg {
  background-color: #78909c;
}
.defaultColors #app .home .upNextBox .boxWrapper,
.defaultColors #app .home .featuredSection .boxWrapper {
  background: #fff;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.defaultColors #app .home .featuredBox .boxWrapper .boxContent .title,
.defaultColors #app .home .upNextBox .boxWrapper .boxContent .title {
  color: #101828;
}
.defaultColors #app .home .upNextBox .boxWrapper .boxContent .startTxt {
  color: #026e78;
}
.defaultColors
  #app
  .home
  .featuredBox
  .boxWrapper
  .boxContent
  .madeAvailableOn {
  color: #98a2b3;
}
.defaultColors #app .home .featuredBox .boxWrapper .arrowBtn {
  background: #ffffff;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px rgba(198, 228, 246, 0.05);
}
.defaultColors #app .home .featuredBox .boxWrapper .arrowBtn svg {
  stroke: #344054;
}

/* To Do View */
.defaultColors #app .todo h2.noItemFound {
  color: #667085;
}
.defaultColors #app .todo .row .title {
  color: #667085;
}
.defaultColors #app .todo .row .title.overdue {
  color: #7a092b;
}
.defaultColors #app .todo .row .title.dueThisWeek {
  color: #002c43;
}
.defaultColors #app .todo .row .title.noDueDate {
  color: #333;
}
.defaultColors #app .todo .row .title.dueInToday {
  color: #7a2e0e;
}
.defaultColors #app .todo .row .title.dueInFuture {
  color: #002c43;
}

/* Library View */

/* Curriculum View */
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol {
  background-color: #d1d1d1;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol
  .assetBox {
  border-top: 1px solid #546e7a;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol
  .assetBox
  .assetList:not(:last-child):before {
  background-color: #000;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol
  .assetBox
  .assetList
  .assetIcon {
  border: 2px solid #000;
  background-color: #263238;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol
  .assetBox
  .assetList
  .assetIcon.completed {
  border-color: #657c87;
  background-color: #657c87;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol
  .assetBox
  .assetList.selected
  .assetIcon {
  border: 1px solid #d30000 !important;
  background-color: #d30000;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumLeftCol
  .assetBox
  .assetList
  .assetTitle {
  color: #000;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .BGBlurCrop
  .assetBG
  .overlay {
  background: linear-gradient(
    0deg,
    rgb(228 228 228 / 90%) 9.23%,
    rgb(255 255 255 / 44%) 68.66%,
    rgb(216 216 216 / 27%) 90.04%,
    rgba(27, 36, 43, 0.2) 99.49%
  );
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetInfo {
  color: #000;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .smallerScreenNav {
  background: #263238;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .smallerScreenNav
  .progressRow
  .totalAssets {
  background-color: #f5f5f5;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .smallerScreenNav
  .progressRow
  .completedAseets {
  background-color: #f15e5e;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .smallerScreenNav
  .progressRow
  .completedAseets
  .percentageTxt {
  color: #4e4e4e;
}

/* Curriculum View -  default landing*/
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .title {
  color: #000;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .openBtn {
  color: #000;
  background-color: #4caf50;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .downloadBtn {
  color: #4caf50;
  background-color: #fff;
  border-color: #4caf50;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .lockedeBtn,
.defaultColors #app .pollBox .btnBox .btn.disabled {
  color: #253138;
  background-color: #00d8e6;
}

.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .lockedeBtn
  .fa {
  color: #253138;
}

.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .syncingBtn {
  color: #fff;
  background-color: #455a64;
}

.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .failedSyncBtn {
  color: #fff;
  background-color: #455a64;
}

.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .defaultBtns,
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .buttonContainer
  .videoCoachingStatus {
  color: #000;
}
.defaultColors
  #app
  .curriculum.mainContainer
  .container-fluid
  .curriculumRightCol
  .assetLanding
  .container
  .description {
  color: #000;
}

/* Events View */
.defaultColors #app .events .container .evtGroup .col {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.defaultColors #app .events .container .evtGroup .evtText .title {
  color: #101828;
}
.defaultColors #app .events .container .evtGroup .evtText .dates {
  color: #fff;
  background-color: #00a3ad;
}
.defaultColors #app .events .container .evtGroup .evtText .location {
  color: #00a3ad;
}
.defaultColors #app .events .container .evtGroup .evtText .description {
  color: #98a2b3;
}

/* Events Detail View */
.defaultColors #app .eventDetails.mainContainer,
.defaultColors #app .eventDetails.mainContainer .container-fluid {
  background-color: #eeeeee;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol {
  background-color: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol
  .eventTimeLocation
  .dates {
  color: #fafafa;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol
  .eventTimeLocation
  .location {
  color: #00a3ad;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol
  .eventBox {
  border-top: 1px solid #546e7a;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol
  .eventBox
  .eventList {
  border-bottom: 1px solid #546e7a;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol
  .eventBox
  .eventList
  .eventIcon {
  background-color: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailLeftCol
  .eventBox
  .eventList
  .eventTitle {
  color: #eceff1;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .smallerScreenNav {
  background: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .daySelectorBar {
  border-bottom: 2px solid #263238;
  color: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .daySelectorBar
  .scrollBtn.disabled {
  color: #c9d2d6;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .daySelectorBar
  .sessionDaysMask
  .sessionDays
  .sessionDay.selected
  .wrapper {
  border-color: #00a3ad;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .detailDate {
  color: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .row.noItem
  h2.noItemFound {
  color: #667085;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox:not(.noItem) {
  background-color: #fff;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox:not(.noItem)
  .title {
  color: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox:not(.noItem)
  .ranks {
  color: #849aa4;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox:not(.noItem)
  .ranks
  .myRank {
  color: #263238;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox:not(.noItem):after {
  border-left: 22px solid #78909c;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox.hide {
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
}
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox.hide:not(.noItem)
  .title,
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox.hide:not(.noItem)
  .rank,
.defaultColors
  #app
  .eventDetails.mainContainer
  .container-fluid
  .eventDetailRightCol
  .detailContainer
  .leaderboardBox.hide:not(.noItem)
  .rank
  .myRank {
  color: #cacaca;
}

/* Event Session Detail View */
.defaultColors #app .eventSessionDetails.mainContainer {
  background-color: #cfd8dc;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .basicInfo {
  background-color: #fff;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .basicInfo .sessionTitle {
  color: #263238;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .basicInfo .sessionLocation {
  color: #78909c;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .basicInfo .sessionDescription {
  color: #78909c;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .basicInfo .dateTime {
  color: #00a3ad;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .basicInfo .duration {
  color: #00a3ad;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .tabConainer .tabs {
  background-color: #026e78;
  color: #fff;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .tabConainer .tabs.selected {
  background-color: #00a3ad;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .tabConainer-sm {
  background: #455a64;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .tabConainer-sm select {
  color: #263238;
  background-color: #cfd8dc;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .infoContents>.wrapper {
  background: #00a3ad;
}

@media screen and (max-width: 767px) {
  .defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .infoContents>.wrapper {
    background: none;
  }
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .infoContents .wrapper .boxTitle {
  color: #fff;
}

.defaultColors #app .eventSessionDetails.mainContainer .container-fluid .additionalInfo .infoContents .wrapper .boxContainer .box.Speakers .imgBox {
  background-color: #fff;
}

/* Merits View */
.defaultColors #app .mertis .container .mertisBox {
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.defaultColors #app .mertis .container .mertisBox .title {
  color: #101828;
}
.defaultColors #app .mertis .container .mertisBox .icon svg {
  fill: #00a3ad;
}
.defaultColors #app .mertis .container .mertisBox .disabledMsg {
  color: #b9bdc1;
}
.defaultColors #app .mertis .container .mertisBox.disabled {
  background-color: #e4e7ec;
  color: #b9bdc1;
}
.defaultColors #app .mertis .container .mertisBox.disabled .icon svg {
  fill: #b9bdc1;
}

/* badges */
.defaultColors #app .badges .container .badgeBox {
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  background-color: #fff;
}
.defaultColors #app .badges .container .badgeBox .badgeBoxTitle {
  color: #101828;
}
.defaultColors #app .badges .container .badgeBox.notEarned {
  background-color: #e4e7ec;
}
.defaultColors #app .badges .container .badgeBox.notEarned .badgeBoxTitle {
  color: #b9bdc1;
}

/* Leaderboards View */
.defaultColors #app .leaderboards.mainContainer .backBtnBar {
  background-color: #455a64;
}
.defaultColors #app .leaderboards .container-fluid {
  background-color: #eeeeee;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox {
  background-color: #fff;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox.hide {
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox .title {
  color: #263238;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox.hide .title,
.defaultColors
  #app
  .leaderboards
  .container-fluid
  .leaderboardBox.hide
  .message {
  color: #cacaca;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox .ranks {
  color: #849aa4;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox .myRank {
  color: #263238;
}
.defaultColors #app .leaderboards .container-fluid .leaderboardBox:after {
  border-left: 22px solid #78909c;
}
.defaultColors #app .leaderboards .container-fluid .noItemsFound h2 {
  color: #263238;
}

/* Leaderboards Table View */
.defaultColors #app .leaderboardTable {
  background-color: #eeeeee;
}
.defaultColors #app .leaderboardTable.mainContainer .backBtnBar {
  background-color: #455a64;
}
.defaultColors
  #app
  .leaderboardTable.mainContainer
  .backBtnBar
  .titleBar
  .switchBox
  .btn {
  background-color: #78909c;
  color: #fff;
}
.defaultColors
  #app
  .leaderboardTable.mainContainer
  .backBtnBar
  .titleBar
  .switchBox
  .btn.selected {
  background-color: #00d8e6;
}
.defaultColors
  #app
  .leaderboardTable.mainContainer
  .backBtnBar
  .titleBar
  .selectorBox {
  background-color: #263238;
}
.defaultColors
  #app
  .leaderboardTable.mainContainer
  .backBtnBar
  .titleBar
  .selectorBox
  select {
  background: none;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAANBAMAAABWYCMqAAAAMFBMVEUAAAD////P2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NzP2NyEY9+EAAAAD3RSTlMAABAgMEBQYHCAn6+/z++Zq+PDAAAAXUlEQVQIW2MQhAEGIQUGEGCbxCD3BMzy+8og+88ByGB+v4FB6D5IUPevAoOALkjw/GMGBgEmoCAXiCfAABSs/84AYjHdf/m/Acxi0P3/iwHCYrp/Acpi0ALbA7cXACRsG0MLxwteAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 93% center;
  color: #cfd8dc;
}
.defaultColors #app .leaderboardTable.mainContainer .backBtnBar .titleBar-sm {
  background-color: #455a64;
}
.defaultColors #app .leaderboardTable .container-fluid {
  background-color: #263238;
}
.defaultColors #app .leaderboardTable .container-fluid .rankingTable {
  background-color: #fff;
}
.defaultColors #app .leaderboardTable .container-fluid .row .titleCol .title {
  color: #fff;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid
  .row
  .myRankingCol
  .title {
  color: #00d8e6;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid
  .row
  .myRankingCol
  .rankingTable
  .RankBox {
  background-color: #00d8e6;
  color: #fff;
  border-right-color: #263238;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid
  .row
  .myRankingCol
  .rankingTable
  .NameBox {
  color: #263238;
}
.defaultColors #app .leaderboardTable .container-fluid.bottom {
  background-color: #eeeeee;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .cell {
  border: 1px solid #eeeeee;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .cell.RankBox {
  color: #455a64;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .cell.NameBox,
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .cell.PointsBox {
  color: #546e7a;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .headerRow
  .headers {
  color: #fff;
  border-right-color: #fff;
  background-color: #78909c;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .headerRow
  .headers
  .fa {
  color: #546e7a;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .headerRow
  .headers.selected {
  background-color: #455a64;
}
.defaultColors
  #app
  .leaderboardTable
  .container-fluid.bottom
  .rankingTable
  .headerRow
  .headers.selected
  .fa {
  color: #fff;
}
.defaultColors #app .leaderboardTable .container-fluid.bottom .noItemsFound h2 {
  color: #263238;
}

/* new notification colors */
.defaultColors .NotificationSC .close {
  color: #475467;
}
.defaultColors .NotificationSC .notificationTitle .newNotificationBadge,
.defaultColors .notificationConainer .assetLink .icon {
  background-color: #00d8e6;
}
.defaultColors .NotificationSC .notificationConainer .assetLink .redDot {
  color: #00d8e6;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.NewEvent {
  background-color: #20c437;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.NewCurriculaAssigned {
  background-color: #1e71b6;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.EventUpdated {
  background-color: #a5e39d;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.DueIn7Days {
  background-color: #cdfaec;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.DueIn4Days {
  background-color: #bbf8e6;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.DueIn1Day {
  background-color: #94f3da;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.DueToday {
  background-color: #fedf89;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.OverdueBy1Day {
  background-color: #ffc4ad;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.OverdueBy7Days {
  background-color: #ff8657;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.Announcement {
  background-color: #d0b5ea;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.BadgeEarned {
  background-color: #621fbd;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.LeaderboardPointsAwarded {
  background-color: #9e6dd4;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.AssetReadyForReview,
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.AssetReviewed {
  background-color: #d979d9;
}
.defaultColors
  .nottifications
  .NotificationSC
  .notificationConainer
  .assetLink
  .icon.AssetReviewerSelectionRequired {
  background-color: #ba43ba;
}

/* Forgot Password View */
.defaultColors #app .forgotPassword,
.defaultColors #app .resetPassword {
  color: #606468;
}
.defaultColors #app .forgotPassword .wrapper,
.defaultColors #app .resetPassword .wrapper {
  background-color: #fff;
}
.defaultColors #app .forgotPassword .wrapper .title,
.defaultColors #app .resetPassword .wrapper .title {
  color: #083050;
}
.defaultColors #app .forgotPassword .wrapper form .form-group,
.defaultColors #app .resetPassword .wrapper form .form-group {
  color: #78909c;
}
.defaultColors #app .forgotPassword .footer,
.defaultColors #app .resetPassword .footer {
  background-color: transparent;
  color: #78909c;
}
.defaultColors #app .forgotPassword .footer p a,
.defaultColors #app .resetPassword .footer p a {
  color: #78909c;
}
.defaultColors #app .forgotPassword .error,
.defaultColors #app .resetPassword .error {
  text-align: center;
}

/* My Profile View */
.defaultColors #app .myProfile.mainContainer {
  color: #101828;
}
.defaultColors #app .myProfile.mainContainer .titleBar {
  background-color: #455a64;
  color: #fff;
}
.defaultColors #app .myProfile.mainContainer .titleBar .close {
  color: #fff;
}
.defaultColors #app .myProfile .profileLeftCol .profileTabs .tabBtn {
  color: #000;
}
.defaultColors #app .myProfile .profileRightCol {
  color: #000;
}
.defaultColors #app .myProfile .profileRightCol .tabTitle {
  border-bottom: 1px solid #000;
}
.defaultColors #app .myProfile .profileRightCol .tabTitle button {
  color: #000;
}
.defaultColors #app .myProfile .profileRightCol .form-control:disabled {
  background-color: #afb4b8;
}
.defaultColors #app .myProfile .profileRightCol .passwordErrorMsg {
  color: #00d8e6;
}
.defaultColors #app .myProfile .profileRightCol .passwordSuccessMsg {
  color: #aacb44;
}
.defaultColors #app .myProfile .profilePhoto {
  background-color: #757575;
}

/* report */
.defaultColors #app .report .topBar {
  background-color: #e4e7ec;
}
.defaultColors #app .report .learningJourneyTable,
.defaultColors #reportModal .curriculumDetailsTable {
  background-color: #fff;
}
.defaultColors #app .report .learningJourneyTable .cell,
.defaultColors #reportModal .curriculumDetailsTable .cell {
  border: 1px solid #eeeeee;
  color: #455a64;
  background-color: #d7dfe2;
}
.defaultColors #app .report .learningJourneyTable .subCell,
.defaultColors #reportModal .curriculumDetailsTable .subCell {
  background-color: #f5f5f5;
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.defaultColors #app .report .learningJourneyTable .cell.RankBox,
.defaultColors #reportModal .curriculumDetailsTable .cell.RankBox {
  color: #455a64;
}
.defaultColors #app .report .learningJourneyTable .cell.NameBox,
.defaultColors #app .report .learningJourneyTable .cell.PointsBox,
.defaultColors #reportModal .curriculumDetailsTable .cell.NameBox,
.defaultColors #reportModal .curriculumDetailsTable .cell.PointsBox {
  color: #546e7a;
}
.defaultColors #app .report .learningJourneyTable .headerRow .headers,
.defaultColors #reportModal .curriculumDetailsTable .headerRow .headers {
  color: #fff;
  border-right-color: #fff;
  background-color: #78909c;
}
.defaultColors #app .report .learningJourneyTable .headerRow .headers .fa,
.defaultColors #reportModal .curriculumDetailsTable .headerRow .headers .fa {
  color: #546e7a;
}
.defaultColors #app .report .learningJourneyTable .headerRow .headers.selected,
.defaultColors
  #reportModal
  .curriculumDetailsTable
  .headerRow
  .headers.selected {
  background-color: #455a64;
}
.defaultColors
  #app
  .report
  .learningJourneyTable
  .headerRow
  .headers.selected
  .fa,
.defaultColors
  #reportModal
  .curriculumDetailsTable
  .headerRow
  .headers.selected
  .fa {
  color: #fff;
}
.defaultColors #app .report .noItemsFound h2 {
  color: #263238;
}

.defaultColors #app .learningJourneyTable.empty {
  background-color: #d7dfe2;
}
.defaultColors #app .learningJourneyTable.empty .bodyContainer .cellRow .cell {
  border: none;
}

/* buttons: assessment and videoCoaching */
.defaultColors .modal .modal-content .AssesButton {
  color: #fff;
  background-color: #565add;
  border: 2px solid #565add;
}
.defaultColors .modal .modal-content .AssesButton:hover,
.defaultColors
  .modal
  .modal-content
  .AssesButton:not(:disabled):not(.disabled).active:hover,
.defaultColors
  .modal
  .modal-content
  .AssesButton:not(:disabled):not(.disabled):active:hover {
  background-color: #343685;
  border-color: #343685;
}
.defaultColors .modal .modal-content .AssesButton:focus {
  box-shadow: 0 0 0 0.2rem #9a9ceb;
}
.defaultColors .modal .modal-content .AssesButton.disabled,
.defaultColors .modal .modal-content .AssesButton:disabled,
.defaultColors .modal .modal-content .AssesButton.outline.disabled,
.defaultColors .modal .modal-content .AssesButton.outline:disabled {
  color: #fff;
  background-color: #d0d5dd;
  border-color: #d0d5dd;
}
.defaultColors .modal .modal-content .AssesButton.disabled:focus,
.defaultColors .modal .modal-content .AssesButton:disabled:focus,
.defaultColors .modal .modal-content .AssesButton.disabled:active:focus,
.defaultColors .modal .modal-content .AssesButton:disabled:active:focus,
.defaultColors .modal .modal-content .AssesButton.disabled:active:focus,
.defaultColors .modal .modal-content .AssesButton:disabled:active:focus {
  box-shadow: none;
}
.defaultColors .modal .modal-content .AssesButton.outline {
  background-color: #fff;
  color: #565add;
}
.defaultColors .modal .modal-content .AssesButton.outline:hover,
.defaultColors
  .modal
  .AssesButton.outline:not(:disabled):not(.disabled).active:hover,
.defaultColors
  .modal
  .AssesButton.outline:not(:disabled):not(.disabled):active:hover {
  background-color: #fff;
  border-color: #343685;
  color: #343685;
}

.defaultColors .modal .modal-content .AssesButton.outline:hover.disabled,
.defaultColors
  .modal
  .AssesButton.outline:not(:disabled):not(.disabled).active:hover.disabled,
.defaultColors
  .modal
  .AssesButton.outline:not(:disabled):not(.disabled):active:hover.disabled,
.defaultColors .modal .modal-content .AssesButton.outline:hover:disabled,
.defaultColors
  .modal
  .AssesButton.outline:not(:disabled):not(.disabled).active:hover:disabled,
.defaultColors
  .modal
  .AssesButton.outline:not(:disabled):not(.disabled):active:hover:disabled {
  /* color: #d0d5dd;
  background-color: #fff;
  border-color: #d0d5dd; */
  color: #fff;
  background-color: #d0d5dd;
  border-color: #d0d5dd;
}

.defaultColors
  .modal
  .AssesButton.roundBtn:not(:disabled):not(.disabled).active,
.defaultColors
  .modal
  .AssesButton.roundBtn:not(:disabled):not(.disabled):active {
  background-color: #fff;
  color: #565add;
}

/**************
   video coaching 
**************/

.defaultColors #modal-videoCoaching .error {
  color: #c52d2f;
}
.defaultColors #modal-videoCoaching .dataTablePagination .page-item .page-link {
  color: #006e77;
}
.defaultColors
  #modal-videoCoaching
  .dataTablePagination
  .page-item.active
  .page-link {
  background-color: #006e77;
  border-color: #006e77;
  color: #fff;
}
.defaultColors #modal-videoCoaching .reviewFeedback .tabs {
  background-color: #f2f2f2;
  color: #727272;
}
.defaultColors #modal-videoCoaching .reviewFeedback .tabs.active {
  background-color: #344057;
  color: #fff;
}
.defaultColors
  #modal-videoCoaching
  .modal-footer
  .centerBtnContainer
  .recordBtn,
.defaultColors
  #modal-videoCoaching
  .modal-footer
  .centerBtnContainer
  .pauseBtn {
  color: #ae132a;
}
.defaultColors #modal-videoCoaching .modal-footer .centerBtnContainer .playBtn,
.defaultColors
  #modal-videoCoaching
  .modal-footer
  .centerBtnContainer
  .forPlayBtn {
  color: #ae132a;
}
.defaultColors
  #modal-videoCoaching
  .modal-footer
  .centerBtnContainer
  .recordBtn.disabled,
.defaultColors
  #modal-videoCoaching
  .modal-footer
  .centerBtnContainer
  .pauseBtn.disabled,
.defaultColors
  #modal-videoCoaching
  .modal-footer
  .centerBtnContainer
  .playBtn.disabled {
  color: gray;
}
.defaultColors #modal-videoCoaching .modal-footer .btn-success {
  background-color: #006e77;
  border-color: #006e77;
}

/**************
  3RD PARTIES 
**************/

/* bVSpinner */
.defaultColors #app .bvSpinner {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.8) 33%,
    rgba(255, 255, 255, 0.8) 66%,
    rgba(255, 255, 255, 0) 100%
  );
}