@charset "UTF-8";

.linear-btn {
  position: relative;
  width: auto;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 1px;
  font-weight: 300;
  outline: 0;
  box-sizing: border-box;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border-radius: 8px;
  padding: 15px 30px;
  cursor: pointer;
  color: #ffffff;
  background-color: #ea2830;
  text-transform: uppercase;
}

.linear-btn:hover {
  color: #ffffff;
}

.linear-btn .btn-text {
  padding-right: 40px;
  transition: padding 0.17s 80ms ease-in-out;
}

.linear-btn:hover .btn-text {
  padding-left: 40px;
  padding-right: 0;
  transition: padding 0.17s 80ms ease-in-out;
}

.linear-btn svg.btn-svg-two {
  position: absolute;
  right: 0;
  top: calc(50% - 4px);
  width: 26px;
  opacity: 1;
  transform: translateX(-33px);
  transition: transform 0.2s 0.25s ease-out, opacity 0.2s 0.25s ease-out;
}

.linear-btn svg.btn-svg-one {
  position: absolute;
  width: 26px;
  top: calc(50% - 4px);
  left: 0;
  opacity: 0;
  transform: translateX(17px);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  fill: currentColor;
}

.linear-btn svg.btn-svg-two {
  fill: currentColor;
}

.linear-btn:hover svg.btn-svg-one {
  opacity: 1;
  transform: translateX(33px);
  transition: transform 0.2s 0.25s ease-out, opacity 0.2s 0.25s ease-out;
}

.linear-btn:hover svg.btn-svg-two {
  opacity: 0;
  transform: translateX(-17px);
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}

/* Category list Page*/

.crm-action-delete {
  border: none;
  background: transparent;
  margin: 0;
  padding: 0;
  float: left;
}

#crm-contact .text-muted {
  float: left;
}

.table thead th,
.table tbody td {
  vertical-align: middle;
}

.tab-header ul.nav-tabs.md-tabs.tab-timeline li {
  background-color: transparent;
  margin-right: 4px;
  width: calc(100% / 7);
}

.tab-header ul.nav-tabs.md-tabs.tab-timeline li a {
  border-radius: 4px 4px 0 0;
  background-color: #fbbbbc;
  padding: 10px !important;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  color: #000000;
}

.tab-header ul.nav-tabs.md-tabs.tab-timeline li a.active {
  background-color: #9d0917;
  color: #fff;
}

.tab-header ul.nav-tabs.md-tabs.tab-timeline li .slide {
  width: calc(100% / 7);
}

#crm-contact .checkbox-fade {
  display: inline-block;
  vertical-align: middle;
  transform: translateY(10%);
  height: auto;
}

.sorting_disabled {
  text-align: center;
}

.card .card-header .card-header-right {
  background: #ffffff !important;
  padding: 5px 0 !important;
}

.bootstrap-tagsinput {
  width: 100%;
}

.col-md-12.question_div {
  border: 1px solid #8CDDCD;
  border-radius: 5px;
  padding: 40px;
}

.btn {
  /*padding: 15px 40px;*/
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "Poppins", sans-serif;
}

.btn i {
  margin-right: 0px !important;
}

#import_form a {
  height: 40px;
  margin-right: 5px;
  color: #fff;
  padding: 6px 19px;
}

.form-radio input[type=text],
.form-radio input[type=file],
.form-radio input[type=number] {
  opacity: 1;
  position: inherit;
  width: 100%;
}

input.single_radio {
  position: initial !important;
}

table#crm-contact td:last-child {
  width: 5%;
}

table#crm-end-user-review td:last-child {
  width: 5%;
}

.error_text_small {
  font-size: 95%;
}

.select-data-table {
  height: calc(1.25rem + 2px) !important;
}

table.dataTable {
  width: 100% !important;
}

.answer_editor img {
  max-width: 23%;
  height: 75px;
}

a#video_link {
  margin-top: 10px;
}

.img-scale {
  white-space: normal;
  max-height: 100%;
  width: 100px;
  overflow-y: hidden;
  text-align: center;
  margin: 0 auto;
  list-style: none;
}

.img-scale img {
  max-width: 100%;
  height: auto;
}

span.error,
label.error {
  color: red;
  width: 100%;
  font-size: 12px;
}

.carousel-item {
  position: fixed;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.login-card {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  max-width: 850px;
  margin: 0 auto;
  margin-top: 80px;
  padding: 20px 30px;
}

.login-card.otp-screen {
  max-width: 600px;
}

.register-card {
  max-width: 1500px;
}

.login-links a,
.login-links span {
  color: #e9292f;
  font-weight: 700;
  font-size: 16px;
}

.login-links a.active {
  color: #9d0917;
}

.login-card label {
  font-weight: 600;
  font-size: 14px;
  color: #9d0917;
  margin-bottom: 0;
}

.login-card .form-control {
  color: #222222;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #777777;
  border-radius: 0;
  font-weight: 600;
}

.login-card .form-control:focus {
  border-color: #9d0917 !important;
}

.login-card .form-control::-moz-placeholder {
  color: #222222;
  font-weight: 600;
}

.login-card .form-control:-ms-input-placeholder {
  color: #222222;
  font-weight: 600;
}

.login-card .form-control::placeholder {
  color: #222222;
  font-weight: 600;
}

.text-label {
  color: #222222;
  font-weight: 600;
}

.login-card .checkbox-fade {
  cursor: pointer;
}

.login-card .checkbox-fade.fade-in-primary .cr {
  border: 1px solid #e1e1e1;
  background: #fff;
}

.login-card .checkbox-fade.fade-in-primary .cr .cr-icon {
  color: #9d0916;
}

.login-btn {
  background: #9d0917;
  color: #fff;
  border: none;
  border-radius: 3px;
  padding: 10px 30px;
  cursor: pointer;
}

.footer {
  background: rgba(0, 0, 0, 0.65) !important;
}

.footer p {
  padding: 14px;
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}

.register-card .input-group-addon {
  color: #222222;
  padding: 12px 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid #777777;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  padding-right: 5px;
}

.custom-borderbottom {
  border-bottom: 1px solid #777777;
}

.card h5 {
  margin: 10px;
  vertical-align: middle;
}

.m-r-5 {
  margin-right: 5px !important;
}

.md-content > div {
  font-size: 18px;
}

.bootstrap-tagsinput {
  border: 1px solid #1abc9c;
  line-height: 30px;
  border-radius: 2px;
}

.card .card-header .card-header-right {
  background: none !important;
  margin-right: 10px;
}

.card .card-header .card-header-right i {
  margin: 0 0px !important;
}

.jFiler-theme-default .jFiler-input-button {
  background-color: #1abc9c;
  background-image: none;
  color: #fff;
}

.jFiler-items {
  display: none !important;
}

.tab-header {
  margin-bottom: 0px;
}

.required-fields h5 {
  font-size: 13px;
  margin: 8px 0 0 0;
  padding: 0;
  color: #e9292f;
  text-transform: none;
}

.card-footer-right {
  float: right;
  margin: 15px;
}

.card-footer-right .btn-default {
  background: #fee0e0;
  border-color: #fee0e0;
  color: #9d0917 !important;
}

.card-block {
  border-bottom: 2px solid #9d0917;
}

label.control-label {
  color: #777777;
  text-transform: uppercase;
}

.form-title {
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
  margin: 8px 0 20px;
  padding: 0;
  font-weight: bold;
}

label.error {
  color: #e9292f !important;
  width: 100%;
  font-size: 12px !important;
  line-height: 15px !important;
  text-transform: inherit !important;
  justify-content: flex-start;
}

.label-icon .fa-2x {
  font-size: 1.7em;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right,
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }

  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* Custom Upload */

.custom-upload {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
}

.custom-upload .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.custom-upload .inputfile + label {
  max-width: -webkit-fill-available;
  font-size: 14px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 8px 12px;
  width: 100%;
  text-align: left;
}

.no-js .inputfile + label {
  display: none;
}

.custom-upload .inputfile:focus + label,
.custom-upload .inputfile.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.custom-upload .inputfile + label * {
  /* pointer-events: none; */
  /* in case of FastClick lib use */
}

.custom-upload .inputfile + label svg {
  width: 1em;
  height: 1em;
  vertical-align: middle;
  fill: currentColor;
  margin-top: -0.25em;
  margin-right: 0.25em;
}

.custom-upload .inputfile-1 + label {
  color: #f1e5e6;
  background-color: #d3394c;
}

.custom-upload .inputfile-1:focus + label,
.custom-upload .inputfile-1.has-focus + label,
.custom-upload .inputfile-1 + label:hover {
  background-color: #722040;
}

.custom-upload .inputfile-2 + label {
  color: #495057;
  border: 1px solid rgba(0, 0, 0, 0.15);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.custom-upload .inputfile-2:focus + label,
.custom-upload .inputfile-2.has-focus + label,
.custom-upload .inputfile-2 + label:hover {
  color: #9d0917;
  border: 1px solid currentColor;
}

/* style 1 */

/* style 2 */

.header-navbar .navbar-wrapper {
  background-color: #fff;
}

.pcoded .pcoded-navbar {
  height: 80px;
  position: fixed;
}

.pcoded-inner-content .main-body {
  margin-top: 80px;
}

.pcoded .pcoded-navbar .pcoded-item > li > a {
  padding: 20px 12px;
  font-size: 14px;
}

.pcoded .pcoded-navbar .pcoded-item > li.logo {
  width: 190px;
}

.pcoded .pcoded-navbar .pcoded-item > li.logo a {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0 12px;
}

.pcoded .pcoded-navbar .pcoded-item > li.logo img {
  max-width: 100%;
  height: 40px;
  margin: 0 auto;
  display: flex;
  -o-object-fit: contain;
     object-fit: contain;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item li.logo a {
  background-color: #ffffff !important;
  padding: 0 12px;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item li.logo a:hover {
  background-color: #ffffff !important;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .header-notification .profile-notification li a {
  padding: 0 !important;
  background-color: transparent !important;
  color: #333 !important;
  font-weight: 500;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .header-notification .profile-notification li a i {
  font-size: 20px;
}

.header-navbar {
  background-color: transparent !important;
  float: right;
  padding: 0 0;
}

.profile-notification li:hover {
  background-color: #f1f1f1;
}

.profile-notification li:last-child:hover {
  background-color: transparent !important;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li.header-notification {
  height: 80px;
  line-height: 80px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile {
  padding: 0px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile a {
  padding: 0px;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile a img {
  margin-right: 0px !important;
}

.header-navbar .navbar-wrapper .navbar-container .nav-right li.user-profile img {
  height: 80px;
  width: 80px;
  vertical-align: middle;
  padding: 10px;
  border-radius: 5px;
  margin-right: 10px !important;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .badge {
  top: 50%;
  margin-top: -20px;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item li.header-notification a {
  color: #fff;
  background-color: transparent;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item > li.pcoded-hasmenu:hover > a:after {
  color: #9d0917;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .dead-link > a,
.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .dead-link:hover > a {
  background-color: #e92a31;
  padding: 0px 12px;
  border-radius: 5px;
  margin: 24px 8px;
  letter-spacing: 1px;
  line-height: 32px;
  font-size: 12px;
}

.pcoded[theme-layout=horizontal][pcoded-device-type=tablet] .pcoded-navbar .pcoded-item > li > a {
  padding: 20px 5px;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification {
  width: 22em;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification i,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification i {
  font-size: 15px;
  margin-left: 0;
  margin-right: 10px;
  color: grey;
  vertical-align: top;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
  border-top: none;
  padding: 1em 20px;
}

.top-header .nav-right {
  display: block !important;
  position: absolute;
  right: 0;
  top: 0;
}

#top-header-profile {
  opacity: 0;
  transform: translateY(30px);
  visibility: hidden;
}

#top-header-profile.show-profile {
  opacity: 1;
  transform: translateY(0px);
  visibility: visible;
}

.header-navbar .navbar-wrapper .navbar-container .top-header .nav-right li.user-profile a img {
  height: 56px;
  width: 56px;
  padding: 0;
  margin-right: 0 !important;
  border-radius: 0;
}

.pcoded[theme-layout=horizontal][pcoded-device-type=phone] .pcoded-navbar {
  position: absolute !important;
}

.pcoded[horizontal-placement=top] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a > .pcoded-mcaret {
  display: none;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item li.pcoded-hasmenu:hover > a,
.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item li:hover > a {
  background-color: #e92a31;
  color: #fff;
}

.pcoded .pcoded-navbar[navbar-theme*=theme] .pcoded-item > li.pcoded-trigger > a,
.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item > li.pcoded-hasmenu:hover > a:after {
  background-color: transparent;
  color: #fff;
}

.pcoded .pcoded-navbar[navbar-theme*=theme] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a,
.pcoded .pcoded-navbar[navbar-theme*=theme] .pcoded-item > li.active > a {
  background-color: #e92a31;
  color: #fff;
}

.pcoded-item > li.pcoded-hasmenu.active .pcoded-submenu li.pcoded-hasmenu.active > a:after {
  background-color: #e92a31;
  color: #fff;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item > li.pcoded-hasmenu.active > a:after {
  background-color: transparent;
  color: #fff;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  background-color: #e92a31;
  border-top-width: 0;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu::-webkit-scrollbar {
  width: 5px;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu::-webkit-scrollbar-thumb {
  background: #e92a31;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.pcoded[theme-layout=horizontal][horizontal-placement=top] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active .pcoded-submenu {
  border-top-width: 0;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
  background-color: #e92a31;
  color: #FFF;
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 16px);
  margin-left: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
}

.pcoded .pcoded-navbar[navbar-theme*=theme] .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover > a,
.pcoded .pcoded-navbar[navbar-theme*=theme] .pcoded-item .pcoded-hasmenu .pcoded-submenu li.active > a {
  color: #FFF;
  background-color: #9d0917;
}

.navbar-container .header-notification .profile-notification li {
  border-bottom: 1px solid #f5f5f5;
}

.navbar-container .header-notification .profile-notification li:last-child {
  border-bottom: 0;
}

li.profile-inner-img {
  background-color: #f5f5f5;
  border-bottom: 1px solid #9d0917;
}

li.profile-inner-img img.img-thumbnail {
  border-radius: 5px;
  height: 70px !important;
  width: 70px !important;
}

.profile-inner-img span {
  font-size: 16px;
  color: #9d0917;
  font-weight: 600;
  word-break: break-all;
}

.btn-logout {
  background: #fee0e0;
  color: #9d0917;
  cursor: pointer;
  padding: 6px 16px;
  margin-left: 0;
  font-weight: 600;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .user-profile.header-notification:hover > a {
  background-color: transparent;
}

.pcoded .pcoded-navbar .pcoded-item > li > a {
  font-size: 14px;
  letter-spacing: 0.5px;
}

.main-body .page-wrapper .page-header-title h4,
.breadcrumb-title a:hover {
  color: #9d0917;
}

.pcoded .pcoded-navbar {
  z-index: 1023 !important;
}

.brand-name-right {
  cursor: default !important;
  background: transparent;
}

.brand-name-right:hover {
  cursor: default !important;
  background: transparent;
}

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

.card {
  z-index: 1 !important;
}

.pcoded-submenu {
  z-index: 9 !important;
}

/*  Custom CSS for NEW DESIGNS  */

body {
  background-color: #f9f9f9 !important;
  background-image: none !important;
}

body .pcoded .pcoded-container {
  background-color: #f9f9f9 !important;
}

.pcoded-main-container {
  background-color: #f9f9f9 !important;
}

.custom-tooltip {
  display: inline-block;
  margin-left: 6px;
  vertical-align: top;
  position: relative;
}

.custom-tooltip img {
  cursor: pointer;
}

.custom-tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  padding: 10px;
  position: absolute;
  z-index: 9;
  top: -15px;
  left: 25px;
  background: #ffe0e0;
  border-radius: 3px;
}

.custom-tooltip .tooltiptext p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
  color: #9d0916;
  text-transform: initial;
}

.custom-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 15%;
  right: 100%;
  margin-top: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #ffe0e0 transparent transparent;
}

.custom-tooltip:hover .tooltiptext {
  visibility: visible;
}

.table td,
.table th {
  padding: 0.65rem;
  vertical-align: middle;
  font-size: 0.875em;
}

.dataTables_processing {
  width: 100% !important;
  height: 100% !important;
  margin: 0px auto !important;
  top: 0px !important;
  left: 0px !important;
  background-color: rgba(255, 255, 255, 0.8) !important;
  padding: 0 !important;
  font-size: 60px;
}

.dataTables_processing img {
  z-index: 113;
  position: fixed;
  top: 50%;
  left: 45%;
  margin: 0 auto;
}

.loading_cls {
  top: 50%;
  font-size: 22px;
  color: white;
}

.table .td_search {
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

tfoot input {
  width: 100%;
}

.header-icons {
  padding: 5px 10px;
}

.status-select {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: left;
}

table.dataTable {
  border-collapse: separate !important;
  border-spacing: 0 5px;
  border: none;
  overflow-y: hidden;
}

table.dataTable td {
  border: none;
}

.checkbox-fade label {
  vertical-align: middle;
  position: relative;
  top: 5px;
  margin: 0 !important;
}

table.dataTable .checkbox-fade.fade-in-primary .cr {
  border-width: 1px;
}

table.dataTable .checkbox-fade .cr {
  height: 17px;
  width: 17px;
}

.dataTables_filter {
  display: none;
}

.status-notpublished {
  background: #ffe0e1 !important;
}

.status-notpublished td:first-child {
  border-left: 3px solid #9d0916 !important;
}

.status-notpublished .checkbox-fade.fade-in-primary .cr {
  border-color: #9d0916 !important;
}

.status-notpublished .checkbox-fade.fade-in-primary .cr .cr-icon {
  color: #9d0916 !important;
}

.status-published {
  background: #d6e7da !important;
}

.status-published td:first-child {
  border-left: 3px solid #127900 !important;
}

.status-published .checkbox-fade.fade-in-primary .cr {
  border-color: #127900 !important;
}

.status-published .checkbox-fade.fade-in-primary .cr .cr-icon {
  color: #127900 !important;
}

.status-active,
.status-archived,
.status-partial,
.status-inactive {
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  color: #127900;
  background: #b5d3bd;
  border-radius: 50px;
  padding: 0px 10px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.status-inactive {
  color: #8a0106;
  background: #fbbbbd;
}

.status-partial {
  color: #000000;
  background: #FFA500;
}

.status-archived {
  color: rgba(0, 0, 0, 0.5);
  background: #c9c9c9;
}

.filter-display {
  display: none;
}

.filter-btn {
  background: transparent;
  border: none;
  color: #777;
  cursor: pointer;
  padding: 10px;
}

.filter-btn:focus {
  box-shadow: none;
}

.custom-hover-expand {
  display: block;
  position: relative;
}

.custom-hover-expand .custom-hover-box {
  visibility: hidden;
  width: 250px;
  padding: 10px;
  position: absolute;
  z-index: 9;
  left: 0;
  border-radius: 3px;
  background: #fff;
  border: 3px solid #ffe0e0;
  right: 0;
  margin: 0 auto;
  text-align: left;
  top: -85px;
}

.custom-hover-expand .custom-hover-box p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
  color: #9d0916;
  text-transform: initial;
  text-overflow: ellipsis;
  overflow: hidden;
}

.custom-hover-expand .custom-hover-box::after {
  content: "";
  top: 100%;
  margin-top: 0px;
  border-width: 12px;
  border-style: solid;
  border-color: #ffe0e0 transparent transparent transparent;
  position: absolute;
  left: 45%;
}

.custom-hover-expand:hover .custom-hover-box {
  visibility: visible;
}

.add-btn {
  background-color: #ffe0e1;
  border: none;
  color: #9d0917;
  padding: 10px;
}

.add-btn:hover {
  color: #9d0917;
}

.edit-btn {
  background-color: #fbeafd;
  border: none;
  color: #6d4b71;
  padding: 10px;
}

.edit-btn:hover {
  color: #9d0917;
}

.publish-btn {
  background-color: #efe9cc;
  border: none;
  color: #ad962e;
  padding: 10px;
}

.publish-btn:hover {
  color: #ad962e;
}

.delete-btn {
  background: rgba(255, 0, 0, 0.3);
  border: none;
  color: red;
  padding: 10px;
}

.delete-btn:hover {
  color: red;
}

.archieved-btn {
  background-color: #e9ebf9;
  border: none;
  color: #6472df;
  padding: 10px;
}

.archieved-btn:hover {
  color: #6472df;
}

.replace-btn {
  background-color: #fbeafd;
  padding: 10px;
  border: none;
  color: #6d4b71;
}

.replace-btn:hover {
  color: #6d4b71;
}

.audit-btn {
  background-color: #d6e7da;
  border: none;
  padding: 10px;
  color: #0e5400;
  font-size: 16px;
  margin-left: 1px;
}

.audit-btn:hover {
  color: #0e5400;
}

.status-buttons button {
  font-size: 11px;
  padding: 8px 10px;
  background: transparent !important;
  font-weight: 500;
}

.status-buttons button .badge {
  border-radius: 50px;
  padding: 3px 5px;
  margin-left: 3px;
  margin-top: 0;
  font-size: 11px;
  font-weight: 500;
  vertical-align: middle;
}

.status-buttons .btn-default {
  color: #34495e;
  border-color: #34495e;
}

.status-buttons .btn-primary {
  border-color: #d6e7da !important;
  color: #0e5400;
}

.status-buttons .btn-primary .badge {
  color: #fff;
  background-color: #0e5400;
}

.status-buttons .btn-primary.badge_active {
  background-color: #0e5400 !important;
  color: #fff;
}

.status-buttons .btn-primary.badge_active .badge {
  color: #0e5400;
  background-color: #fff;
}

.status-buttons .btn-danger {
  border-color: #ffe3e0;
  color: #e03727;
}

.status-buttons .btn-danger .badge {
  color: #fff;
  background-color: #e03727;
}

.status-buttons .btn-danger.badge_active {
  background-color: #e03727 !important;
  color: #fff;
}

.status-buttons .btn-danger.badge_active .badge {
  color: #e03727;
  background-color: #fff;
}

.status-buttons .btn-info {
  border-color: #fbbbbc;
  color: #9d0917;
}

.status-buttons .btn-info.badge_active {
  background-color: #9d0916 !important;
  color: #fff;
}

.status-buttons .btn-info.badge_active .badge {
  color: #9d0917;
  background-color: #fff;
}

.status-buttons .btn-info .badge {
  color: #fff;
  background-color: #9d0916;
}

.status-buttons .btn-info-new {
  border-color: #e9ebf9;
  color: #6472df;
}

.status-buttons .btn-info-new.badge_active {
  background-color: #6472df !important;
  color: #fff;
}

.status-buttons .btn-info-new.badge_active .badge {
  color: #6472df;
  background-color: #fff;
}

.status-buttons .btn-info-new .badge {
  color: #fff;
  background-color: #6472df;
}

.status-buttons .btn-success {
  border-color: #efe9cc;
  color: #b19b37;
}

.status-buttons .btn-success.badge_active {
  background-color: #b19b37 !important;
  color: #fff;
}

.status-buttons .btn-success.badge_active .badge {
  color: #b19b37;
  background-color: #fff;
}

.status-buttons .btn-success .badge {
  color: #fff;
  background-color: #b19b37;
}

.status-buttons .btn-warning {
  border-color: #fbeafd;
  color: #79587d;
}

.status-buttons .btn-warning.badge_active {
  background-color: #79587d !important;
  color: #fff;
}

.status-buttons .btn-warning.badge_active .badge {
  color: #79587d;
  background-color: #fff;
}

.status-buttons .btn-warning .badge {
  color: #fff;
  background-color: #79587d;
}

.set-position {
  /*position: absolute;*/
  right: 18px;
  width: 100%;
  z-index: 9;
  top: 18px;
  padding-bottom: 18px;
}

.dataTables_paginate .pagination li .page-link {
  color: #555555;
  font-size: 15px;
  border-color: #dddddd;
  padding: 8px 15px;
  line-height: 15px;
}

.dataTables_paginate .pagination li.active .page-link {
  color: #ffffff;
}

.dataTables_paginate .pagination .page-item.disabled .page-link {
  color: #868e96;
  pointer-events: none;
  background-color: #fff;
  border-color: #ddd;
}

.mandatory-color {
  color: #e9292f;
}

#audit-trail-table td img {
  width: 100px;
  height: 100px;
}

.question-setposition {
  position: absolute;
  right: 0;
  width: auto;
  top: -48px;
}

.editque-filter {
  position: absolute;
  right: 0;
  top: 65px;
  z-index: 9;
}

/* Breadcrumbs */

.main-body .page-wrapper .page-header-breadcrumb {
  float: left;
}

.mandatory-color {
  color: #e9292f;
}

.main-color {
  color: #9d0917 !important;
}

.safetytips-content {
  background: #ffeaea;
  padding: 25px;
}

.safetytips-content b {
  font-weight: bold !important;
}

.safetytips-content ul {
  padding-left: 30px;
  list-style-type: none;
  margin-bottom: 1rem;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}

.safetytips-content ul li {
  margin-bottom: 3px;
  font-size: 13px;
  font-weight: 500;
}

.safetytips-content ul li::before {
  content: "\2022";
  color: #9d0917;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-size: 15px;
}

.resetpswd-box label {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.resetpswd-box #basic-addon {
  background: transparent !important;
  color: #7a7a7a;
}

/*Progress Bar */

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  /*background-color: #acece6;*/
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0.5rem 0 0.2rem 0;
  overflow: hidden;
  background: #fee0e0 !important;
}

.progress .indeterminate {
  background-color: #9d0916;
}

.progress .indeterminate:before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation-delay: 1.15s;
}

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%;
  }

  60% {
    left: 100%;
    right: -90%;
  }

  100% {
    left: 100%;
    right: -90%;
  }
}

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%;
  }

  60% {
    left: 107%;
    right: -8%;
  }

  100% {
    left: 107%;
    right: -8%;
  }
}

.datatable-whitespace {
  width: auto;
  word-break: break-word;
  white-space: normal;
}

.custom-upload label {
  padding: 0 !important;
}

.custom-upload label .upload-icon {
  background-color: #fbbbbc;
  color: #9d0916;
  float: left;
  padding: 8px 12px;
}

.custom-upload label .label-text {
  line-height: 35px;
  vertical-align: middle;
  margin-left: 10px;
  text-transform: none;
}

.accordion .label-icon.div_display_course_audio .delete-uploaded-item,
.card-block .label-icon.div_display_course_audio .delete-uploaded-item {
  position: relative;
  top: -17px;
}

.accordion .label-icon .uploaded-img img,
.card-block .label-icon .uploaded-img img {
  width: 80px;
  height: 36px;
  -o-object-fit: cover;
     object-fit: cover;
  cursor: pointer;
}

.accordion .label-icon .delete-uploaded-item,
.card-block .label-icon .delete-uploaded-item {
  color: #9d0917;
  cursor: pointer;
  margin-left: 20px;
  position: relative;
  top: 6px;
}

.uploaded-img {
  position: relative;
  cursor: pointer;
}

.uploaded-img .expandimage {
  visibility: hidden;
  width: 250px;
  padding: 0;
  position: absolute;
  z-index: 9;
  border-radius: 3px;
  background: #fff;
  border: 3px solid #ffe0e0;
  left: -120px;
  bottom: 100%;
  text-align: center;
}

.uploaded-img .expandimage img {
  max-width: 100%;
  height: auto;
  width: auto;
  -o-object-fit: fill;
     object-fit: fill;
}

.uploaded-img .expandimage::after {
  content: "";
  top: 100%;
  margin-top: 0px;
  border-width: 12px;
  border-style: solid;
  border-color: #ffe0e0 transparent transparent transparent;
  position: absolute;
  left: 45%;
}

.uploaded-img:hover .expandimage {
  visibility: visible;
}

.custom-form label {
  color: #777777;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 400;
  line-height: 20px;
}

.custom-form .form-control {
  border-radius: 3px;
  color: #333333;
  height: calc(2.25rem + 2px);
}

.custom-form .minicolors-theme-bootstrap .minicolors-swatch {
  top: 5px;
}

.custom-form .form-radio label {
  padding-left: 2rem;
  padding-top: 0.4rem;
}

.custom-form .radio .helper::after,
.custom-form .radio .helper::before {
  width: 1.5rem;
  height: 1.5rem;
}

.custom-form .form-inline {
  position: relative;
}

.custom-form .form-control.select-select-box {
  background: no-repeat right -1px center/36px 38px;
  -webkit-appearance: none;
}

.custom-form .custom-select-arrow {
  position: absolute;
  right: 1px;
  padding: 0.5rem 0.75rem;
  height: calc(2.25rem + -3px);
  background: #ffe0e1;
  border: none;
  border-radius: 0 3px 3px 0;
  color: #9d0916;
  top: 1px;
}

.custom-form .upload-box {
  position: relative;
  min-height: 200px;
  border: 1px dashed #d8d8d8;
  text-align: center;
  color: #ffe0e1;
  font-size: 50px;
  line-height: 200px;
  cursor: pointer;
  padding: 10px;
}

.custom-form .upload-box input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  background-color: transparent;
  color: transparent;
  min-height: 200px;
  width: 100%;
  cursor: pointer;
}

.color-grey {
  color: #777777;
}

.uploaded-video {
  position: relative;
  cursor: pointer;
}

.uploaded-video .expandvideo {
  display: none;
  width: 250px;
  padding: 0;
  position: absolute;
  z-index: 9;
  border-radius: 3px;
  background: #fff;
  border: 3px solid #ffe0e0;
  left: -60px;
  bottom: 55px;
}

.uploaded-video .expandvideo::after {
  content: "";
  top: 100%;
  margin-top: 0px;
  border-width: 12px;
  border-style: solid;
  border-color: #ffe0e0 transparent transparent transparent;
  position: absolute;
  left: 45%;
}

.uploaded-video .expandvideo .close-video-box {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: #ffe0e0;
  color: #9d0916;
  padding: 2px 8px;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border: none;
}

.uploaded-video .video-play-btn {
  position: absolute;
  left: 31%;
  background: transparent;
  border: none;
  color: #9d0916;
  font-size: 26px;
  top: -23px;
}

.uploaded-video .video-play-btn i {
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #fee0e0 !important;
  border: 1px solid #ffb7b7 !important;
  padding: 2px 8px !important;
  color: #000;
  font-size: 12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice span {
  color: #9d0916;
  margin-right: 5px;
}

.custom-form .editor_class.form-control {
  height: auto;
}

.custom-form .radio input ~ .helper::before,
.custom-form .radio input:checked ~ .helper::before {
  color: #9d0916;
  background: #fee0e0;
  border-color: #ffb7b7 !important;
}

#answers_div .checkbox-fade label {
  top: 7px;
}

/*#answers_div .error.Option {*/

/*position: absolute;*/

/*left: 15%;*/

/*margin: 0;*/

/*width: auto;*/

/*}*/

.lightbox-expand-icon button {
  position: absolute;
  top: 0;
  right: 0;
  background: #fee0e0;
  border: none;
  color: #9d0916;
  padding: 5px 10px;
  cursor: pointer;
}

.padding-0 {
  padding: 0 !important;
}

.modal-close {
  position: absolute;
  right: -10px;
  top: -12px;
}

.modal-close .close {
  background: #fee0e0;
  margin: 0;
  color: #9d0917;
  border-radius: 100%;
  padding: 4px 8px;
  cursor: pointer;
  font-weight: 600;
  opacity: 1;
  text-shadow: none;
  border-color: #fee0e0;
}

.expandmodal .modal-dialog {
  max-width: 800px;
  margin: 200px auto;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #fee0e0 !important;
  opacity: 1;
  border-color: #ffb7b7 !important;
}

.wd-30 {
  width: 30%;
}

.font-weight-500 {
  font-weight: 500;
}

.view-info table td {
  border: none;
  white-space: normal;
}

.view-desc .description {
  border: 1px solid rgba(119, 119, 119, 0.2);
  padding: 15px 20px;
  border-radius: 3px;
}

.custom-form .answer_editor {
  height: auto;
}

.pcoded .pcoded-navbar .pcoded-item .pcoded-submenu .pcoded-submenu {
  min-width: 310px;
  top: -4px;
}

button.dt-button,
div.dt-button,
a.dt-button {
  background-color: #fee0e0 !important;
  border-color: #fee0e0;
  border-radius: 2px;
  color: #9d0916 !important;
  background-image: none;
  font-size: 18px;
  vertical-align: middle;
  padding: 3px 9px !important;
}

.margin-0 {
  margin: 0;
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox-label:before {
  border: 2px solid #9d0916;
}

.border-checkbox-section .border-checkbox-group-primary .border-checkbox:checked + .border-checkbox-label:after {
  border-color: #9d0916;
}

.alert {
  margin-bottom: 1rem;
  padding: 15px 25px;
  transition: all 0.5s ease;
}

.bootstrap-tagsinput .tag {
  background-color: #fee0e0 !important;
  border: 1px solid #ffb7b7 !important;
  padding: 2px 8px !important;
  color: #000 !important;
  font-size: 12px;
  font-weight: 500;
}

.custom-form textarea.form-control {
  height: auto;
}

.custom-top-absolute {
  position: absolute;
  width: auto;
  top: -60px;
  right: 20px;
}

.custom-position-relative {
  position: relative;
}

.wd-3 {
  width: 3% !important;
}

.pcoded-submenu .pcoded-hasmenu a::after {
  background: transparent;
}

.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item > li.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after,
.pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item > li.pcoded-hasmenu > a:after {
  background-color: transparent;
}

.forget-radio .radio .helper::after {
  background-color: #9d0917;
  /*border-color: #1abc9c;*/
  border-color: #9d0917;
}

.forget-radio .radio .helper::before {
  border-color: #9d0917;
}

.country_code {
  border: none;
  background: transparent;
  /* -webkit-appearance: none; */
  border-bottom: 1px solid #777777;
  text-align: center;
  margin-right: 0px;
  padding-left: 10px;
}

.login-btn:hover {
  color: #fff;
}

.custom-phonecode-dropdown {
  transform: translate3d(0px, 42px, 0px) !important;
  will-change: transform;
  min-height: 300px;
  height: 300px;
  overflow-y: auto !important;
  padding: 10px;
  border: none;
  border-radius: 0;
}

.custom-phonecode-dropdown li a {
  width: 100%;
  color: #222222;
  padding: 12px 0;
  font-weight: 600;
}

.custom-phonecode-dropdown li a:hover {
  color: #9d0918;
}

.custom-phonecode-btn {
  text-align: right;
  color: #222222;
  padding: 12px;
  background: transparent;
  border: none;
  border-bottom: 1px solid #777777;
  border-radius: 0;
  font-weight: 600;
}

.login-card form input::-ms-input-placeholder,
.login-card form .form-control::-ms-input-placeholder {
  color: #222222;
  font-weight: 600;
}

.login-card form input:-ms-input-placeholder,
.login-card form .form-control:-ms-input-placeholder {
  color: #222222;
  font-weight: 600;
}

.login-card .form-control:disabled,
.login-card .form-control[readonly] {
  background-color: #f6f6f6 !important;
  opacity: 1;
  border-color: #f6f6f6 !important;
}

.login-selectcustom .select2-container--default .select2-selection--single {
  height: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #777777;
}

.login-selectcustom .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -10px;
  margin-top: 5px;
  position: absolute;
  top: 50%;
  width: 0;
}

.login-selectcustom .select2-container--default .select2-selection--single .select2-selection__rendered {
  background: transparent !important;
  color: #000;
  border: none;
}

.login-selectcustom .select2-container {
  width: 20% !important;
}

.collapse-btn {
  background: transparent;
  width: 100%;
  padding: 0;
  color: #9d0918;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 600;
  white-space: unset;
}

.collapse-btn span {
  color: #9d0918 !important;
  font-size: 15px !important;
  margin: 0 !important;
}

.collapse-btn:hover {
  color: #9d0918;
}

collapse-btn:focus {
  color: #9d0918;
}

.collapse-btn[aria-expanded=false] .plus-minus-icon .fa-minus {
  display: none;
}

.collapse-btn[aria-expanded=true] .plus-minus-icon .fa-minus {
  display: inline;
}

.collapse-btn[aria-expanded=true] .plus-minus-icon .fa-plus {
  display: none;
}

.dashboard-stats .stats {
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.dashboard-stats .stats p {
  margin: 0;
  color: #333333;
  font-size: 18px;
  line-height: 30px;
}

.dashboard-stats .stats p span {
  display: block;
  font-size: 35px;
  line-height: 40px;
}

.dashboard-stats .stats p .extra-text {
  margin: 0;
  color: #333333;
  font-size: 18px;
  line-height: 30px;
}

.dashboard-stats .stat1 {
  background: #ffebeb;
}

.dashboard-stats .stat1 p span {
  color: #9d0917;
}

.dashboard-stats .stat2 {
  background: #f6efd2;
}

.dashboard-stats .stat2 p span {
  color: #b19b36;
}

.dashboard-stats .stat3 {
  background: #daefde;
}

.dashboard-stats .stat3 p span {
  color: #105303;
}

.dashboard-stats .stat4 {
  background: #e9ebfa;
}

.dashboard-stats .stat4 p span {
  color: #6473de;
}

.star-ratings {
  color: #DDDDDD;
  width: 16%;
  font-size: 20px;
  text-align: right;
}

.star-ratings .checked {
  color: #FFED85;
}

.best-sellers {
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #ffffff;
  margin-top: 30px;
}

.best-sellers .card-header {
  background: transparent;
  border-radius: 0;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.best-sellers .card-header h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
  margin: 0;
}

.new-user h5,
.question-category h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
}

.best-sellers .card-header .sort-sellers {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.best-sellers .card-header .sort-sellers a {
  color: #777777;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 600;
  border-radius: 5px;
  background: transparent;
  padding: 6px 15px;
}

.best-sellers .card-header .sort-sellers a.active {
  color: #9d0917;
  background: #ffebeb;
}

.best-sellers .card-header .sort-sellers select {
  color: #9c0917;
  font-size: 12px;
  border: none;
  -webkit-appearance: none;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 22px 6px 15px;
  background: no-repeat right 10px center/9px 5px #ffebeb;
  cursor: pointer;
  width: auto;
  height: auto;
  line-height: 1.5;
}

.best-sellers .card-header .sort-sellers select:focus::-ms-value {
  background-color: #ffebeb !important;
  color: #9d0917 !important;
}

.best-sellers .card-body {
  padding: 0;
}

.best-sellers .card-body ul li {
  border-bottom: 1px solid #ffebeb;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.best-sellers .card-body ul li:last-child {
  border-bottom: none;
}

.best-sellers .card-body ul li img {
  height: 25px;
  border-radius: 3px;
}

.best-sellers .card-body ul li h6 {
  color: #333333;
  font-size: 15px;
  margin: 0;
  line-height: 24px;
}

.best-sellers .card-body ul li p {
  font-size: 14px;
  text-transform: capitalize;
  line-height: 24px;
  font-weight: 500;
}

.best-sellers .card-footer {
  background-color: #ffffff;
}

.passed-failed-questions .card-header .sort-sellers select,
.trends .card-header .sort-sellers select,
.new-user .card-header .sort-sellers select,
.question-category .card-header .sort-sellers select {
  margin-bottom: 12px !important;
}

.passed-failed-questions .card-header,
.question-category .card-header,
.new-user .card-header {
  padding-bottom: 0;
}

.passed-failed-questions .card-header .nav-pills .nav-link,
.question-category .card-header .nav-pills .nav-link,
.new-user .card-header .nav-pills .nav-link {
  color: #333333;
  font-weight: 600;
  font-size: 16px;
  padding: 0 0 12px 0;
  background: transparent;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid transparent;
  line-height: 28px;
  margin-right: 20px;
}

.passed-failed-questions .card-header .nav-pills .nav-link.active,
.question-category .card-header .nav-pills .nav-link.active,
.new-user .card-header .nav-pills .nav-link.active {
  color: #9d0918;
  border-bottom: 2px solid #ea2830;
}

.trends .card-body {
  padding: 10px 20px;
}

.trends .table {
  margin: 0;
  color: #777777;
  text-transform: capitalize;
}

.trends .table th {
  font-size: 15px;
  font-weight: 500;
  vertical-align: top;
  border: 2px dashed #ffebeb;
  border-top: none;
  padding-top: 0;
}

.trends .table td {
  font-size: 15px;
  font-weight: 500;
  border: 2px dashed #ffebeb;
  vertical-align: middle;
}

.trends .table th:first-child,
.trends .table td:first-child {
  border-left: none;
}

.trends .table th:last-child,
.trends .table td:last-child {
  border-right: none;
}

.wd-10 {
  width: 10%;
}

.dt-button.buttons-pdf.buttons-html5 {
  background: no-repeat right 0px center/33px 30px transparent !important;
  height: 35px;
  width: 35px;
  border: none;
  padding: 0 !important;
  margin-right: 5px;
}

.dt-button.buttons-csv.buttons-html5 {
  background: no-repeat right 0px center/33px 30px transparent !important;
  height: 35px;
  width: 35px;
  border: none;
  padding: 0 !important;
  margin-right: 20px;
}

.dt-button.buttons-pdf.buttons-html5:hover,
.dt-button.buttons-csv.buttons-html5:hover,
.dt-button.buttons-pdf.buttons-html5:focus,
.dt-button.buttons-csv.buttons-html5:focus,
.dt-button.buttons-pdf.buttons-html5:active,
.dt-button.buttons-csv.buttons-html5:active {
  border: none !important;
  box-shadow: none !important;
}

.new-user .best-sellers .card-body {
  height: 337px;
  overflow-y: scroll;
}

.new-user .best-sellers .card-body::-webkit-scrollbar {
  width: 6px;
}

.new-user .best-sellers .card-body::-webkit-scrollbar-track {
  background: #fee0e0;
}

.new-user .best-sellers .card-body::-webkit-scrollbar-thumb {
  background: #e92a31;
}

.new-user .best-sellers .card-body::-webkit-scrollbar-thumb:hover {
  background: #e92a31;
}

/* width */

/* Track */

/* Handle */

/* Handle on hover */

.canvas-con {
  border: 1px solid #ffebeb;
  border-radius: 3px;
  background: #ffffff;
  margin-top: 30px;
  padding: 20px;
}

.canvas-con .canvas-info {
  font-size: 18px;
  color: #333333;
  display: inline-block;
  line-height: 30px;
  margin: 0;
}

.canvas-con .canvas-info .chart-count {
  font-size: 35px;
  display: block;
  line-height: 30px;
}

.canvas-con-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 130px;
  width: 100%;
  margin-top: 10px;
  position: relative;
}

.canvas-con-inner canvas {
  width: 250px !important;
  height: 125px !important;
  position: absolute;
  left: -60px;
  top: 0;
}

#CancellationRequestChartLegendcon,
#my-legend-facialStatistics,
#mychartLegendcon {
  left: 200px;
}

#mychartLegendcon {
  top: 20%;
}

.legend-con {
  position: absolute;
  right: auto;
  top: 30%;
}

.legend-con ul {
  list-style: none;
}

.legend-con li {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.legend-con li span {
  display: inline-block;
}

.legend-con li span.chart-legend {
  width: 25px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50px;
}

.site-visitors .card-body {
  padding: 30px;
}

.site-visitors .value-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-visitors .progress-title {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  margin: 0;
}

.site-visitors .progress {
  height: 6px;
  box-shadow: none;
  margin-bottom: 28px;
  overflow: visible;
  border-radius: 50px;
}

.site-visitors .progress .progress-bar {
  box-shadow: none;
  position: relative;
  animation: animate-positive 5s;
  border-radius: 50px 0 0 50px;
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}

.speech-bubble {
  position: absolute;
  border-radius: 0.25em;
  font-weight: 500;
  top: -45px;
  right: -25px;
  width: 55px;
  height: 33px;
  line-height: 32px;
  font-size: 12px;
  color: #fff;
  background: #00aabb;
}

.speech-bubble:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom: 0;
  margin-left: -8px;
  margin-bottom: -8px;
  border-top-color: #00aabb;
}

.site-visitors .progress.red {
  background: #fee0e0 !important;
}

.site-visitors .progress.red .progress-bar {
  background: #9c0917;
}

.site-visitors .progress.red .progress-bar .speech-bubble {
  background: #9c0917;
}

.site-visitors .progress.red .progress-bar .speech-bubble:after {
  border-top-color: #9c0917;
}

.site-visitors .progress.yellow {
  background: #f6efd2 !important;
}

.site-visitors .progress.yellow .progress-bar {
  background: #b19b36;
}

.site-visitors .progress.yellow .progress-bar .speech-bubble {
  background: #b19b36;
}

.site-visitors .progress.yellow .progress-bar .speech-bubble:after {
  border-top-color: #b19b36;
}

.site-visitors .progress.green {
  background: #daefde !important;
}

.site-visitors .progress.green .progress-bar {
  background: #105303;
}

.site-visitors .progress.green .progress-bar .speech-bubble {
  background: #105303;
}

.site-visitors .progress.green .progress-bar .speech-bubble:after {
  border-top-color: #105303;
}

.site-visitors .progress.blue {
  background: #e9ebfa !important;
}

.site-visitors .progress.blue .progress-bar {
  background: #6472df;
}

.site-visitors .progress.blue .progress-bar .speech-bubble {
  background: #6472df;
}

.site-visitors .progress.blue .progress-bar .speech-bubble:after {
  border-top-color: #6472df;
}

.site-visitors .progress.lavender {
  background: #f1eef2 !important;
}

.site-visitors .progress.lavender .progress-bar {
  background: #7a587b;
}

.site-visitors .progress.lavender .progress-bar .speech-bubble {
  background: #7a587b;
}

.site-visitors .progress.lavender .progress-bar .speech-bubble:after {
  border-top-color: #7a587b;
}

.best-sellers .graph-numbers {
  line-height: 70px;
  font-size: 35px;
}

.graph-text {
  font-size: 16px;
}

.admin-select2 .select2-container {
  width: auto !important;
  margin-right: 10px;
}

.admin-select2 .select2-container .select2-selection {
  border: 1px solid #ffb7b7;
}

.admin-select2 .select2-container .select2-selection__rendered {
  line-height: initial;
  background: #fee0e0 !important;
  border-radius: 3px;
  color: #333333;
}

.admin-select2 .select2-container .select2-selection__arrow b {
  border-color: #9c0917 transparent transparent transparent;
}

.admin-select2 .select2-container.select2-container--open .select2-selection__arrow b {
  border-color: transparent transparent #9c0917 transparent;
}

.admin-select2 .select2-container .select2-selection__arrow {
  top: 5px;
  right: 5px;
}

.slider-content-box {
  border: 1px solid #fee0e0;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 20px;
  position: relative;
  height: 100%;
}

.slider-content-box .delete-uploaded-item {
  position: absolute;
  right: 20px;
  font-size: 17px;
}

.slider-content-box .add-next-div {
  min-height: 320px;
}

.slider-content-box .add-next-div a {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 4px;
  background: #fee0e0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 50px;
  color: #9c0917;
}

.slider-content-box .delete-box {
  position: absolute;
  right: 20px;
  top: 10px;
}

.slider-content-box .delete-box a {
  font-size: 20px;
  color: red;
}

.progress-bar.progress-bar-danger {
  background-color: #ea2830;
}

table.dataTable.nowrap td .progress-bar.progress-bar-warning {
  background-color: #ffb400;
}

.progress-bar.progress-bar-success {
  background-color: #379100;
}

.form-control:focus {
  border-color: #9d0917 !important;
  box-shadow: none;
  outline: 0;
}

table.dataTable.nowrap td {
  white-space: unset;
  word-break: break-word;
}

table.dataTable td:last-child {
  white-space: nowrap;
}

.course_btn .breadcrumb-item + .breadcrumb-item::before {
  content: none !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.course_btn .btn-primary {
  text-transform: uppercase;
}

.course_btn .btn-primary.current,
.course_btn .btn-primary.active,
.course_btn .btn-primary:active {
  color: #fff;
}

.swal2-buttonswrapper {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.swal2-buttonswrapper .swal2-confirm {
  background-color: #5e070e !important;
  border-left-color: #5e070e !important;
  border-right-color: #5e070e !important;
}

.swal2-buttonswrapper .swal2-confirm:hover {
  background-color: #5e070e !important;
}

.btn-primary,
.sweet-alert button.confirm,
.wizard > .actions a {
  background-color: #9d0917;
  border-color: #9d0917;
}

.btn-primary:hover,
.sweet-alert button.confirm:hover,
.wizard > .actions a:hover {
  background-color: #9d0917;
  border-color: #9d0917;
}

.input-group-addon {
  background-color: #fbbabc;
  color: #9c0917;
}

.radio .helper::after {
  transform: scale(0);
  background-color: #9c0917;
  border-color: #9c0917;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #9b0917;
}

.checkbox-fade.fade-in-primary .cr .cr-icon {
  color: #9c0917;
}

.dataTables_wrapper tr:first-child .expandimage {
  top: 40px;
  bottom: auto;
}

.dataTables_wrapper tr:first-child .expandimage::after {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffe0e0 rgba(0, 0, 0, 0);
  top: auto;
  bottom: 100%;
}

.dataTables_wrapper .uploaded-img .expandimage {
  width: 135px;
  left: -30px;
}

.md-tabs .nav-item a,
.md-tabs .main-menu .main-menu-content .nav-item .tree-1 a a,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs a a,
.md-tabs .main-menu .main-menu-content .nav-item .tree-2 a a,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs a a,
.md-tabs .main-menu .main-menu-content .nav-item .tree-3 a a,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs a a,
.md-tabs .main-menu .main-menu-content .nav-item .tree-4 a a,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs a a {
  color: #000000;
}

.md-tabs .nav-item.open .nav-link,
.md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link,
.md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link,
.md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link,
.md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link,
.md-tabs .nav-item.open .nav-link:focus,
.md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:focus,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:focus,
.md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:focus,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:focus,
.md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:focus,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:focus,
.md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:focus,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:focus,
.md-tabs .nav-item.open .nav-link:hover,
.md-tabs .main-menu .main-menu-content .nav-item .tree-1 a.open .nav-link:hover,
.main-menu .main-menu-content .nav-item .tree-1 .md-tabs a.open .nav-link:hover,
.md-tabs .main-menu .main-menu-content .nav-item .tree-2 a.open .nav-link:hover,
.main-menu .main-menu-content .nav-item .tree-2 .md-tabs a.open .nav-link:hover,
.md-tabs .main-menu .main-menu-content .nav-item .tree-3 a.open .nav-link:hover,
.main-menu .main-menu-content .nav-item .tree-3 .md-tabs a.open .nav-link:hover,
.md-tabs .main-menu .main-menu-content .nav-item .tree-4 a.open .nav-link:hover,
.main-menu .main-menu-content .nav-item .tree-4 .md-tabs a.open .nav-link:hover,
.md-tabs .nav-link.active,
.md-tabs .nav-link.active:focus,
.md-tabs .nav-link.active:hover {
  color: #9c0917;
}

td.details-control {
  background: no-repeat center center;
  cursor: pointer;
}

tr.shown td.details-control {
  background: no-repeat center center;
}

.answer-child-table {
  width: 100%;
}

.answer-child-table th {
  width: 50%;
  text-align: center;
  color: black;
  background: #e9ecef;
  border: none;
  border-right: 1px solid #9c0917;
}

.answer-child-table ul {
  padding-left: 50px;
  list-style: disc;
  margin-bottom: 0;
  font-size: 13px;
}

.answer-child-table ul li {
  margin: 0;
  font-size: 16px;
  line-height: 35px;
  padding-left: 30px;
  font-weight: 500;
}

.tags_add_multiple .bootstrap-tagsinput {
  border: 1px solid #d9d9d9;
  line-height: 30px;
  border-radius: 3px;
  color: #333333;
  height: calc(2.25rem + 2px);
}

.rating-widget {
  display: flex;
  /***** CSS Magic to Highlight Stars on Hover *****/
  /* hover previous stars in list */
}

.rating-widget .rating {
  border: none;
  float: left;
}

.rating-widget .rating > input {
  display: none;
}

.rating-widget .rating > label:before {
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\F005";
}

.rating-widget .rating > .half:before {
  content: "\F089";
  position: absolute;
}

.rating-widget .rating > label {
  color: #ddd;
  float: right;
  cursor: pointer;
}

.rating-widget .rating > input:checked ~ label,
.rating-widget .rating:not(:checked) > label:hover,
.rating-widget .rating:not(:checked) > label:hover ~ label {
  color: #ea2830;
}

.rating-widget .rating > input:checked + label:hover,
.rating-widget .rating > input:checked ~ label:hover,
.rating-widget .rating > label:hover ~ input:checked ~ label,
.rating-widget .rating > input:checked ~ label:hover ~ label {
  color: #ea2830;
}

.rating-widget .rating:not(:checked) > label:hover,
.rating-widget .rating:not(:checked) > label:hover ~ label {
  color: #dddddd;
}

.login-card .radio .helper {
  top: -0.31rem;
}

.select2-container .select2-selection--single {
  border: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: white;
  color: #444444;
  padding: 5px 32px 5px 10px;
  height: calc(2.25rem + 2px);
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  line-height: 24px;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  top: 6px;
}

.select2-container .select2-selection--single .select2-selection__arrow b {
  border-color: #9c0917 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.select2-container.select2-container--disabled .select2-selection__rendered {
  background-color: #fee0e0;
  border-color: #ffb7b7;
}

.select2-selection.select2-selection--multiple {
  background: no-repeat right 15px center/10px 5px;
  cursor: pointer;
}

fieldset.rating {
  position: relative;
}

fieldset.rating #eur_rating-error {
  position: absolute;
  top: 25px;
  width: 200px;
}

#products-table {
  position: relative;
}

.copyFlash {
  width: 30%;
  display: inline-block;
  background-color: #9c0917;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 5px 20px;
  font-size: 18px;
}

.answer-child-table .answer-box {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.answer-child-table .answer-box .image-answer {
  position: relative;
}

.answer-child-table .answer-box .image-answer .radiocheckmark {
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  padding: 10px;
  cursor: pointer;
}

.answer-child-table .answer-box .image-answer .radiocheckmark img {
  height: 150px;
  width: auto;
  max-width: 100%;
}

.answer-child-table .answer-box .image-answer.right-answer .radiocheckmark {
  background-color: green;
}

.answer-child-table .answer-box .image-answer.right-answer .right-answer-icon {
  position: absolute;
  top: 0;
  right: 0;
  background: green;
  border-radius: 0 0 0 5px;
  height: 40px;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.answer-child-table .answer-box .image-answer.right-answer .right-answer-icon .icon {
  font-size: 30px;
  color: white;
}

.answer-child-table .answer-box .text-answer {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
}

.answer-child-table .answer-box .text-answer .radiocheckmark {
  margin: 0;
  font-size: 16px;
  line-height: 35px;
  padding-left: 30px;
  font-weight: 500;
}

.answer-child-table .answer-box .text-answer.right-answer .checkmark {
  width: 20px;
  display: inline-block;
  text-align: center;
  color: #9d0917;
  border-radius: 3px;
  margin-right: 10px;
  vertical-align: top;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center center;
  position: absolute;
}

.expandmodal-image .modal-dialog {
  max-width: 500px;
}

.course_result_dashboard .course_result_div {
  padding: 15px;
}

.course_result_dashboard h5 {
  font-size: 20px;
  line-height: 30px;
  color: #404041;
  font-weight: 500;
  margin: 0;
}

.course_result_dashboard .best-sellers {
  margin-top: 0;
  margin-bottom: 15px;
}

.course_result_dashboard .card-header {
  padding: 5px;
}

.course_result_dashboard .expand-btn {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #9d0917;
  font-weight: 600;
  border-radius: 3px;
  background-color: #ffebeb;
  box-shadow: none;
  border: none;
  text-transform: capitalize;
  padding: 6px 12px;
  cursor: pointer;
}

.course_result_dashboard span.status-active,
.course_result_dashboard span.status-partial,
.course_result_dashboard span.status-archived,
.course_result_dashboard span.status-inactive {
  text-transform: uppercase;
  line-height: 20px;
}

.table-wrap-normal td {
  white-space: normal;
}

.category-list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.category-list .categories {
  margin: 5px;
  border: 1px solid;
  border-radius: 50px;
  padding: 0 6px;
  line-height: 20px;
  font-size: 12px;
}

.details-control-left {
  background: no-repeat left center !important;
}

th.details-control-left {
  background: none !important;
}

th.details-control {
  background: none !important;
}

.chart-div svg .half-circle #red_0,
.chart-div svg .half-circle #green_0,
.chart-div svg .half-circle #pro_0,
.chart-div svg .half-circle #prog_0 {
  transform: translate(85px, 375px) rotate(-80deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_0.digit_2,
.chart-div svg .half-circle #green_0.digit_2,
.chart-div svg .half-circle #pro_0.digit_2,
.chart-div svg .half-circle #prog_0.digit_2 {
  transform: translate(87px, 388px) rotate(-80deg);
}

.chart-div svg .half-circle #red_0.digit_3,
.chart-div svg .half-circle #green_0.digit_3,
.chart-div svg .half-circle #pro_0.digit_3,
.chart-div svg .half-circle #prog_0.digit_3 {
  transform: translate(85px, 400px) rotate(-80deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_1,
.chart-div svg .half-circle #green_1,
.chart-div svg .half-circle #pro_1,
.chart-div svg .half-circle #prog_1 {
  transform: translate(112px, 270px) rotate(-60deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_1.digit_2,
.chart-div svg .half-circle #green_1.digit_2,
.chart-div svg .half-circle #pro_1.digit_2,
.chart-div svg .half-circle #prog_1.digit_2 {
  transform: translate(115px, 286px) rotate(-67deg);
}

.chart-div svg .half-circle #red_1.digit_3,
.chart-div svg .half-circle #green_1.digit_3,
.chart-div svg .half-circle #pro_1.digit_3,
.chart-div svg .half-circle #prog_1.digit_3 {
  transform: translate(110px, 299px) rotate(-70deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_2,
.chart-div svg .half-circle #green_2,
.chart-div svg .half-circle #pro_2,
.chart-div svg .half-circle #prog_2 {
  transform: translate(172px, 190px) rotate(-45deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_2.digit_2,
.chart-div svg .half-circle #green_2.digit_2,
.chart-div svg .half-circle #pro_2.digit_2,
.chart-div svg .half-circle #prog_2.digit_2 {
  transform: translate(162px, 200px) rotate(-45deg);
}

.chart-div svg .half-circle #red_2.digit_3,
.chart-div svg .half-circle #green_2.digit_3,
.chart-div svg .half-circle #pro_2.digit_3,
.chart-div svg .half-circle #prog_2.digit_3 {
  transform: translate(160px, 213px) rotate(-50deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_3,
.chart-div svg .half-circle #green_3,
.chart-div svg .half-circle #pro_3,
.chart-div svg .half-circle #prog_3 {
  transform: translate(245px, 118px) rotate(-25deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_3.digit_2,
.chart-div svg .half-circle #green_3.digit_2,
.chart-div svg .half-circle #pro_3.digit_2,
.chart-div svg .half-circle #prog_3.digit_2 {
  transform: translate(240px, 133px) rotate(-30deg);
}

.chart-div svg .half-circle #red_3.digit_3,
.chart-div svg .half-circle #green_3.digit_3,
.chart-div svg .half-circle #pro_3.digit_3,
.chart-div svg .half-circle #prog_3.digit_3 {
  transform: translate(226px, 142px) rotate(-30deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_4,
.chart-div svg .half-circle #green_4,
.chart-div svg .half-circle #pro_4,
.chart-div svg .half-circle #prog_4 {
  transform: translate(345px, 85px) rotate(-12deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_4.digit_2,
.chart-div svg .half-circle #green_4.digit_2,
.chart-div svg .half-circle #pro_4.digit_2,
.chart-div svg .half-circle #prog_4.digit_2 {
  transform: translate(329px, 92px) rotate(-12deg);
}

.chart-div svg .half-circle #red_4.digit_3,
.chart-div svg .half-circle #green_4.digit_3,
.chart-div svg .half-circle #pro_4.digit_3,
.chart-div svg .half-circle #prog_4.digit_3 {
  transform: translate(317px, 96px) rotate(-12deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_5,
.chart-div svg .half-circle #green_5,
.chart-div svg .half-circle #pro_5,
.chart-div svg .half-circle #prog_5 {
  transform: translate(439px, 74px) rotate(10deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_5.digit_2,
.chart-div svg .half-circle #green_5.digit_2,
.chart-div svg .half-circle #pro_5.digit_2,
.chart-div svg .half-circle #prog_5.digit_2 {
  transform: translate(429px, 77px) rotate(10deg);
}

.chart-div svg .half-circle #red_5.digit_3,
.chart-div svg .half-circle #green_5.digit_3,
.chart-div svg .half-circle #pro_5.digit_3,
.chart-div svg .half-circle #prog_5.digit_3 {
  transform: translate(415px, 74px) rotate(10deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_6,
.chart-div svg .half-circle #green_6,
.chart-div svg .half-circle #pro_6,
.chart-div svg .half-circle #prog_6 {
  transform: translate(545px, 105px) rotate(20deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_6.digit_2,
.chart-div svg .half-circle #green_6.digit_2,
.chart-div svg .half-circle #pro_6.digit_2,
.chart-div svg .half-circle #prog_6.digit_2 {
  transform: translate(528px, 100px) rotate(27deg);
}

.chart-div svg .half-circle #red_6.digit_3,
.chart-div svg .half-circle #green_6.digit_3,
.chart-div svg .half-circle #pro_6.digit_3,
.chart-div svg .half-circle #prog_6.digit_3 {
  transform: translate(511px, 98px) rotate(27deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_7,
.chart-div svg .half-circle #green_7,
.chart-div svg .half-circle #pro_7,
.chart-div svg .half-circle #prog_7 {
  transform: translate(630px, 157px) rotate(52deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_7.digit_2,
.chart-div svg .half-circle #green_7.digit_2,
.chart-div svg .half-circle #pro_7.digit_2,
.chart-div svg .half-circle #prog_7.digit_2 {
  transform: translate(619px, 148px) rotate(52deg);
}

.chart-div svg .half-circle #red_7.digit_3,
.chart-div svg .half-circle #green_7.digit_3,
.chart-div svg .half-circle #pro_7.digit_3,
.chart-div svg .half-circle #prog_7.digit_3 {
  transform: translate(605px, 144px) rotate(47deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_8,
.chart-div svg .half-circle #green_8,
.chart-div svg .half-circle #pro_8,
.chart-div svg .half-circle #prog_8 {
  transform: translate(697px, 245px) rotate(65deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_8.digit_2,
.chart-div svg .half-circle #green_8.digit_2,
.chart-div svg .half-circle #pro_8.digit_2,
.chart-div svg .half-circle #prog_8.digit_2 {
  transform: translate(687px, 229px) rotate(65deg);
}

.chart-div svg .half-circle #red_8.digit_3,
.chart-div svg .half-circle #green_8.digit_3,
.chart-div svg .half-circle #pro_8.digit_3,
.chart-div svg .half-circle #prog_8.digit_3 {
  transform: translate(684px, 218px) rotate(65deg);
  font-size: 40px;
}

.chart-div svg .half-circle #red_9,
.chart-div svg .half-circle #green_9,
.chart-div svg .half-circle #pro_9,
.chart-div svg .half-circle #prog_9 {
  transform: translate(730px, 348px) rotate(85deg);
  font-size: 55px;
  font-family: Poppins;
}

.chart-div svg .half-circle #red_9.digit_2,
.chart-div svg .half-circle #green_9.digit_2,
.chart-div svg .half-circle #pro_9.digit_2,
.chart-div svg .half-circle #prog_9.digit_2 {
  transform: translate(730px, calc(348px - 15px)) rotate(85deg);
}

.chart-div svg .half-circle #red_9.digit_3,
.chart-div svg .half-circle #green_9.digit_3,
.chart-div svg .half-circle #pro_9.digit_3,
.chart-div svg .half-circle #prog_9.digit_3 {
  transform: translate(727px, 315px) rotate(85deg);
  font-size: 40px;
}

.canvas-div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}

.remove-ans-trash {
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 17px;
  color: #9c0917;
}

.remove-ans-trash:hover {
  color: red;
}

.search-grid-div .form-control {
  display: inline-block;
  width: auto;
  padding: 0.57rem 0.75rem;
}

.custom-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.csv-browse-img-div {
  padding: 7px;
  border: 1px solid #d6e7da;
  border-radius: 2px;
  background: #d6e7da;
  display: inline-block;
}

.csv-browse-img-div .csv-browse-img {
  height: 20px;
  cursor: pointer;
}

.csv-browse {
  display: none;
}

#courses-search-table th.details-control {
  width: 2.5% !important;
}

.cancellation-dashboard-stats {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cancellation-dashboard-stats .stats {
  width: 430px;
  border-radius: 3px;
  background-color: #fcf2f3;
  padding: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
}

.cancellation-dashboard-stats .stats .stat-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cancellation-dashboard-stats .stats .stat-name p {
  font-size: 20px;
  line-height: 30px;
  color: #333333;
  font-weight: 500;
}

.cancellation-dashboard-stats .stats .stat-name select {
  border-radius: 3px;
  border: 1px solid rgba(227, 171, 175, 0.6);
  padding: 5px 10px;
  -webkit-appearance: none;
  padding-right: 35px;
  background: no-repeat right 10px center/10px 5px #fff;
}

.cancellation-dashboard-stats .stats .stat-count {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
}

.cancellation-dashboard-stats .stats .stat-count p {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 30px;
  color: #9d0917;
  font-weight: 500;
  margin: 0;
  padding-left: 12px;
}

.cancellation-dashboard-btn {
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  margin-left: 10px;
}

.cancellation-dashboard-btn p,
.cancellation-dashboard-btn span.grid-icon {
  font-size: 22px;
  color: #777777;
  margin: 0;
}

.cancellation-dashboard-btn.dash-icon img,
.cancellation-dashboard-btn.dash-icon .grid-icon {
  display: block;
}

.cancellation-dashboard-btn.dash-icon p {
  display: none;
}

.cancellation-dashboard-btn.back-icon img,
.cancellation-dashboard-btn.back-icon .grid-icon {
  display: none;
}

.cancellation-dashboard-btn.back-icon p {
  display: block;
}

.line-charts .canvas-div {
  padding: 0;
  min-height: auto;
}

.fix-width-select {
  max-width: 110px;
}

.what-learn-accordion .learn-collapse-btn {
  background: transparent;
  border-radius: 0;
  border-bottom: 2px solid #fee0e0;
  color: #000;
  font-weight: 600;
  line-height: 2.5;
  cursor: pointer;
  padding: 5px;
}

.what-learn-accordion .learn-collapse-btn span {
  color: #9c0917;
  font-size: 22px;
  line-height: 30px;
}

.what-learn-accordion .learn-collapse-btn[aria-expanded=true] .plus {
  display: none;
}

.what-learn-accordion .learn-collapse-btn[aria-expanded=false] .plus {
  display: block;
}

.what-learn-accordion .learn-collapse-btn[aria-expanded=false] .minus {
  display: none;
}

.primary-color {
  color: #9c0917;
}

.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.custom-scroll-height-250 {
  overflow-y: scroll;
  height: 250px;
}

.time-taken-passed-sec {
  background: #127900;
  color: white;
  border-radius: 5px;
  padding: 2px 12px;
  text-transform: lowercase;
  font-size: 13px !important;
}

.time-taken-failed-sec {
  background: #9c0917;
  color: white;
  border-radius: 5px;
  padding: 2px 12px;
  text-transform: lowercase;
  font-size: 13px !important;
}

.qa-dashboard-responsive {
  width: 430px;
  height: 215px;
}

.plus-minus-user-group {
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: relative;
  top: 4px;
}

.plus-minus-user-group p[aria-expanded=true] {
  margin: 0;
  height: 20px;
  width: 20px;
  background: no-repeat center center;
}

.plus-minus-user-group p[aria-expanded=false] {
  margin: 0;
  height: 20px;
  width: 20px;
  background: no-repeat center center;
}

#permission-table .collapsing {
  transition: none;
}

.qa-dashboard-responsive {
  width: 430px;
  height: 215px;
}

.search-grid-div .form-control {
  display: inline-block;
  width: auto;
  padding: 0.57rem 0.75rem;
}

.qa-dashboard-responsive {
  width: 430px;
  height: 215px;
}

#audit-trail-table th[aria-label="Course ID: activate to sort column ascending"] {
  width: 95.4px !important;
}

.question_video .progress.btn-primary {
  display: none;
}

.points-center td:nth-child(4) {
  text-align: center;
}

.ui-resizable-se {
  right: 10px;
  bottom: -5px;
}

.activity-timeline-chart {
  margin-top: 50px;
}

.activity-timeline-chart .card-header h5 {
  margin: 0;
}

.activity-timeline-chart .card-header #activity_timeline_select {
  margin-right: 0 !important;
}

.activity-timeline-chart .card-body {
  padding: 20px;
}

.border-canvas {
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 10px;
  padding-left: 15px;
  padding-bottom: 15px;
}

.border-canvas h5 {
  margin-left: 0;
}

.border-canvas canvas {
  position: relative;
  left: -30px;
  width: 320px !important;
  height: 155px !important;
}

#courses-search-table th.details-control {
  width: 2.5% !important;
}

.padding-30 {
  padding: 30px !important;
}

.padding-20 {
  padding: 20px !important;
}

.end_user_joined_chart {
  height: 100%;
}

.end_user_joined_chart .card-header {
  padding: 5px 20px;
}

.end_user_joined_chart .card-body {
  height: 93%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification,
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification,
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification a,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification a,
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification a,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification a,
.header-navbar .navbar-wrapper .navbar-container .header-notification .show-notification li,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .show-notification li,
.header-navbar .navbar-wrapper .navbar-container .header-notification .profile-notification li,
.header-navbar .navbar-wrapper .navbar-container .mega-menu-top .profile-notification li {
  transition: none;
}

.driving_skills_dash .card-body {
  height: 242px;
}

.top_5_que_cat_dash {
  margin-top: 25px;
}

.top_5_que_cat_dash .card-body {
  height: 337px;
}

.active_plans_dash {
  margin-top: 10px;
}

.active_plans_dash canvas {
  margin: 0 auto;
}

.graph_img_div_dash .card-body .px-3.pt-3 {
  height: 140px;
}

.active_user_hour_dash .card-body,
.number_course_taken_dash .card-body,
.insurance_info_dash .card-body {
  padding: 0;
}

.active_user_hour_dash .card-body .canvas-div,
.number_course_taken_dash .card-body .canvas-div,
.insurance_info_dash .card-body .canvas-div {
  padding: 20px;
}

.most_taken_course_dash .card-body,
.passed-failed-questions .card-body {
  min-height: 292px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 292px;
}

.most_taken_course_dash .card-body::-webkit-scrollbar,
.passed-failed-questions .card-body::-webkit-scrollbar {
  width: 6px;
}

.most_taken_course_dash .card-body::-webkit-scrollbar-track,
.passed-failed-questions .card-body::-webkit-scrollbar-track {
  background: #fee0e0;
}

.most_taken_course_dash .card-body::-webkit-scrollbar-thumb,
.passed-failed-questions .card-body::-webkit-scrollbar-thumb {
  background: #e92a31;
}

.most_taken_course_dash .card-body::-webkit-scrollbar-thumb:hover,
.passed-failed-questions .card-body::-webkit-scrollbar-thumb:hover {
  background: #e92a31;
}

.points-center td:nth-child(4) {
  text-align: center;
}

a.btn-default {
  background: #fee0e0;
  border-color: #fee0e0;
  color: #9d0917 !important;
}

a.btn-default:hover {
  background: #fee0e0;
  border-color: #fee0e0;
  color: #9d0917 !important;
}

.card-header-img h5 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card-header-img h5 img {
  height: 20px;
}

.analytics_dashboard {
  height: 750px;
}

.analytics_dashboard .dash-banner .red-bg {
  border-radius: 15px;
  background-color: #9d0917;
  color: #ffffff;
}

.analytics_dashboard .dash-banner .red-bg .upper-div {
  border-bottom: 1px solid #8b0714;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px 0;
}

.analytics_dashboard .dash-banner .red-bg .upper-div .content .box {
  margin-bottom: 30px;
  padding-left: 18px;
  border-left: 3px solid #ffb2b4;
}

.analytics_dashboard .dash-banner .red-bg .upper-div .content .box h5 {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #ffb2b4;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0;
}

.analytics_dashboard .dash-banner .red-bg .upper-div .content .box p {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.analytics_dashboard .dash-banner .red-bg .upper-div .content .box p span {
  font-size: 42px;
  letter-spacing: -1px;
  line-height: 50px;
  color: white;
  font-weight: 500;
  padding-left: 15px;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div {
  padding: 10px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div {
  width: 30%;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div p {
  font-size: 20px;
  line-height: 25px;
  color: white;
  font-weight: 500;
  margin: 0;
  text-transform: capitalize;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .progress {
  height: 8px;
  border-radius: 5px;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .progress .progress-bar {
  border-radius: 5px;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .total-number,
.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-div ul li .text {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #ffb2b4;
  font-weight: 300;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-bar {
  float: right;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 25px;
  color: #ffb2b4;
  font-weight: 300;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-bar[aria-expanded=false] .expand-text {
  display: block;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-bar[aria-expanded=false] .collapse-text {
  display: none;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-bar[aria-expanded=true] .expand-text {
  display: none;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-bar[aria-expanded=true] .collapse-text {
  display: block;
}

.analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-div ul li .text {
  float: right;
}

.analytics_dashboard .black-div {
  border-radius: 15px;
  background-color: #333333;
  padding: 17px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.analytics_dashboard .black-div .gauge_chart {
  position: relative;
  z-index: 2;
  width: 50%;
  top: 25px;
}

.analytics_dashboard .black-div .gauge_chart .text {
  position: absolute;
  bottom: 22px;
  left: 12%;
  text-align: center;
  width: 50%;
  color: #fcb417;
  font-weight: 600;
}

.analytics_dashboard .black-div .gauge_chart .envelope {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  margin-right: 20px;
  font-size: 0;
}

.analytics_dashboard .black-div .gauge_chart .envelope .speedNobe {
  position: absolute;
  width: 100%;
  z-index: 10;
  transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
}

.analytics_dashboard .black-div .gauge_chart .envelope .speedNumber {
  font-size: 35px;
  color: #ffb400;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 40px;
}

.analytics_dashboard .black-div .gauge_chart .envelope .speedPosition {
  position: absolute;
  color: #FFF;
  text-align: center;
  line-height: 80PX;
  font-size: 30px;
  font-weight: bold;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #191919;
}

.analytics_dashboard .black-div .gauge_chart .envelope .speedNobe img {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(100px, -48px) rotate(-90deg);
}

.analytics_dashboard .black-div .content {
  width: 50%;
}

.analytics_dashboard .black-div .content h5 {
  font-size: 32px;
  line-height: 36px;
  color: #ea2830;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.analytics_dashboard .black-div .content ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: white;
}

.analytics_dashboard .black-div .content ul li {
  width: 50%;
  margin: 10px 0;
}

.analytics_dashboard .black-div .content ul li p {
  font-size: 30px;
  line-height: 35px;
  color: #fefefe;
  font-weight: 400;
  margin: 0;
}

.analytics_dashboard .black-div .content ul li span {
  color: #777777;
  font-size: 18px;
  line-height: 25px;
}

.analytics_dashboard .wtl-black-div {
  margin-top: 30px;
  flex-direction: column;
  height: 380px;
}

.analytics_dashboard .wtl-black-div .text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 5px;
  color: #fcb417;
  font-weight: 600;
  position: relative;
  left: 6px;
}

.analytics_dashboard .wtl-black-div .content {
  position: relative;
  width: 100%;
}

.analytics_dashboard .wtl-black-div .content h5 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 10px;
}

.analytics_dashboard .wtl-black-div .content img {
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -10px;
}

.analytics_dashboard .wtl-black-div .content .percent-willingness {
  transform: rotate(-90deg);
  transform-origin: center;
  height: auto;
  position: absolute;
  top: 95px;
  right: 78px;
}

.analytics_dashboard .wtl-black-div .content .percent-willingness .progress {
  margin: 0;
  width: 100px;
  height: 8px;
  border-radius: 10px;
}

.analytics_dashboard .wtl-black-div .content .percent-willingness .percent-number {
  position: absolute;
  transform: rotate(90deg);
  background: #fcb416;
  border-radius: 5px;
  color: #333333;
  padding: 3px 10px;
  font-weight: 700;
  top: 23px;
  left: calc(70% - 20%);
}

.analytics_dashboard .wtl-black-div .content .percent-willingness .percent-number::before {
  content: "";
  border: solid 6px transparent;
  border-right-color: #fcb417;
  position: absolute;
  margin: -60px 0 0px -20px;
  bottom: 8px;
}

.analytics_dashboard .wtl-black-div .content .rating-manipulation {
  height: 126px;
}

.analytics_dashboard .wtl-black-div .content .rating-manipulation .outer-circle {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 120px;
  margin: 0 auto;
  border-radius: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.analytics_dashboard .wtl-black-div .content .rating-manipulation .outer-circle .inner-circle {
  color: #fcb417;
  font-weight: 600;
  font-size: 30px;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.analytics_dashboard .mtl-black-div {
  height: 310px;
}

.analytics_dashboard .mtl-black-div .text {
  position: relative;
  left: 0;
  text-align: center;
  color: #fcb417;
  font-weight: 600;
  margin: 0;
}

.analytics_dashboard .comparison-report-btn {
  margin-top: 20px;
  width: 100%;
  background: #9d0a17;
}

.analytics_dashboard .comparison-report-btn svg.btn-svg-two {
  transform: translateX(-83px);
}

.analytics_dashboard .comparison-report-btn:hover svg.btn-svg-one {
  transform: translateX(83px);
}

.analytics_dashboard .see-more {
  border-radius: 3px;
  background-color: #ea2830;
  border: none;
  width: 100%;
  position: relative;
  top: -2px;
  padding: 15px;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 22px;
  color: white;
  font-weight: 300;
  text-transform: uppercase;
  margin: 30px 0;
  cursor: pointer;
}

.analytics_dashboard .see-more:hover i {
  transform: rotate(360deg);
  transition: all 0.6s ease;
}

.analytics_dashboard .see-more:focus {
  outline: 0;
}

.analytics_dashboard .border-canvas {
  background: #fff;
  padding: 20px;
  margin-top: 30px;
}

.analytics_dashboard .border-canvas canvas {
  padding-top: 20px;
}

.analytics_dashboard .border-canvas h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
  margin: 0;
}

.analytics_dashboard .nav-div {
  min-height: 745px;
  position: relative;
}

.analytics_dashboard .nav-div .nav .nav-link {
  text-align: left;
  background: #fff;
  color: #9c0917;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #9c0917;
  border-left: 5px solid #9c0917;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  justify-content: flex-start;
  padding: 12px 15px;
  align-items: center;
}

.analytics_dashboard .nav-div .nav .nav-link img {
  height: 20px;
  margin-right: 10px;
  width: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

.analytics_dashboard .nav-div .nav .nav-link .white-img {
  display: none;
}

.analytics_dashboard .nav-div .nav .nav-link.active {
  background: #9c0917;
  color: white;
  text-align: left;
}

.analytics_dashboard .nav-div .nav .nav-link.active .white-img {
  display: inline-block;
}

.analytics_dashboard .nav-div .nav .nav-link.active .red-img {
  display: none;
}

.analytics_dashboard .nav-div .bottom-links {
  position: absolute;
  bottom: 10px;
  left: 15px;
}

.analytics_dashboard .nav-div .bottom-links p {
  margin-bottom: 0;
  line-height: 20px;
}

.analytics_dashboard .nav-div .bottom-links p a {
  color: #000000;
  text-decoration: underline;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.analytics_dashboard .nav-content {
  height: 745px;
  overflow-y: auto;
  overflow-x: hidden;
}

.analytics_dashboard .nav-content .activity-block {
  background: white;
  display: flex;
  justify-content: flex-start;
  padding: 20px;
  align-items: flex-start;
  border: 1px solid #dddddd;
  margin-bottom: 25px;
}

.analytics_dashboard .nav-content .activity-block .block-img {
  background: #9c0917;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.analytics_dashboard .nav-content .activity-block .block-img img {
  height: 20px;
}

.analytics_dashboard .nav-content .activity-block .block-content {
  width: 100%;
}

.analytics_dashboard .nav-content .activity-block .block-content h5 {
  text-transform: capitalize;
  font-size: 25px;
  line-height: 40px;
}

.analytics_dashboard .nav-content .activity-block .block-content .color-grey {
  font-size: 16px;
}

.analytics_dashboard .nav-content .activity-block .block-content .block-chart {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  left: -100px;
}

.analytics_dashboard .nav-content .activity-block .block-content .block-chart canvas {
  height: 200px !important;
}

.analytics_dashboard .nav-content .activity-block .block-content .block-chart .block-chart-content {
  position: relative;
  left: -30px;
  width: 40%;
}

.analytics_dashboard .nav-content .activity-block .block-content .block-chart .block-chart-content h6 {
  text-transform: capitalize;
  font-size: 18px;
}

.analytics_dashboard .nav-content .activity-block .warning-content {
  height: 202px;
}

.analytics_dashboard .nav-content .activity-block .warning-content p {
  font-size: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  margin: 0;
  cursor: pointer;
}

.analytics_dashboard .nav-content .activity-block .warning-content p .text {
  font-size: 20px;
  margin: 0;
  width: auto;
  color: black;
}

.analytics_dashboard .nav-content .activity-block .warning-content p:hover .text {
  border-bottom: 2px solid #9b0917;
}

.analytics_dashboard .nav-content .activity-block .warning-content p span {
  font-size: 35px;
  margin-right: 20px;
  color: #9b0917;
  width: 50px;
  text-align: center;
}

.analytics_dashboard .nav-content .activity-block .warning-content-detail ul li {
  font-size: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  margin-bottom: 10px;
}

.analytics_dashboard .nav-content .activity-block .warning-content-detail ul li span {
  width: 50px;
  text-align: center;
}

.analytics_dashboard .nav-content .activity-block .warning-content-detail ul li span img {
  height: 30px;
}

.analytics_dashboard .nav-content .name-block {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 320px;
}

.analytics_dashboard .nav-content .name-block .initials {
  border-radius: 100%;
  height: 80px;
  width: 80px;
  background: #9c0917;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.analytics_dashboard .nav-content .name-block .initials p {
  margin: 0;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 500;
}

.analytics_dashboard .nav-content .marketing-div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 2px solid #e92a31;
  border-radius: 15px;
  background: white;
  margin-bottom: 20px;
}

.analytics_dashboard .nav-content .marketing-div .icon-div {
  width: 40%;
  text-align: center;
  padding: 20px;
  border-right: 1px solid #dddddd;
}

.analytics_dashboard .nav-content .marketing-div .icon-div .icon {
  height: 40px;
}

.analytics_dashboard .nav-content .marketing-div .icon-div .icon svg {
  font-size: 40px;
  height: 40px;
  width: 40px;
}

.analytics_dashboard .nav-content .marketing-div .icon-div p {
  font-size: 18px;
  line-height: 23px;
  margin: 10px 0 0;
}

.analytics_dashboard .nav-content .marketing-div .result-div {
  width: 60%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.analytics_dashboard .nav-content .marketing-div .result-div .numbers {
  text-align: right;
}

.analytics_dashboard .nav-content .marketing-div .result-div .numbers p {
  font-weight: 600;
  font-size: 18px;
  margin: 0 0 8px;
  line-height: 20px;
}

.analytics_dashboard .nav-content .marketing-div .result-div .numbers img {
  height: 50px;
}

.analytics_dashboard .nav-content .marketing-div .result-div .percent .count {
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-radius: 50px;
  height: 25px;
  width: 70px;
  font-weight: 600;
}

.analytics_dashboard .nav-content .marketing-div .result-div .percent .count.positive {
  color: #077d2f;
  background: #d6e6d9;
}

.analytics_dashboard .nav-content .marketing-div .result-div .percent .count i {
  font-size: 14px;
  height: 10px;
}

.analytics_dashboard .nav-content .marketing-div.manip-index .result-div h5 {
  font-size: 16px;
  line-height: 22px;
}

.analytics_dashboard .nav-content .marketing-div.manip-index .result-div .numbers p {
  font-size: 14px;
}

.analytics_dashboard .nav-content .add-col {
  display: flex;
}

.analytics_dashboard .nav-content .add-col .add-icon {
  height: 50px;
  width: 50px;
  margin: 0 15px 0 0;
}

.analytics_dashboard .nav-content .add-col .add-icon a {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e92a31;
  border-radius: 10px;
  color: white;
  font-size: 30px;
}

.analytics_dashboard .nav-content .add-col h5 {
  font-size: 25px;
  line-height: 50px;
}

.analytics_dashboard .nav-content .monitoring-div .marketing-div .result-div {
  width: 100%;
  padding: 10px 20px;
}

.analytics_dashboard .nav-content .monitoring-div .padding-10 {
  padding-right: 30px;
  padding-top: 20px;
}

.analytics_dashboard .nav-content .course-performance-tab {
  margin-top: 20px;
  border: 1px solid #ffe0e1;
  background: white;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline {
  border-color: #ffe0e1;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li {
  width: calc(100% / 6);
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li a {
  background: transparent;
  color: grey;
  font-weight: 500;
  text-transform: capitalize;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li a img {
  height: 22px;
  margin-right: 6px;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li a .active-img {
  display: none;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li a.active {
  background: transparent;
  font-weight: 600;
  color: #9c0917;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li a.active .active-img {
  display: inline-block;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li a.active .noactive-img {
  display: none;
}

.analytics_dashboard .nav-content .course-performance-tab .tab-header .tab-timeline li .slide {
  width: calc(100% / 6);
}

.analytics_dashboard .nav-content .industrytab-card-body {
  display: flex;
  justify-content: flex-start;
  padding: 20px;
}

.analytics_dashboard .nav-content .industrytab-card-body .vertical-tiles {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  text-align: center;
}

.analytics_dashboard .nav-content .industrytab-card-body .vertical-tiles div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 10px;
  border-right: 1px solid #dddddd;
  width: 100%;
}

.analytics_dashboard .nav-content .industrytab-card-body .vertical-tiles div:last-child {
  border: none;
}

.analytics_dashboard .nav-content .industrytab-card-body .vertical-tiles div p {
  margin: 0;
}

.analytics_dashboard .nav-content .industrytab-card-body .vertical-tiles div h5 {
  text-transform: capitalize;
  font-size: 18px;
}

.analytics_dashboard .nav-content .industrytab-card-body .vertical-tiles div .number {
  font-size: 40px;
}

.analytics_dashboard .nav-content .dashboard-flip-stats {
  position: relative;
}

.analytics_dashboard .nav-content .dashboard-flip-stats .flip-icon {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  right: 13px;
}

.analytics_dashboard .nav-content .dashboard-flip-stats .flip-icon .btn {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  font-size: 20px;
  color: #e1b5b9;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .seconds,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .minutes {
  display: inline-block;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg_time_taken_text,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg_time_taken_text_per_que {
  font-size: 15px;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg-min,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg-sec {
  display: inline;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg_time_taken_text {
  display: block;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg-min-per-question,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg-sec-per-question,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here .avg_time_taken_text_per_que {
  display: none;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .avg-min,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .avg-sec,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .avg_time_taken_text {
  display: none;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .avg-sec-per-question {
  display: inline;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .avg_time_taken_text_per_que {
  display: block;
}

.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .avg-min-per-question,
.analytics_dashboard .nav-content .dashboard-flip-stats #toggle_here.active .minutes {
  display: none;
}

.analytics_dashboard .industrybarchart .card-body {
  height: 364px;
}

.analytics_dashboard .tab-content {
  padding-right: 10px;
}

.analytics_dashboard .camp-recap .card-body {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.analytics_dashboard .camp-recap .card-body .engegment-div {
  width: 40%;
  padding: 20px;
}

.analytics_dashboard .camp-recap .card-body .engegment-div p {
  font-size: 30px;
  color: gray;
  font-weight: 600;
}

.analytics_dashboard .camp-recap .card-body .engegment-div p svg {
  margin-right: 10px;
}

.analytics_dashboard .camp-recap .card-body .engegment-div p:nth-child(2) {
  font-size: 20px;
}

.analytics_dashboard .camp-recap .card-body .dates-data {
  width: 60%;
  padding: 20px 40px 20px 20px;
  border-left: 1px solid #dddddd;
}

.analytics_dashboard .camp-recap .card-body .dates-data ul li {
  padding: 6px 0;
  border: none;
}

.analytics_dashboard .camp-recap .card-body .dates-data ul li p {
  margin: 0;
  color: gray;
  font-size: 16px;
}

.analytics_dashboard .total-visits-marketing .card-body .visitor-txt {
  font-size: 18px;
  font-weight: 500;
  color: gray;
  margin-bottom: 10px;
}

.analytics_dashboard .total-visits-marketing .card-body .visitor-txt span {
  font-size: 26px;
  margin-right: 15px;
}

.analytics_dashboard .total-visits-marketing .card-body .visits-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.analytics_dashboard .total-visits-marketing .card-body .visits-info p {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: gray;
  width: 200px;
}

.analytics_dashboard .total-visits-marketing .card-body .visits-info .progress {
  margin: 0;
  height: 10px;
  border-radius: 0;
}

.analytics_dashboard .total-visits-marketing .card-body .visits-info .progress .progress-bar {
  background-color: #9c0917;
}

.analytics_dashboard .total-visits-marketing .card-body .visits-info span {
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0 10px;
  color: gray;
}

.analytics_dashboard .platform-div {
  height: 58%;
}

.analytics_dashboard .platform-div .card-body {
  height: 86%;
  display: flex;
  align-items: center;
}

.analytics_dashboard .page-level .card-body ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.analytics_dashboard .page-level .card-body ul li {
  flex-direction: column;
  justify-content: flex-start;
  border: none;
  width: calc(100% / 6);
  align-items: center;
  text-align: center;
  color: gray;
  padding: 10px 10px 0;
  height: 140px;
  position: relative;
  border-right: 1px solid #dddddd;
}

.analytics_dashboard .page-level .card-body ul li:last-child {
  border: none;
}

.analytics_dashboard .page-level .card-body ul li svg {
  font-size: 16px;
}

.analytics_dashboard .page-level .card-body ul li p {
  margin: 0;
}

.analytics_dashboard .page-level .card-body ul li .number {
  font-size: 20px;
  line-height: 35px;
}

.analytics_dashboard .page-level .card-body ul li .number span {
  font-size: 12px;
}

.analytics_dashboard .page-level .card-body ul li .text {
  font-size: 13px;
  line-height: 16px;
}

.analytics_dashboard .page-level .card-body ul li .success,
.analytics_dashboard .page-level .card-body ul li .warning,
.analytics_dashboard .page-level .card-body ul li .failure {
  position: relative;
  bottom: -20px;
  right: -20px;
}

.analytics_dashboard .page-level .card-body ul li .success .dot,
.analytics_dashboard .page-level .card-body ul li .warning .dot,
.analytics_dashboard .page-level .card-body ul li .failure .dot {
  height: 8px;
  width: 8px;
  background: black;
  position: absolute;
  border-radius: 100%;
  top: 8px;
  margin-left: 5px;
}

.analytics_dashboard .page-level .card-body ul li .success {
  color: green;
}

.analytics_dashboard .page-level .card-body ul li .success .dot {
  background: green;
}

.analytics_dashboard .page-level .card-body ul li .warning {
  color: #ff9800;
}

.analytics_dashboard .page-level .card-body ul li .warning .dot {
  background: #ff9800;
}

.analytics_dashboard .page-level .card-body ul li .failure {
  color: red;
}

.analytics_dashboard .page-level .card-body ul li .failure .dot {
  background: red;
}

.analytics_dashboard .platform-div .card-body {
  background-size: 90px;
  background-repeat: no-repeat;
  background-position: 50px center;
}

.analytics_dashboard .api-dev-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.analytics_dashboard .api-dev-list li {
  padding: 0;
  border: none;
}

.analytics_dashboard .api-dev-list li a {
  padding: 15px;
  text-align: center;
  color: #777777;
  background: #f9f9f9;
  margin-right: 20px;
  border-radius: 3px;
  box-shadow: 2px 2px 5px -4px #000;
}

.analytics_dashboard .api-dev-list li a p {
  margin-bottom: 0;
}

.analytics_dashboard .api-dev-list li a p.icon {
  line-height: 40px;
  vertical-align: middle;
}

.analytics_dashboard .api-dev-list li a p.icon svg,
.analytics_dashboard .api-dev-list li a p.icon i {
  font-size: 35px;
}

.analytics_dashboard .api-dev-list li a p.title {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

.analytics_dashboard .nav-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.analytics_dashboard .nav-content::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

.analytics_dashboard .nav-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dddddd;
}

.analytics_dashboard .analytics-dash-table .dataTables_wrapper .filter-search-row .td_search.form-control {
  width: 80%;
  margin: 0 auto;
  height: calc(2.25rem + -10px) !important;
  border-radius: 5px;
}

.analytics_dashboard .analytics-dash-table .badge {
  color: white;
  border-radius: 0.25rem;
}

.analytics_dashboard .analytics-dash-table .badge.badge-success {
  background-color: #28a745;
}

.analytics_dashboard .analytics-dash-table .badge.badge-danger {
  background-color: #dc3545;
}

.analytics_dashboard .analytics-dash-table .table-striped {
  width: 100% !important;
}

.analytics_dashboard .analytics-dash-table .table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffe0e1;
}

.analytics_dashboard .analytics-dash-table .table-striped tbody tr:nth-of-type(even) {
  background-color: #ffffff;
}

.analytics_dashboard .analytics-dash-table .table-striped.dataTable {
  border-collapse: collapse !important;
  border-spacing: 0;
  border: none;
  margin-bottom: 0;
}

.analytics_dashboard .analytics-dash-table .table-striped.dataTable td {
  border: none;
  white-space: normal;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.75rem;
}

.analytics_dashboard .analytics-dash-table .table-striped.dataTable th {
  border-color: #ffe0e1;
  vertical-align: middle;
  color: #9d0917;
  text-transform: capitalize;
  font-size: 1rem;
  line-height: 1.5;
  background: #ffffff;
  font-weight: 600;
  white-space: normal;
  padding: 0.75rem;
  border-left: 0;
  border-right: 0;
}

.see-more-link {
  text-align: right;
  margin: 0;
}

.see-more-link a {
  text-transform: capitalize;
  text-decoration: underline;
  color: #e92a31;
  font-weight: 500;
  font-size: 16px;
}

#course-expand-coolapse #coursesPassLevelsChart {
  display: none !important;
}

#course-expand-coolapse.active #coursesPassLevelsChart {
  display: block !important;
}

#course-expand-coolapse.active #courseResultChart {
  display: none !important;
}

.best-sellers .card-body .courses-chart-level {
  display: none;
}

.best-sellers .card-body .courses-chart-level.active {
  display: block;
}

.best-sellers .card-body .courses-chart-level li {
  border: none;
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

.best-sellers .card-body .courses-chart-level li span {
  background: #389101;
  padding: 0;
  width: 5px;
  text-align: center;
  margin-right: 5px;
  height: 20px;
}

.best-sellers .card-body .courses-chart-level li span.red-bg {
  background-color: #E9292F;
}

.best-sellers .card-body .courses-chart-level li p.valuetxt {
  margin: 0;
  line-height: 30px;
  width: 100%;
}

.best-sellers .card-body .courses-chart-level li p.numtext {
  margin: 0;
  line-height: 30px;
  float: right;
}

#courses_pass_levels {
  display: block;
}

#course_question_types.active li span {
  background: #9e9c9c;
}

#open_close_course_pass_levels #close_report_txt,
#open_close_course_question_types #close_report_txt {
  display: none;
  text-decoration: underline;
}

#open_close_course_pass_levels.active #open_report_txt,
#open_close_course_question_types.active #open_report_txt {
  display: none;
}

#open_close_course_pass_levels.active #close_report_txt,
#open_close_course_question_types.active #close_report_txt {
  display: inline-block;
}

#demographic-compare,
#behavioural-change {
  height: 750px;
}

#demographic-compare .row,
#behavioural-change .row {
  height: 100%;
}

#demographic-compare .demographic-comingsoon,
#demographic-compare .behavioural-comingsoon,
#behavioural-change .demographic-comingsoon,
#behavioural-change .behavioural-comingsoon {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#demographic-compare .demographic-comingsoon h5,
#demographic-compare .behavioural-comingsoon h5,
#behavioural-change .demographic-comingsoon h5,
#behavioural-change .behavioural-comingsoon h5 {
  margin: 15px 0;
  font-weight: 600;
}

#demographic-compare .demographic-comingsoon p,
#demographic-compare .behavioural-comingsoon p,
#behavioural-change .demographic-comingsoon p,
#behavioural-change .behavioural-comingsoon p {
  font-size: 16px;
  color: gray;
  margin-bottom: 22px;
}

#demographic-compare .demographic-comingsoon .btn,
#demographic-compare .behavioural-comingsoon .btn,
#behavioural-change .demographic-comingsoon .btn,
#behavioural-change .behavioural-comingsoon .btn {
  color: white;
  background: #9d0a17;
  font-weight: 600;
  border-radius: 4px;
  cursor: pointer;
}

.front-btn {
  position: relative;
  width: auto;
  margin: 0;
  font-family: inherit;
  font-size: 16px;
  line-height: 1em;
  letter-spacing: 1px;
  font-weight: 300;
  outline: 0;
  box-sizing: border-box;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border-radius: 8px;
  padding: 12px 20px;
  cursor: pointer;
  color: white;
  background-color: #ea2830;
  text-transform: uppercase;
}

.custom-tooltip-down .custom-tooltip .tooltiptext {
  top: 29px;
  left: -232px;
}

.custom-tooltip-down .custom-tooltip .tooltiptext::after {
  top: -17%;
  right: 5px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffe0e0 rgba(0, 0, 0, 0);
}

.avg_course_behavior {
  border: 1px solid #dddddd;
}

.avg_course_behavior h5 {
  margin: 0;
}

.avg_course_behavior .card-body {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.avg_course_behavior .card-body .content-left {
  width: 30%;
  padding: 20px;
}

.avg_course_behavior .card-body .content-left p {
  margin: 0;
  font-size: 17px;
  line-height: 22px;
  color: #777777;
}

.avg_course_behavior .card-body .content-left p span {
  color: #e92a31;
}

.avg_course_behavior .card-body .content-right {
  border-left: 1px solid #dddddd;
  width: 70%;
}

.avg_course_behavior .card-body .content-right .icon-div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.avg_course_behavior .card-body .content-right .icon-div div {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
}

.avg_course_behavior .card-body .content-right .icon-div div p {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  text-transform: capitalize;
}

.avg_course_behavior .card-body .content-right .icon-div div p span {
  display: block;
  text-align: right;
  font-size: 40px;
  line-height: 30px;
  color: #9c0917;
  font-weight: 500;
}

.avg_course_behavior .card-body .content-right .icon-div div:first-child {
  border-right: 1px solid #dddddd;
}

.avg_course_behavior .card-body .content-right .middle-div {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}

.avg_course_behavior .card-body .content-right .middle-div p {
  margin: 0;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 42px;
}

.avg_course_behavior .card-body .content-right .progressbar-div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.avg_course_behavior .card-body .content-right .progressbar-div .inner-div {
  width: 50%;
  padding: 20px;
}

.avg_course_behavior .card-body .content-right .progressbar-div .inner-div p {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
}

.avg_course_behavior .card-body .content-right .progressbar-div .inner-div .progress {
  height: 8px;
  border-radius: 50px;
  background: #daefde !important;
}

.avg_course_behavior .card-body .content-right .progressbar-div .inner-div .progress .progress-bar {
  background: #389101;
  border-radius: 50px;
}

.avg_course_behavior .card-body .content-right .progressbar-div .inner-div span {
  font-size: 14px;
  line-height: 25px;
}

.avg_course_behavior .card-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
}

.avg_course_behavior .card-footer p {
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
  color: #777777;
}

.avg_course_behavior .card-footer p span {
  color: #e92a31;
}

.avg_course_behavior .card-footer p:first-child {
  width: 30%;
}

.avg_course_behavior .card-footer p:nth-child(2) {
  width: 70%;
  border-left: 1px solid #dddddd;
}

.end-profile-tab {
  border-bottom: 4px solid #ffb7b7;
}

.end-profile-tab .nav-item {
  width: calc(100% / 6);
}

.end-profile-tab .nav-item .nav-link img {
  height: 25px;
  margin-right: 10px;
}

.end-profile-tab .nav-item .nav-link .active-img {
  display: none;
}

.end-profile-tab .nav-item .nav-link.active img,
.end-profile-tab .nav-item .nav-link:hover img {
  display: none;
}

.end-profile-tab .nav-item .nav-link.active .active-img,
.end-profile-tab .nav-item .nav-link:hover .active-img {
  display: inline-block;
}

.end-profile-tab .slide {
  bottom: -4px;
  width: calc(100% / 5);
}

.view-info-chart #questionPassFailChart,
.view-info-chart #answerProvidedChart {
  width: 300px !important;
  height: 150px !important;
}

.view-info-chart #questionPassFailChart {
  position: relative;
  left: -22px;
}

.view-info-chart #answerProvidedChart {
  position: relative;
  left: -33px;
}

.ajax-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.ajax-tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: #555555;
  color: white;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: -13px;
  right: 115%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  text-transform: initial;
}

.ajax-tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  /* To the right of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}

.ajax-tooltip:hover {
  color: #fff;
}

.ajax-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.dash-filter .filter-icon {
  background: rgba(0, 0, 0, 0);
  padding: 0;
  color: #9c0917;
  cursor: pointer;
}

.dash-filter #filter_accordion,
.dash-filter #filter_accordion_dash {
  display: none;
}

.dash-filter #filter_accordion.active,
.dash-filter #filter_accordion_dash.active {
  display: block;
  position: absolute;
  width: 350px;
  height: 476px;
  -webkit-filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.35));
          filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.35));
  background-color: white;
  right: 50px;
  z-index: 9;
  verflow-y: auto;
  overflow-x: hidden;
}

.dash-filter #filter_accordion.active h5.title,
.dash-filter #filter_accordion_dash.active h5.title {
  width: 100%;
  background-color: #fcf2f3;
  margin: 0;
  text-transform: capitalize;
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 20px;
  color: #9d0917;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
}

.dash-filter #filter_accordion.active .accordion .border-bottom,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom {
  border-bottom: 1px solid whitesmoke;
  padding: 20px;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link {
  font-size: 16px;
  letter-spacing: 1px;
  color: #222222;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link:hover,
.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link:focus,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link:hover,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link:focus {
  text-decoration: none;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link[aria-expanded=false] span .fa-angle-down,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link[aria-expanded=false] span .fa-angle-down {
  display: block;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link[aria-expanded=false] span .fa-angle-up,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link[aria-expanded=false] span .fa-angle-up {
  display: none;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link[aria-expanded=true] span .fa-angle-down,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link[aria-expanded=true] span .fa-angle-down {
  display: none;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link[aria-expanded=true] span .fa-angle-up,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link[aria-expanded=true] span .fa-angle-up {
  display: block;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .btn-link span,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .btn-link span {
  font-size: 16px;
  margin-top: 0;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .custom-radios,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .custom-radios {
  margin-top: 10px;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .custom-radios .radio-div,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .custom-radios .radio-div {
  display: inline-block;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .custom-radios input[type=radio],
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .custom-radios input[type=radio] {
  display: none;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .custom-radios input[type=radio] + label,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .custom-radios input[type=radio] + label {
  cursor: pointer;
  text-align: center;
  height: 30px;
  border-radius: 15px;
  background-color: #ffe0e1;
  font-size: 16px;
  letter-spacing: 0px;
  color: #9d0917;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  text-transform: capitalize;
  margin: 5px 5px 5px 0;
}

.dash-filter #filter_accordion.active .accordion .border-bottom .custom-radios input[type=radio]:checked + label,
.dash-filter #filter_accordion_dash.active .accordion .border-bottom .custom-radios input[type=radio]:checked + label {
  background-color: #9d0917;
  color: #fff;
}

.card-loader .ball-scale {
  z-index: 9;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.09);
}

.course-result,
.question-result {
  padding: 20px;
}

.course-result .progress,
.question-result .progress {
  border-radius: 10px;
  height: 7px;
}

.course-result .progress .progress-bar,
.question-result .progress .progress-bar {
  height: 8px;
}

.course-result .progress .progress-bar.bg-success,
.question-result .progress .progress-bar.bg-success {
  background-color: #389101 !important;
}

.course-result .progress .progress-bar.bg-danger,
.question-result .progress .progress-bar.bg-danger {
  background-color: #e9292f !important;
}

.course-result .progress-value,
.question-result .progress-value {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.course-result .course-stat,
.course-result .question-stat,
.question-result .course-stat,
.question-result .question-stat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.course-result .course-stat .stat-info,
.course-result .question-stat .stat-info,
.question-result .course-stat .stat-info,
.question-result .question-stat .stat-info {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #777777;
  font-weight: 300;
  text-transform: capitalize;
  margin: 0;
}

.course-result .course-stat .dot,
.course-result .question-stat .dot,
.question-result .course-stat .dot,
.question-result .question-stat .dot {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-right: 6px;
  margin-bottom: 0;
}

.course-result .course-stat .dot.danger-dot,
.course-result .question-stat .dot.danger-dot,
.question-result .course-stat .dot.danger-dot,
.question-result .question-stat .dot.danger-dot {
  background-color: #e9292f;
}

.course-result .course-stat .dot.success-dot,
.course-result .question-stat .dot.success-dot,
.question-result .course-stat .dot.success-dot,
.question-result .question-stat .dot.success-dot {
  background-color: #389101;
}

.course-result .course-stat .value,
.course-result .question-stat .value,
.question-result .course-stat .value,
.question-result .question-stat .value {
  padding-left: 20px;
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #777777;
  font-weight: 300;
}

.course-result .course-expand-btn,
.course-result .question-expand-btn,
.question-result .course-expand-btn,
.question-result .question-expand-btn {
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 22px;
  color: #9d0917;
  font-weight: 400;
  border-radius: 3px;
  background-color: #ffebeb;
  box-shadow: none;
  border: none;
  text-transform: capitalize;
  padding: 6px 12px;
  cursor: pointer;
}

.course-result .course-expand-btn:focus,
.course-result .question-expand-btn:focus,
.question-result .course-expand-btn:focus,
.question-result .question-expand-btn:focus {
  outline: none;
}

.canvas-total-text1 {
  position: absolute;
  top: auto;
  left: 36px;
  right: 0;
  text-align: center;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  width: 147px;
  margin: 0;
  bottom: 55px;
}

.analytics-filter {
  border: 1px solid #dddddd;
  background: white;
}

.analytics-filter .accordion h5 {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 20px;
  color: white;
  font-weight: 600;
  text-align: left;
  text-transform: capitalize;
  padding: 10px 20px;
  background: #9c0917;
}

.analytics-filter .accordion .border-bottom {
  border-bottom: 1px solid whitesmoke;
  padding: 12px 20px;
}

.analytics-filter .accordion .border-bottom .btn-link {
  font-size: 16px;
  letter-spacing: 1px;
  color: #222222;
  font-weight: 400;
  padding: 0;
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.analytics-filter .accordion .border-bottom .btn-link:hover,
.analytics-filter .accordion .border-bottom .btn-link:focus {
  text-decoration: none;
}

.analytics-filter .accordion .border-bottom .btn-link[aria-expanded=false] span .fa-angle-down {
  display: block;
}

.analytics-filter .accordion .border-bottom .btn-link[aria-expanded=false] span .fa-angle-up {
  display: none;
}

.analytics-filter .accordion .border-bottom .btn-link[aria-expanded=true] span .fa-angle-down {
  display: none;
}

.analytics-filter .accordion .border-bottom .btn-link[aria-expanded=true] span .fa-angle-up {
  display: block;
}

.analytics-filter .accordion .border-bottom .btn-link span {
  font-size: 16px;
  margin-top: 0;
}

.analytics-filter .accordion .border-bottom .custom-radios {
  margin-top: 10px;
}

.analytics-filter .accordion .border-bottom .custom-radios .radio-div {
  display: inline-block;
}

.analytics-filter .accordion .border-bottom .custom-radios input[type=radio] {
  display: none;
}

.analytics-filter .accordion .border-bottom .custom-radios input[type=radio] + label {
  cursor: pointer;
  text-align: center;
  height: 30px;
  border-radius: 15px;
  background-color: #ffe0e1;
  font-size: 14px;
  letter-spacing: 0px;
  color: #9d0917;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  text-transform: capitalize;
  margin: 5px 5px 5px 0;
}

.analytics-filter .accordion .border-bottom .custom-radios input[type=radio]:checked + label {
  background-color: #9d0917;
  color: #fff;
}

.user-changes-table .table-responsive {
  overflow: hidden;
}

.user-changes-table .table-responsive .dataTables_wrapper {
  height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
}

.user-changes-table .tab-header .md-tabs {
  border-bottom: none;
  margin-bottom: 20px;
}

.user-changes-table .tab-header .md-tabs li {
  border-bottom: none;
  padding: 0;
  text-align: center;
  justify-content: center;
  position: relative;
}

.user-changes-table .tab-header .md-tabs li a {
  padding: 10px 0 !important;
}

.user-changes-table .tab-header .md-tabs li .slide {
  left: 0;
  width: 100%;
}

.user-changes-table .tab-content .pagination li {
  border-bottom: none;
}

.user-changes-table .dataTables_length label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 42%;
}

.user-changes-table .dataTables_length label .form-control {
  margin: 0 10px;
}

.roadhow-user-profile {
  height: 333px;
  overflow: hidden;
}

.data-analytics-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.data-analytics-header #show_nav_btn {
  background: transparent;
  padding: 10px 35px 16px 0px;
  cursor: pointer;
}

.data-analytics-header #show_nav_btn span {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 35px;
  background: #9c0917;
  position: absolute;
  display: inline-block;
  content: "";
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.data-analytics-header #show_nav_btn span::before,
.data-analytics-header #show_nav_btn span::after {
  cursor: pointer;
  border-radius: 3px;
  height: 4px;
  width: 35px;
  background: #9c0917;
  position: absolute;
  display: inline-block;
  content: "";
  left: 0;
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.data-analytics-header #show_nav_btn span::before {
  top: -10px;
}

.data-analytics-header #show_nav_btn span::after {
  bottom: -10px;
}

.data-analytics-header #show_nav_btn.active span {
  background-color: transparent;
}

.data-analytics-header #show_nav_btn.active span::before {
  top: 0;
  transform: rotate(45deg);
}

.data-analytics-header #show_nav_btn.active span::after {
  transform: translateY(-10px) rotate(-45deg);
  top: 10px;
}

.analytic-dash-custom h5 {
  display: flex;
  align-items: center;
}

.QueCatSummary {
  position: relative;
}

.QueCatSummary .heading {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.QueCatSummary .value {
  font-size: 16px;
  text-transform: capitalize;
  margin: 10px 0;
}

.QueCatSummary .minus1 {
  position: absolute;
  background: rgba(233, 42, 48, 0.2);
  height: 28px;
  width: 2px;
  left: 39.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .minus2 {
  position: absolute;
  background: rgba(233, 42, 48, 0.2);
  height: 28px;
  width: 2px;
  left: 29.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .minus3 {
  position: absolute;
  background: rgba(233, 42, 48, 0.2);
  height: 28px;
  width: 2px;
  left: 19.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .minus4 {
  position: absolute;
  background: rgba(233, 42, 48, 0.2);
  height: 28px;
  width: 2px;
  left: 9.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .slider.slider-horizontal {
  width: 100%;
}

.QueCatSummary .slider.slider-horizontal .slider-track {
  height: 5px;
}

.QueCatSummary .slider.slider-horizontal .slider-track .slider-selection {
  box-shadow: none;
  width: 49.7% !important;
  background-image: linear-gradient(to bottom, rgba(233, 41, 47, 0.3) 0%, rgba(233, 41, 47, 0.3) 100%) !important;
}

.QueCatSummary .slider.slider-horizontal .slider-track .slider-track-high {
  box-shadow: none;
  width: 50.3% !important;
  background-image: linear-gradient(to bottom, rgba(56, 145, 1, 0.3) 0%, rgba(56, 145, 1, 0.3) 100%) !important;
}

.QueCatSummary .slider.slider-horizontal .slider-handle {
  background-image: linear-gradient(to bottom, #9c0917 0%, #9c0917 100%);
  top: 0px;
  width: 13px;
  height: 13px;
  z-index: 2;
  cursor: auto;
}

.QueCatSummary .plus4 {
  position: absolute;
  background: rgba(56, 145, 1, 0.2);
  height: 28px;
  width: 2px;
  left: 89.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .plus3 {
  position: absolute;
  background: rgba(56, 145, 1, 0.2);
  height: 28px;
  width: 2px;
  left: 79.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .plus2 {
  position: absolute;
  background: rgba(56, 145, 1, 0.2);
  height: 28px;
  width: 2px;
  left: 69.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .plus1 {
  position: absolute;
  background: rgba(56, 145, 1, 0.2);
  height: 28px;
  width: 2px;
  left: 59.585%;
  top: 27px;
  z-index: 1;
}

.QueCatSummary .zero {
  position: absolute;
  background: rgba(156, 9, 23, 0.2);
  height: 28px;
  width: 2px;
  left: 49.585%;
  top: 27px;
}

.QueCatSummary .minus5 {
  position: absolute;
  left: -25px;
  top: 30px;
}

.QueCatSummary .plus5 {
  position: absolute;
  right: -20px;
  top: 30px;
}

.canvas-con-1 {
  position: relative;
}

.canvas-con-inner-question {
  display: flex;
  align-items: center;
  height: 180px;
  width: 100%;
  margin-top: 10px;
}

.canvas-con-inner-question canvas {
  width: 250px !important;
  height: 125px !important;
  position: absolute;
  left: -25px;
}

.canvas-con-inner-question .legend-con-question {
  position: absolute;
  right: 70px;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.canvas-con-inner-question .legend-con-question ul {
  list-style: none;
}

.canvas-con-inner-question .legend-con-question ul li {
  border-bottom: none !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: left !important;
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}

.canvas-con-inner-question .legend-con-question ul li span {
  display: inline-block;
}

.canvas-con-inner-question .legend-con-question ul li span.chart-legend {
  width: 25px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50px;
}

#questionCategoryBreakdownChartLegend {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 108px;
}

#questionCategoryBreakdownChartLegend ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#questionCategoryBreakdownChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#questionCategoryBreakdownChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

#activityTimelineChartChartLegend {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 108px;
}

#activityTimelineChartChartLegend ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#activityTimelineChartChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#activityTimelineChartChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

#courseFeedbackChartLegend {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: 15px;
  top: auto;
}

#courseFeedbackChartLegend ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#courseFeedbackChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#courseFeedbackChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

.no-of-notifications .best-sellers .card-body {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.no-of-notifications .best-sellers .card-body .notification-div {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12.3px 0;
}

.no-of-notifications .best-sellers .card-body .notification-div p {
  margin: 0;
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
}

.no-of-notifications .best-sellers .card-body .notification-div p span {
  font-size: 40px;
  display: block;
  line-height: 50px;
  color: #9c0917;
}

.no-of-notifications .best-sellers .card-body .notification-div img {
  height: 50px;
}

.no-of-notifications .best-sellers .card-body .notification-div-two {
  width: 50%;
  padding: 25px 20px;
  border-right: 1px solid #dddddd;
}

.no-of-notifications .best-sellers .card-body .notification-div-two:last-child {
  border: none;
}

.client-branding-show {
  display: none;
}

.btn.open-report-btn {
  color: #9c0917;
  font-size: 12px;
  border: none;
  -webkit-appearance: none;
  text-transform: capitalize;
  font-weight: 600;
  padding: 6px 15px 6px 15px;
  background: #ffebeb;
  cursor: pointer;
  width: auto;
  height: auto;
  line-height: 1.5;
}

.admin-noti-count {
  min-height: 60px;
}

.admin-noti-count .count {
  margin-top: 0 !important;
  color: #333333 !important;
  font-weight: 600;
  font-size: 16px !important;
  margin-left: 12px;
  line-height: 1.1;
  vertical-align: middle;
}

.news_dashboard {
  position: absolute;
  left: 0;
  width: 100%;
  min-height: calc(100vh - 80px);
  top: 80px;
  background: #6c77e3;
  padding: 20px;
  color: #ffffff;
}

.news_dashboard .news-welcome-banner {
  background: #1a2b3d;
  text-align: center;
  padding: 20px;
  border-radius: 5px;
}

.news_dashboard .news-welcome-banner h1,
.news_dashboard .news-welcome-banner p {
  margin: 0;
}

.news_dashboard .news-welcome-banner h1 {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 500;
}

.news_dashboard .news-welcome-banner p {
  font-size: 22px;
  letter-spacing: -1px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 500;
}

.news_dashboard .news-welcome-banner p span {
  color: #61c8ff;
}

.news_dashboard .news-tab {
  margin-top: 20px;
}

.news_dashboard .news-tab .nav-tabs .nav-item .nav-link {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 24px;
  color: white;
  font-weight: 500;
  border: none;
  text-transform: uppercase;
  padding: 12px 22px;
}

.news_dashboard .news-tab .nav-tabs .nav-item .nav-link.active {
  color: #687be3;
}

.news_dashboard .news-tab .tab-content {
  -webkit-filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
  background-color: white;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: black;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-indicators {
  bottom: 175px;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-indicators li {
  width: 12px;
  height: 12px;
  background-color: #dcd9d9;
  border-radius: 100%;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-indicators li.active {
  background-color: #1a2b3d;
  opacity: 1;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-inner {
  height: 616px;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-inner .carousel-item {
  position: relative;
  height: auto;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.3s ease-in-out;
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-inner .carousel-item.active {
  z-index: 1;
  opacity: 1;
  display: block;
}

.news_dashboard .news-tab .tab-content .news-slider .carousel-inner .carousel-item .img-div {
  height: 445px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid white;
}

.news_dashboard .news-tab .tab-content .news-text {
  padding: 15px 20px;
}

.news_dashboard .news-tab .tab-content .news-text h3 {
  font-weight: 600;
  margin: 10px 0;
}

.news_dashboard .news-tab .tab-content .news-text a {
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 40px;
  color: #6c77e3;
  font-weight: 500;
  border-bottom: 1px solid;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.news_dashboard .news-tab .tab-content .news-text p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

.news_dashboard .latest-releases {
  height: 810px;
  border-radius: 5px;
  background-color: #1a2b3d;
  -webkit-filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
}

.news_dashboard .latest-releases .heading {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 24px;
  color: white;
  font-weight: 500;
  border-bottom: 1px solid #0fd7d2;
  text-transform: uppercase;
  padding: 15px 20px;
}

.news_dashboard .latest-releases ul li {
  border-radius: 2px;
  background-color: #6c77e3;
  margin: 10px;
  padding: 9px;
  justify-content: space-between;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.news_dashboard .latest-releases ul li.latestrelease_seemore .img-div {
  width: 50px;
  height: 50px;
}

.news_dashboard .latest-releases ul li.latestrelease_seemore .img-div img {
  height: 30px;
  width: 30px;
}

.news_dashboard .latest-releases ul li.latestrelease_seemore .content {
  width: calc(100% - 60px);
}

.news_dashboard .latest-releases ul li.latestrelease_seemore .content p {
  height: 50px;
}

.news_dashboard .latest-releases ul li .img-div {
  width: 80px;
  height: 80px;
  border-radius: 5px;
  background-color: white;
  border: 1px solid #e9ebfa;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.news_dashboard .latest-releases ul li .img-div img {
  height: 50px;
  width: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.news_dashboard .latest-releases ul li .content {
  width: calc(100% - 90px);
}

.news_dashboard .latest-releases ul li .content p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  height: 80px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.news_dashboard .latest-releases .see-more-div {
  padding: 12px 30px;
}

.news_dashboard .latest-releases .see-more-div p {
  font-size: 25px;
  letter-spacing: -1px;
  line-height: 36px;
  color: white;
  font-weight: 500;
  margin: 0;
}

.news_dashboard .latest-releases .see-more-div a {
  font-size: 25px;
  letter-spacing: -1px;
  color: #15d1d3;
  font-weight: 500;
}

.news_dashboard #latestReleases {
  height: 660px;
  overflow-y: auto;
}

.news_dashboard #latestReleases::-webkit-scrollbar {
  width: 5px;
}

.news_dashboard #latestReleases::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.news_dashboard #latestReleases::-webkit-scrollbar-thumb {
  background: #e92a31;
}

.news_dashboard .client-welcome-div {
  border-radius: 5px;
  background-color: #1a2b3d;
  -webkit-filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
  height: 350px;
}

.news_dashboard .client-welcome-div img {
  height: 225px;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
  background: white;
  padding: 20px;
}

.news_dashboard .client-welcome-div h5 {
  font-size: 18px;
  letter-spacing: 0px;
  line-height: 24px;
  color: white;
  font-weight: 500;
  padding: 15px 20px;
}

.news_dashboard .client-welcome-div p {
  margin: 0;
  padding: 15px;
  height: 55px;
  overflow: hidden;
}

.news_dashboard .client-welcome-div p a {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 20px;
  color: white;
  font-weight: 400;
}

.news_dashboard .app-details {
  -webkit-filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(0px 3px 1.5px rgba(0, 0, 0, 0.25));
  background-image: linear-gradient(0deg, #9d0818 1%, #e82c2e 100%, #0fd7d2 100%);
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  min-height: 430px;
  border-radius: 5px;
  text-align: center;
  padding: 30px;
}

.news_dashboard .app-details h5 {
  font-size: 25px;
  line-height: 33px;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
  word-break: break-all;
  white-space: pre-line;
}

.news_dashboard .app-details img {
  position: absolute;
  bottom: 0;
  height: 280px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.pcoded .pcoded-navbar .pcoded-item > li.logo img {
  height: 80px;
}

.correct_answer_ul_text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 500px;
}

.correct_answer_ul_text li {
  width: 100%;
  line-height: 22px;
}

.correct_answer_ul_text li span {
  vertical-align: middle;
  position: relative;
  top: -6px;
}

.correct_answer_ul_img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.correct_answer_ul_img li {
  width: 15%;
  margin: 20px 0 0 20px;
}

.correct_answer_ul_img li img {
  max-width: 100%;
  height: auto;
}

.correct_answer_ul_img li.correct_answer {
  margin-left: 35px;
}

.correct_answer_ul_img li.correct_answer:first-child {
  margin-left: 20px;
}

.correct_answer_ul_img li .expandimage {
  position: relative;
}

#activityTimelineChartLegend {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 108px;
}

#activityTimelineChartLegend ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#activityTimelineChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#activityTimelineChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

#activityTimelineCurrentWeekChartLegend {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 25px;
}

#activityTimelineCurrentWeekChartLegend ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#activityTimelineCurrentWeekChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#activityTimelineCurrentWeekChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

/* The custom-checkbox */

.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  font-weight: 400;
  margin: 12px 0;
  line-height: 1.6;
  color: #777777;
}

.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: transparent;
  border: 1px solid #fae0e0;
  border-radius: 0.25rem;
}

.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 3px;
  width: 5px;
  height: 11px;
  border: solid #9d0918;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.custom-checkbox:hover input ~ .checkmark,
.custom-checkbox input:checked ~ .checkmark {
  background-color: #fae0e0;
}

.custom-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.datadset-div {
  margin-top: 20px;
}

.datadset-div .main-heading {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 25px;
}

.datadset-div .main-heading span {
  background: #44cfaf;
  color: #ffffff;
  padding: 3px 10px;
  border-radius: 3px;
  margin-left: 10px;
  font-weight: 600;
  font-size: 16px;
}

.datadset-div .box-row {
  border: 1px solid #687be2;
  border-radius: 3px;
  margin: 40px 0px;
  position: relative;
}

.datadset-div .box-row .label-heading {
  position: absolute;
  z-index: 1;
  top: -20px;
  left: 50px;
}

.datadset-div .box-row .label-heading h3 {
  margin: 0;
  background: #687be2;
  border: 1px solid #687be2;
  border-radius: 3px;
  padding: 6px 10px;
  font-size: 22px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.datadset-div .box-row .label-heading h3 img,
.datadset-div .box-row .label-heading h3 svg {
  height: 35px;
  margin-right: 10px;
}

.datadset-div .custom-checkbox {
  display: flex;
  margin: 10px 0;
  background: #f2f2f2;
  padding: 20px 15px;
  border-radius: 5px;
  min-height: 122px;
}

.datadset-div .custom-checkbox .checkmark {
  width: 28px;
  height: 28px;
  border-radius: 3px;
  background-color: white;
  border: 1px solid #687be2;
  right: 15px;
  left: auto;
  top: 15px;
}

.datadset-div .custom-checkbox .checkmark::after {
  left: 9px;
  top: 4px;
  width: 8px;
  height: 15px;
  border: solid #677be1;
  border-width: 0 3px 3px 0;
}

.datadset-div .custom-checkbox:hover input ~ .checkmark,
.datadset-div .custom-checkbox input:checked ~ .checkmark {
  background-color: #ffffff;
}

.datadset-div .custom-checkbox .label-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.datadset-div .custom-checkbox .label-content svg {
  height: 72px;
  width: 90px;
}

.datadset-div .custom-checkbox .label-content .text {
  margin-left: 20px;
}

.datadset-div .custom-checkbox .label-content .text h5 {
  margin: 0;
  text-transform: none;
  letter-spacing: 0px;
  color: #1a2b3d;
  font-size: 18px;
  line-height: 32px;
}

.datadset-div .custom-checkbox .label-content .text p {
  margin: 0;
  font-size: 14px;
  letter-spacing: 0px;
  color: #1a2b3d;
  font-weight: 500;
  text-transform: none;
  line-height: 18px;
}

.datadset-div.claim-notification-api .custom-checkbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.datadset-div.claim-notification-api .custom-checkbox .step-select {
  visibility: hidden;
  -webkit-appearance: none;
  color: #444444;
  padding: 5px 25px 5px 10px;
  border: 1px solid #9d0a17;
  border-radius: 3px;
  margin-top: 20px;
  background: white no-repeat right 9px center/8px 5px;
}

.datadset-div.claim-notification-api .custom-checkbox .step-select:focus {
  outline: 0;
}

.datadset-div.claim-notification-api .custom-checkbox input:checked ~ .step-select {
  visibility: visible;
}

.api-report-div table .heading {
  border-radius: 5px 5px 0 0;
  background-color: #ffe0e1;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #99181a;
  font-weight: 600;
  margin: 0;
}

.api-report-div .div-block {
  margin-bottom: 30px;
}

.api-report-div .div-block .heading {
  border-radius: 5px 5px 0 0;
  background-color: #ffe0e1;
  display: inline-block;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #99181a;
  font-weight: 600;
  margin: 0;
}

.api-report-div .div-block .content {
  border: 1px solid #DDDDDD;
  border-radius: 0 5px 5px 5px;
  background: #F5F5F5;
}

.api-report-div .div-block .content p {
  font-size: 14px;
  letter-spacing: 0px;
  color: #333333;
  font-weight: 600;
  margin: 0;
  padding: 20px 10px;
}

.api-report-div .div-block .content .sub-heading {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #414042;
  font-weight: 400;
  padding: 10px;
  border-bottom: 1px solid #DDDDDD;
}

.api-report-div .div-block .content .enabled-services {
  padding: 20px 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #DDDDDD;
}

.api-report-div .div-block .content .enabled-services li {
  border-radius: 3px;
  background-color: #d6e6d9;
  padding: 10px;
  margin: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.api-report-div .div-block .content .enabled-services li img,
.api-report-div .div-block .content .enabled-services li svg {
  height: 20px;
  margin-right: 10px;
}

.api-report-div .div-block .content .enabled-services li span {
  font-size: 14px;
  letter-spacing: 1px;
  color: #105303;
  font-weight: 400;
}

.api-report-div .api-data {
  border-radius: 3px;
  background-color: #fcf2f3;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  height: 225px;
}

.api-report-div .api-data h5 {
  font-size: 22px;
  line-height: 30px;
  color: #333333;
  font-weight: 600;
  text-transform: none;
  margin: 20px 0 0;
}

.api-report-div .api-data span {
  color: #777777;
  font-weight: 500;
}

.api-report-div .api-data .checkmark {
  right: 15px;
  top: 15px;
  left: auto;
  border-color: #991619;
}

.api-report-div .api-data.api-data-horizontal {
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  align-items: center;
  padding-left: 40px;
}

.api-report-div .api-data.api-data-horizontal i {
  color: #991619;
  font-size: 40px;
  margin-right: 25px;
}

.api-report-div .api-data.api-data-horizontal h5 {
  margin: 0;
}

.roadratingmatrix-otp {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.roadratingmatrix-otp .form-group {
  margin-bottom: 0;
  min-height: 40px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.roadratingmatrix-otp .form-group label {
  margin-bottom: 0;
}

.roadratingmatrix-chart {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.roadratingmatrix-chart li {
  width: 20%;
}

.roadratingmatrix-modal .modal-dialog {
  max-width: 80%;
}

.roadratingmatrix-modal .modal-dialog .modal-header {
  padding: 0;
  justify-content: flex-end;
  border: none;
}

.roadratingmatrix-modal .modal-dialog .modal-header .modal-close {
  background: #ea2830;
  opacity: 1;
  color: white;
  text-shadow: none;
  font-weight: 300;
  padding: 6px 14px;
  position: relative;
  top: 0;
  right: 0;
  border: none;
  cursor: pointer;
  font-size: 25px;
  line-height: 22px;
}

.roadratingmatrix-modal .modal-dialog .modal-header .modal-close:focus {
  outline: 0;
}

.roadratingmatrix-modal .modal-dialog table th {
  vertical-align: middle;
  border-bottom: 1px solid #ffe0e1;
  color: #9d0917;
  border-top: none;
  font-size: 16px;
}

.roadratingmatrix-modal .modal-dialog table tbody tr:nth-of-type(odd) {
  background: rgba(254, 219, 223, 0.5) !important;
  border: none;
  font-size: 16px;
}

.roadratingmatrix-modal .modal-dialog table tbody tr:nth-of-type(odd) td:first-child {
  border-left: none !important;
}

.roadratingmatrix-modal .modal-dialog table tbody tr:nth-of-type(even) {
  background: transparent !important;
  border: none;
  font-size: 16px;
}

.roadratingmatrix-modal .modal-dialog table tbody tr:nth-of-type(even) td:first-child {
  border-left: none !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid #9c0917;
  background: #fee0e0;
}

.ui-state-default {
  border: 1px solid white;
  background: white;
}

.ui-widget-content .ui-state-default {
  border: 1px solid white;
  background: white;
}

.ui-widget-content .ui-state-highlight {
  border: 1px solid #e92a31;
  background: #e92a31;
  color: white;
}

.ui-widget-content .ui-state-active {
  border: 1px solid #9c0917;
  background: #9c0917;
}

.ui-widget-header {
  border: none;
  background: rgba(0, 0, 0, 0);
}

.ui-widget-header .ui-state-default {
  border: 1px solid white;
  background: white;
}

.ui-widget-header .ui-state-highlight {
  border: 1px solid #e92a31;
  background: #e92a31;
  color: white;
}

.ui-widget-header .ui-state-active {
  border: 1px solid #9c0917;
  background: #9c0917;
}

.ui-button {
  border: 1px solid white;
  background: white;
}

.ui-button:active {
  border: 1px solid #9c0917;
  background: #9c0917;
}

html .ui-button.ui-state-disabled:hover {
  border: 1px solid white;
  background: white;
}

html .ui-button.ui-state-disabled:active {
  border: 1px solid white;
  background: white;
}

.ui-state-highlight {
  border: 1px solid #e92a31;
  background: #e92a31;
  color: white;
}

.ui-state-active {
  border: 1px solid #9c0917;
  background: #9c0917;
}

a.ui-button:active {
  border: 1px solid #9c0917;
  background: #9c0917;
}

.ui-button.ui-state-active:hover {
  border: 1px solid #9c0917;
  background: #9c0917;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 3px;
}

#currentMonthSalesSubscriptionChart,
#currentMonthSalesBundleChart,
#currentMonthSalesTotalChart {
  height: 310px !important;
  width: 620px !important;
}

.best-sellers-linechart {
  height: 100%;
  margin-top: 0;
}

.best-sellers-linechart label-heading .line-charts-dash-height {
  height: 96.5%;
  display: flex;
  align-items: center;
}

.roadrating_matrix_dashboard .back-button {
  position: absolute;
  top: -60px;
  width: auto;
  right: 0;
}

.roadrating_matrix_dashboard .back-button .btn {
  background: #fcf2f3;
  color: #9c0917;
  border-color: #fcf2f3;
}

.roadrating_matrix_dashboard .open-dash {
  border: 1px solid #c7c7c7;
  border-radius: 3px;
}

.roadrating_matrix_dashboard .open-dash .img-content {
  padding: 30px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.roadrating_matrix_dashboard .open-dash .img-content svg {
  height: 60px;
  margin-right: 20px;
}

.roadrating_matrix_dashboard .open-dash .img-content p {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
}

.roadrating_matrix_dashboard .open-dash .img-content p span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.roadrating_matrix_dashboard .open-dash .btn {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-top: 1px solid #c7c7c7;
  color: #9c0917;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  font-weight: 600;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills {
  justify-content: center;
  transform: translateY(7%);
  background: #fcf2f3;
  height: 530px;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills .nav-link,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills .nav-link {
  border: none;
  padding: 0;
  width: 170px;
  text-align: center;
  transform: rotate(-90deg);
  transform-origin: center;
  height: 150px;
  line-height: 18px;
  text-transform: capitalize;
  color: #9c0917;
  font-weight: 500;
  border-radius: 0;
  cursor: text;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills .nav-link.active,
.roadrating_matrix_dashboard .rr-table-tabs .nav-pills .nav-link:focus,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills .nav-link.active,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills .nav-link:focus {
  text-align: center;
  border: none;
  color: #9c0917;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills .nav-link:hover,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills .nav-link:hover {
  color: #9c0917;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills a#v-pills-bonus-tab::before,
.roadrating_matrix_dashboard .rr-table-tabs .nav-pills a#v-pills-bonus-tab-rl::before,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills a#v-pills-bonus-tab::before,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills a#v-pills-bonus-tab-rl::before {
  content: "";
  position: absolute;
  height: 37px;
  width: 2px;
  background: #9c0917;
  top: -10px;
  left: 15px;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills a#v-pills-bonus-tab::after,
.roadrating_matrix_dashboard .rr-table-tabs .nav-pills a#v-pills-bonus-tab-rl::after,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills a#v-pills-bonus-tab::after,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills a#v-pills-bonus-tab-rl::after {
  content: "";
  position: absolute;
  height: 37px;
  width: 2px;
  background: #9c0917;
  top: -10px;
  right: -4px;
}

.roadrating_matrix_dashboard .rr-table-tabs .nav-pills a#v-pills-bonus-tab span,
.roadrating_matrix_dashboard .rl-table-tabs .nav-pills a#v-pills-bonus-tab span {
  position: relative;
  left: 16px;
}

.roadrating_matrix_dashboard .rr-table-tabs .left-table,
.roadrating_matrix_dashboard .rl-table-tabs .left-table {
  display: flex;
}

.roadrating_matrix_dashboard .rr-table-tabs .left-table .vertical-tabs,
.roadrating_matrix_dashboard .rl-table-tabs .left-table .vertical-tabs {
  width: 6%;
}

.roadrating_matrix_dashboard .rr-table-tabs .left-table .tabs-table,
.roadrating_matrix_dashboard .rl-table-tabs .left-table .tabs-table {
  width: calc(100% - 6%);
}

.roadrating_matrix_dashboard .exclude-user-toggle {
  margin-top: 20px;
}

.roadrating_matrix_dashboard .exclude-user-toggle .form-item {
  display: inline-block;
}

.roadrating_matrix_dashboard .exclude-user-toggle .form-item > label {
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  font-weight: 600;
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch {
  display: inline-block;
  vertical-align: middle;
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch label {
  cursor: pointer;
  display: block;
  width: 52.5px;
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch span {
  position: relative;
  background: #fcf2f3;
  height: 30px;
  display: block;
  border: 2px solid #fcf2f3;
  border-radius: 100px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch input {
  display: none;
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch a {
  position: absolute;
  right: 45%;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  height: 100%;
  width: 55%;
  display: block;
  background: white;
  border-radius: 50%;
  transition: right 0.3s ease-out;
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch input:checked + span {
  background-color: #9c0917;
  border-color: #9c0917;
}

.roadrating_matrix_dashboard .exclude-user-toggle .toggle-switch input:checked + span a {
  right: 0;
}

.manage-course-quecat {
  height: 100%;
}

.manage-course-quecat .card-body {
  height: calc(100% - 42px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.ocr-pdf .preview-box {
  background: rgba(251, 187, 189, 0.31);
  padding: 20px;
  border-radius: 15px;
}

.ocr-pdf .preview-box .preview-img {
  width: 100%;
  height: 350px;
}

.ocr-pdf .preview-box .preview-img canvas {
  height: 100%;
  width: 100%;
}

.ocr-pdf .preview-box .preview-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ocr-pdf .preview-box .preview-btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
}

.ocr-pdf .preview-box .preview-btns .btn {
  padding: 0;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: white;
  color: #9c0917;
  font-weight: bold;
  margin: 0 15px 0 0;
  font-size: 20px;
  cursor: pointer;
}

#metadata_display_Modal .modal-dialog,
#fullview_display_Modal .modal-dialog {
  max-width: 1000px;
}

#metadata_display_Modal .modal-dialog,
#fullview_display_Modal .modal-dialog {
  max-width: 1000px;
}

.include-replace-toggle {
  display: inline-block;
}

.include-replace-toggle .form-item {
  display: inline-block;
}

.include-replace-toggle .form-item > label {
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  font-weight: 600;
}

.include-replace-toggle .toggle-switch {
  display: inline-block;
  vertical-align: middle;
}

.include-replace-toggle .toggle-switch label {
  cursor: pointer;
  display: block;
  width: 43.75px;
}

.include-replace-toggle .toggle-switch span {
  position: relative;
  background: #fcf2f3;
  height: 25px;
  display: block;
  border: 2px solid #fcf2f3;
  border-radius: 100px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.include-replace-toggle .toggle-switch input {
  display: none;
}

.include-replace-toggle .toggle-switch a {
  position: absolute;
  right: 45%;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  height: 100%;
  width: 55%;
  display: block;
  background: white;
  border-radius: 50%;
  transition: right 0.3s ease-out;
}

.include-replace-toggle .toggle-switch input:checked + span {
  background-color: #9c0917;
  border-color: #9c0917;
}

.include-replace-toggle .toggle-switch input:checked + span a {
  right: 0;
}

.darkcolor-box-admin {
  border-radius: 15px;
  background-color: #333333;
  position: relative;
  margin-top: 30px;
  padding: 30px 40px;
  color: #fff;
}

.darkcolor-box-admin .envelope {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  margin-right: 50px;
  font-size: 0;
}

.darkcolor-box-admin .envelope .speedNobe {
  position: absolute;
  width: 100%;
  z-index: 10;
  transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
}

.darkcolor-box-admin .envelope .speedNumber {
  font-size: 35px;
  color: #ffb400;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 40px;
}

.darkcolor-box-admin .envelope .speedPosition {
  position: absolute;
  color: #FFF;
  text-align: center;
  line-height: 80PX;
  font-size: 30px;
  font-weight: bold;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #191919;
}

.darkcolor-box-admin .envelope .speedNobe img {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(100px, -48px) rotate(-90deg);
}

.darkcolor-box-admin p {
  margin: 0;
}

.darkcolor-box-admin .dash-icon .progress-heading,
.darkcolor-box-admin .dash-icon .progress-text {
  display: none;
}

.darkcolor-box-admin .back-icon .ribbon-img {
  height: 65px;
}

.darkcolor-box-admin .back-icon .text {
  top: 0 !important;
}

.darkcolor-box-admin .back-icon .text .progress-text {
  font-size: 18px;
  line-height: 23px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkcolor-box-admin .back-icon .text .progress-text svg {
  margin-right: 5px;
  font-size: 22px;
}

.darkcolor-box-admin .back-icon .value {
  display: none !important;
}

.darkcolor-box-admin .back-icon .progress-heading,
.darkcolor-box-admin .back-icon .progress-text {
  display: block;
}

.darkcolor-box-admin .back-icon .score-heading,
.darkcolor-box-admin .back-icon .score-text {
  display: none;
}

.darkcolor-box-admin .back-icon .progress-heading {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.darkcolor-box-admin .back-icon .progress-heading span {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  margin: 10px 0;
  display: block;
}

.darkcolor-box-admin .road-rate {
  display: flex;
  align-items: center;
  margin: 30px 0 10px;
  position: relative;
  min-height: 250px;
}

.darkcolor-box-admin .road-rate .points-progressbar {
  position: relative;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer {
  display: inline-block;
  text-align: center;
  position: relative;
  top: -10px;
  transform: translateX(-11.5px);
  animation: moveIt 1s ease-in-out;
  -moz-animation: moveIt 1s ease-in-out;
  -webkit-animation: moveIt 1s ease-in-out;
  -ms-animation: moveIt 1s ease-in-out;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer img {
  height: 22px;
}

.darkcolor-box-admin .road-rate .points-progressbar input {
  position: absolute;
  opacity: 0;
  padding: 0;
  z-index: -1;
  width: 500px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div {
  width: 500px;
  height: 50px;
  background-color: #389101;
  position: relative;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div:after {
  content: "";
  position: absolute;
  right: -35px;
  width: 0;
  height: 0;
  border-top: 27px solid rgba(0, 0, 0, 0);
  border-left: 35px solid #389101;
  border-bottom: 23px solid rgba(0, 0, 0, 0);
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p {
  position: absolute;
  height: 100%;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p span {
  font-size: 16px;
  color: white;
  font-weight: 300;
  position: absolute;
  top: auto;
  right: 8px;
  bottom: -25px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:before {
  content: "";
  height: 25px;
  width: 1px;
  background-color: white;
  top: -25px;
  position: absolute;
  right: 0;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:after {
  content: "";
  height: 25px;
  width: 1px;
  background-color: white;
  bottom: -25px;
  position: absolute;
  right: 0;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.to100 {
  width: 50px;
  background-color: #9d0917;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from100to200 {
  left: 50px;
  width: 50px;
  background-color: #c55a12;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from200to400 {
  left: 100px;
  background-color: #ffb400;
  width: 100px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from400to800 {
  left: 200px;
  background-color: #ffb400;
  width: 200px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.to1000 {
  left: 400px;
  background-color: #389101;
  width: 100px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child:before,
.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child:after {
  display: none;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child span {
  top: 12px;
  right: -75px;
}

.darkcolor-box-admin .ribbon-points {
  position: absolute;
  right: 0;
  top: 30px;
}

.darkcolor-box-admin .ribbon-points .ribbon-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  color: white;
  border: none;
}

.darkcolor-box-admin .ribbon-points .ribbon-text .value {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
  font-size: 51px;
  line-height: 26px;
  font-weight: 500;
  padding-right: 30px;
}

.darkcolor-box-admin .ribbon-points .ribbon-text .value span {
  letter-spacing: -10px;
  font-weight: 300;
}

.darkcolor-box-admin .ribbon-points .ribbon-text .text {
  text-transform: uppercase;
  position: relative;
  top: 12px;
  font-weight: 500;
}

.darkcolor-box-admin .simple-ribbon {
  position: absolute;
  right: 0;
  bottom: 30px;
}

.darkcolor-box-admin .simple-ribbon p {
  font-size: 18px;
  letter-spacing: 0px;
  color: white;
  font-weight: 300;
  display: inline-block;
  border-radius: 5px 0 0 5px;
  background-color: #e9292f;
  padding: 8px 35px 8px 20px;
}

.dashboard-end-user-view .black-div {
  border-radius: 15px;
  background-color: #333333;
  padding: 17px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-end-user-view .black-div .content h5 {
  font-size: 32px;
  line-height: 36px;
  color: #ea2830;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.dashboard-end-user-view .wtl-black-div {
  margin-top: 30px;
  flex-direction: column;
}

.dashboard-end-user-view .wtl-black-div .text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
  color: #fcb417;
  font-weight: 600;
  position: relative;
  left: 6px;
}

.dashboard-end-user-view .wtl-black-div .content {
  position: relative;
  width: 100%;
}

.dashboard-end-user-view .wtl-black-div .content h5 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px;
  display: block;
}

.dashboard-end-user-view .wtl-black-div .content img {
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -10px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness {
  transform: rotate(-90deg);
  transform-origin: center;
  height: auto;
  position: absolute;
  top: 105px;
  right: 40px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .progress {
  margin: 0;
  width: 100px;
  height: 6px;
  border-radius: 10px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .percent-number {
  position: absolute;
  transform: rotate(90deg);
  background: #fcb416;
  border-radius: 5px;
  color: #333333;
  padding: 3px 10px;
  font-weight: 700;
  top: 25px;
  left: calc(70% - 20%);
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .percent-number::before {
  content: "";
  border: solid 6px transparent;
  border-right-color: #fcb417;
  position: absolute;
  margin: -60px 0 0px -20px;
  bottom: 8px;
}

.dashboard-end-user-view .wtl-black-div .content .rating-manipulation .outer-circle {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 120px;
  margin: 0 auto;
  border-radius: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard-end-user-view .wtl-black-div .content .rating-manipulation .outer-circle .inner-circle {
  color: #fcb417;
  font-weight: 600;
  font-size: 30px;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkcolor-box-admin {
  border-radius: 15px;
  background-color: #333333;
  position: relative;
  margin-top: 30px;
  padding: 30px 40px;
  color: #fff;
}

.darkcolor-box-admin .envelope {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  margin-right: 50px;
  font-size: 0;
}

.darkcolor-box-admin .envelope .speedNobe {
  position: absolute;
  width: 100%;
  z-index: 10;
  transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
}

.darkcolor-box-admin .envelope .speedNumber {
  font-size: 35px;
  color: #ffb400;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 40px;
}

.darkcolor-box-admin .envelope .speedPosition {
  position: absolute;
  color: #FFF;
  text-align: center;
  line-height: 80PX;
  font-size: 30px;
  font-weight: bold;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #191919;
}

.darkcolor-box-admin .envelope .speedNobe img {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(100px, -48px) rotate(-90deg);
}

.darkcolor-box-admin p {
  margin: 0;
}

.darkcolor-box-admin .dash-icon .progress-heading,
.darkcolor-box-admin .dash-icon .progress-text {
  display: none;
}

.darkcolor-box-admin .back-icon .ribbon-img {
  height: 65px;
}

.darkcolor-box-admin .back-icon .text {
  top: 0 !important;
}

.darkcolor-box-admin .back-icon .text .progress-text {
  font-size: 18px;
  line-height: 23px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkcolor-box-admin .back-icon .text .progress-text svg {
  margin-right: 5px;
  font-size: 22px;
}

.darkcolor-box-admin .back-icon .value {
  display: none !important;
}

.darkcolor-box-admin .back-icon .progress-heading,
.darkcolor-box-admin .back-icon .progress-text {
  display: block;
}

.darkcolor-box-admin .back-icon .score-heading,
.darkcolor-box-admin .back-icon .score-text {
  display: none;
}

.darkcolor-box-admin .back-icon .progress-heading {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.darkcolor-box-admin .back-icon .progress-heading span {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  margin: 10px 0;
  display: block;
}

.darkcolor-box-admin .road-rate {
  display: flex;
  align-items: center;
  margin: 30px 0 10px;
  position: relative;
  min-height: 250px;
}

.darkcolor-box-admin .road-rate .points-progressbar {
  position: relative;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer {
  display: inline-block;
  text-align: center;
  position: relative;
  top: -10px;
  transform: translateX(-11.5px);
  animation: moveIt 1s ease-in-out;
  -moz-animation: moveIt 1s ease-in-out;
  -webkit-animation: moveIt 1s ease-in-out;
  -ms-animation: moveIt 1s ease-in-out;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer img {
  height: 22px;
}

.darkcolor-box-admin .road-rate .points-progressbar input {
  position: absolute;
  opacity: 0;
  padding: 0;
  z-index: -1;
  width: 500px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div {
  width: 500px;
  height: 50px;
  background-color: #389101;
  position: relative;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div:after {
  content: "";
  position: absolute;
  right: -35px;
  width: 0;
  height: 0;
  border-top: 27px solid rgba(0, 0, 0, 0);
  border-left: 35px solid #389101;
  border-bottom: 23px solid rgba(0, 0, 0, 0);
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p {
  position: absolute;
  height: 100%;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p span {
  font-size: 16px;
  color: white;
  font-weight: 300;
  position: absolute;
  top: auto;
  right: 8px;
  bottom: -25px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:before {
  content: "";
  height: 25px;
  width: 1px;
  background-color: white;
  top: -25px;
  position: absolute;
  right: 0;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:after {
  content: "";
  height: 25px;
  width: 1px;
  background-color: white;
  bottom: -25px;
  position: absolute;
  right: 0;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.to100 {
  width: 50px;
  background-color: #9d0917;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from100to200 {
  left: 50px;
  width: 50px;
  background-color: #c55a12;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from200to400 {
  left: 100px;
  background-color: #ffb400;
  width: 100px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from400to800 {
  left: 200px;
  background-color: #ffb400;
  width: 200px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.to1000 {
  left: 400px;
  background-color: #389101;
  width: 100px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child:before,
.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child:after {
  display: none;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child span {
  top: 12px;
  right: -75px;
}

.darkcolor-box-admin .ribbon-points {
  position: absolute;
  right: 0;
  top: 30px;
}

.darkcolor-box-admin .ribbon-points .ribbon-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  color: white;
  border: none;
}

.darkcolor-box-admin .ribbon-points .ribbon-text .value {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
  font-size: 51px;
  line-height: 26px;
  font-weight: 500;
  padding-right: 30px;
}

.darkcolor-box-admin .ribbon-points .ribbon-text .value span {
  letter-spacing: -10px;
  font-weight: 300;
}

.darkcolor-box-admin .ribbon-points .ribbon-text .text {
  text-transform: uppercase;
  position: relative;
  top: 12px;
  font-weight: 500;
}

.darkcolor-box-admin .simple-ribbon {
  position: absolute;
  right: 0;
  bottom: 30px;
}

.darkcolor-box-admin .simple-ribbon p {
  font-size: 18px;
  letter-spacing: 0px;
  color: white;
  font-weight: 300;
  display: inline-block;
  border-radius: 5px 0 0 5px;
  background-color: #e9292f;
  padding: 8px 35px 8px 20px;
}

.dashboard-end-user-view .black-div {
  border-radius: 15px;
  background-color: #333333;
  padding: 17px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-end-user-view .black-div .content h5 {
  font-size: 32px;
  line-height: 36px;
  color: #ea2830;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.dashboard-end-user-view .wtl-black-div {
  margin-top: 30px;
  flex-direction: column;
}

.dashboard-end-user-view .wtl-black-div .text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
  color: #fcb417;
  font-weight: 600;
  position: relative;
  left: 6px;
}

.dashboard-end-user-view .wtl-black-div .content {
  position: relative;
  width: 100%;
}

.dashboard-end-user-view .wtl-black-div .content h5 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px;
  display: block;
}

.dashboard-end-user-view .wtl-black-div .content img {
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -10px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness {
  transform: rotate(-90deg);
  transform-origin: center;
  height: auto;
  position: absolute;
  top: 105px;
  right: 40px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .progress {
  margin: 0;
  width: 100px;
  height: 6px;
  border-radius: 10px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .percent-number {
  position: absolute;
  transform: rotate(90deg);
  background: #fcb416;
  border-radius: 5px;
  color: #333333;
  padding: 3px 10px;
  font-weight: 700;
  top: 25px;
  left: calc(70% - 20%);
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .percent-number::before {
  content: "";
  border: solid 6px transparent;
  border-right-color: #fcb417;
  position: absolute;
  margin: -60px 0 0px -20px;
  bottom: 8px;
}

.dashboard-end-user-view .wtl-black-div .content .rating-manipulation .outer-circle {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 120px;
  margin: 0 auto;
  border-radius: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard-end-user-view .wtl-black-div .content .rating-manipulation .outer-circle .inner-circle {
  color: #fcb417;
  font-weight: 600;
  font-size: 30px;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkcolor-box-admin {
  border-radius: 15px;
  background-color: #333333;
  position: relative;
  margin-top: 30px;
  padding: 30px 40px;
  color: #fff;
}

.darkcolor-box-admin .envelope {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  margin-right: 50px;
  font-size: 0;
}

.darkcolor-box-admin .envelope .speedNobe {
  position: absolute;
  width: 100%;
  z-index: 10;
  transition: all 1s;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
}

.darkcolor-box-admin .envelope .speedNumber {
  font-size: 35px;
  color: #ffb400;
  font-weight: 600;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  bottom: 40px;
}

.darkcolor-box-admin .envelope .speedPosition {
  position: absolute;
  color: #FFF;
  text-align: center;
  line-height: 80PX;
  font-size: 30px;
  font-weight: bold;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #191919;
}

.darkcolor-box-admin .envelope .speedNobe img {
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(100px, -48px) rotate(-90deg);
}

.darkcolor-box-admin p {
  margin: 0;
  font-size: 15px;
}

.darkcolor-box-admin .dash-icon .progress-heading,
.darkcolor-box-admin .dash-icon .progress-text {
  display: none;
}

.darkcolor-box-admin .back-icon .ribbon-img {
  height: 65px;
}

.darkcolor-box-admin .back-icon .text {
  top: 0 !important;
}

.darkcolor-box-admin .back-icon .text .progress-text {
  font-size: 18px;
  line-height: 23px;
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkcolor-box-admin .back-icon .text .progress-text svg {
  margin-right: 5px;
  font-size: 22px;
}

.darkcolor-box-admin .back-icon .value {
  display: none !important;
}

.darkcolor-box-admin .back-icon .progress-heading,
.darkcolor-box-admin .back-icon .progress-text {
  display: block;
}

.darkcolor-box-admin .back-icon .score-heading,
.darkcolor-box-admin .back-icon .score-text {
  display: none;
}

.darkcolor-box-admin .back-icon .progress-heading {
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
}

.darkcolor-box-admin .back-icon .progress-heading span {
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  margin: 10px 0;
  display: block;
}

.darkcolor-box-admin .road-rate {
  display: flex;
  align-items: center;
  margin: 30px 0 10px;
  position: relative;
  min-height: 250px;
}

.darkcolor-box-admin .road-rate .points-progressbar {
  position: relative;
  display: block;
  border-radius: 100px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer {
  display: inline-block;
  text-align: center;
  position: relative;
  top: -10px;
  transform: translateX(-11.5px);
  animation: moveIt 1s ease-in-out;
  -moz-animation: moveIt 1s ease-in-out;
  -webkit-animation: moveIt 1s ease-in-out;
  -ms-animation: moveIt 1s ease-in-out;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
}

.darkcolor-box-admin .road-rate .points-progressbar .points-pointer img {
  height: 22px;
}

.darkcolor-box-admin .road-rate .points-progressbar input {
  position: absolute;
  opacity: 0;
  padding: 0;
  z-index: -1;
  width: 500px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div {
  width: 500px;
  height: 50px;
  background-color: #389101;
  position: relative;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div:after {
  content: "";
  position: absolute;
  right: -35px;
  width: 0;
  height: 0;
  border-top: 27px solid rgba(0, 0, 0, 0);
  border-left: 35px solid #389101;
  border-bottom: 23px solid rgba(0, 0, 0, 0);
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p {
  position: absolute;
  height: 100%;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p span {
  font-size: 16px;
  color: white;
  font-weight: 300;
  position: absolute;
  top: auto;
  right: 8px;
  bottom: -25px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:before {
  content: "";
  height: 25px;
  width: 1px;
  background-color: white;
  top: -25px;
  position: absolute;
  right: 0;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:after {
  content: "";
  height: 25px;
  width: 1px;
  background-color: white;
  bottom: -25px;
  position: absolute;
  right: 0;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.to100 {
  width: 50px;
  background-color: #9d0917;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from100to200 {
  left: 50px;
  width: 50px;
  background-color: #c55a12;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from200to400 {
  left: 100px;
  background-color: #ffb400;
  width: 100px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.from400to800 {
  left: 200px;
  background-color: #ffb400;
  width: 200px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p.to1000 {
  left: 400px;
  background-color: #389101;
  width: 100px;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child:before,
.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child:after {
  display: none;
}

.darkcolor-box-admin .road-rate .points-progressbar .custom-div p:last-child span {
  top: 12px;
  right: -75px;
}

.darkcolor-box-admin .road-rate input {
  display: none;
}

.darkcolor-box-admin .road-rate a {
  position: absolute;
  right: 45%;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  height: 100%;
  width: 55%;
  display: block;
  background: white;
  border-radius: 50%;
  transition: right 0.3s ease-out;
}

.darkcolor-box-admin .road-rate input:checked + span a {
  right: 0;
}

.darkcolor-box-admin .wtl-black-div {
  margin-top: 30px;
  flex-direction: column;
}

.darkcolor-box-admin .wtl-black-div .text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
  color: #fcb417;
  font-weight: 600;
  position: relative;
  left: 6px;
}

.darkcolor-box-admin .wtl-black-div .content {
  position: relative;
  width: 100%;
}

.darkcolor-box-admin .wtl-black-div .content h5 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px;
  display: block;
}

.darkcolor-box-admin .wtl-black-div .content img {
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -10px;
}

.darkcolor-box-admin .wtl-black-div .content .percent-willingness {
  transform: rotate(-90deg);
  transform-origin: center;
  height: auto;
  position: absolute;
  top: 105px;
  right: 40px;
}

.darkcolor-box-admin .wtl-black-div .content .percent-willingness .progress {
  margin: 0;
  width: 100px;
  height: 6px;
  border-radius: 10px;
}

.darkcolor-box-admin .wtl-black-div .content .percent-willingness .percent-number {
  position: absolute;
  transform: rotate(90deg);
  background: #fcb416;
  border-radius: 5px;
  color: #333333;
  padding: 3px 10px;
  font-weight: 700;
  top: 25px;
  left: calc(70% - 20%);
}

.darkcolor-box-admin .wtl-black-div .content .percent-willingness .percent-number::before {
  content: "";
  border: solid 6px transparent;
  border-right-color: #fcb417;
  position: absolute;
  margin: -60px 0 0px -20px;
  bottom: 8px;
}

.darkcolor-box-admin .wtl-black-div .content .rating-manipulation .outer-circle {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 120px;
  margin: 0 auto;
  border-radius: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.darkcolor-box-admin .wtl-black-div .content .rating-manipulation .outer-circle .inner-circle {
  color: #fcb417;
  font-weight: 600;
  font-size: 30px;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.completed-course-list .card.w-100 {
  margin-top: 10px;
}

.completed-course-list .card.w-100 .card-header {
  padding-bottom: 10px;
  padding-top: 10px;
}

.completed-course-list .card.w-100 .card-header .card-header-text {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
}

.completed-course-list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.completed-course-list ul .completed-course-list-li {
  padding: 20px;
  border-radius: 20px;
  background: #fcf2f3;
  margin: 10px;
  display: flex;
  flex-direction: column;
  width: 15.5%;
}

.completed-course-list ul .completed-course-list-li img {
  height: 180px;
  width: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.completed-course-list ul .completed-course-list-li h5 {
  margin: 15px 0 0;
}

.completed-course-list ul .completed-course-list-li .full-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.completed-course-list ul .completed-course-list-li .full-view .btn.btn-primary {
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: 1px;
  background: #e92a31;
  border: none;
}

.completed-course-list ul .completed-course-list-li p {
  margin: 0;
}

.completed-course-list ul .completed-course-list-info {
  width: 83%;
}

.completed-course-list ul .completed-course-list-info .graph-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 30px;
  height: 265px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers {
  width: 30%;
  height: 100%;
  margin-top: 15px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers.que-chart {
  margin-right: 42px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers.que-chart canvas {
  position: relative;
  left: -55px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers.performance-chart {
  width: 65%;
}

.completed-course-list ul .completed-course-list-info .badge-info {
  margin: 30px;
  background: rgba(0, 0, 0, 0);
  color: black;
  display: flex;
  flex-wrap: wrap;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers {
  margin-top: 10px;
  width: 13.3%;
  margin-right: 7px;
  margin-left: 7px;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-header {
  padding: 8px;
  height: 50px;
  text-align: center;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-header h5 {
  font-size: 13px;
  width: 100%;
  line-height: 18px;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-body {
  padding: 8px;
  text-align: center;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-body img {
  height: 100px;
}

.league-box {
  color: white;
  border-radius: 5px;
  min-height: 370px;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 40px;
  position: relative;
}

.league-box img {
  height: 250px;
}

.league-box .info h1 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #9c0917;
}

.league-box .info p {
  font-size: 22px;
  margin-bottom: 20px;
  color: #9c0917;
  font-weight: 500;
  width: 45%;
}

.league-box .info .btn {
  background: #e92a31;
  border-radius: 6px;
  cursor: pointer;
  padding: 15px 20px;
  position: absolute;
  bottom: 40px;
}

.other-leaderboards .best-sellers .card-body {
  padding: 20px;
}

.other-leaderboards .best-sellers .card-body table {
  width: 100%;
}

.other-leaderboards .best-sellers .card-body table td {
  padding: 8px;
}

.other-leaderboards .best-sellers .card-body table .number {
  width: 5%;
}

.roadleague-rank3,
.roadleague-rank2,
.roadleague-rank1 {
  border-radius: 5px;
  font-size: 12px;
  color: #333333;
  background: #ffb201;
  display: inline-block;
  padding: 0 8px;
  font-weight: 700;
  width: 28px;
}

.client-user-profile {
  height: 353px;
}

.client-user-profile .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  height: 353px;
}

.client-user-profile .card-body img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.claim-conviction {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.claim-conviction p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  color: #9c0917;
}

.claim-conviction p span {
  display: block;
  font-size: 35px;
  line-height: 1.2;
  color: #333333;
}

.claim-conviction-stats {
  margin-top: 30px;
}

.claim-conviction-stats .progress-div .progress {
  height: 6px;
  border-radius: 5px;
}

.claim-conviction-stats .progress-div p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  font-weight: 600;
}

.driver-info-analytics {
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
}

.driver-info-analytics .card-body {
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.driver-info-analytics .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}

.driver-info-analytics .header h3 {
  font-weight: 600;
  margin: 0;
  font-size: 20px;
  color: gray;
}

.driver-info-analytics .header img {
  height: 70px;
  margin-right: 20px;
}

.driver-info-analytics p {
  margin: 0;
  font-size: 15px;
}

.alert-info-box {
  border: none;
}

.alert-info-box .card-header {
  background: #c1c1c1;
}

.alert-info-box .card-body {
  background: #f2f2f2;
  color: black;
  border: 2px solid #c1c1c1;
  border-top: 0;
}

.behavioural-change-box {
  border-radius: 3px;
}

.behavioural-change-box .img-div {
  height: 150px;
}

.behavioural-change-box .img-div img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px 3px 0 0;
}

.behavioural-change-box .text-div {
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 0 0 3px 3px;
  background: white;
  border-top: none;
}

.behavioural-change-box .text-div h5 {
  font-weight: 600;
  margin-bottom: 5px;
}

.behavioural-change-box .text-div p {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
}

.behavioural-change-box .text-div .secondary-linear-btn {
  background: #e92a31;
  color: white;
  font-weight: 600;
  padding: 8px 10px;
  text-transform: capitalize;
  border-radius: 3px;
  cursor: pointer;
}

#course_pass_levels_open_report .back-btn {
  margin-top: 18px;
  width: 100%;
  color: white;
  background: #e92a31;
  font-weight: 700;
  border-radius: 3px;
  cursor: pointer;
}

.user_toggle .form-item {
  display: inline-block;
}

.user_toggle .form-item > label {
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
}

.user_toggle .toggle-switch {
  display: inline-block;
  vertical-align: middle;
}

.user_toggle .toggle-switch label {
  cursor: pointer;
  display: block;
  width: 35px;
}

.user_toggle .toggle-switch span {
  position: relative;
  background: #fcf2f3;
  height: 20px;
  display: block;
  border: 2px solid #fcf2f3;
  border-radius: 100px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.user_toggle .toggle-switch input {
  display: none;
}

.user_toggle .simple-ribbon {
  position: absolute;
  right: 0;
  bottom: 30px;
}

.user_toggle .simple-ribbon p {
  font-size: 18px;
  letter-spacing: 0px;
  color: white;
  font-weight: 300;
  display: inline-block;
  border-radius: 5px 0 0 5px;
  background-color: #e9292f;
  padding: 8px 35px 8px 20px;
}

.dashboard-end-user-view .black-div {
  border-radius: 15px;
  background-color: #333333;
  padding: 17px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard-end-user-view .black-div .content h5 {
  font-size: 32px;
  line-height: 36px;
  color: #ea2830;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.dashboard-end-user-view .wtl-black-div {
  margin-top: 30px;
  flex-direction: column;
}

.dashboard-end-user-view .wtl-black-div .text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 15px;
  color: #fcb417;
  font-weight: 600;
  position: relative;
  left: 6px;
}

.dashboard-end-user-view .wtl-black-div .content {
  position: relative;
  width: 100%;
}

.dashboard-end-user-view .wtl-black-div .content h5 {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px;
  display: block;
}

.dashboard-end-user-view .wtl-black-div .content img {
  height: 120px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -10px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness {
  transform: rotate(-90deg);
  transform-origin: center;
  height: auto;
  position: absolute;
  top: 105px;
  right: 40px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .progress {
  margin: 0;
  width: 100px;
  height: 6px;
  border-radius: 10px;
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .percent-number {
  position: absolute;
  transform: rotate(90deg);
  background: #fcb416;
  border-radius: 5px;
  color: #333333;
  padding: 3px 10px;
  font-weight: 700;
  top: 25px;
  left: calc(70% - 20%);
}

.dashboard-end-user-view .wtl-black-div .content .percent-willingness .percent-number::before {
  content: "";
  border: solid 6px transparent;
  border-right-color: #fcb417;
  position: absolute;
  margin: -60px 0 0px -20px;
  bottom: 8px;
}

.dashboard-end-user-view .wtl-black-div .content .rating-manipulation .outer-circle {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 120px;
  margin: 0 auto;
  border-radius: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dashboard-end-user-view .wtl-black-div .content .rating-manipulation .outer-circle .inner-circle {
  color: #fcb417;
  font-weight: 600;
  font-size: 30px;
  border-radius: 100%;
  height: 80px;
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.completed-course-list .card.w-100 {
  margin-top: 10px;
}

.completed-course-list .card.w-100 .card-header {
  padding-bottom: 10px;
  padding-top: 10px;
}

.completed-course-list .card.w-100 .card-header .card-header-text {
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333333;
}

.completed-course-list ul {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.completed-course-list ul .completed-course-list-li {
  padding: 20px;
  border-radius: 20px;
  background: #fcf2f3;
  margin: 10px;
  display: flex;
  flex-direction: column;
  width: 15.5%;
}

.completed-course-list ul .completed-course-list-li img {
  height: 180px;
  width: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.completed-course-list ul .completed-course-list-li h5 {
  margin: 15px 0 0;
}

.completed-course-list ul .completed-course-list-li .full-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.completed-course-list ul .completed-course-list-li .full-view .btn.btn-primary {
  padding: 6px 10px;
  font-size: 12px;
  letter-spacing: 1px;
  background: #e92a31;
  border: none;
}

.completed-course-list ul .completed-course-list-li p {
  margin: 0;
}

.completed-course-list ul .completed-course-list-info {
  width: 83%;
}

.completed-course-list ul .completed-course-list-info .graph-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 30px;
  height: 265px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers {
  width: 30%;
  height: 100%;
  margin-top: 15px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers.que-chart {
  margin-right: 42px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers.que-chart canvas {
  position: relative;
  left: -55px;
}

.completed-course-list ul .completed-course-list-info .graph-info .best-sellers.performance-chart {
  width: 65%;
}

.completed-course-list ul .completed-course-list-info .badge-info {
  margin: 30px;
  background: rgba(0, 0, 0, 0);
  color: black;
  display: flex;
  flex-wrap: wrap;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers {
  margin-top: 10px;
  width: 13.3%;
  margin-right: 7px;
  margin-left: 7px;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-header {
  padding: 8px;
  height: 50px;
  text-align: center;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-header h5 {
  font-size: 13px;
  width: 100%;
  line-height: 18px;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-body {
  padding: 8px;
  text-align: center;
}

.completed-course-list ul .completed-course-list-info .badge-info .best-sellers .card-body img {
  height: 100px;
}

.league-box {
  color: white;
  border-radius: 5px;
  min-height: 370px;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 40px;
  position: relative;
}

.league-box img {
  height: 250px;
}

.league-box .info h1 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #9c0917;
}

.league-box .info p {
  font-size: 22px;
  margin-bottom: 20px;
  color: #9c0917;
  font-weight: 500;
  width: 45%;
}

.league-box .info .btn {
  background: #e92a31;
  border-radius: 6px;
  cursor: pointer;
  padding: 15px 20px;
  position: absolute;
  bottom: 40px;
}

.other-leaderboards .best-sellers .card-body {
  padding: 20px;
}

.other-leaderboards .best-sellers .card-body table {
  width: 100%;
}

.other-leaderboards .best-sellers .card-body table td {
  padding: 8px;
}

.other-leaderboards .best-sellers .card-body table .number {
  width: 5%;
}

.roadleague-rank3,
.roadleague-rank2,
.roadleague-rank1 {
  border-radius: 5px;
  font-size: 12px;
  color: #333333;
  background: #ffb201;
  display: inline-block;
  padding: 0 8px;
  font-weight: 700;
  width: 28px;
}

.client-user-profile {
  height: 353px;
}

.client-user-profile .card-body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  height: 353px;
}

.client-user-profile .card-body img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.claim-conviction {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.claim-conviction p {
  margin: 0;
  text-align: center;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  color: #9c0917;
}

.claim-conviction p span {
  display: block;
  font-size: 35px;
  line-height: 1.2;
  color: #333333;
}

.claim-conviction-stats {
  margin-top: 30px;
}

.claim-conviction-stats .progress-div .progress {
  height: 6px;
  border-radius: 5px;
}

.claim-conviction-stats .progress-div p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
  font-weight: 600;
}

.driver-info-analytics {
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 30px;
}

.driver-info-analytics .card-body {
  height: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.driver-info-analytics .header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}

.driver-info-analytics .header h3 {
  font-weight: 600;
  margin: 0;
  font-size: 20px;
  color: gray;
}

.driver-info-analytics .header img {
  height: 70px;
  margin-right: 20px;
}

.driver-info-analytics p {
  margin: 0;
  font-size: 15px;
}

.alert-info-box {
  border: none;
}

.alert-info-box .card-header {
  background: #c1c1c1;
}

.alert-info-box .card-body {
  background: #f2f2f2;
  color: black;
  border: 2px solid #c1c1c1;
  border-top: 0;
}

.behavioural-change-box {
  border-radius: 3px;
}

.behavioural-change-box .img-div {
  height: 150px;
}

.behavioural-change-box .img-div img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3px 3px 0 0;
}

.behavioural-change-box .text-div {
  padding: 15px;
  border: 1px solid #dddddd;
  border-radius: 0 0 3px 3px;
  background: white;
  border-top: none;
}

.behavioural-change-box .text-div h5 {
  font-weight: 600;
  margin-bottom: 5px;
}

.behavioural-change-box .text-div p {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;
}

.behavioural-change-box .text-div .secondary-linear-btn {
  background: #e92a31;
  color: white;
  font-weight: 600;
  padding: 8px 10px;
  text-transform: capitalize;
  border-radius: 3px;
  cursor: pointer;
}

#course_pass_levels_open_report .back-btn {
  margin-top: 18px;
  width: 100%;
  color: white;
  background: #e92a31;
  font-weight: 700;
  border-radius: 3px;
  cursor: pointer;
}

.user_toggle .form-item {
  display: inline-block;
}

.user_toggle .form-item > label {
  display: inline-block;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
}

.user_toggle .toggle-switch {
  display: inline-block;
  vertical-align: middle;
}

.user_toggle .toggle-switch label {
  cursor: pointer;
  display: block;
  width: 35px;
}

.user_toggle .toggle-switch span {
  position: relative;
  background: #fcf2f3;
  height: 20px;
  display: block;
  border: 2px solid #fcf2f3;
  border-radius: 100px;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.user_toggle .toggle-switch input {
  display: none;
}

.user_toggle .toggle-switch .toggle-icon,
.user_toggle .toggle-switch a {
  position: absolute;
  right: 45%;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.25);
  pointer-events: none;
  height: 100%;
  width: 55%;
  display: block;
  background: white !important;
  border-radius: 50% !important;
  transition: right 0.3s ease-out;
  padding: 0 !important;
}

.user_toggle .toggle-switch input:checked + span {
  background-color: #9c0917;
  border-color: #9c0917;
}

.user_toggle .toggle-switch input:checked + span .toggle-icon {
  right: 0;
}

.predictive-model-progressbar {
  margin-bottom: 20px;
}

.predictive-model-progressbar .progress-bar-charts {
  margin-bottom: 20px;
}

.predictive-model-progressbar .progress-bar-charts p {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
}

.predictive-model-progressbar .progress-bar-charts .progress {
  height: 20px;
  margin: 0;
  border-radius: 0;
  border: 0.5px solid;
}

.predictive-model-progressbar .progress-bar-charts .progress:first-child {
  border-bottom: none;
}

.predictive-model-progressbar .progress-bar-charts .progress .progress-bar {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}

.glove-box-upload-icon {
  display: inline;
  position: relative;
  cursor: pointer;
}

.glove-box-upload-icon i {
  color: #777777;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.glove-box-upload-icon input {
  opacity: 0;
  position: absolute;
  left: 0;
  cursor: pointer;
  width: 15px;
  text-indent: -999px;
}

#user-documents-table_processing {
  z-index: 9;
}

.back-button-absolute {
  position: absolute;
  right: 15px;
  top: -60px;
  z-index: 9;
}

#leaderboard_table_processing {
  z-index: 9;
}

#leaderboard_table th.sorting,
#leaderboard_table th.sorting_desc {
  padding-right: 0.45rem;
}

#leaderboard_table .m-r-15.crm-action-edit {
  margin-right: 0;
}

.date-icon-bg {
  background-repeat: no-repeat;
  background-size: 20px;
  cursor: pointer;
  background-position: center right 0.75rem;
}

.canvas-label {
  font-size: 15px;
  font-weight: 600;
  color: #9c0a17;
  text-decoration: underline;
}

.canvas-label p {
  font-size: 15px;
}

.course-canvas canvas {
  width: 270px !important;
  height: 132px !important;
}

.box-title {
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  margin: 0 0 20px 0;
}

.ct_dashboard_chart .courses-chart-level {
  display: none;
}

.ct_dashboard_chart .courses-chart-level.active {
  display: block;
}

.ct_dashboard_chart .courses-chart-level li {
  border: none;
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

.ct_dashboard_chart .courses-chart-level li span {
  background: #389101;
  padding: 0;
  width: 5px;
  text-align: center;
  margin-right: 5px;
  height: 20px;
}

.ct_dashboard_chart .courses-chart-level li p {
  font-size: 14px;
  text-transform: capitalize;
  line-height: 24px;
  font-weight: 500;
}

.ct_dashboard_chart .courses-chart-level li p.valuetxt {
  margin: 0;
  line-height: 30px;
  width: 100%;
}

.ct_dashboard_chart .courses-chart-level li p.numtext {
  margin: 0;
  line-height: 30px;
  float: right;
}

.pink-box {
  background: #ffebeb;
  color: #9d0917;
}

.yellow-box {
  background: #f6efd2;
  color: #b19b36;
}

.green-box {
  background: #daefde;
  color: #105303;
}

.end-user-dashboard-main {
  margin-top: 30px;
}

.end-user-dashboard-main .user-dashboard-box {
  display: flex;
  align-items: center;
  padding: 15px;
}

.end-user-dashboard-main img {
  height: 55px;
}

.end-user-dashboard-main .user-dashboard-box-right {
  margin-left: 10px;
  font-family: "Poppins", sans-serif;
}

.end-user-dashboard-main .user-dashboard-box-right h3,
.end-user-dashboard-main .user-dashboard-box-right h4 {
  margin-bottom: 0;
}

.end-user-dashboard-main .user-dashboard-box-right h3 {
  font-size: 2rem;
}

.end-user-dashboard-main .user-dashboard-box-right h4 {
  font-size: 1.4rem;
}

.analytics_dashboard .nav-content .course-performance-tab .industry-tab-header .tab-timeline li {
  width: calc(100% / 4);
}

.analytics_dashboard .nav-content .course-performance-tab .industry-tab-header .tab-timeline li .slide {
  width: calc(100% / 4);
}

.analytics_dashboard .right-page-level {
  margin: 0 0 30px;
}

.analytics_dashboard .right-page-level .card-body ul li {
  width: calc(100% / 4);
  height: 147px;
}

#courseFeedbackReportChartLegend {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: auto;
  top: 18%;
}

#courseFeedbackReportChartLegend ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

#courseFeedbackReportChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#courseFeedbackReportChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

.review-ans-chart {
  height: 486px !important;
}

.custom-upload .inputfile + label {
  margin-bottom: 0;
}

.predicted-roadrating-main .nav-pills {
  border: 2px solid #d40017;
}

.predicted-roadrating-main .nav-pills .nav-link {
  background: #e92a31;
  color: #fff;
  border-radius: 0;
}

.predicted-roadrating-main .nav-pills .nav-link.active,
.predicted-roadrating-main .nav-pills .nav-link.active:hover,
.predicted-roadrating-main .nav-pills .nav-link:focus,
.predicted-roadrating-main .nav-pills .nav-link.active:focus,
.predicted-roadrating-main .nav-pills .nav-link:hover {
  background: #ffb400;
  color: #d40017;
  border-bottom: none;
}

.avg-time-spent {
  display: flex;
  align-items: center;
  padding: 0;
  flex-wrap: wrap;
}

.avg-time-spent .flex-box {
  display: flex;
  align-items: center;
  width: 100%;
  border-right: 1px solid #dddddd;
  padding: 15px 10px;
  text-align: left;
  flex-basis: 33.33%;
}

.avg-time-spent .flex-box:nth-child(-n+3) {
  border-bottom: 1px solid #ddd;
}

.avg-time-spent .flex-box:nth-child(3n+3) {
  border-right: none;
}

.avg-time-spent .flex-box img {
  height: 45px;
  margin-right: 10px;
}

.avg-time-spent h3 {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 15px;
  color: #757575;
}

.avg-time-spent h4 {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
  color: #9d0917;
}

.expand-button {
  padding: 0 15px;
  width: 47%;
}

.manage-row .checkbox-fade {
  margin-right: 0;
}

.manage-row .checkbox-fade label {
  top: 0;
}

.question_time_taken_div1 {
  position: relative;
}

.question_time_taken_div1 #activityTimelineChartLegend {
  position: static;
}

.roadrating_matrix_dashboard .back-button .red-background-btn {
  background-color: #9d0917;
  border-color: #9d0917;
  color: #fff;
}

.data-analytics-header #show_nav_btn {
  padding: 10px 35px 45px 0px;
}

.data-analytics-header #show_nav_btn.data-filter-btn.active img {
  display: none;
}

.data-analytics-header #show_nav_btn.data-filter-btn.active span {
  display: block;
}

.data-analytics-header #show_nav_btn.data-filter-btn img {
  width: 35px;
  display: block;
  position: absolute;
}

.data-analytics-header #show_nav_btn.data-filter-btn span {
  display: none;
}

.user-claim .answer-child-table th {
  background: #FBE0E1;
  font-weight: 600;
}

.user-claim .answer-child-table td {
  background: #f5f5f5;
  font-size: 12px;
  width: 50%;
}

.user-claim .answer-child-table td a {
  vertical-align: sub;
}

.user-claim .answer-child-table td .icofont-eye {
  color: #9d0917;
  font-size: 16px;
}

.notification-table table tbody tr td {
  border-top: none;
}

.notification-table table tbody tr td:first-child {
  text-transform: uppercase;
  width: 25%;
  font-weight: 400;
}

#question_passed_failed_open_report .trends .position-relative {
  position: relative;
}

#questionsPausedChartLegend {
  top: 65%;
}

#questionsPausedChartLegend ul {
  justify-content: flex-start;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#questionsPausedChartLegend ul li {
  border: none;
  padding: 0 10px;
}

#questionsPausedChartLegend ul li span.chart-legend {
  width: 41px;
  height: 13px;
  margin-right: 10px;
  border-radius: 0;
}

.correct-ans-block .card-in {
  border-bottom: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
}

.correct-ans-block label {
  margin-bottom: 0;
}

.correct-ans-block .border-right {
  border-right: 1px solid #ddd;
}

.behavioural-change-box .text-div h5 {
  font-size: 1.25rem;
  color: #000;
  margin: 0 0 5px 0;
}

.predictive-chart-box .predictive-chart-box-in {
  height: 637.4px;
}

.roadrating_matrix_dashboard .rr-table-tabs .rr-matrix-left-panel .nav-pills {
  transform: translateY(6.3%);
  height: 79.8%;
}

.roadrating_matrix_dashboard .rr-table-tabs .rr-matrix-left-panel .nav-pills a#v-pills-bonus-tab::before {
  top: -9px;
  left: -13px;
  height: 34px;
}

.roadrating_matrix_dashboard .rr-table-tabs .rr-matrix-left-panel .nav-pills a#v-pills-bonus-tab::after {
  top: -9px;
  right: 49px;
  height: 34px;
}

.roadrating_matrix_dashboard .rr-table-tabs .rr-matrix-left-panel .nav-pills .nav-link {
  width: 200px;
  height: 180px;
}

.roadrating_matrix_dashboard .rr-table-tabs .rr-matrix-left-panel .tabs-table {
  width: 100%;
}

.roadrating_matrix_dashboard .rr-table-tabs .rr-matrix-left-panel .tabs-table table {
  margin-bottom: 0;
}

.roadrating_matrix_dashboard .rl-table-tabs .roadleague-left-panel .nav-pills a#v-pills-bonus-tab-rl::before {
  top: 0;
  left: 6px;
}

.roadrating_matrix_dashboard .rl-table-tabs .roadleague-left-panel .nav-pills a#v-pills-bonus-tab-rl::after {
  top: 0;
  right: 3px;
}

.roadrating_matrix_dashboard .rl-table-tabs .roadleague-left-panel .nav-pills .nav-link {
  width: 173px;
  height: 175px;
  line-height: 37px;
}

.roadrating_matrix_dashboard .rl-table-tabs .roadleague-left-panel table {
  margin-bottom: 0;
}

.canvas-con-inner-question .answerProvidedlegend {
  right: 160px;
}

.canvas-con-inner-question .answerProvidedlegend ul li .chart-legend-label-text {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.avg-time-spent .ans-box {
  border: none;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.avg-time-spent .ans-box .question-icon {
  height: 45px;
}

.account-tabs .md-tabs .nav-item {
  margin-bottom: 0;
  width: calc(100% / 2);
}

.account-tabs .md-tabs .nav-item a {
  color: #a2a2a2;
}

.account-tabs .md-tabs .nav-item .nav-link ~ .slide {
  background: #a2a2a2;
  opacity: 1;
}

.account-tabs .md-tabs .nav-item .nav-link.active {
  color: #9d0917;
}

.account-tabs .md-tabs .nav-item .nav-link.active ~ .slide {
  background: #9d0917;
}

.account-box .integration-text {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  margin-top: 3px;
}

.account-box .lite-integration-text {
  font-weight: 500;
}

.account-box .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.account-box .img-box {
  flex: 17%;
}

.account-box .text-box {
  flex: 83;
}

.account-box .account-card-top-title {
  font-weight: 600;
  font-size: 1.3rem;
  margin-bottom: 0;
}

.account-box .status-box {
  border: 1px solid #ddd;
  padding: 8px;
}

.account-box .status-box.integration-box-left {
  padding: 8px 8px 8px 30px;
}

.account-box .token-box {
  border-bottom: 2px solid #9d0917;
}

.account-box.account-card-bottom {
  margin-top: 40px;
}

.account-box.account-card-bottom .account-card-bottom-title {
  font-size: 1.3rem;
  font-weight: 400;
}

.account-box .token-text span {
  font-weight: 500;
}

.account-box .pending-text {
  color: #a2a2a2;
}

.permit-checkbox {
  margin-top: 25px;
}

.permit-checkbox label {
  top: 0;
}

.roadhow-health-main {
  width: 100%;
  border: 1px solid #ddd;
}

.roadhow-health-main img {
  width: 20px;
}

.roadhow-health-main .current-status-block {
  width: 100%;
  background: #eaeaea;
  padding: 15px;
  color: #777;
}

.roadhow-health-main .current-status-block .current-status-title {
  color: #000;
  margin-bottom: 0;
  font-size: 1.1rem;
  flex: 1.2;
}

.roadhow-health-main .current-status-block img {
  margin-right: 3px;
}

.roadhow-health-main .current-status-block .current-status-block-left {
  flex: 1;
}

.roadhow-health-main .row .col-md-6:nth-child(odd) {
  border-right: 1px solid #ddd;
}

.roadhow-health-main .row .col-md-6:nth-last-child,
.roadhow-health-main .row .col-md-6:nth-last-child(2) {
  border-bottom: none;
}

.roadhow-health-main .rh-health-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 10px;
}

.roadhow-health-main .rh-health-box .rh-health-title {
  color: #777;
  font-weight: 600;
}

.roadhow-health-main .rh-health-box .sub-text {
  margin-bottom: 0;
  color: #777;
  font-weight: 400;
}

.roadhow-health-main .rh-health-box .sub-text .health-view-detail {
  text-decoration: underline;
  color: #777;
  font-size: 13px;
}

.roadhow-health-main .rh-health-box .sub-text .third-party-text {
  text-decoration-line: underline;
}

.roadrating_matrix_dashboard .rr-matrix-card-main .open-dash .img-content svg {
  height: 70px;
}

.roadrating_matrix_dashboard .rr-matrix-card-main .col-md-3:nth-child(n+5) {
  margin-top: 30px;
}

.service-api-main .issue-block {
  border: 1px solid #ddd;
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  width: 330px;
  margin-left: auto;
}

.service-api-main .issue-block img {
  width: 20px;
}

.service-api-main .issue-block p {
  line-height: 1.5 !important;
}

.user-question-taken-chart-box {
  flex-wrap: wrap;
  padding: 0;
}

.user-question-taken-chart-box .user-question-taken-chart-legend {
  position: static !important;
}

.blue-box {
  background: #e9ebfa;
  color: #6473de;
}

.improve-icon {
  width: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}

#tbl-course-statistics td span.yellow {
  color: #FFC000;
}

#tbl-course-statistics td span.red {
  background: #FF0000;
  color: #fff;
}

#tbl-course-statistics td span.highlight {
  background: #FFFF00;
  color: #000;
  font-weight: 500;
}

.advertise-tile-img .img-div {
  height: 69.74px;
}

.advertise-tile-img .img-div img {
  border-radius: 0 0 0 0;
}

.advertise-tile-img .text-div {
  border: none;
}

.advertise-tile-img img {
  border-radius: 0;
}

.choose-audience-header {
  background: #9d0917 !important;
  border-color: #9d0917;
  color: #fff;
}

#demographic-compare .demographic-comingsoon.demographic-compare-main {
  display: block;
}

.predicted-rr-score {
  height: 445px;
}

.tooltip-inner {
  font-family: "Poppins", sans-serif;
}

.col-5 {
  flex: 0 0 20%;
  max-width: 20%;
}

.course-result-box {
  align-items: stretch;
}

.course-result-box.course-result-box-top {
  height: 86px;
}

.course-result-box:first-of-type .flex-box {
  justify-content: space-between;
}

.course-result-box.course-result-box-bottom .flex-box h3 {
  margin-bottom: 0;
}

.course-result-box .improve-text-box {
  flex: 1;
}

.height-250 {
  height: 250px;
}

.question-category-box {
  height: 100%;
  overflow-y: auto;
}

.question-category-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #dddddd;
}

.question-category-box::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

.back-button-absolute {
  position: absolute;
  right: 15px;
  top: -60px;
  z-index: 9;
}

#course-expand-collapse #courseTypesChart {
  display: block !important;
}

#course-expand-collapse.active #courseTypesFullChart {
  display: block !important;
}

#course-expand-collapse.active #courseTypesChart {
  display: none !important;
}

@media only screen and (min-width: 1600px) {
  .avg-time-spent .flex-box img {
    height: 51px;
    margin-right: 10px;
  }

  .avg-time-spent h3 {
    font-size: 15px;
  }

  .avg-time-spent h4 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1480px) {
  .tab-header ul.nav-tabs.md-tabs.tab-timeline li {
    width: calc(100% / 6);
  }

  .tab-header ul.nav-tabs.md-tabs.tab-timeline li .slide {
    width: calc(100% / 6);
  }
}

@media screen and (max-width: 1440px) {
  .pcoded .pcoded-navbar .pcoded-item > li > a {
    font-size: 14px;
    padding: 20px 8px;
  }

  .pcoded .pcoded-navbar .pcoded-item > li.dead-link {
    position: absolute;
    top: 80px;
    width: 100%;
    right: 0;
    text-align: center;
  }

  .pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .dead-link > a {
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .pcoded-inner-content .main-body {
    margin-top: 100px;
  }

  .qa-dashboard-responsive {
    height: 165px;
    width: 325px;
  }

  #currentMonthSalesSubscriptionChart,
  #currentMonthSalesBundleChart,
  #currentMonthSalesTotalChart {
    height: 165px !important;
    width: 330px !important;
  }

  .best-sellers-linechart {
    height: auto;
  }

  .roadrating_matrix_dashboard .rr-table-tabs .left-table .vertical-tabs,
  .roadrating_matrix_dashboard .rl-table-tabs .left-table .vertical-tabs {
    width: 8%;
  }

  .roadrating_matrix_dashboard .rr-table-tabs .left-table .tabs-table,
  .roadrating_matrix_dashboard .rl-table-tabs .left-table .tabs-table {
    width: calc(100% - 8%);
  }

  .predicted-roadrating-main.card-header {
    flex-wrap: wrap;
  }

  .predicted-roadrating-main.card-header h5 {
    flex: 0 0 100%;
  }

  .predicted-roadrating-main .nav-pills {
    margin-bottom: 0 !important;
    margin-top: 0.5rem;
  }

  .predictive-chart-box {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .predictive-chart-box .predictive-chart-box-in {
    width: 500px;
  }

  .predictive-chart-box .predictive-chart-box-in canvas {
    width: 600px !important;
  }

  .analytics_dashboard .nav-content .marketing-div .result-right-bottom {
    padding: 10px !important;
  }
}

@media only screen and (min-width: 1400px) {
  .register-card {
    max-width: 1200px;
  }
}

@media screen and (max-width: 1350px) {
  .pcoded .pcoded-navbar .pcoded-item > li > a {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1280px) and (min-width: 767px) {
  .pcoded .pcoded-navbar .pcoded-item > li.dead-link {
    position: absolute;
    top: 80px;
    width: 100%;
    right: 0;
    text-align: center;
  }

  .pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .dead-link > a {
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .status-buttons button {
    font-size: 10px;
  }

  .pcoded-inner-content .main-body {
    margin-top: 100px;
  }
}

@media screen and (max-width: 1280px) {
  .expandmodal .modal-dialog {
    max-width: 800px;
    margin: 165px auto;
  }

  .qa-dashboard-responsive {
    height: 200px;
    width: 400px;
  }

  .responive-width-canvas {
    max-width: 100%;
    flex: 0 0 100%;
  }

  #CancellationRequestChartLegendcon,
  #my-legend-facialStatistics,
  #mychartLegendcon {
    left: 150px;
  }

  .legend-con {
    top: auto;
  }

  .roadrating_matrix_dashboard .rr-table-tabs .left-table .vertical-tabs,
  .roadrating_matrix_dashboard .rl-table-tabs .left-table .vertical-tabs {
    width: 10%;
  }

  .roadrating_matrix_dashboard .rr-table-tabs .left-table .tabs-table,
  .roadrating_matrix_dashboard .rl-table-tabs .left-table .tabs-table {
    width: calc(100% - 10%);
  }
}

@media screen and (max-width: 1024px) {
  .roadrating_matrix_dashboard .rr-table-tabs .left-table .vertical-tabs,
  .roadrating_matrix_dashboard .rl-table-tabs .left-table .vertical-tabs {
    width: 13%;
  }

  .roadrating_matrix_dashboard .rr-table-tabs .left-table .tabs-table,
  .roadrating_matrix_dashboard .rl-table-tabs .left-table .tabs-table {
    width: calc(100% - 13%);
  }
}

@media only screen and (max-width: 1260px) {
  .tab-header ul.nav-tabs.md-tabs.tab-timeline li {
    width: calc(100% / 4);
  }

  .tab-header ul.nav-tabs.md-tabs.tab-timeline li .slide {
    width: calc(100% / 4);
  }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
  .pcoded .pcoded-navbar .pcoded-item > li.logo {
    width: 100px;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .header-navbar .navbar-wrapper .navbar-logo .mobile-menu {
    display: none;
  }

  .client-logo {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
  }
}

@media screen and (max-width: 992px) {
  .pcoded-main-container {
    /* margin-top: 76px !important; */
  }

  .pcoded .pcoded-navbar .pcoded-item > li.logo {
    display: none !important;
  }

  .pcoded .pcoded-navbar .pcoded-item > li > a {
    padding: 8px;
  }

  .header-navbar {
    display: none;
  }

  .header-navbar .navbar-wrapper .navbar-container .top-header .nav-right li.header-notification {
    height: 56px;
    line-height: 56px;
  }

  .header-navbar .navbar-wrapper .navbar-logo {
    padding-top: 0px;
  }
}

@media screen and (max-width: 767px) {
  .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
    margin-top: 0;
  }

  .pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .dead-link > a,
  .pcoded .pcoded-navbar[active-item-theme*=theme] .pcoded-item .dead-link:hover > a {
    border-radius: 0;
    margin: 0;
  }

  .pcoded-inner-content .main-body {
    margin-top: 0;
  }
}

@media only screen and (max-width: 575px) {
  .tab-header ul.nav-tabs.md-tabs.tab-timeline li {
    margin: 0;
    width: calc(100% / 1);
  }

  .tab-header ul.nav-tabs.md-tabs.tab-timeline li a {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .tab-header ul.nav-tabs.md-tabs.tab-timeline li .slide {
    margin: 0;
    width: calc(100% / 1);
  }
}

@media only screen and (max-width: 480px) {
  #import_form a {
    width: 90%;
  }
}

@media only screen and (max-width: 576px) {
  .footer {
    position: relative;
    margin-top: 20px;
  }
}

/*  EDGE Specific CSS  */

@supports (-ms-ime-align: auto) {
  table.dataTable .checkbox-fade label {
    top: 0;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .checkbox-fade label {
    top: 0;
  }

  .card-block .div_display_course_image .label-icon,
  .card-block .div_display_course_video .label-icon,
  .card-block .div_display_course_audio .label-icon {
    position: relative;
    top: 15px;
  }

  .dataTables_wrapper .text-center.div_display_course_image.pl-0 .label-icon {
    top: 0;
  }

  .profile-inner-img {
    justify-content: flex-start !important;
    line-height: 4;
  }

  .show-notification.profile-notification li {
    line-height: 2 !important;
  }

  .show-notification.profile-notification li .ti-settings {
    line-height: 2;
  }

  .card {
    display: block;
  }

  select.form-control {
    padding: 0;
    padding-left: 10px;
    padding-right: 40px;
  }

  select::-ms-expand {
    display: none;
  }

  table td {
    white-space: normal !important;
  }

  .ui-resizable-se {
    right: 0;
  }

  .col-sm-8.div_display_course_audio.label-icon div.p-0 {
    position: relative;
    top: 12px;
  }

  .answer-child-table .answer-box .text-answer .radiocheckmark {
    position: relative;
    top: 10px;
  }

  #replaced-questions-table td .checkbox-fade label {
    left: -2px;
  }

  #course_show_introduction_status {
    top: 0 !important;
  }

  .pcoded .pcoded-navbar .pcoded-item > li.logo img {
    height: 40px;
  }

  .analytics_dashboard .comparison-report-btn svg.btn-svg-one,
  .analytics_dashboard .comparison-report-btn svg.btn-svg-two {
    top: calc(50% - 25px);
  }

  .analytics_dashboard .dash-banner .red-bg .progress-bar-div .progress-div .expand-div.collapsing {
    transition: none;
  }
}

@-moz-document url-prefix()  {

}