.k2-mt--12 {
  margin-top: -12px;
}

body {
  font-family: "Ubuntu" !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #121619 !important;
  letter-spacing: 0.16px;
}

.nav > li > a,
.table {
  font-weight: normal;
  color: #121619;
}

.footer {
  left: 30px;
  right: inherit;
  padding: 0;
  font-size: 12px;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 110px;
}

hr.solid {
  border-top: 1px solid #DDE1E6;
  float: left;
  margin-top: 5px;
  width: 90%;
}

.nav > li.active {
  background-color: #F2F4F8;
  border-left: 4px solid #08BDBA;
}

.nav > li.active::after {
  position: absolute;
  top: 12px;
  right: 12px;
}

#menu-library.active::after {
  content: url("/images/icon_menu_library.svg");
}

.navbar-default.navbar-static-side {
  border: 0;
}

#menu-management.active::after {
  content: url("/images/icon_menu_management.svg");
}

#menu-new-quiz.active::after {
  content: url("/images/icon_menu_new_quiz.svg");
}

#menu-channels.active::after {
  content: url("/images/icon_menu_channels.svg");
}

#menu-users-management.active::after {
  content: url("/images/icon_menu_user_management.svg");
}

#menu-quiz-report.active::after {
  content: url("/images/icon_menu_quiz_report.svg");
}

#menu-performance.active::after {
  content: url("/images/icon_menu_system_performance.svg");
}

#menu-translations.active::after {
  content: url("/images/icon_menu_translation.svg");
}

.head-product {
  background-color: #21272A;
  height: 48px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  padding: 0;
}

.head-product .wrapper-content-header {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 38px;
}

.head-product .wrapper-content-header .wrapper-switch-lang .dropdown-menu {
  background-color: #343A3F;
  color: #ffffff;
  margin-top: 12px;
  left: 20px !important;
}

.head-product .wrapper-content-header .wrapper-switch-lang .dropdown-menu a {
  background-color: #343A3F !important;
  padding-left: 16px !important;
}

.head-product .wrapper-content-header .wrapper-switch-lang .dropdown-menu a:hover,
.head-product .wrapper-content-header .wrapper-switch-lang .dropdown-menu a:active,
.head-product .wrapper-content-header .wrapper-switch-lang .dropdown-menu a:focus {
  background-color: #343A3F !important;
  color: #08BDBA;
}

.head-product .wrapper-content-header .wrapper-switch-lang .dropdown-menu .active a {
  color: #08BDBA;
}

.head-product .wrapper-content-header a {
  height: 100%;
  margin-right: 45px;
  padding-top: 12px;
}

.head-product .wrapper-content-header .div-flex {
  display: flex;
  align-items: center;
}

.head-product .wrapper-content-header .show-webflow {
  margin-right: 17px;
  min-width: 33px;
  width: 36px;
}

.head-product .logo {
  max-height: 24px;
  max-width: 140px;
  height: 100%;
}

.head-product .left-grid a {
  padding: 0;
}

#container-username {
  width: 221px;
  padding-left: 30px;
}

.metismenu > li.logo {
  height: 48px;
  background-color: #21272A;
}

.metismenu > li.logo img {
  max-height: 24px;
}

#page-wrapper {
  padding-top: 20px;
}

.btn-create-new-quiz {
  color: #08BDBA;
  text-transform: uppercase;
}

.btn-create-new-quiz:hover,
.btn-create-new-quiz:active {
  color: #08BDBA;
}

.notifications {
  color: #ffffff;
}

.notifications .fa-bell:before {
  font-size: 15px;
}

.notifications .dropdown-menu {
  border-radius: 0;
}

.language-switcher {
  min-height: 24px;
  padding-top: 6px;
  height: 100%;
}

.language-switcher .dropdown-toggle {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px !important;
  font-style: normal;
  font-weight: normal;
}

.language-switcher .dropdown-toggle:focus {
  box-shadow: none;
}

.language-switcher a {
  line-height: 16px !important;
}

.notif {
  border-right: 1px solid #4D5358;
  width: 45px;
  font-size: inherit;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #ffffff;
}

.categories-select .dropdown-toggle:not([data-id*="condition"]):not([data-id*="channels-"]):not([data-id="quiz-language"]):not([data-id="quiz-channels"]):not([data-id="channel-language"]):not([data-id="channel-font-size"]):not([data-id="font-family"]):not([data-id="channels"]),
.languages-select .dropdown-toggle:not([data-id*="condition"]):not([data-id*="channels-"]):not([data-id="quiz-language"]):not([data-id="quiz-channels"]):not([data-id="channel-language"]):not([data-id="channel-font-size"]):not([data-id="font-family"]):not([data-id="channels"]),
.channels-select .dropdown-toggle:not([data-id*="condition"]):not([data-id*="channels-"]):not([data-id="quiz-language"]):not([data-id="quiz-channels"]):not([data-id="channel-language"]):not([data-id="channel-font-size"]):not([data-id="font-family"]):not([data-id="channels"]),
.select-period .dropdown-toggle:not([data-id*="condition"]):not([data-id*="channels-"]):not([data-id="quiz-language"]):not([data-id="quiz-channels"]):not([data-id="channel-language"]):not([data-id="channel-font-size"]):not([data-id="font-family"]):not([data-id="channels"]),
.k2-div-channels-select .dropdown-toggle:not([data-id*="condition"]):not([data-id*="channels-"]):not([data-id="quiz-language"]):not([data-id="quiz-channels"]):not([data-id="channel-language"]):not([data-id="channel-font-size"]):not([data-id="font-family"]):not([data-id="channels"]) {
  padding: 13px 20px !important;
}

.profile-avatar {
  background-color: #121619;
  border: 1px solid #525252;
  width: 32px;
  height: 32px;
  padding: 5px;
}

.profile-avatar:after {
  display: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary.active[disabled],
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  border-radius: 0;
  background-color: #08BDBA;
  border-radius: 0;
  color: #121619;
  border: 0;
  text-transform: uppercase;
}

.btn-primary:not(:disabled):not(.disabled):not(.k2-btn-login-custom):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).hover
.show > .btn-primary.dropdown-toggle,
.btn-primary {
  background-color: #08BDBA;
  color: #ffffff;
  border: 0;
  border-radius: 0 !important;
}

.dd-rounded.color-purple .dropdown-toggle {
  color: #121619;
  border-left: 1px solid #DDE1E6;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  background-color: inherit;
  height: 48px;
}

.languages-select .btn {
  border-right: 1px solid #DDE1E6 !important;
}

.categories-select {
  margin-right: 0 !important;
}

.VueTables {
  margin-top: -1px;
}

.VueTables tbody tr {
  border-bottom: 1px solid #efefef !important;
}

.VueTables .mt-10 {
  margin-top: 0 !important;
  height: 48px;
  padding-top: 6px;
}

.VueTables div.row:last-child {
  background-color: #F2F4F8 !important;
  margin-left: 0;
  margin-right: 0px;
}

.VueTables .VueTables__search {
  display: none;
}

.VueTables th,
.VueTables .VuePagination {
  background-color: #F2F4F8 !important;
}

.VueTables .table-custom {
  border-collapse: initial;
  border-spacing: 0;
  margin-bottom: 0 !important;
}

.VueTables .table-custom tbody tr {
  height: 84px !important;
}

.VueTables .table-custom tbody tr td {
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background-color: #ffffff;
}

.page-item.active .page-link,
.pagination > .active > a:focus,
.pagination > .active > a:hover {
  background-color: initial;
  color: #121619;
}

.VueTables__limit-field {
  margin-top: -8px;
}

.VueTables__limit-field select {
  border-radius: 0;
  height: initial;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
  background-color: #08BDBA;
}

.checkbox-purple .custom-control-input:checked ~ .custom-control-label::before,
.radio-purple .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #000000;
  background-color: transparent;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23000'/%3e%3c/svg%3e");
}

.custom-checkbox.quiz-library-checkbox .custom-control-label:before,
.custom-radio.quiz-library-checkbox .custom-control-label:before {
  width: 20px;
  height: 20px;
}

.custom-checkbox.quiz-library-checkbox .custom-control-label:after,
.custom-radio.quiz-library-checkbox .custom-control-label:after {
  width: 20px;
  height: 20px;
}

.custom-control-label {
  margin-top: 4px;
}

.custom-control-label:focus {
  outline: none;
}

.VueTables .table-custom tbody tr td:first-child,
.VueTables .table-custom tbody tr td:last-child {
  border-left: 0;
  border-right: 0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #08BDBA;
}

.dd-rounded.color-purple.show > .dropdown-toggle {
  background-color: #fff;
  color: #08BDBA;
  border-color: #08BDBA;
}

.dd-rounded.color-purple .dropdown-toggle:hover {
  background-color: #fff;
  color: #08BDBA;
  border-color: #08BDBA;
}

.quiz-library-category {
  border: 0 !important;
  background-color: #F2F4F8 !important;
  border-radius: 24px !important;
  padding: 4px 8px;
  margin: 0px 4px !important;
  float: left;
  width: auto;
}

.quiz-library-category .bg-category {
  display: none !important;
}

.col-category div {
  display: flex;
  justify-content: center;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.nav-first-level:hover,
.nav-first-level:focus {
  background-color: #F2F4F8 !important;
}

.k2-btn-deploy {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 23px !important;
  width: 214px;
}

.k2-btn-deploy::after {
  content: url(/images/icon-deploy.svg?e1679d773ad01056326929fde54fe22a);
  position: absolute;
  right: 13px;
  top: 16px;
}

.k2-add-answer {
  background-color: transparent;
  color: #08BDBA;
  border: 0;
}

.k2-add-answer:hover {
  background-color: transparent;
}

.btn-link:not([data-id="created-account-btn-kz2"]):not(.back-to-main-page) {
  background-color: #4D5358;
  color: #ffffff;
  border-radius: 0;
  line-height: inherit;
  padding: 0;
  text-transform: uppercase;
  font-weight: normal;
  height: 48px;
  font-size: 14px !important;
}

.btn-link:hover:not(.back-to-main-page):not([data-id="created-account-btn-kz2"]):not(a[data-target*="#collapse-"]),
.btn-link:focus:not(.back-to-main-page):not([data-id="created-account-btn-kz2"]):not(a[data-target*="#collapse-"]),
.btn-link:active:not(.back-to-main-page):not([data-id="created-account-btn-kz2"]):not(a[data-target*="#collapse-"]),
.open .dropdown-toggle.btn-link:not(a[data-target*="#collapse-"]) {
  background-color: #4D5358;
  color: #ffffff !important;
  height: 48px;
}

button.btn-link:not([data-id="created-account-btn-kz2"]) {
  color: #ffffff;
}

.btn-primary,
k2-add-lang {
  text-transform: uppercase;
  line-height: 22px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  height: 48px;
  display: flex;
  align-items: center;
}

.k2-add-lang,
.k2-add-lang:hover,
.k2-add-lang:active,
.k2-add-lang:focus,
.k2-add-lang:disabled {
  text-transform: uppercase;
  line-height: 22px;
  font-size: 14px;
  padding: 8px 50px !important;
  background-color: #08BDBA;
  color: #ffffff;
  border-radius: 0;
  font-style: normal;
  font-weight: 400;
}

.notifications {
  position: relative;
}

.notifications .dropdown-item {
  padding: 0;
}

.notifications .dropdown-item:hover,
.notifications .dropdown-item:focus {
  background-color: #343A3F;
}

.notifications ul {
  background-color: #343A3F;
  padding: 0;
  width: 280px;
}

.notifications .dropdown-menu {
  width: 280px !important;
  margin-top: 14px;
  margin-left: -244px;
}

.notifications .dropdown-menu li {
  padding-left: 5px;
}

.notifications .dropdown-menu li a {
  border-radius: 0;
  margin: 0;
  color: #ffffff !important;
}

.notifications .dropdown-menu li a:hover,
.notifications .dropdown-menu li a:focus {
  background-color: #343A3F !important;
}

.notifications .dropdown-menu li a span {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  color: #A2A9B0;
}

.notifications .dropdown-menu .divider {
  background-color: #4D5358 !important;
  display: block;
  width: 100%;
  margin-top: 22px;
}

.left-grid a {
  padding: 0 !important;
}

.inactivate-user i,
delete-channel i {
  display: none;
}

.inactivate-user:after,
delete-channel:after {
  content: url(/images/delete-icon.svg?512bda5d5aa7f881c3d81da0c04bbb10);
}

.k2-view-widget-channel i {
  display: none;
}

.k2-view-widget-channel:after {
  content: url(/images/view-icon.svg?7b841b191762407be87b2531557a02e0);
  margin-left: 13px;
}

.edit-user i,
.k2-edit-channel i {
  display: none;
}

.edit-user:after,
.k2-edit-channel:after {
  content: url(/images/edit-icon.svg?d98f3f6854ef60673555821cd3a5a90f);
  margin-left: 13px;
}

.k2-customize-widget-channel i {
  display: none;
}

.k2-customize-widget-channel:after {
  content: url(/images/color-pallette-icon.svg?314578eb8dd5069e43d317b259dbeb29);
  margin-left: 13px;
}

.color-purple {
  color: #08BDBA !important;
}

.arrow-up,
.arrow-down {
  color: inherit;
}

.k2-go-random .go-random {
  display: flex;
  align-items: baseline;
  float: right;
}

.searchbox {
  border-radius: 0;
  margin-left: 0;
  border: 0 !important;
  color: #878D96 !important;
}

.searchbox:hover {
  border: 2px solid #DDE1E6 !important;
}

.searchbox:active,
.searchbox:focus,
.searchbox:focus-visible,
.searchbox:visited,
.searchbox:target {
  border: 2px solid #08BDBA !important;
  outline: none;
}

.searchbox .fa-search:before {
  color: #DDE1E6 !important;
}

.searchbox input::-moz-placeholder {
  color: #121619 !important;
}

.searchbox input::placeholder {
  color: #121619 !important;
}

.k2ActiveBorderSearch {
  border: 2px solid #08BDBA !important;
  line-height: 20px;
}

.k2-quiz-management {
  margin-bottom: 0 !important;
  margin-top: -12px;
}

.k2-quiz-management .btn {
  border-bottom: 0 !important;
  border-top: 0 !important;
}

.k2-quiz-management .searchbox {
  margin-left: 0;
  border-left: 0;
  border-bottom: 0;
}

.list-channels table {
  margin-bottom: 0 !important;
}

.list-channels i {
  display: none;
}

.list-channels .edit-channel:after {
  content: url(/images/edit-icon.svg?d98f3f6854ef60673555821cd3a5a90f);
}

.list-channels .k2-report-icon:after {
  content: url("/images/icon_menu_quiz_report.svg");
}

.list-channels .delete-channel:after {
  content: url("/images/delete-icon.svg");
}

.quiz-list-table i {
  display: none;
}

.quiz-list-table .duplicate-quiz:after {
  content: url(/images/duplicate-icon.svg?bea54909c7f9ec5952864cd408c59e27);
}

.quiz-list-table .go-to-first-position:after {
  content: url(/images/go-to-first-position.svg?8ce5d231de41c8c2699608d67dd043bf);
}

.quiz-list-table .unpublish-quiz:after {
  background-image: url(/images/unpublish-quiz-k2.svg?0c8aa28ef647b8249100ea5234a457c4);
  background-size: 16px 18px;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
}

.quiz-list-table .edit-quiz:after {
  content: url(/images/edit-icon.svg?d98f3f6854ef60673555821cd3a5a90f);
}

.quiz-list-table .k2-report-icon:after {
  content: url("/images/icon_menu_quiz_report.svg");
}

.quiz-list-table .custom-select {
  border-radius: 0 !important;
  height: initial !important;
}

.quiz-list-table .quiz-list-header {
  background: #F2F4F8;
  margin-bottom: 0 !important;
  border-radius: 0;
  min-height: 48px;
}

.quiz-list-table .quiz-list .quiz-row {
  background-color: transparent;
  margin-bottom: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.quiz-list-table .quiz-col-actions {
  width: 11%;
}

.list-quizzes .custom-select {
  border-radius: 0;
  height: initial;
  background-color: #F2F4F8;
  border: 0;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  outline-color: transparent !important;
  outline-offset: 0 !important;
  box-shadow: none;
}

.language-translations a {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
}

.language-translations .nav-link.active {
  border-bottom: 1px solid #08BDBA !important;
}

.language-translations .card-body {
  border-radius: 0;
}

.language-translations .card-body input {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.language-add .active-lang {
  color: #08BDBA;
}

.language-add .active-lang:hover {
  border: 1px solid #DDE1E6 !important;
}

.language-add .spanLanguageAttr {
  border: 1px solid #08BDBA;
}

.add-language input,
.add-language select,
.add-language .btn {
  border-left: 0;
  border-right: 0 !important;
  border-top: 0;
  border-radius: 0;
}

.add-language .k2-add-lang {
  float: left !important;
}

.edit-profile input {
  border-left: 0;
  border-right: 0 !important;
  border-top: 0;
  border-radius: 0;
}

.k2-create-quiz .custom-file-label {
  border-radius: 0;
}

.k2-create-quiz .quiz-answer-content {
  border-radius: 0;
}

.k2-create-quiz input,
.k2-create-quiz select,
.k2-create-quiz .btn {
  border-left: 0;
  border-right: 0 !important;
  border-top: 0;
  border-radius: 0;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.k2-quiz-reports .dropdown-toggle {
  border: 1px solid #DDE1E6 !important;
}

.k2-quiz-reports .mb-20 {
  margin-bottom: 0 !important;
}

.btn-add-user {
  margin-bottom: -33px;
  margin-top: 28px;
  width: 100%;
  display: block;
  height: 42px;
}

.btn-add-user a {
  position: relative;
  width: 129px;
  padding-left: 16px;
}

.btn-add-user a:after {
  content: url(/images/plus-icon.png?df9221a3a5d259517cfdec864577659c);
  position: absolute;
  right: 15px;
  top: 16px;
}

.user-status-active {
  color: #08BDBA !important;
}

.user-status-inactive {
  color: #FA4D56;
}

.sk-spinner-circle .sk-circle:before {
  background-color: #08BDBA !important;
}

.create-user input,
.create-user select,
.create-user .btn,
.k2-create-channel input,
.k2-create-channel select,
.k2-create-channel .btn {
  border-left: 0;
  border-right: 0 !important;
  border-top: 0;
  border-radius: 0;
}

.create-user .btn-link,
.k2-create-channel .btn-link {
  padding: 0 35px;
}

.custom-bootstrap-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #08BDBA;
  background-color: #08BDBA;
}

.searchbox {
  float: left !important;
  margin-left: 0 !important;
  height: 48px;
}

.searchbox input {
  height: 48px;
}

.k2-btn-create-channel {
  position: relative;
  float: right;
  margin-bottom: 0 !important;
  padding: 7px 10px !important;
}

.k2-btn-create-channel:after {
  content: url(/images/plus-icon.svg?2dcf6c528e1d16bb4e34e51e5b2f3c81);
  position: absolute;
  right: 15px;
  top: 16px;
}

.bs-searchbox input {
  border-radius: 0;
}

#onBoardingWebFlow .langlink {
  color: #08BDBA !important;
}

.button3:active {
  background-color: #08BDBA !important;
}

.language-switcher {
  padding-top: 15px;
}

.language-switcher button:active {
  box-shadow: none !important;
}

.language-switcher .dropdown-menu {
  width: 100px;
  height: 133px;
  border-radius: 0;
}

.language-switcher .dropdown-menu li {
  display: block;
  margin: 0 auto;
}

.language-switcher .dropdown-menu li a {
  padding: 2px;
  height: 25px !important;
  padding-left: 10px !important;
}

.wrapper-switch-lang > .show {
  background-color: #343A3F !important;
}

.hidden-menu-profile {
  background-color: #343A3F !important;
  min-width: 150px;
  border-radius: 0 !important;
  border: 0 !important;
}

.hidden-menu-profile ul li {
  width: 100%;
}

.hidden-menu-profile ul li:first-child {
  border-bottom: 1px solid #4D5358;
}

.hidden-menu-profile ul li a {
  color: #ffffff !important;
  width: 100%;
  font-weight: normal !important;
  padding: 10px !important;
}

.hidden-menu-profile ul li a:hover {
  background-color: #08BDBA !important;
}

.custom-nav {
  padding-top: 67px;
  z-index: 1 !important;
}

.modal-content {
  border-radius: 0 !important;
}

.k2-modal-title {
  font-size: 20px;
  font-weight: 500;
  color: #121619;
}

.hide-on-boarding-info {
  color: #08BDBA !important;
}

.on-boarding .card {
  border-radius: 0 !important;
}

.on-boarding .button3 {
  background-color: #08BDBA !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

.relative .profile-avatar {
  margin-bottom: 0;
}

.card a {
  color: inherit !important;
}

.card a:hover,
.card a:focus {
  color: inherit !important;
}

.card .btn .btn-link {
  color: #ffffff !important;
}

.VueTables__limit select {
  background-color: #F2F4F8;
  border: 0;
}

.VueTables__limit label {
  background-color: transparent !important;
  border-bottom: none !important;
}

.page-link {
  border: 0 !important;
  background-color: #F2F4F8 !important;
}

.footer-table {
  background-color: #F2F4F8;
  height: 48px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0;
}

.icon-profile {
  margin-right: 8px;
}

.download-report-answers i {
  display: none;
}

.download-report-answers:after {
  content: url(/images/export-icon.svg?b018feb64a62a35777946e31d4e88e42);
  color: inherit;
}

.VueTables .table-striped tbody tr:nth-of-type(odd) {
  background-color: inherit;
}

.quiz-reports-table .VueTables__table {
  margin-bottom: 0 !important;
}

.quiz-reports-table .mt-10 {
  height: 48px;
  margin-top: 0 !important;
  padding-top: 6px;
}

.quiz-reports-table .mt-10 div {
  height: 100%;
  vertical-align: middle;
}

thead tr {
  height: 48px;
}

thead tr th {
  vertical-align: middle !important;
}

.user-list-table .mb-10 {
  margin-bottom: 0 !important;
}

.export-btn {
  margin-left: 0 !important;
}

.export-btn .dropdown-menu {
  top: 0 !important;
  border-radius: 0 !important;
}

.k2-mr-22 {
  margin-right: 22px;
}

.k2-mr-11 {
  margin-right: 11px;
}

[v-cloak]::before {
  color: #ffffff;
  font-family: FontAwesome;
  content: "\f0f3";
  font-size: 15px;
  font-style: normal;
}

.wrapper-help {
  width: 40px;
}

.k2-mt-29 {
  margin-top: 29px !important;
}

.pagination > li {
  margin-right: 3px;
}

.btn-login-custom {
  border-radius: 16px !important;
}

.languages-tabs .card .edit-button {
  display: inline-block;
}

.dd-rounded.color-purple .dropdown-toggle:not(:disabled):not(.disabled):active,
.dd-rounded.color-purple .dropdown-toggle:not(:disabled):not(.disabled).active {
  background-color: #08BDBA;
  color: #ffffff;
  border-color: #08BDBA;
}

[data-id="activity-overview-select-channels"],
[data-id="id-select-period"] {
  border-top: 1px solid #DDE1E6 !important;
  border-bottom: 1px solid #DDE1E6 !important;
}

[data-id="id-select-period"] {
  border-right: 1px solid #DDE1E6 !important;
}

.k2-div-channels-select {
  margin-right: 0 !important;
}

.swal2-container .swal2-modal {
  border-radius: 0;
  width: 470px;
}

.swal2-container .swal2-modal .swal2-timer-progress-bar-container {
  display: none;
}

.swal2-container .swal2-modal .swal2-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #121619;
  font-style: normal;
}

.swal2-container .swal2-modal .swal2-text {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #697077;
}

.swal2-container .swal2-modal .swal2-close {
  color: #121619;
  font-style: normal;
  font-weight: normal;
}

.swal2-container .swal2-modal .swal2-close:hover {
  color: #121619;
}

.swal2-container .swal2-modal .swal2-actions {
  margin-top: 25px;
  margin-bottom: -12.5px;
  width: inherit;
  padding: 0;
  justify-content: stretch;
  margin-left: -12.75px;
}

.swal2-container .swal2-modal .swal2-actions .k2-confirm-button-class {
  width: 100% !important;
}

.swal2-container .swal2-modal .swal2-actions button {
  border-radius: 0;
  color: #ffffff;
  border-radius: 0;
  line-height: inherit;
  text-transform: uppercase;
  font-weight: normal;
  height: 48px;
  font-size: 14px !important;
  width: 50%;
  box-shadow: none;
  border: 0;
  margin: 0;
}

.swal2-container .swal2-modal .swal2-actions .swal2-cancel {
  background-color: #4D5358;
}

.swal2-container .swal2-modal .swal2-actions .swal2-cancel:active,
.swal2-container .swal2-modal .swal2-actions .swal2-cancel:focus {
  box-shadow: none;
}

.swal2-container .swal2-modal .swal2-actions .swal2-confirm {
  background-color: #08BDBA;
}

.modal-dialog .modal-header {
  padding: 20px !important;
}

.modal-dialog .close {
  color: #121619;
  font-style: normal;
  font-weight: normal;
}

.modal-dialog .close:hover {
  color: #121619;
}

.modal-dialog .modal-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  color: #121619;
  font-style: normal;
}

.modal-dialog label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #697077;
}

.modal-dialog input {
  border-radius: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.modal-dialog .modal-footer {
  padding: 0;
  display: flex;
  justify-content: stretch;
  margin-left: -28px;
  margin-right: -2px;
}

.modal-dialog .btn-primary {
  width: 100%;
  margin-bottom: -30px;
}

.created-account {
  line-height: initial;
}

.modal-body .btn-primary {
  display: block;
  width: calc(100% + 60px) !important;
  margin-left: -30px !important;
}

.btn-link,
.btn-primary,
.k2-add-lang,
.btn-secondary {
  min-width: 206px;
  height: 48px;
}

.btn-edit-user,
.btn-create-user,
.btn-edit-profile {
  display: block;
  margin: 0 auto;
}

.btn-primary:hover,
.k2-add-lang:hover {
  background-color: #009D9A;
}

.btn-primary:active,
.k2-add-lang:active {
  background-color: #007D79 !important;
}

.btn-primary:focus,
.k2-add-lang:focus {
  background-color: #08BDBA;
  box-shadow: none !important;
}

a[disabled=disabled].btn,
button[disabled=disabled].btn {
  background-color: #DDE1E6 !important;
  color: #A2A9B0 !important;
  border: 0;
}

.bootstrap-select > .dropdown-toggle {
  border-radius: 0;
}

input[id*=quiz-name-] {
  border: 0;
  border-radius: 0;
}

.btn-cancel:hover {
  background-color: #343A3F !important;
}

.btn-cancel:active {
  background-color: #21272A !important;
}

.btn-cancel:focus {
  background-color: #4D5358 !important;
  box-shadow: none !important;
}

.btn-reset-password {
  margin-left: 15px;
}

.k2-create-channel .readonly-text-field,
.k2-create-channel #widget-code {
  background-color: #F8F9FB;
  border: 0;
  color: #121619;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0;
  font-family: 'Ubuntu Mono';
  padding: 16px;
}

.modal .readonly-text-field {
  background-color: #F8F9FB !important;
  border: 0;
  color: #121619;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  border-radius: 0;
  font-family: 'Ubuntu Mono';
  padding: 16px;
}

button[data-id='quiz-reports-channels'] {
  padding: 14px 20px !important;
}

.k2-quiz-management .searchbox:hover,
.k2-list-channels .searchbox:hover,
.k2-quiz-reports .searchbox:hover {
  border: 2px solid #DDE1E6;
  box-sizing: border-box;
}

.k2-quiz-management .searchbox:active,
.k2-quiz-management .searchbox:focus,
.k2-quiz-management .searchbox:focus-visible,
.k2-quiz-management .searchbox:visited,
.k2-quiz-management .searchbox:target,
.k2-list-channels .searchbox:active,
.k2-list-channels .searchbox:focus,
.k2-list-channels .searchbox:focus-visible,
.k2-list-channels .searchbox:visited,
.k2-list-channels .searchbox:target,
.k2-quiz-reports .searchbox:active,
.k2-quiz-reports .searchbox:focus,
.k2-quiz-reports .searchbox:focus-visible,
.k2-quiz-reports .searchbox:visited,
.k2-quiz-reports .searchbox:target {
  border: 2px solid #08BDBA !important;
  outline: none;
  background-color: initial !important;
}

.k2-quiz-management .k2ActiveBorderSearch,
.k2-list-channels .k2ActiveBorderSearch,
.k2-quiz-reports .k2ActiveBorderSearch {
  border: 2px solid #08BDBA !important;
  line-height: 20px;
}

.radio-purple .custom-control-label::before {
  border-color: #000000 !important;
  background-color: #ffffff !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem #08BDBA;
  box-sizing: border-box;
}

input[type='radio'].custom-control-input:hover ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='gray'/%3e%3c/svg%3e") !important;
}

input[type='radio'].custom-control-input:hover ~ .custom-control-label::before {
  background-color: #ffffff !important;
}

input[type='checkbox'].custom-control-input:hover ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='gray' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

input[type='radio']:disabled:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='gray'/%3e%3c/svg%3e") !important;
}

input[type='radio']:disabled ~ .custom-control-label::before {
  border-color: #A2A9B0 !important;
}

input[type='checkbox'] ~ .custom-control-label::before {
  border-color: #000000 !important;
}

input[type='checkbox']:disabled ~ .custom-control-label::before {
  border-color: #C1C7CD !important;
  background-color: #ffffff !important;
}

input[type='checkbox']:checked ~ .custom-control-label::before {
  background-color: #000000 !important;
}

.btn-upload-image-bkg label {
  background-color: #F8F9FB;
  border-bottom: 1px solid #C1C7CD;
  color: #121619 !important;
}

.btn-upload-image-bkg label::-moz-placeholder {
  color: #878D96;
}

.btn-upload-image-bkg label::placeholder {
  color: #878D96;
}

.btn-upload-image-bkg label:disabled {
  color: #C1C7CD !important;
}

.btn-upload-image-bkg label:disabled::-moz-placeholder {
  color: #C1C7CD;
}

.btn-upload-image-bkg label:disabled::placeholder {
  color: #C1C7CD;
}

.btn-upload-image-bkg label:hover {
  background-color: #F2F4F8;
}

.btn-upload-image-bkg label:focus {
  outline: 2px solid #08BDBA !important;
  border-radius: 0;
}

.form-group label,
.form-group legend,
.accordion label,
.accordion legend {
  background-color: #F8F9FB;
  border-bottom: 1px solid #C1C7CD;
  color: #121619 !important;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.16px;
  border-radius: 0;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}

.form-group input,
.form-group textarea,
.accordion input,
.accordion textarea {
  background-color: #F8F9FB;
  border-bottom: 1px solid #C1C7CD;
  color: #121619 !important;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  letter-spacing: 0.16px;
  border-radius: 0;
  border-left: 0;
  border-top: 0;
  border-right: 0;
}

.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder, .accordion input::-moz-placeholder, .accordion textarea::-moz-placeholder {
  color: #878D96;
}

.form-group input::placeholder,
.form-group textarea::placeholder,
.accordion input::placeholder,
.accordion textarea::placeholder {
  color: #878D96;
}

.form-group input:disabled,
.form-group textarea:disabled,
.accordion input:disabled,
.accordion textarea:disabled {
  color: #C1C7CD !important;
}

.form-group input:disabled::-moz-placeholder, .form-group textarea:disabled::-moz-placeholder, .accordion input:disabled::-moz-placeholder, .accordion textarea:disabled::-moz-placeholder {
  color: #C1C7CD;
}

.form-group input:disabled::placeholder,
.form-group textarea:disabled::placeholder,
.accordion input:disabled::placeholder,
.accordion textarea:disabled::placeholder {
  color: #C1C7CD;
}

.form-group input:hover,
.form-group textarea:hover,
.accordion input:hover,
.accordion textarea:hover {
  background-color: #F2F4F8;
}

.form-group input:focus:not([data-id='email-login']):not([data-id='password-login']):not(.k2-input-password):not(.k2-reset-password),
.form-group input:active:not(.k2-reset-password):not([data-id='email-login']):not(.k2-input-password):not([data-id='password-login']),
.form-group input:focus-visible:not(.k2-reset-password):not(.k2-input-password):not([data-id='email-login']):not([data-id='password-login']),
.form-group textarea:focus:not([data-id='email-login']):not([data-id='password-login']):not(.k2-input-password):not(.k2-reset-password),
.form-group textarea:active:not(.k2-reset-password):not([data-id='email-login']):not(.k2-input-password):not([data-id='password-login']),
.form-group textarea:focus-visible:not(.k2-reset-password):not(.k2-input-password):not([data-id='email-login']):not([data-id='password-login']),
.accordion input:focus:not([data-id='email-login']):not([data-id='password-login']):not(.k2-input-password):not(.k2-reset-password),
.accordion input:active:not(.k2-reset-password):not([data-id='email-login']):not(.k2-input-password):not([data-id='password-login']),
.accordion input:focus-visible:not(.k2-reset-password):not(.k2-input-password):not([data-id='email-login']):not([data-id='password-login']),
.accordion textarea:focus:not([data-id='email-login']):not([data-id='password-login']):not(.k2-input-password):not(.k2-reset-password),
.accordion textarea:active:not(.k2-reset-password):not([data-id='email-login']):not(.k2-input-password):not([data-id='password-login']),
.accordion textarea:focus-visible:not(.k2-reset-password):not(.k2-input-password):not([data-id='email-login']):not([data-id='password-login']) {
  outline: 2px solid #08BDBA !important;
  border-radius: 0;
}

.dropdown.bootstrap-select .no-results {
  background: inherit;
}

.dropdown.bootstrap-select .dropdown-toggle:not([data-id='language-switcher']) {
  background-color: #F8F9FB;
  border-radius: 0;
  color: #121619;
  border-bottom: 1px solid #C1C7CD;
}

.dropdown.bootstrap-select .dropdown-toggle:not([data-id='language-switcher']):after {
  color: #121619;
}

.dropdown.bootstrap-select button:hover:not([data-id="language-switcher"]) {
  background-color: #F2F4F8;
  border-bottom: 1px solid #343A3F !important;
  border-left: none;
  border-right: none;
}

.dropdown.bootstrap-select button:focus:not([data-id="language-switcher"]) {
  background-color: #F2F4F8 !important;
  color: #121619 !important;
  border: 2px solid #08BDBA !important;
}

.dropdown.bootstrap-select button:active:not([data-id="language-switcher"]) {
  background-color: #F2F4F8 !important;
  color: #121619 !important;
  border: none !important;
}

.dropdown.bootstrap-select .disabled {
  background-color: #F2F4F8 !important;
  color: #A2A9B0 !important;
  border: 0 !important;
}

.dropdown.bootstrap-select [aria-expanded="true"]:not([data-id='language-switcher']) {
  border: 2px solid #08BDBA !important;
  color: #121619;
}

.dropdown.bootstrap-select .dropdown-menu {
  background: #343A3F;
  color: #ffff;
  top: -1px !important;
  border-radius: 0;
}

.dropdown.bootstrap-select .dropdown-menu input:focus {
  border: 0 !important;
}

.dropdown.bootstrap-select .dropdown-menu li a:hover {
  background-color: #4D5358;
  border-radius: 0;
  color: #ffffff;
}

.dropdown.bootstrap-select .dropdown-menu li .active {
  background-color: #4D5358;
  border-radius: 0;
  color: #ffffff;
}

.k2-mt-14 {
  margin-top: 14px;
}

.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: none;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #08BDBA !important;
  border-radius: 12px;
  border: 0;
}

.custom-switch .custom-control-input:hover ~ .custom-control-label:after {
  background-image: none !important;
}

.custom-switch .custom-control-label:before {
  background-color: #C1C7CD;
  border-radius: 12px;
  border: 0;
}

.custom-switch .custom-control-label:after {
  background: #ffffff;
}

.spanLanguageAttr {
  padding-top: 4px;
  padding-right: 10px;
  padding-left: 12px;
  height: 27px;
  border: 0 !important;
  background: #F2F4F8;
  border-radius: 24px;
  font-family: Ubuntu;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.32px;
  color: #121619;
}

.spanLanguageAttr:hover {
  background: #DDE1E6;
}

.spanLanguageAttr:hover a {
  background: #C1C7CD;
  border-radius: 26px;
}

.spanLanguageAttr a {
  color: #121619 !important;
  top: inherit;
  left: inherit;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  padding-top: 2px;
  margin-right: -6px;
}

.active-lang {
  background-color: #F2F4F8;
  border: 1px solid #08BDBA !important;
  box-sizing: border-box;
  color: #121619 !important;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-10 {
  padding-bottom: 10px;
}

.background-profile-open {
  background-color: #343A3F;
}

#__BVID__27___BV_modal_content_ {
  border: none !important;
}

#wrapper-deploy {
  width: 100%;
  background-color: #262626;
  height: 48px;
}

#wrapper-deploy a.k2-btn-deploy {
  background-color: #08BDBA !important;
}

#item-selected {
  min-width: 100px;
  float: left;
  margin-left: 16px;
  height: 48px;
  line-height: 48px;
  color: #ffffff;
}

#item-selected #item-count {
  padding: 4px 4px 4px 8px;
  border-radius: 12px;
  background-color: #343A3F;
  margin-right: 8px;
  min-width: 41px;
  height: 24px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  margin-left: 4px;
}

#item-selected #item-text {
  color: #ffffff;
}

#item-selected #unselected-quizzes {
  float: right;
  margin-right: 4px;
  cursor: pointer;
}

#channels-deploy {
  margin-right: 50px;
  background-color: #262626;
  min-width: 150px;
  float: right;
}

#channels-deploy .bootstrap-select button {
  border: 0 !important;
  height: 48px;
  line-height: 32px;
  color: #ffffff !important;
  background-color: #262626 !important;
  box-shadow: none !important;
}

#channels-deploy .bootstrap-select button:active,
#channels-deploy .bootstrap-select button:focus,
#channels-deploy .bootstrap-select button:visited {
  border: 0 !important;
  height: 48px;
  line-height: 34px;
  color: #ffffff !important;
  background-color: #262626 !important;
  box-shadow: none !important;
}

#channels-deploy .bootstrap-select button:after {
  color: #ffffff !important;
}

#wrapper {
  overflow-x: initial;
}

.back-to-main-page:focus {
  box-shadow: none;
}

#unpublishQuiz .modal-footer,
#unpublishAllQuizzes .modal-footer {
  margin-left: 0;
  margin-right: 0;
}

#unpublishQuiz .modal-dialog,
#unpublishAllQuizzes .modal-dialog {
  margin-left: auto;
  margin-right: auto;
}

#unpublishQuiz .btn,
#unpublishAllQuizzes .btn {
  width: 50%;
  display: inline-block;
  color: #ffffff;
  text-transform: capitalize;
  height: 48px;
  margin: 0;
  font-size: 14px;
  border-radius: 0 !important;
  border: 0;
}

#unpublishQuiz .btn-cancel-modal,
#unpublishAllQuizzes .btn-cancel-modal {
  background-color: #4D5358;
}

#unpublishQuiz .btn-yes-modal,
#unpublishAllQuizzes .btn-yes-modal {
  background-color: #08BDBA;
}

#unpublish-all {
  background-color: transparent;
  color: #FA4D56;
  padding-right: 40px;
  min-width: auto;
}

#unpublish-all:after {
  content: url("/images/unpublish-all.svg");
  position: absolute;
  right: 30px;
  top: 17px;
}

#unpublish-all:hover,
#unpublish-all:active {
  background-color: #F2F4F8 !important;
}

#unpublish-all:focus {
  background-color: #F2F4F8 !important;
  border: 2px solid #08BDBA !important;
  box-sizing: border-box;
}

.wrapper-k2-content {
  height: auto !important;
}

.wrapper-k2-content .wrapper-left {
  padding-top: 48px;
  padding-left: 95px;
  padding-right: 95px;
  color: #ffff;
  display: block;
  height: auto;
}

.wrapper-k2-content .wrapper-footer-k2 {
  padding-left: 95px;
  padding-right: 95px;
  margin-bottom: 30px;
}

.list-widget-modal .modal-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}