@charset "UTF-8";
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*parent structural ui body, panel start*/
.flex-grow-1 {
  flex-grow: 1 !important;
}

body {
  font-family: OpenSansRegular;
  font-size: 1rem;
  color: #384C61;
  background: #F5F6F9;
}

/*custom scrollbar start*/
::-webkit-scrollbar {
  width: 13px;
  height: 13px;
  color: #E1E5EA;
}

::-webkit-scrollbar-thumb {
  /*background-color: #ED6900;*/
  background-color: #CCD2DA;
  border-radius: 20px;
  opacity: 0.5;
  border: 2px solid #f0f0f0;
}

::-webkit-scrollbar-track {
  background: #f0f0f0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #A1ACBA !important;
  border: 2px solid #A1ACBA;
}

/*custom scrollbar end*/
.push-body {
  float: left;
  width: 100%;
  margin-top: 49px;
  /*padding: 0 10px;*/
}

::selection {
  background-color: #ED6900;
  color: #fff;
}

input[type=checkbox] {
  background: #ED6900;
  border: #ED6900 1px solid;
}

.widget {
  background: #fff;
  width: 100%;
  float: left;
  box-shadow: 0px 2px 2px #d0d0d0;
  padding: 10px;
  margin-bottom: 10px;
}

.widget-gray {
  background: #F8F8FA;
  padding: 10px;
  width: 100%;
}

.widget-heading {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  font-family: PoppinsSemiBold;
}

.breadcrumb-widget {
  background: unset;
  padding: 6px 10px;
  margin-bottom: 0 !important;
  box-shadow: unset !important;
}

.breadcrumb-list {
  padding: 0;
  margin: 0;
  font-family: PoppinsRegular;
  font-size: 11px;
}

.breadcrumb-list li {
  display: inline;
}

.breadcrumb-list li a {
  color: #6B7780 !important;
  font-size: 14px;
}

.breadcrumb-list li .active {
  color: #243343 !important;
  font-size: 18px;
}

.breadcrumb-list li::after {
  content: ">";
  padding: 0 5px;
}

.content-none::after {
  content: none !important;
}

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

.item-center {
  margin: 0 auto;
  display: block;
}

.filter-block {
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 0;
}

.bg-none {
  background: none !important;
}

.note-dark-blue {
  background: #DBEAFE;
  color: #384C61;
  font-size: 12px;
  padding: 5px 10px;
  font-family: PoppinsRegular;
  line-height: 18px;
}

.bob {
  border-bottom: 1px solid #F2F3F6;
}

.min-w-auto {
  min-width: unset !important;
}

.error-msg {
  font-size: 12px;
  color: #FF5E7E;
  margin-top: 3px;
}

.error-select-red {
  border: 1px solid #A80000 !important;
}

/*footer for forms only*/
.fixed-footer {
  background: #fff;
  bottom: 0;
  position: fixed;
  width: 100%;
  padding: 10px;
  box-shadow: 0px -2px 2.56px #cecece;
}

/*parent structural ui body, panel end*/
.word-break-break-word {
  word-break: break-word !important;
}

.blue-heading {
  background: #08165B;
  color: #fff;
  padding: 7px 10px;
  width: 100%;
}

/*small circles*/
.small-circle-red {
  width: 11px;
  height: 11px;
  float: left;
  background: red;
  border-radius: 50%;
  margin-top: 7px;
  margin-right: 5px;
}

.small-circle-green {
  width: 11px;
  height: 11px;
  float: left;
  background: #00ad54;
  border-radius: 50%;
  margin-top: 7px;
  margin-right: 5px;
}

.line-ht-1-5 {
  line-height: 1.5;
}

.line-ht-1 {
  line-height: 1;
}

/*to divide the structure into tow parts aside left or right to be fixed*/
@media (max-width: 1200px) {
  /*filter icon show for below 1200 resolution and on click of icon content will open popup*/
  .filter-icon {
    display: block;
  }
  .fix-bar-filter {
    display: none;
  }
  .mr-wrapper-330 {
    margin-right: 0px;
  }
  .ml-wrapper-330 {
    margin-left: 0px;
  }
  .d-none-1199 {
    display: none;
  }
}
@media (min-width: 1201px) {
  /*filter icon hide for above 1201 resolution*/
  .filter-icon {
    display: none;
  }
  .fix-bar-filter {
    display: block;
  }
  .mr-wrapper-330 {
    margin-right: 330px;
  }
  .ml-wrapper-330 {
    margin-left: 330px;
  }
}
/*margin left and right above 1200 for fix bar*/
#main-wrapper {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.column-body {
  padding: 0px 10px;
  display: inline-block;
  width: 100%;
}

.fix-bar-filter {
  height: 100%;
  width: 320px;
  position: fixed;
  z-index: 1;
  overflow-x: hidden;
}

.fix-bar-menu {
  height: 100%;
  width: 320px;
  position: fixed;
  z-index: 1;
  overflow-x: hidden;
}

.mr-body-330 {
  margin-right: 330px;
}

.ml-body-330 {
  margin-left: 330px;
}

/*common*/
.img-center {
  display: block;
  margin: 0 auto;
}

/*right panel*/
.right-panel {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.light-heading {
  background: #F8F8FA;
  padding: 10px;
  width: 100%;
  line-height: 1;
}

.capsule-label {
  padding: 2px 5px;
  background: #FF5E7E;
  border-radius: 25px;
  font-size: 11px;
  color: #fff;
}

.common-block-center {
  display: block;
  float: unset;
  margin: 0 auto;
}

.widget-fix-list {
  width: 100%;
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
  align-items: stretch;
  align-content: stretch;
}

.widget-fix-list li {
  min-width: 310px;
  margin: 0 5px 15px;
}

.widget-fix-list li .widget {
  width: 310px;
  min-height: 220px;
}

.hover-none-text:hover {
  color: unset !important;
}

.hover-none:hover {
  background: none !important;
}

.hr-dotted {
  border-top: 2px dotted #dfdfdf;
}

/*custom dropdown*/
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 3px 6px #d0d0d0;
  font-family: OpenSansRegular;
  z-index: 1;
  width: 228px;
  max-height: 300px;
  overflow: auto;
}

.dropdown-content a {
  padding: 12px 16px !important;
  text-decoration: none;
  display: block;
  height: unset !important;
}

.dropdown a:hover {
  color: #ED6900;
}

.show {
  display: block;
}

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

.box-shadow-none {
  box-shadow: none;
}

/*
.wiz {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    justify-content: center !important;
}

.wiz li {
    float: left;
    margin-right: 10px;
    width: 70px;
}

.wiz li a {
    display: block;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 1px solid #CECECE;
    padding: 4px;
    text-align: center;
    background: none;
}

.wiz li a:hover {
    color: $mocha-text-primary;
}

.wiz li .active {
    background: $mocha-bg-primary;
    color: $mocha-white;
}

.wiz li .active:hover {
    color: $mocha-white;
}

.wiz li .completed {
    background: $mocha-bg-secondary;
    color: $mocha-white;
}

.wiz li .completed:hover {
    color: $mocha-white;
}


.wiz li a::after {
    content: "";
    width: 48px;
    color: red;
    border-top: 2px solid #CECECE;
    display: block;
    position: absolute;
    top: 16px;
    margin-left: 27px;
}

.wiz li .completed::after {
    border-top: 2px solid #ED6900;
}*/
/*.after-none::after {
    content: none !important;
}*/
.wiz {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  justify-content: center !important;
}

.wiz li:first-child {
  float: left;
  width: 80px;
  color: #BABFC5;
}

.wiz li a {
  display: block;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #BABFC5;
  padding: 4px;
  text-align: center;
}

.wiz li a:hover {
  color: #BABFC5;
}

.wiz li .active {
  background: #63768B;
  color: #fff;
}

.wiz li .active:hover {
  color: #fff;
}

.wiz li .completed {
  background: #33D288 !important;
  border: 1px solid #33D288;
  color: #fff;
}

.wiz li .completed:hover {
  color: #fff;
}

.wiz li a::after {
  content: "";
  width: 49px;
  color: red;
  border-top: 2px solid #BABFC5;
  display: block;
  position: absolute;
  top: 15px;
  margin-left: 27px;
}

.wiz li .completed::after {
  border-top: 2px solid #33D288;
}

.after-none::after {
  display: none !important;
}

/*pagination start*/
.pagination-multiple ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.pagination-multiple ul li {
  float: left;
  margin-right: 1px;
}

.pagination-multiple ul li a {
  display: block;
  height: 32px;
  width: 32px;
  background: white;
  text-align: center;
  padding: 5px 0;
}

/*pagination end*/
/*.pagination-short .pag-pre {
    width: 32px;
    height: 32px;
    background:$mocha-white;
    border:1px solid #ddd;
}*/
.pagination-short button {
  width: 32px;
  height: 32px;
  /*background: $mocha-white;*/
  border: 1px solid #A4B4C4;
  border-radius: 0;
  float: left;
}

.pagination-short span {
  color: #516E93 !important;
}

.pagination-short button:focus {
  border-radius: 0;
  outline: 0;
}

.pagination-short button:hover {
  background: unset;
  border: 1px solid #626584;
  border-radius: 0;
}

.pagination-short .active {
  background: unset !important;
  /*border: 1px solid #616683;*/
  color: #626584;
}

.pagination-short button i:before {
  font-size: 11px;
  color: #A4B4C4;
}

.pagination-short button i:hover:before {
  color: #626584;
}

.pagination-short .active i:before {
  color: #626584;
  font-size: 11px;
}

.im-icon {
  padding: 8px;
  font-size: 16px !important;
  height: 39px;
  width: 32px !important;
  padding-left: 0px !important;
}

.grid-action-icon {
  color: #305884 !important;
}

.im-icon:before {
  color: #305884 !important;
}

/*.im-icon:hover:before {
    color: $mocha-text-secondary !important;
    as per supriya's suggetion we dont need hover effect on actions
}*/
.cursor-pointer {
  cursor: pointer !important;
}

.float-unset {
  float: unset !important;
}

.filter-bg {
  padding: 5px;
  background: #FAFAFA;
}

.position-relative {
  position: relative !important;
}

/*progress bar start*/
.pg-bar {
  width: 240px;
  float: left;
  display: block;
  background: #EAEAEA;
  height: 15px;
  border: 1px solid #ddd;
  margin: 4px;
}

.pg-bar-inner {
  float: left;
  display: block;
  background: #ED6900;
  height: 15px;
  border: 1px solid #ddd !important;
}

.h-35 {
  height: 35px !important;
}

svg > g > g:last-child {
  pointer-events: none;
}

.active-dot {
  width: 10px;
  height: 10px;
  background: red;
  display: block !important;
  min-width: auto !important;
  padding: 0 !important;
  position: absolute;
  right: 9px;
  top: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.new-badge {
  background: #ead41f;
  padding: 1px 5px;
  border-radius: 2px;
  color: #fff;
}

/*custom pagination for bootstrap*/
.bootstrap-pagination-custom-wrapper {
  float: left;
}

.bootstrap-pagination-custom {
  float: left;
}

.bootstrap-pagination-custom li a {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  min-width: 32px !important;
  height: 32px;
  float: left;
  color: #08165B;
  margin-left: 0;
  padding: 7px;
  text-align: center;
}

.bootstrap-pagination-custom li a:hover {
  background: #f8f8fa;
  border: 1px solid #08165B;
  border-radius: 0;
  color: #08165B;
}

.bootstrap-pagination-custom .active a {
  /*background-color: $mocha-bg-primary !important;
  border-radius: 0;
  color: $mocha-white !important;*/
  background: #fff !important;
  border: 1px solid #616683 !important;
  color: #626584 !important;
}

.bootstrap-pagination-custom li ul li a i:before {
  font-size: 14px;
  color: #626584 !important;
}

/*.page-item.active .page-link{
    border:0 !important;
}*/
.page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.text-transform-upper {
  text-transform: uppercase !important;
}

.dropdown-content a:hover {
  color: #135DCB !important;
  background: #E9F3FC;
}

.page-item.active .page-link {
  z-index: unset !important;
  border: 1px solid #616683 !important;
}

.img-proctoring {
  background: url("images/image_proctoring.png") no-repeat top left !important;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 8px;
}

.beta-label {
  right: 35px;
  top: -20px;
  position: absolute;
  background-color: #7878ff;
  color: #fff;
  padding: 1px 5px;
  font-size: 12px;
  border-radius: 3px;
}

.badge-img {
  height: 100px;
  margin-right: 40px;
}

/*video question z-index*/
.vjs-big-play-button {
  z-index: 0 !important;
}

.d-inline-block {
  display: inline-block !important;
}

.clear-left {
  clear: left !important;
}

.que-lb-textarea textarea {
  width: 100% !important;
}

/*Published, draft, inactive css start*/
.active-test-badge {
  color: #20B302;
  padding: 3px 10px;
  border-radius: 13px;
  font-size: 10px;
  background: #D9FDD2;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: PoppinsMedium;
}

.draft-badge {
  color: #F55562;
  padding: 3px 10px;
  border-radius: 13px;
  font-size: 10px;
  background: #FCCED1;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: PoppinsMedium;
}

.inactive-test-badge {
  color: #848D95;
  padding: 3px 10px;
  border-radius: 13px;
  font-size: 10px;
  background: #EDEEEF;
  margin-right: 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: PoppinsMedium;
}

.golden-color:before {
  color: #ffca00 !important;
  padding: 9px !important;
  font-size: 17px !important;
}

.widget-height {
  min-height: 420px !important;
}

.tooltip {
  pointer-events: none;
}

.popover {
  pointer-events: none;
}

.icon-im-filter {
  background: #E5E9F0;
  padding: 5px;
  cursor: pointer;
  border-radius: 3px;
}

.icon-im-label:before {
  font-size: 19px;
}

.d-revert {
  display: revert !important;
}

.z-index-0 {
  z-index: 0 !important;
}

.user-select {
  -webkit-user-select: none !important;
}

.bot {
  border-top: 1px solid #CCD4DC;
}

.bor {
  border-right: 1px solid #CCD4DC;
}

/*added by dinesh on 11/5/2022 for schedule LCI*/
@media only screen and (max-width: 768px) {
  .edit-test-meta {
    width: 100% !important;
  }
  .candidate-details-option {
    width: 100% !important;
  }
}
.warning-message-block {
  background: #F2F6FA;
  border-radius: 6px;
  padding: 10px;
}

.warning-color {
  color: #FF6C7D;
}

.required-field {
  color: #FF5E7E;
}

.candidate-details-option {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  float: right;
  line-height: 45px;
}

.candidate-details-option li {
  display: inline-block;
  margin: 0 1rem;
}

.candidate-details-option li a:hover {
  color: #477EF7 !important;
}

.wizard-link {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.wizard-link li {
  display: inline-block;
  margin: 0 1rem;
}

.wizard-step {
  color: #318BF1;
  opacity: 1;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #318BF1;
}

.wizard-step-completed {
  color: #fff;
  background: #02AD79;
  opacity: 1;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #02AD79;
}

.wizard-step-inactive {
  color: #A5AEB8;
  opacity: 1;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #D2D7DD;
}

.wizard-title {
  color: #318BF1;
  font-size: 12px;
  font-weight: bold;
  font-family: PoppinsRegular;
}

.wizard-title-complete {
  color: #02AD79;
  font-size: 12px;
  font-family: PoppinsRegular;
  font-weight: bold;
}

.wizard-title-inactive {
  color: #9DA7B2;
  font-size: 12px;
  font-family: PoppinsRegular;
  font-weight: bold;
}

.h-36 {
  height: 36px !important;
}

/*added by dinesh on 11/5/2022 for schedule LCI*/
/*added for Safe Exam Browser*/
.std-note {
  color: #e96b00;
  border-radius: 5px;
  font-style: normal !important;
  padding: 10px 10px;
  background: rgba(233, 107, 0, 0.1098039216);
}

.safe-exam-points > li {
  padding-left: 5px;
}

.bg-disable-grey {
  background: #eaeaea;
}

.bg-disable-grey > .row {
  color: darkgrey;
  pointer-events: none;
  -webkit-user-select: none;
}

/*added for Safe Exam Browser*/
/*=====Width portion added in this block=====*/
/*added by Dinesh*/
.w-auto {
  width: auto !important;
}

.w-0px {
  width: 0px;
}

.w-50px {
  width: 50px;
}

.w-60px {
  width: 60px;
}

.w-100px {
  width: 100px;
}

.w-140px {
  width: 140px;
}

.w-150px {
  width: 150px;
}

.w-165px {
  width: 165px;
}

.w-185px {
  width: 185px;
}

.w-200px {
  width: 200px;
}

/*added by Dinesh*/
/*added by Dinesh for Email template */
.border-dashed {
  border: 1px dashed #B2B2B2;
}

.w-100 {
  width: 100%;
}

.border-top-1 {
  border-top: 1px solid #D4DBE2 !important;
}

.card-header.active {
  background-color: #F5F6F9;
  color: #135DCB;
  border-right: 3px solid #0099FF;
}

.card-header.active > h5 > a {
  text-decoration: none;
  color: #135DCB;
}

/*added by Dinesh for CKEDITOR*/
#cke_MailTemplate .cke_show_borders table.cke_show_border, .cke_show_borders table.cke_show_border > tr > td, .cke_show_borders table.cke_show_border > tr > th, .cke_show_borders table.cke_show_border > tbody > tr > td, .cke_show_borders table.cke_show_border > tbody > tr > th, .cke_show_borders table.cke_show_border > thead > tr > td, .cke_show_borders table.cke_show_border > thead > tr > th, .cke_show_borders table.cke_show_border > tfoot > tr > td, .cke_show_borders table.cke_show_border > tfoot > tr > th {
  border: 0;
}

#InviteMultipleTemp .modal-dialog {
  max-width: 65%;
}

.border-dashed {
  border: 1px dashed #B2B2B2;
}

/*for Performance category description field added by nikita on 31st jully 2023*/
.desc-widget {
  right: 1%;
  width: 35%;
  background-color: #F8F8FA !important;
}

.m-w-60 {
  min-width: 60%;
}

.main {
  width: 100%;
}

.searchbox-control {
  line-height: 0.5 !important;
  padding: 0.7rem 0.75rem !important;
  padding-left: 2.375rem;
}

.search-btn-secondary {
  min-width: 0px !important;
  border-radius: 0px 0.25rem 0.25rem 0px !important;
  background: #EC7455;
  border-color: #EC7455;
  padding: 0.375rem 0.85rem !important;
  height: 40px !important;
  line-height: 2 !important;
}

.w-175px {
  width: 175px !important;
}

.ext-login {
  width: 100%;
  height: 40px;
  max-width: 400px;
  display: flex;
  border-radius: 4px;
  border: 1px solid rgba(28, 23, 31, 0.5);
  justify-content: center;
  align-items: center;
}

.ext-login img {
  width: 20px;
  height: 20px;
  margin: 0px 10px;
}

.ext-login span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.related-test-card {
  height: 40px;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  overflow: hidden;
}

.left-highlight-bar {
  width: 6px;
  height: 100%;
  background-color: #135DCB;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.test-content {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  flex: 1;
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden; /* Hide overflow text */
  text-overflow: ellipsis;
}

.test-link {
  text-decoration: none;
  color: #000;
  font-size: 14px; /* Smaller font size */
  font-weight: 500;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.related-tests-scroll {
  overflow-y: auto;
  max-height: 300px;
}

.section-row {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.section-cell {
  width: 200px; /* or adjust as needed */
  margin-right: 10px;
}

.section-pill {
  background-color: #135DCB;
  color: white;
  padding: 6px 16px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal; /* allow wrapping */
  line-height: 1.2;
  max-width: 100%;
}

.badge-pill-custom {
  background-color: #F4F8FF;
  color: #1A2E45;
  padding: 6px 16px;
  border-radius: 999px;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 8px;
}

.vr-line {
  width: 1px;
  height: 60px;
  background: #ddd;
}

.time-question {
  color: #131fcb;
  font-size: 30px;
  font-weight: bold;
}

.header {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.header h2 {
  flex-grow: 1;
  min-width: 0;
  margin: 0;
  word-break: break-word;
}

.meta {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.disabled-link {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Popup container */
.product-update-popup {
  background: white;
  padding: 32px;
  max-width: 520px;
  width: 90%;
  position: relative;
  animation: slideUp 0.3s ease-out;
}

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
/* Header */
.product-update-popup-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

.popup-title {
  font-size: 20px;
  font-weight: 600;
  color: #1a1a1a;
}

.popup-subtitle {
  font-size: 14px;
  color: #1a1a1a;
  margin-bottom: 20px;
  line-height: 1.4;
}

.feature-list {
  padding-left: 20px;
  margin: 0;
}

.feature-list li {
  margin-bottom: 8px;
  font-size: 14px;
  color: #2c3e50;
}

.badge-coming-soon {
  background-color: #f4e7a8;
  color: #000;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 16px;
  display: inline-block;
  font-weight: 500;
}

.tara-section {
  font-size: 14px;
  color: #333;
}

.tara-icon {
  width: 24px;
  height: 24px;
}

.explore-link {
  color: #0066ff;
  font-size: 12px;
  text-decoration: none;
}

.explore-link:hover {
  text-decoration: underline;
}

/* Footer */
.product-update-popup-footer {
  display: flex;
  align-items: center;
  gap: 16px;
}

.checkbox-container {
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.product-popup-checkbox {
  width: 17px !important;
  height: 16px;
  border: 2px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  position: relative;
}

.product-popup-checkbox:checked {
  background: #ff6b4a;
  border-color: #ff6b4a;
}

.product-popup-checkbox:checked::before {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
}

.popup-checkbox-label {
  font-size: 13px;
  color: #666;
  cursor: pointer;
  user-select: none;
}

/* Responsive design */
@media (max-width: 600px) {
  .product-update-popup {
    padding: 24px;
    margin: 20px;
  }
  .popup-footer {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .checkbox-container {
    margin-left: 0;
    order: 3;
    justify-content: center;
  }
}
/*fonts start*/
@font-face {
  font-family: PoppinsBold;
  src: url("../fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: PoppinsSemiBold;
  src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: PoppinsMedium;
  src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
  font-family: PoppinsRegular;
  src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: OpenSansRegular;
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: OpenSansBold;
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
  font-family: OpenSansSemiBold;
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
}
.ff-openBold {
  font-family: OpenSansBold;
}

.ff-opensemiBold {
  font-family: OpenSansSemiBold;
}

/*@font-face {
    font-family: 'Poppins-Bold';
    src: url('../../fonts/Poppins-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Medium';
    src: url('../../fonts/Poppins-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../../fonts/Poppins-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('../../fonts/Poppins-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../../fonts/OpenSans-Regular.ttf') format('truetype');
}*/
.font-weight-600 {
  font-weight: 600 !important;
}

.underline {
  text-decoration: underline !important;
}

.ff-PoppinsSemiBold {
  font-family: PoppinsSemiBold;
}

.ff-PoppinsMedium {
  font-family: PoppinsMedium;
}

.ff-PoppinsRegular {
  font-family: PoppinsRegular;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-11 {
  font-size: 11px;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.font-size-14 {
  font-size: 14px !important;
}

.font-size-16 {
  font-size: 16px !important;
}

.font-size-18 {
  font-size: 18px !important;
}

.font-size-20 {
  font-size: 20px !important;
}

.font-size-22 {
  font-size: 22px !important;
}

.font-size-28 {
  font-size: 28px;
}

.font-size-35 {
  font-size: 35px !important;
}

/*fonts end*/
.fs-6rem {
  font-size: 6rem !important;
}

.fs-2rem {
  font-size: 2rem !important;
}

.fs-18px {
  font-size: 18px !important;
}

.ff-PoppinsSemiBold {
  font-family: PoppinsSemiBold;
}

.ff-PoppinsMedium {
  font-family: PoppinsMedium;
}

.fw-bold {
  font-weight: bold;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*anchor, button start*/
a {
  color: #384C61;
  text-decoration: none;
}

a:hover {
  color: #384C61;
  text-decoration: none;
}

.link {
  color: #4382E0 !important;
  text-decoration: none;
}

.link:hover {
  color: #4382E0 !important;
  text-decoration: none;
}

/*all buttons start*/
.btn {
  border-radius: 25px;
  display: inline-block;
  min-width: 128px;
  height: 32px;
  line-height: 1.5;
  text-align: center;
  /*box-shadow: 0px 2px 2.56px #cecece;*/
  font-family: PoppinsRegular;
}

.btn i:before {
  color: #fff !important;
  vertical-align: middle;
}

.btn:focus {
  outline: 0 !important;
  box-shadow: none;
}

.btn-icon:focus {
  outline: 0 !important;
  box-shadow: none;
}

.btn-icon {
  border-radius: 25px;
  display: inline-block;
  min-width: 128px;
  height: 32px;
  line-height: 1;
  text-align: center;
  padding: 0;
  /*box-shadow: 0px 2px 2.56px #cecece;*/
}

.btn-icon span {
  display: block;
  min-width: 105px;
  text-align: center;
  float: left;
}

.btn-icon i {
  display: inline-block;
  min-width: 32px;
  line-height: 1;
  text-align: center;
}

.btn-primary-imocha {
  color: #fff !important;
  background: #FF6C4A;
  border: 0;
}

/*.btn-primary-imocha:hover {
    color: $mocha-white;
    background: $mocha-bg-primary;
}*/
.btn-primary-imocha-inactive {
  color: #909090;
  background: #E8E8E8;
}

.btn-secondary-imocha {
  color: #6985A5 !important;
  background: #fff;
  border: 1px solid #6985A5;
}

/*.btn-secondary-imocha:hover {
    color: $mocha-text-primary !important;
    background: $mocha-white;
    border: 1px solid $mocha-blue;
}*/
.btn-secondary-imocha-inactive {
  color: #909090;
  border: 1px solid #909090;
}

.btn-tertiary-imocha {
  background: #F8F8FA;
  border: 0;
  color: #ED6900 !important;
  border-radius: 0;
  min-width: auto;
}

.btn-tertiary-imocha:hover {
  background: #F8F8FA;
  color: #08165B;
}

.btn-tertiary-imocha-inactive {
  color: #909090;
  border: 0;
  background: unset;
}

.btn-caution-imocha {
  color: #FF5E7E;
  background: transparent;
  border: 1px solid #FF5E7E;
}

.btn-caution-imocha:hover {
  color: #fff;
  background: #FF5E7E;
}

/*all buttons end*/
/*anchor, button end*/
/*toggle button start*/
/*.switch {
    position: relative;
    display: inline-block;
    width: 38px;
    height: 16px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: $mocha-white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 1px solid #ddd;
}
.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 0px;
    bottom: 0px;
    background-color: $mocha-blue;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider {
    background-color: $mocha-white;
    border: 1px solid #D1C6C4;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px);
    background-color: $mocha-orange;
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}*/
/*toggle button end*/
@media (max-width: 1200px) {
  .btn {
    min-width: auto !important;
  }
}
/*added by dinesh for LCI Schedule*/
.btn-filled-primary {
  color: #fff !important;
  background: #FF6C4A;
  border: 0;
}

.btn-filled-primary:hover {
  color: #fff !important;
  background: #E85F3F;
  border: 0;
}

.btn-outline-primary {
  color: #6985A5 !important;
  background: #fff !important;
  border: 1px solid #6985A5 !important;
}

.btn-outline-primary:hover {
  color: #3F5C7E !important;
  background: #fff !important;
  border: 1px solid #3F5C7E !important;
}

.btn-outline-primary:focus, .btn-outline-primary:active {
  color: #6985A5 !important;
  background: #fff !important;
  border: 1px solid #6985A5 !important;
  box-shadow: none !important;
}

.btn-outline-secondary {
  color: #FF6C4A !important;
  border: 1px solid #FF6C4A !important;
  background: #fff !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary:active {
  color: #E85F3F !important;
  border: 1px solid #E85F3F !important;
  background: #fff !important;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*1200 below*/
@media (max-width: 1200px) {
  /*all heading, paragraph tags start*/
  h1 {
    font-size: 1.71rem;
    font-family: PoppinsBold;
  }
  h2 {
    font-size: 1.2rem;
    font-family: PoppinsSemiBold;
  }
  h3 {
    font-size: 1.1rem;
    font-family: PoppinsSemiBold;
  }
  h4 {
    font-size: 1.1rem;
    font-family: PoppinsSemiBold;
  }
  h5 {
    font-size: 1rem;
    font-family: PoppinsSemiBold;
  }
  h6 {
    font-size: 1rem;
    font-family: PoppinsSemiBold;
  }
  p {
    font-size: 1rem;
    font-family: PoppinsRegular;
    margin-bottom: 0;
  }
  label {
    font-size: 12px;
    font-family: PoppinsMedium;
    margin-bottom: 5px;
  }
  .report-label {
    font-size: 12px;
    color: #424C58;
    font-family: PoppinsRegular;
  }
  .report-value {
    font-size: 12px;
    color: #384C61;
    font-family: OpenSansSemiBold;
  }
  /*all heading, paragraph tags end*/
}
/*1200 above*/
@media (min-width: 1201px) {
  /*all heading, paragraph tags start*/
  h1 {
    font-size: 2rem;
    font-family: PoppinsBold;
  }
  h2 {
    font-size: 1.5rem;
    font-family: PoppinsSemiBold;
  }
  h3 {
    font-size: 1.3rem;
    font-family: PoppinsSemiBold;
  }
  h4 {
    font-size: 1.3rem;
    font-family: PoppinsSemiBold;
  }
  h5 {
    font-size: 1rem;
    font-family: PoppinsSemiBold;
  }
  h6 {
    font-size: 1rem;
    font-family: PoppinsSemiBold;
  }
  p {
    font-size: 1rem;
    font-family: PoppinsRegular;
    margin-bottom: 0;
  }
  label {
    font-size: 12px;
    font-family: PoppinsMedium;
    margin-bottom: 5px;
  }
  .report-label {
    font-size: 12px;
    color: #424C58;
    font-family: PoppinsRegular;
  }
  .report-value {
    font-size: 12px;
    color: #384C61;
    font-family: OpenSansSemiBold;
  }
  /*all heading, paragraph tags end*/
}
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*common selects, input start*/
/*select start*/
.select-common {
  width: 100%;
  display: block;
  padding: 2px 10px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid #E5E9F0;
  max-width: 280px;
  color: #243343;
  font-family: PoppinsRegular;
  background: #fff;
}

.select-common:hover, .select-common:focus {
  /* border: 1px solid $mocha-blue !important;*/
  border: 1px solid #E5E9F0 !important;
  /*color: $mocha-text-secondary;*/
  outline: 0 !important;
}

/*select end*/
input:focus:hover {
  color: #ED6900;
  border: 1px solid #08165B;
}

input[type=checkbox], input[type=radio] {
  margin: 8px;
  height: 16px;
  width: auto;
  vertical-align: middle;
  margin-left: 0;
}

/*common selects, input end*/
.border-radius-0 {
  border-radius: 0 !important;
}

.textarea-common {
  max-height: 300px;
  min-height: 100px;
  max-width: 100%;
  width: 280px;
}

.search-with-input-icon {
  width: 280px;
  float: left;
  border: 1px solid #E5E9F0;
  border-radius: 3px;
}

.search-with-input-icon input {
  float: left;
  /*max-width: 245px;*/
  /* border-top-right-radius: 0;
   border-bottom-right-radius: 0px;*/
  border: unset;
  width: 243px !important;
  font-size: 13px;
}

.search-with-input-icon a {
  min-width: auto;
  /*border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;*/
  background-color: white !important;
  border-radius: 0;
}

.search-with-input-icon a i:before {
  color: #3E6693 !important;
}

.textarea-com {
  max-height: 300px;
  min-height: 70px;
  max-width: 100%;
  width: 98%;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*@media (max-width:767px) {
    .primary-tabs li {
        margin-bottom: 10px;
    }
}*/
/*primary tabs start*/
.primary-tabs {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}

.primary-tabs li {
  list-style-type: none;
  float: left;
  text-align: center;
  margin-right: 1px;
}

.primary-tabs li a {
  list-style-type: none;
  float: left;
  background: #fff;
  text-align: center;
  line-height: 1;
  padding: 8px;
  min-width: 128px;
  height: 32px;
  color: #192F47;
  /*border: 1px solid #F2F3F6;*/
  font-family: PoppinsRegular;
}

.primary-tabs li a:hover {
  background: #F5F6F9;
  color: #135DCB;
  border-bottom: 3px solid #0099FF;
}

.primary-tabs li:focus {
  outline: none !important;
}

.primary-tabs li .active {
  background: #F5F6F9;
  color: #135DCB;
  border-bottom: 3px solid #0099FF;
  font-family: PoppinsSemiBold;
}

.primary-tabs li .active:focus {
  text-decoration: none;
  outline: 0;
}

/*primary tabs end*/
/*secondary tabs start*/
.secondary-tabs {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}

.secondary-tabs li {
  list-style-type: none;
  float: left;
  text-align: center;
  margin-right: 1px;
}

.secondary-tabs li a {
  list-style-type: none;
  float: left;
  background: unset;
  text-align: center;
  line-height: 1;
  padding: 8px;
  min-width: 128px;
  height: 32px;
  color: #192F47;
  /*border: 1px solid #F2F3F6;*/
  font-family: PoppinsRegular;
}

.secondary-tabs li a:hover {
  background: #F5F6F9;
  color: #135DCB;
  border-bottom: 3px solid #0099FF;
}

.secondary-tabs li:focus {
  outline: none !important;
}

.secondary-tabs li .active {
  background: #F5F6F9;
  color: #135DCB;
  border-bottom: 3px solid #0099FF;
  font-family: PoppinsSemiBold;
}

/*.secondary-tabs {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}

.secondary-tabs li {
    list-style-type: none;
    float: left;
    text-align: center;
    margin-right: 1px;
    border-radius: 3px;
}

.secondary-tabs li a {
    list-style-type: none;
    float: left;
    background: $mocha-white;
    text-align: center;
    line-height: 0.7;
    padding: 10px;
    min-width: 128px;
    height: 32px;
    color: $mocha-text-primary;
    border: 1px solid #D1C6C4;
}

.secondary-tabs li a:hover {
    background: $mocha-white;
    color: $mocha-text-secondary;
    border: 1px solid $mocha-text-secondary;
}

.secondary-tabs li .active {
    border: 1px solid $mocha-text-primary;
    color: $mocha-text-primary;
    background: $mocha-white;
}*/
/*secondary tabs end*/
.left-nav-v {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
}

.left-nav-v li a {
  padding: 10px;
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
  font-family: PoppinsRegular;
  height: 44px;
  color: #192F47;
}

.left-nav-v li .disabled {
  background: #ededed;
  color: darkgrey !important;
}

.left-nav-v li .disabled i:before {
  color: darkgrey !important;
}

.left-nav-v li .active, .left-nav-v li .active:hover {
  background: #F5F6F9;
  color: #135DCB;
  font-family: PoppinsSemiBold;
  border-right: 3px solid #0099FF;
}

.left-nav-v li .active, .left-nav-v li .active i:before {
  color: #135DCB !important;
}

.left-nav-v li span {
  float: left;
  width: 88%;
  display: block;
}

.left-nav-v li .left-nav-icon {
  float: left;
  width: 7%;
  display: block;
  padding-top: 3px;
}

.left-nav-v li .left-nav-arrow {
  float: left;
  width: 5%;
  display: block;
  text-align: right;
  padding-top: 3px;
}

.left-nav-v li .left-nav-arrow:before {
  font-size: 10px;
}

.nested-active {
  background: #F8F8FA;
}

/*right icon block where primary tabs and anchor tags are together inline*/
.right-icon-block {
  float: right !important;
  margin-right: 0 !important;
}

.right-icon-block a, .right-icon-block a:hover {
  background: unset !important;
  border: none !important;
  min-width: unset !important;
}

.tabs-action-divide-block {
  float: right;
}

.tabs-action-divide-block ul {
  padding: 0;
  list-style-type: none;
  margin-bottom: 0;
}

.tabs-action-divide-block ul li {
  display: inline-block;
}

/*candidate report left tab new structure on 11-1-2022*/
.side-tabs-list {
  width: 100%;
  float: left;
}

.side-tabs-list ul {
  width: 100%;
  float: left;
  margin-bottom: 0;
}

.side-tabs-list ul li {
  width: 100%;
  float: left;
}

.side-tabs-list ul li a {
  font-family: PoppinsRegular;
  font-size: 12px;
  color: #192F47;
  padding: 11px 15px;
  width: 100%;
  display: block;
}

.side-tabs-list ul li .active {
  font-family: PoppinsSemiBold !important;
  font-size: 12px !important;
  color: #135DCB !important;
  background-color: #F5F6F9 !important;
  border-right: 3px solid #0099FF !important;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*top navigation start*/
.top-nav {
  background: #fff;
  float: left;
  width: 100%;
  /*color: $mocha-white;*/
  height: 49px;
  position: fixed;
  z-index: 1;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: 0px 1px 3px #d7d7d7;
}

.burger-menu {
  width: 40px;
  float: left;
}

.burger-menu img {
  height: 20px;
  margin: 0 auto;
  display: block;
  margin-top: 15px;
}

.logo-block {
  width: 180px;
  /*float: left*/
}

.logo-block img {
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.top-nav-list {
  width: 67%;
  float: left;
  height: 40px;
  /*float: right;*/
  background: #fff;
  margin: 4px 0;
}

/*.nav-right-icons {
    width: 15%;
    float: left;
    height: 49px;
}*/
/*.nav-right-icons ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    float: right;
    margin-right: 10px;
}

.nav-right-icons ul li {
    display: inline-block;
    float: left;
    cursor: pointer;
}

.nav-right-icons ul li a {
    padding: 9px;
    display: block;
    height: 49px;
}*/
/*
.top-nav-list ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}
.top-nav-list ul li{
    display: inline-block;
    float: left;
    cursor: pointer;
}
.top-nav-list ul li a{
    padding: 14px 15px;
    display: block;
    height: 49px;
}
.top-nav-list ul li .active, .top-nav-list ul li:hover{
    background: $mocha-orange;
}*/
/*top navigation end*/
/*codepen code start*/
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav a {
  display: block;
  color: #243141;
  text-decoration: none;
  position: relative;
}

.nav a span {
  /* display: inline-block;
  padding: 10px 0px;
  text-align: center;
  min-width: 102px;*/
  font-family: PoppinsRegular;
  font-size: 16px;
  padding: 0px 5px 0px 0px;
}

.nav {
  vertical-align: top;
  display: inline-block;
  box-shadow: 1px -1px -1px 1px #000, -1px 1px -1px 1px #fff, 0 0 6px 3px #fff;
}

.nav li {
  position: relative;
}

.nav > li {
  float: left;
}

.nav > li > a i {
  font-size: 11px;
  width: 20px;
  padding: 5px;
  display: inline-block;
  padding-left: 0;
}

.nav > li > a i:before {
  color: #243141;
  font-size: 10px;
}

.nav > li > a i:hover:before {
  color: #135DCB;
}

/*.nav li:hover > a { 
      color: $mocha-white;
}
 .nav > li:first-child>a{border-radius: 4px 0 0 0;}
  .nav > li:last-child  { 
  	border-radius: 0 0 4px 0; 
  	margin-right: 0;
  } 
 .nav > li:hover , .nav > li:hover >a{  border-bottom-color:orange; }
  .nav > li:last-child >a{border-radius: 0 4px 0 0; }*/
.nav li li a {
  background: #fff;
  color: #08165B !important;
  padding: 10px 20px;
  border-radius: 4px;
}

.nav li li a:hover {
  color: #135DCB !important;
  background: #E9F3FC;
}

.nav li ul {
  background: #FAFAFA;
  box-shadow: 0px 3px 6px #d0d0d0;
  font-family: OpenSansRegular;
}

/* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
  width: 228px;
  border-radius: 3px;
}

.nav > li:hover > ul {
  left: auto;
  min-width: 100%;
  /*margin-top: -5px;*/
}

.nav > li li ul {
  border-left: 1px solid #fff;
}

.nav > li li:hover > ul {
  /* margin-left: 1px */
  left: 100%;
  top: -1px;
}

/* arrow hover styling */
/*

 .nav li a:first-child:nth-last-child(2):before { 
     content:""; 
     position: absolute; 
     height:0; 
     width: 0; 
     border: 5px solid transparent; 
     top: 45% ;
     right:5px;  
   }

.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #fff; 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: $mocha-orange; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: #aaa; 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: #fff;
  right: 10px; 
}


*/
/* arrow hover styling */
.nav > li > a:hover, .nav > li > .active {
  background: #fff !important;
  color: #135DCB !important;
}

.nav > li > .active span {
  font-family: PoppinsSemiBold;
}

.nav > li > .active i:before {
  color: #135DCB !important;
}

/*codepen */
/*mobile start*/
@media only screen and (min-width: 1200px) {
  .side-navigation {
    display: none !important;
  }
}
.nav-left-block-xs {
  background: #F2F3F6;
  z-index: 999999;
  display: block;
  position: fixed;
  left: 0;
  width: 258px;
  top: 49px;
  height: 100%;
  transition: 0.5s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.nav-left-block-xs-inner {
  overflow: auto;
  height: calc(100vh - 60px);
  display: block;
}

.nav-left-block-xs-inner ul {
  padding: 0;
}

.nav-left-block-xs-inner ul li ul {
  background: #FAFAFA;
  box-shadow: 0px 1px 3px #d7d7d7;
}

.nav-left-block-xs-inner ul li a {
  color: #243141;
  padding: 10px 15px;
  display: block;
  font-family: PoppinsRegular;
  font-size: 14px;
}

.nav-left-block-xs-inner ul li a:hover, nav-left-block-xs-inner ul li a:active {
  color: #135DCB;
}

.xs-menu-hide {
  display: none;
}

/*right icon dropdown menu*/
/*.right-icon-dropdown-menu {
    left:-12em !important;
}*/
/*right icons merge with left menu 23-6-2020*/
.top-nav-list .float-right .nav li .icons-nav {
  display: block;
  width: 40px;
  height: 40px;
}

.top-nav-list .float-right .nav li .icons-nav i:before {
  font-size: 20px;
  color: #305884;
}

.top-nav-list .float-right .nav li .icons-nav i::before:hover {
  color: #ED6900;
}

.top-nav-list .float-left .nav li a {
  /*    min-width: 130px;*/
  height: 40px;
  padding: 10px 20px;
}

.w-arrow-tab {
  min-width: 120px !important;
}

.top-nav-list .float-right .nav li .icons-nav i {
  font-size: 20px;
  padding: 10px;
  float: left;
  display: block;
  width: 40px;
  text-align: center;
}

.user-id-show {
  background: #fff;
  color: #08165B !important;
  padding: 10px 20px;
  word-break: break-all;
  display: block;
  height: 100%;
  white-space: break-spaces;
  font-family: PoppinsMedium;
}

.user-ini {
  min-width: auto !important;
  border-radius: 50%;
  border: 2px solid #305884;
  padding: 0 !important;
  height: 28px;
  width: 28px;
  padding-top: 6px !important;
  font-size: 11px !important;
  margin-left: 6px;
  text-transform: uppercase;
}

.yourLogo {
  height: 48px;
  width: 100%;
  display: block;
}

/*nav css change ruby Mahesh */
.nav .nav-dot {
  padding: 8px 10px;
  display: none;
}

.nav li .nav-dot-menu {
  right: -11px;
  top: 35px;
}

.nav li .nav-dot-menu li a i {
  font-size: 11px;
  width: 13px;
  padding: 5px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  float: right;
}

.nav li .nav-dot-menu li ul {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px 10px 0px 10px;
  display: none;
  box-shadow: none;
  font-size: 13px;
}

/*.nav li .nav-dot-menu li:hover ul {
    position: relative;
    left: 0px;
    display: block;
}*/
.nav-dots ul li {
  padding: 0px;
}

.nav-dots ul li a span {
  display: inline-block;
  text-align: center;
}

.sub-menu {
  display: none;
}

@media only screen and (min-width: 1201px) {
  .nav .nav-dot {
    padding: 8px 10px;
    display: block;
  }
}
/*nav css change ruby Mahesh */
.nav .nav-dot {
  padding: 8px 10px;
  display: none;
}

.nav li .nav-dot-menu {
  right: -11px;
  top: 35px;
}

.nav li .nav-dot-menu li a i {
  font-size: 11px;
  width: 13px;
  padding: 5px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  float: right;
}

.nav li .nav-dot-menu li ul {
  position: relative;
  top: 0px;
  left: 0px;
  padding: 0px 10px 0px 10px;
  display: none;
  box-shadow: none;
  font-size: 13px;
}

/*.nav li .nav-dot-menu li:hover ul {
    position: relative;
    left: 0px;
    display: block;
}*/
.nav-dots ul li {
  padding: 0px;
}

.nav-dots ul li a span {
  display: inline-block;
  text-align: center;
}

.sub-menu {
  display: none;
}

@media only screen and (min-width: 1201px) {
  .nav .nav-dot {
    padding: 8px 10px;
    display: block;
  }
}
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.reusable-table {
  width: 100%;
  max-width: 100%;
  overflow: scroll;
  font-family: PoppinsRegular;
}

.reusable-table thead tr th {
  padding: 14px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #DEE7F1;
  color: #305884;
  line-height: 1.5;
  font-family: PoppinsSemiBold;
  font-weight: unset;
  position: sticky;
  top: 0;
  font-size: 14px;
  text-transform: uppercase;
}

.reusable-table tbody tr td {
  padding: 17px 10px;
  line-height: 1.5;
  /*background: #F8F8FA;*/
  background: #fff;
  /*border-bottom: solid white 5px;*/
  border-bottom: 1px solid #ddd;
  /*border-top: solid white 5px;*/
  color: #384C61;
}

.reusable-table tbody tr:hover td {
  background-color: #F8F9FA;
}

.fix-column-1 {
  position: sticky;
  width: 50px;
  left: 0;
  z-index: 0;
}

.fix-column-2 {
  position: sticky;
  width: 50px;
  left: 33px;
  z-index: 9;
}

.fix-column-right {
  position: sticky;
  width: 50px;
  right: 0;
  z-index: 9;
  box-shadow: inset 1px 0px 0px 0px #cacaca;
}

.simple-table {
  width: 100%;
  border: 1px solid #ddd;
}

.simple-table tr td {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.simple-table tr th {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

/*Secondary Table */
.reusable-table-sec {
  width: 100%;
  max-width: 100%;
  overflow: scroll;
}

.reusable-table-sec thead tr th {
  padding: 5px 10px;
  /* border-bottom: 1px solid #ddd;*/
  background-color: #F0F5FC;
  line-height: 1.5;
  font-family: PoppinsSemiBold;
  font-weight: unset;
  position: sticky;
  top: 0;
  font-size: 12px;
  color: #384C61;
}

.reusable-table-sec tbody tr td {
  padding: 17px 10px;
  line-height: 1.5;
  background: #fff;
  /*border-bottom: solid white 5px;*/
  border-bottom: 1px solid #ddd;
  font-size: 12px;
  color: #384C61;
  font-family: PoppinsSemiBold;
  /*border-top: solid white 5px;*/
}

/*Third Table */
.reusable-table-third {
  width: 100%;
  max-width: 100%;
  overflow: scroll;
}

.reusable-table-third thead tr th {
  padding: 5px 10px;
  /* border-bottom: 1px solid #ddd;*/
  background-color: #E2EDFC;
  line-height: 1.5;
  font-family: PoppinsSemiBold;
  font-weight: unset;
  position: sticky;
  top: 0;
  font-size: 14px;
  color: #424C58;
}

.reusable-table-third tbody tr td {
  padding: 17px 10px;
  line-height: 1.5;
  background: #fff;
  /*border-bottom: solid white 5px;*/
  border-bottom: 1px solid #E6EAEF;
  font-size: 12px;
  color: #192F47;
  font-family: PoppinsRegular;
  /*border-top: solid white 5px;*/
}

.grid-candidate-name {
  color: #355C87 !important;
}

.grid-candidate-email {
  color: #424B56 !important;
}

.grid-date-time {
  color: #464E59 !important;
}

.grid-score-absolute {
  color: #424B56 !important;
  font-family: PoppinsSemiBold;
  margin-bottom: 0.5rem;
  display: inline-block;
}

.grid-score-per {
  color: #687F9F !important;
  font-family: PoppinsSemiBold;
}

.ml-0 {
  margin-left: 0px !important;
}

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

.mt-1 {
  margin-top: 1rem !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.mb-0-5 {
  margin-bottom: 0.5rem !important;
}

.mt-1-5 {
  margin-top: 1.5rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mr-1-5 {
  margin-right: 1.5rem !important;
}

.mr-0-5 {
  margin-right: 0.5rem !important;
}

.ml-0-5 {
  margin-left: 0.5rem !important;
}

.mb-1-5 {
  margin-bottom: 1.5rem !important;
}

.ml-1-5 {
  margin-left: 1.5rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mt-0-5 {
  margin-top: 0.5rem;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

/*padding start*/
.p-0 {
  padding: 0 !important;
}

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

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

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

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

.pt-1 {
  padding-top: 1rem !important;
}

.pt-1-5 {
  padding-top: 1.5rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

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

.pl-1-5 {
  padding-left: 1.5rem !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.ml-330 {
  margin-left: 330px !important;
}

.mr-330 {
  margin-right: 330px !important;
}

.pt-0-5 {
  padding-top: 0.5rem;
}

.pt-5px {
  padding-top: 5px !important;
}

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

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

.mr-10px {
  margin-right: 10px;
}

.ml-10px {
  margin-left: 10px;
}

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

.br-0 {
  border-right: 0 !important;
}

.pt-6px {
  padding-top: 6px !important;
}

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

.ml-5px {
  margin-left: 5px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.p-15px {
  padding: 15px !important;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.ml-60px {
  margin-left: 60px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.ml-25px {
  margin-left: 25px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.mt-7px {
  margin-top: 7px;
}

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

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

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

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

.plr-10px {
  padding: 0px 10px;
}

.pr-1-5 {
  padding-right: 1.5rem !important;
}

.mr-1-5 {
  margin-right: 1.5rem !important;
}

.pr-55px {
  padding-right: 55px !important;
}

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

/*added by dinesh on 11/5/2022 for schedule LCI*/
.pr-18px {
  padding-right: 18px;
}

.plr-35px {
  padding-left: 35px;
  padding-right: 35px;
}

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

.mb-20px {
  margin-bottom: 20px;
}

.mb-26px {
  margin-bottom: 26px;
}

.mb-11px {
  margin-bottom: 11px;
}

.pt-40px {
  padding-top: 40px !important;
}

.pt-36px {
  padding-top: 36px !important;
}

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

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

.mb-22px {
  margin-bottom: 22px;
}

.mb-12px {
  margin-bottom: 12px;
}

.mt-40px {
  margin-top: 40px;
}

.mlr-30 {
  margin: 0px 30px;
}

.mt-15px {
  margin-top: 15px;
}

.pt-52px {
  padding-top: 52px;
}

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

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

.mt-5 {
  margin-top: 5rem !important;
}

.ptb-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/*@*added by nikita*@ */
.pl-67px {
  padding-left: 67px;
}

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

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*.modal-header {
    background: $mocha-bg-primary;
    color: $mocha-white;
}

.modal-dialog .close {
    color: $mocha-white;
}
.modal-content {
    border-radius: 0 !important;
    border: 0 !important;
}
.modal-header {
    border-top-left-radius: 0;
     border-top-right-radius: 0;

}
*/
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.ts-green {
  color: #56A208;
}

.ts-gray {
  color: #909090;
}

.ts-red {
  color: #A80000;
}

.cs-aqua {
  color: #1C8DFF;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.my-test-list-table tbody tr td {
  background: #fff;
  border-bottom: 1px solid #CECECE;
  border-top: 0;
  margin-bottom: 15px 10px !important;
}

.my-test-meta {
  padding: 0;
  margin-bottom: 10px;
  list-style-type: none;
  float: left;
  width: 100%;
}

.my-test-meta li {
  font-size: 12px;
  float: left;
  padding: 0 10px;
  background: url("../images/my-test/divider-c.png") no-repeat center left;
  color: #6C6F76;
  font-family: PoppinsRegular;
}

.my-test-meta li b {
  color: #50545E;
}

.my-test-action-table {
  width: 100%;
}

.my-test-action-table tr td {
  border-bottom: 0 !important;
}

.my-test-action-table tr td a {
  color: #305884;
  display: block;
}

#CreateNewTest .modal-dialog {
  max-width: 650px !important;
}

/*edit test question */
.edit-test-meta {
  margin-bottom: 5px;
  padding-left: 10px;
  list-style-type: none;
  float: left;
  width: 87%;
}

.edit-test-meta li {
  float: left;
  margin-right: 2rem;
}

.edit-test-meta li p {
  font-size: 12px;
  margin-bottom: 5px;
  font-family: PoppinsSemiBold;
  color: #384C61;
  word-break: break-all;
}

.edit-test-meta li label {
  font-size: 12px;
  font-family: PoppinsRegular;
  margin-bottom: 0;
  color: #424C58;
}

.candidate-details li p {
  font-size: 14px;
  font-family: PoppinsRegular;
  color: #424C58;
}

.candidate-details li label {
  font-size: 20px;
  font-family: PoppinsSemiBold;
  color: #384C61;
}

.back-btn-block {
  float: left;
  width: 4%;
}

.back-btn-block a {
  background: #F8F8FA;
  width: 32px;
  height: 32px;
  display: block;
  border-radius: 50%;
  padding: 1px 10px;
  color: #ED6900 !important;
  font-family: PoppinsMedium;
  font-size: 22px;
  margin-top: 7px;
}

.my-test-top-data {
  float: left;
  width: 96%;
}

.test-label-dropd {
  padding: 0;
  list-style-type: none;
  float: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  max-height: 170px;
  overflow: auto;
}

.test-label-dropd li {
  float: left;
  width: 100%;
}

.test-label-dropd input {
  float: left;
}

.test-label-dropd span {
  float: left;
  width: 100px;
  margin-top: 5px;
}

/*my test report compare footer*/
.compare-footer {
  position: sticky;
  bottom: 0;
  background: #ffffff;
  width: 100%;
  display: flex;
  flex: auto;
  height: 65px;
  padding: 7px;
  box-shadow: 0px -2px 2.56px #cecece;
}

.comp-thumbnail {
  width: 60px;
  flex: none;
}

.comp-thumbnail span {
  height: 50px;
  width: 50px;
  border: 2px dotted #adadad;
  display: block;
  border-radius: 50%;
  text-align: center;
  padding-top: 12px;
}

.comp-name {
  flex: auto;
  width: 100%;
}

.add-comp {
  font-size: 30px;
  padding-top: 0px !important;
  color: #adadad;
}

.compare-minus {
  position: absolute;
  top: 0;
  background: #FF5E7E;
  width: 14px !important;
  height: 14px !important;
  padding: 1px;
  border: 0 !important;
  color: white;
  font-size: 8px;
}

.compare-minus i:before {
  color: #fff !important;
}

.shared-test-badge {
  font-size: 10px;
  background: #D2FAFD;
  color: #1C98A1;
  margin-bottom: 10px;
  margin-right: 10px;
  border-radius: 13px;
  padding: 3px 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: PoppinsMedium;
}

.my-test-list-table tbody tr:hover td {
  background: #FCFAEE;
}

#inviteDemo .modal-dialog {
  max-width: 650px;
}

.browsers {
  height: 30px;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.test-case-block {
  width: 100%;
  background: #F8F8FA;
  display: block;
  float: left;
  border: 1px solid #E8E8E8;
}

.test-case-block-left {
  width: 20%;
  float: left;
  border-right: 1px solid #E8E8E8;
  height: 380px;
  overflow: auto;
}

.test-case-block-left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.test-case-block-left ul li a {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  display: block;
}

.test-case-block-left ul li .active {
  background: #fff;
  border-right: 5px solid #08165B;
}

.test-case-block-right {
  width: 80%;
  float: left;
  padding: 10px 15px;
  height: 380px;
  overflow: auto;
}

.code-block {
  background: #f9f9f9;
  padding: 15px 20px;
  width: 100%;
}

/*report top guage block*/
.report-top-block {
  float: left;
  width: 100%;
  margin: 1rem 0;
  /* border-bottom:1px solid #ddd;*/
}

.report-top-block-c-1 {
  float: left;
  width: 30.3%;
}

.report-top-block-c-2 {
  float: left;
  width: 36.3%;
  text-align: center;
}

.report-top-block-c-3 {
  float: left;
  width: 33.3%;
}

/*added by dinesh 8-3-22 start*/
.report-top-block-c-3 ul li p {
  font-size: 12px;
  font-family: PoppinsSemiBold;
}

.report-top-block-c-3 ul li p span {
  font-size: 12px;
  color: #464E59;
  font-family: PoppinsRegular;
}

/*added by dinesh 8-3-22 end*/
.report-heading {
  padding-bottom: 5px;
  margin: 0;
  width: 100%;
  font-size: 20px;
  margin-bottom: 1rem;
  float: left;
  color: #384C61;
  font-family: "PoppinsSemiBold";
  border-bottom: 1px solid #DBE2EB;
}

.proctoring-div {
  float: left;
  display: grid;
  margin: 1rem 0;
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  background: #E7FCEA;
  text-align: center;
  justify-content: center;
}

/*Section score start*/
.score-gantt-chart-table-block {
  width: 100%;
  display: block;
  float: left;
}

.score-gantt-chart-table-block table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}

.score-gantt-chart-table-block table tr td {
  padding: 8px;
  font-weight: 600;
}

.score-gantt-chart-table-block table tr td:first-child {
  /*text-align: right;*/
  line-height: 1.5;
}

.section-gantt-parent-100 {
  width: 100%;
  float: left;
}

.section-gantt-child-dynamic {
  height: 20px;
  display: block;
  float: left;
  float: left;
}

.section-gantt-child-dynamic-text {
  line-height: 1.5;
  margin-left: 11px;
  font-size: 10px;
  color: #424C58;
  font-family: PoppinsSemiBold;
}

/*.section-gantt-child-dynamic-text {
    line-height: 1.5;
    margin-left: 5px;
}
*/
.section-gantt-child-dynamic span {
  text-align: center;
  color: #fff;
  display: block;
  line-height: normal;
}

/*Section Score End*/
/*Proctoring Details start*/
.proctor-log-block img {
  width: 100%;
  height: auto;
}

.detected-image-block-start img {
  width: 100%;
  height: auto;
}

/*Proctoring Details End*/
.que-meta-bg {
  background: #E5F6F8;
  padding: 10px;
}

.que-right-view {
  padding-left: 1rem;
  border-left: 1px solid #ddd;
  min-height: 160px;
}

.candidate-code-placeholder {
  background-color: #f9f9f9;
  padding: 10px;
  font-family: Consolas;
  float: left;
  width: 98%;
}

.compilation-right {
  width: 100%;
  float: left;
  border: 1px solid;
  padding: 5px 4px;
}

.logic-box-ans-placeholder {
  background: #f9f9f9;
  float: left;
  width: 98%;
  padding: 10px;
  margin-bottom: 1rem;
}

.ui-slider-tick-mark {
  display: inline-block;
  width: 2px;
  background: #662d92;
  height: 16px;
  position: absolute;
  top: -4px;
  z-index: 2;
}

.code-result-div div {
  float: left;
  width: 100%;
  max-height: 100px;
  overflow-y: auto;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}

.cf-smily {
  height: 50px;
  margin: 0 auto;
  display: block;
  margin-bottom: 15px;
}

/*added new css ruby dinesh 3-8-22*/
.proctoring-analysis-text {
  font-family: PoppinsSemiBold;
  color: #293D51;
  font-size: 15px;
}

.proctoring-analysis-subtext {
  color: #384C61;
  font-size: 12px;
  font-family: PoppinsRegular;
}

.section-subheading {
  color: #384C61;
  font-size: 14px;
  font-family: PoppinsSemiBold;
}

.score-analysis-label {
  font-size: 14px;
  color: #424C58;
  font-family: PoppinsRegular;
}

.score-analysis-value {
  font-size: 14px;
  color: #384C61;
  font-family: PoppinsSemiBold;
}

.section-score-heading {
  font-size: 12px;
  color: #424C58;
  font-family: PoppinsSemiBold;
}

.section-score-sectionlabel {
  font-size: 12px;
  color: #464E59;
  font-family: PoppinsRegular;
  font-weight: normal !important;
}

.section-score-percentagevalue {
  font-size: 12px;
  color: #464E59;
  font-family: PoppinsRegular;
}

.score-analysis-result {
  font-size: 14px;
  color: #424C58;
  font-family: PoppinsRegular;
}

.score-analysis-result b {
  font-size: 14px;
  color: #424C58;
  font-family: PoppinsSemiBold;
}

.darkgrayblue-color {
  color: #536171;
}

.per-cat-square {
  width: 13px;
  height: 13px;
  background: #f86771;
  float: left;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 9px;
}

.add-user-label {
  width: 100%;
  vertical-align: text-top;
  margin-top: 3px;
}

/*added by nikita for bu*/
.business-unit-icon {
  float: left;
  width: 7%;
  display: block;
  padding-top: 3px;
  font-size: 15px;
}

.active-row {
  background-color: #F8F8FA !important;
}

/*dropdown in add user css*/
.budropdown {
  padding: 0;
  border: 1px solid #E5E9F0;
}

.budropdown > a {
  display: block;
  padding: 6px 0.5em 0px 0.5em;
  color: #757575;
  text-decoration: none;
}

.budropdown > a:focus,
.budropdown > a:hover {
  background: #fff;
  color: #757575;
}

.js-dropdown-list {
  padding: 0;
  display: none;
  background: #fff;
  height: 150px;
  overflow: auto;
  list-style-type: none;
  border: 0.1em solid #c0cdd1;
  margin-top: 4px;
}

.js-dropdown-list > li {
  padding: 0.5em;
  cursor: pointer;
}

.js-dropdown-list > li:focus,
.js-dropdown-list > li:hover {
  background: #007bff;
  color: #fff;
}

.js-dropdown-list > li:active {
  background: unset;
  color: #243343 !important;
}

.add-bu:hover,
.addbu:focus {
  background: #007bff;
  color: #fff !important;
}

/*dropdown in add user css*/
.budropdown {
  padding: 0;
  border: 1px solid #E5E9F0;
}

.budropdown > a {
  display: block;
  padding: 6px 0.5em 0px 0.5em;
  color: #757575;
  text-decoration: none;
}

.budropdown > a:focus,
.budropdown > a:hover {
  background: #fff;
  color: #757575;
}

.js-dropdown-list {
  padding: 0;
  display: none;
  background: #fff;
  height: 150px;
  overflow: auto;
  list-style-type: none;
  border: 0.1em solid #c0cdd1;
  margin-top: 4px;
}

.js-dropdown-list > li {
  padding: 0.5em;
  cursor: pointer;
}

.js-dropdown-list > li:focus,
.js-dropdown-list > li:hover {
  background: #007bff;
  color: #fff;
}

.js-dropdown-list > li:active {
  background: unset;
  color: #243343 !important;
}

.add-bu:hover,
.addbu:focus {
  background: #007bff;
  color: #fff !important;
}

.action-list {
  list-style-type: none;
  padding-left: 0;
  display: flex;
}

.action-list li {
  min-width: 30px;
}

/*inactive popup css by nikita*/
.inactive-modal .modal-content {
  width: 500px;
  height: 250px;
  border-radius: 5px;
}

.save-modal .modal-content {
  width: 500px;
  height: 250px;
  border-radius: 5px;
}

/*inactive popup css by nikita*/
.disable-action-item {
  pointer-events: none;
  opacity: 0.5;
}

/*added by nikita for bu*/
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.google-sign-in {
  height: 55px;
  margin: 0 auto;
  display: block;
}

.google-sign-in-block {
  display: block;
  margin: 0 auto;
  width: 100%;
  float: left;
}

.login-widget {
  width: 320px;
  margin: 0 auto;
  display: block;
  float: unset;
  margin-bottom: 1rem;
}

.login-img {
  margin: 0 auto;
  display: block;
  /*height: 290px;*/
  width: 75%;
}

.full-height-block {
  height: calc(100vh - 0px);
  overflow: auto;
  padding: 10px 0;
}

.carousel-indicators {
  position: relative;
  margin-top: 1.5rem;
}

.carousel-indicators li {
  background-color: #08165B;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  opacity: 0.5;
}

.carousel-indicators .active {
  background-color: #FF6C4A;
  opacity: 1;
}

.quote-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  background-color: #FEF4ED;
  border-radius: 50%;
  color: #FF9040;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -10px;
  left: 15px;
  z-index: 2;
}

.success-story-line {
  width: 70px;
  height: 4px;
  background: linear-gradient(to right, #FF6A00, #A44CEE);
  margin-bottom: 24px;
}

.success-story {
  font-style: italic;
  color: #666666;
  font-size: 16px;
  line-height: 1.6;
  margin-top: 15px;
  margin-bottom: 20px;
}

.login-left-menu {
  background-color: #FEF4ED;
  min-height: 100vh;
}

.quote-container {
  position: relative;
  background-color: #ffffff;
  padding: 30px 25px 25px 25px;
  max-width: 550px !important;
  margin-bottom: 0;
}

.author-name {
  font-weight: 700;
  color: #333333;
  margin-bottom: 5px;
  font-size: 16px;
}

.author-title {
  font-size: 14px;
  color: #666666;
  line-height: 1.4;
  margin-bottom: 0;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.question-block ul {
  /* list-style-type:none;*/
  padding: 5px 20px;
}

.question-active {
  background: #408000;
  color: #fff;
}

.question-inactive {
  background: #ababab;
  color: #fff;
}

.question-type {
  /*background: #838aac;*/
  background: #475bbd;
  color: #fff;
}

.category-label {
  border: 1px solid #838aac;
  color: #838aac;
  background: #fff;
}

.question-meta-tags-common {
  border-radius: 25px;
  width: auto;
  display: inline-block;
  text-align: center;
  height: 19px;
  font-size: 12px;
  padding: 0px 10px;
  margin-right: 0.5rem;
  margin-bottom: 4px;
}

#AddSkillInner .modal-dialog {
  max-width: 40%;
}

#QuestionInsights .modal-dialog {
  max-width: 70%;
}

/*Manage Category*/
.manage-skill-coding-dropdown {
  padding: 0;
  list-style-type: none;
}

.small-premium-badge {
  background: url("images/small-premium-badge.png") !important;
  display: inherit;
  height: 35px;
  float: left;
  width: 21px;
  background-repeat: no-repeat, repeat;
  margin-right: 5px;
}

.que-meta-wrapper {
  display: flex;
}

.question-meta-left {
  width: 145px;
  flex: auto;
}

.question-meta-right {
  float: left;
  width: 175px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  flex: none;
}

.active-testcase {
  background-color: #fff;
}

.report-edit-test-meta li {
  float: left;
  margin-right: 16px !important;
  width: 195px;
}

.parent-wrapper {
  width: 100%;
  float: left;
}

.flex-wrapper {
  display: flex;
}

.fix-width-wrapper-320 {
  width: 320px;
  flex: none;
}

.auto-width-wrapper {
  flex: auto;
  width: 100%;
  padding: 0 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*for filter
  above 768 show filter box 
  below 767 hide filter box and show filter icon*/
/*for menu block for all resolution all content show*/
@media (max-width: 767px) {
  #filterToggle {
    display: none;
  }
  .filter-icon {
    display: block;
  }
  .d-filter {
    display: none;
  }
}
/*@media (min-width:1201px) {*/
/*filter icon hide for above 1201 resolution*/
/*.filter-icon {
        display: none;
    }
    .d-filter {
        display: block;
    }    
}*/
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.dashboard-skills-block {
  width: 20%;
  float: left;
  margin-bottom: 1rem;
  /*box-shadow: 0 0 5px 2px #e2e2e2;*/
}

.dashboard-skills-logo {
  width: 160px;
  margin: 0 auto;
  height: 80px;
}

.dash-widget-heading {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.dash-widget-heading h5 {
  font-family: PoppinsMedium;
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.dash-widget-heading p {
  font-size: 11px;
}

.dash-info-block {
  background: #F8F8FA;
  width: 100%;
  padding: 8px 10px;
  line-height: 1;
  float: left;
}

.dash-info-block h5 {
  display: inline;
  font-family: PoppinsRegular;
}

.dash-info-block p {
  display: inline;
  font-family: PoppinsBold;
}

.dash-crown {
  padding: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  margin-bottom: 0;
}

.dash-crown li {
  float: left;
  width: 25%;
}

.dash-crown li .dash-crown-outer {
  width: 100%;
  float: left;
  display: block;
  border-right: 1px solid #ddd;
  padding: 10px 0;
}

.dash-crown li .dash-crown-inner {
  width: 62%;
  margin: 0 auto;
  display: block;
}

.dash-crown li h3 {
  float: left;
  font-size: 30px;
  color: #183FC0;
  margin-right: 10px;
  padding-top: 7px;
  margin-bottom: 0;
  font-family: PoppinsBold;
}

.dash-crown li p {
  float: left;
  width: 80px;
}

.dash-footer {
  float: left;
  width: 100%;
  border-top: 1px solid #F2F3F6;
}

.chart-placeholder {
  margin: 20px 0;
  width: 100%;
  float: left;
  min-height: 300px;
}

.global-filter-label {
  width: 130px;
  float: left;
  margin-top: 10px;
  font-family: "PoppinsMedium";
}

.taletflow-block {
  position: fixed;
  text-align: center;
  right: -2px;
  bottom: -5px;
  z-index: 10;
  line-height: 50px;
  /*  background: #FFFFFF;*/
  /* Safari */
  -webkit-transform: rotate(0deg);
  /* Firefox */
  -moz-transform: rotate(0deg);
  /* IE */
  -ms-transform: rotate(0deg);
  /* Opera */
  -o-transform: rotate(0deg);
}

.line-ht-50px {
  line-height: 50px;
}

.taletflow-model {
  position: fixed !important;
  bottom: 0px !important;
  right: 0px !important;
  top: unset !important;
  left: unset !important;
  margin: 0px;
}

.taletflow-model > .modal-dialog > .modal-content {
  background: #FFFFFF;
  border: 1px solid #CFD9E5;
  box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.taletflow-model > .modal-dialog {
  min-width: 600px !important;
}

button:focus {
  outline: none !important;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.compare-block {
  display: block;
  float: left;
  width: 100%;
  margin: 5px 0;
}

.compare-child-1 {
  display: block;
  float: left;
  width: 45%;
}

.compare-child-2 {
  display: block;
  float: left;
  width: 55%;
}

/*circular-progressbar-start*/
.circular-progressbar {
  width: 80px;
  height: 80px;
  background: none;
  position: relative;
}
.circular-progressbar::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.circular-progressbar > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.circular-progressbar .progress-left {
  left: 0;
}
.circular-progressbar .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.circular-progressbar .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}
.circular-progressbar .progress-right {
  right: 0;
}
.circular-progressbar .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}
.circular-progressbar .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}

/*
.border-primary {
    border-color: $mocha-orange !important;
}
*/
/*circular-progressbar-end*/
/*horizontal-progressbar-start*/
.section-bar-dynamic-parent {
  width: 78%;
  background: #e9ecef;
  height: 10px;
  border-radius: 10px;
  margin: 4px 0;
  float: left;
}

.section-bar-dynamic-parent-value {
  width: 20%;
  display: block;
  float: left;
  margin: 1px 0;
  text-align: center;
}

/*horizontal-progressbar-end*/
.mocha-recommended {
  background: url("images/analytics/mocha-recommended-2.png") !important;
  position: absolute;
  float: left;
  width: 65px;
  background-repeat: no-repeat, repeat;
  top: 1px;
  left: 17px;
  height: 65px;
}

.recommended-border {
  border: 1px solid #C66C37 !important;
  box-shadow: 0 0 15px #a6cacf;
}

.progress-circle {
  font-size: 14px;
  margin: 20px;
  position: relative; /* so that children can be absolutely positioned */
  padding: 0;
  width: 5em;
  height: 5em;
  background-color: #F2E9E1;
  border-radius: 50%;
  line-height: 5em;
  margin: 0 auto;
}

.progress-circle:after {
  border: none;
  position: absolute;
  top: 0.35em;
  left: 0.35em;
  text-align: center;
  display: block;
  border-radius: 50%;
  width: 4.3em;
  height: 4.3em;
  background-color: white;
  content: " ";
}

/* Text inside the control */
.progress-circle span {
  position: absolute;
  line-height: 5em;
  width: 5em;
  text-align: center;
  display: block;
  color: #53777A;
  z-index: 2;
}

.left-half-clipper {
  /* a round circle */
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute; /* needed for clipping */
  clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
  clip: rect(auto, auto, auto, auto);
}

.value-bar {
  /*This is an overlayed square, that is made round with the border radius,
  then it is cut to display only the left half, then rotated clockwise
  to escape the outer clipping path.*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */
  /*background-color: #4D642D;*/ /* for debug */
  box-sizing: border-box;
}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
  /*Progress bar for the first 50%, filling the whole right half*/
  position: absolute; /*needed for clipping*/
  clip: rect(0, 5em, 5em, 2.5em);
  background-color: red;
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
  display: none;
}

/* Progress bar rotation position */
.progress-circle.p0 .value-bar {
  display: none;
}

.progress-circle.p1 .value-bar {
  transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
  transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
  transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
  transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
  transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
  transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
  transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
  transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
  transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
  transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
  transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
  transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
  transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
  transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
  transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
  transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
  transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
  transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
  transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
  transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
  transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
  transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
  transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
  transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
  transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
  transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
  transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
  transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
  transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
  transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
  transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
  transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
  transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
  transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
  transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
  transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
  transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
  transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
  transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
  transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
  transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
  transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
  transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
  transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
  transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
  transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
  transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
  transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
  transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
  transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
  transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
  transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
  transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
  transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
  transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
  transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
  transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
  transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
  transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
  transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
  transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
  transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
  transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
  transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
  transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
  transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
  transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
  transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
  transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
  transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
  transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
  transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
  transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
  transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
  transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
  transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
  transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
  transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
  transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
  transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
  transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
  transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
  transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
  transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
  transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
  transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
  transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
  transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
  transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
  transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
  transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
  transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
  transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
  transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
  transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
  transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
  transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
  transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
  transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
  transform: rotate(360deg);
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.color-white {
  color: #fff !important;
}

.color-green {
  color: #408000 !important;
}

.bg-blue-primary {
  background: #08165B;
}

.bg-white {
  background: #fff !important;
}

.color-red {
  color: #FF5E7E !important;
}

.color-primary {
  color: #08165B !important;
}

.my-test-click {
  color: #355C87 !important;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*skill library block start*/
.skill-library-block {
  padding: 0;
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  width: 100%;
}

.skill-library-block li {
  width: 235px;
}

.skill-library-block-inner {
  height: 208px;
  background: #fff;
  box-shadow: 0px 2px 2px #d0d0d0;
  padding: 10px;
  margin-bottom: 10px;
  width: 208px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
}

.skill-library-block-inner:hover {
  box-shadow: 0 0 20px #b4b4b4;
}

.related-test-block {
  padding-left: 1.5rem;
  margin-bottom: 0;
}

.related-test-block li {
  margin-bottom: 0.5rem;
}

.skill-library-block-inner .test-detail-click {
  height: 160px;
  width: 100%;
  display: block;
}

.skill-library-block-inner .test-detail-click:hover {
  color: unset !important;
}

.skill-library-block-inner .test-detail-click img {
  width: 100%;
  min-height: 74px;
  display: block;
  margin: 0 auto;
}

.skill-library-block-inner .test-detail-click h4 {
  font-size: 15px;
  text-align: center;
  height: 70px;
  border-bottom: 1px solid #ddd;
}

.skill-library-block-inner .add-test-click {
  height: 30px;
  width: 100%;
  display: block;
  cursor: pointer;
}

.premium-badge {
  background-image: url("images/skill-library/small-premium-badge.png");
  display: inherit;
  height: 40px;
  float: left;
  width: 15%;
  background-repeat: no-repeat, repeat;
  margin-left: 5px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
}

.sky_blue_bg {
  background-color: #9af1fe;
}

.light_orange_bg {
  background-color: #f4c27a;
}

.ligt_green_bg {
  background-color: #9bf6e4;
}

.ligt_lemon_bg {
  background-color: #fcf7aa;
}

.iconSteps {
  border-radius: 60px;
  height: 120px;
  margin: 10px auto 5px;
  padding: 22px 0;
  text-align: center;
  width: 120px;
}
.iconSteps img {
  margin: 0 auto;
  padding: 6px 0;
} /*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.notifi-skills li {
  width: 200px;
}

.notifi-skills .skill-library-block-inner {
  width: 180px;
  height: 170px;
  position: relative;
}

.notifi-skills .skill-library-block-inner .test-detail-click h4 {
  border-bottom: 0;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.daterangepicker .ranges li.active {
  color: #ED6900 !important;
  background: #F2F3F6 !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #ED6900 !important;
  border-color: transparent !important;
  color: #fff !important;
}

.daterangepicker td.in-range {
  background-color: #ffeee1 !important;
  border-color: transparent !important;
  color: #08165B !important;
}

.cancelBtn {
  color: #ED6900 !important;
  background: #fff !important;
  border: 1px solid #ED6900 !important;
  /*font-family: PoppinsMedium !important;*/
  font-weight: unset !important;
  font-family: OpenSansRegular !important;
  font-size: 1rem !important;
  line-height: 1.3;
}

.cancelBtn:hover {
  color: #08165B !important;
  background: #fff !important;
  border: 1px solid #08165B !important;
}

.applyBtn {
  color: #fff !important;
  background: #ED6900 !important;
  border: 0 !important;
  font-family: OpenSansRegular !important;
  font-weight: unset !important;
  font-size: 1rem !important;
  line-height: 1.3;
}

.applyBtn:hover {
  color: #fff !important;
  background: #08165B !important;
}

.daterangepicker {
  font-family: OpenSansRegular !important;
}

.daterangepicker select.monthselect {
  padding: 2px !important;
  height: 32px !important;
  border-radius: 3px !important;
  border: 1px solid #D1C6C4 !important;
  width: 70px !important;
}

.daterangepicker select.monthselect:focus {
  outline: 0 !important;
}

.daterangepicker select.yearselect {
  padding: 2px !important;
  height: 32px !important;
  border-radius: 3px !important;
  border: 1px solid #D1C6C4 !important;
  width: 60px !important;
}

.daterangepicker select.yearselect:focus {
  outline: 0 !important;
}

.date-picker-parent {
  background: #F2F3F6;
  cursor: pointer;
  padding: 4px;
  width: 280px;
  height: 32px;
  border-radius: 3px;
}

.date-picker-wrapper {
  background: #fff;
  padding: 3px 8px;
  width: 105px;
  display: inline-block !important;
  font-size: 11px;
  height: 24px;
}

.date-picker-wrapper span {
  font-size: 10px;
}

.date-picker-icon {
  font-size: 8px;
  margin-left: 8px;
}

.date-picker-date {
  font-size: 12px;
  width: 163px;
  display: inline-block;
  text-align: center;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*Range-slider-start*/
.slider-selection {
  /*background: $mocha-orange !important;*/
  background-image: linear-gradient(to right, #00BBFF 0%, #A7EB9F 100%) !important;
  box-shadow: none !important;
}

.min-slider-handle {
  border: 1px solid #00BBFF !important;
}

.max-slider-handle {
  border: 1px solid #A7EB9F !important;
}

.min-slider-handle:hover {
  border: 4px solid #00BBFF !important;
}

.max-slider-handle:hover {
  border: 4px solid #A7EB9F !important;
}

.slider-handle {
  box-shadow: none !important;
  width: 16px !important;
  height: 16px !important;
  /*background: #FFFFFF 0% 0% no-repeat padding-box !important;*/
  /*border: 2px solid $mocha-orange !important;*/
  opacity: 1 !important;
}
.slider-handle:hover {
  box-shadow: none;
  width: 16px !important;
  height: 16px !important;
  /*background: #FFFFFF 0% 0% no-repeat padding-box;*/
  opacity: 1;
  /*border: 4px solid $mocha-orange !important;*/
}
.slider-handle:active {
  box-shadow: none !important;
  width: 16px !important;
  height: 16px !important;
  /*background: $mocha-orange 0% 0% no-repeat padding-box !important;*/
  opacity: 1 !important;
  border: none !important;
}

.min-slider-handle {
  background-color: #00BBFF !important;
  background-image: unset !important;
}

.max-slider-handle {
  background-color: #A7EB9F !important;
  background-image: unset !important;
}

.slider-track {
  background: #F2F3F6 !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.slider.slider-horizontal .slider-track {
  height: 6px !important;
}

.slider.slider-horizontal {
  width: 95% !important;
  margin-left: 9px !important;
}

.range-val-box {
  width: 60px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid #D1C6C4;
  text-align: left;
  color: #08165B;
  letter-spacing: 0px;
  line-height: 28px;
  padding: 0px 10px;
}

/*Range-slider-end*/
/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border: 0;
  width: 280px;
  box-shadow: 0px 3px 6px #d0d0d0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff !important;
  height: 32px !important;
  border-radius: 3px !important;
  border: 1px solid #E5E9F0 !important;
  padding: 2px 10px 2px 15px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #243343;
  line-height: 28px;
  padding: 0;
  font-family: PoppinsRegular;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

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

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E5E9F0;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  /*background-color: #e4e4e4;*/
  border: 1px solid #E5E9F0;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
  background-color: #EFF6FC;
  color: #0078D4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  /*color: #999;*/
  color: #0078D4;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-left: 10px;
  float: right !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  /*border: solid black 1px;*/
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 2px 10px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid #E5E9F0;
  max-width: 500px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible {
  outline: 0 !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  color: #384C61;
  background: #F2F3F6;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #E5E9F0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #E5E9F0 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #E5E9F0;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #E5E9F0;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #E5E9F0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #E5E9F0;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container {
  width: 280px !important;
  float: left;
}

.select2-w100 .select2-container {
  width: 100% !important;
}

.select2-selection__clear {
  display: none;
}

.primaryinterviewfield > .select2-container,
.primaryinterviewfield > .select2-container > select2-selection {
  width: 100% !important;
  font-size: 12px;
  height: 36px;
}

.primaryinterviewfield > div > .select2-container {
  width: 100% !important;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
/*Pricing Page start*/
.pricing-block-1 {
  height: 750px !important;
  padding: 0px !important;
}

.pricing-block-2 {
  height: 750px !important;
  padding: 0px !important;
  box-shadow: 0 0 12px #FFE4D9;
}

.pricing-block-heading {
  display: block !important;
  color: #fff;
  padding: 12px !important;
}
.pricing-block-heading h5 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}

.pricing-new-amount p {
  font-size: 14px;
  color: #6D6D6D;
}
.pricing-new-amount h1 > span {
  font-size: 18px;
  font-family: "OpenSansRegular";
  font-weight: normal;
}

.pricing-new-sub-features {
  display: flex;
  padding: 0 15px 15px 25px;
}
.pricing-new-sub-features p {
  font-size: 14px;
}
.pricing-new-sub-features div i {
  color: #ED6900;
}

.pricing-new-imp-features h5 {
  font-size: 20px;
  margin: 5px 0;
  font-weight: 600;
}
.pricing-new-imp-features h5 span {
  font-size: 14px;
  font-weight: 500;
}

/*Pricing Page End*/
@media only screen and (min-width: 767px) and (max-width: 991px) {
  .pricing-new-sub-features > p {
    font-size: 12px;
  }
}
#sectionScoreCheckboxGroup {
  width: 100%;
  margin-left: 7px;
}

.section-name-block {
  float: left;
  width: 85%;
  word-break: break-all;
}

.checkbox-section {
  float: left;
}

/*---For Code Replay Beta---*/
.code-replay-beta {
  color: #9de0ff;
  padding: 1px 4px;
  border: 1px solid #9de0ff;
  border-radius: 3px;
  font-size: 12px;
  /* display: inline-block; */
  background: #e2f2f9;
  line-height: 1.5;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.integration-img-div {
  text-align: left;
}

.integration-img {
  margin-bottom: 25px;
  height: 60px;
}

.api-integration-img {
  margin: 0 auto;
  display: block;
  height: 80px;
  background: white;
  border-radius: 50%;
}

/*Multiselector dropdown start*/
.multi-select-container {
  width: 280px;
  display: block;
  padding: 2px 10px;
  height: 32px;
  border-radius: 3px;
  border: 1px solid #D1C6C4;
  background: #fff;
  max-width: 280px;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 1.3em;
  z-index: 1;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
  width: auto;
  max-height: 200px !important;
  overflow: scroll;
}

.multi-select-menuitem {
  display: block;
  font-size: 0.875em;
  padding: 0.6em 1em 0.6em 30px;
  white-space: nowrap;
  padding-top: 0;
}
.multi-select-menuitem input {
  position: absolute;
  margin-top: 0.25em;
  margin-left: -20px;
}

.multi-select-button {
  color: #000;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  cursor: default;
}
.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  right: 5px;
  top: 12px;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
  display: block;
}
.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-menuitems {
  padding-top: 10px;
}

/*Multiselector dropdown end*/
/*Coding lanugage multiselection Start*/
.queFilter {
  height: 30px;
  border-radius: 4px;
  width: 100%;
}
.queFilter ul {
  margin: 0;
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  list-style-type: none;
}
.queFilter ul .dropdown {
  height: 31px;
  list-style-type: none;
  width: 100%;
  float: left;
  padding: 0;
}
.queFilter ul .dropdown a {
  cursor: pointer;
  display: block;
  padding: 4px 10px;
  overflow: auto;
  height: 100%;
}
.queFilter .dropdown-menu {
  width: 100%;
  height: 250px;
  overflow: auto;
}
.queFilter .dropdown-menu > li {
  cursor: pointer !important;
}
.queFilter .dropdown-menu > li > a:hover {
  background: none;
  color: #037dad;
}
.queFilter .dropdown-menu > li:hover {
  color: #ED6900;
  background: #F2F3F6;
}
.queFilter .dropdown-menu > li .control-label {
  margin: 2px 10px;
  cursor: pointer;
}
.queFilter .dropdown-menu > li .control-label input {
  cursor: pointer;
  width: auto;
}
.queFilter li:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.queFilter li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.dropdown-menu > li > a:focus {
  background: none;
  color: #037dad;
}

.dropdown-toggle::after {
  right: 10px;
  top: 12px;
  position: absolute;
}

/*Coding lanugage multiselection End*/
/*funnel manual*/
.funnel-bg {
  background-image: url("images/test-insight/funnel1.svg");
  height: 316px;
  background-size: cover;
  width: 390px;
  margin: 0 auto;
}

.funnel-data {
  position: absolute;
  text-align: center;
  width: 386px;
  color: #fff;
}

.funnel-data label {
  font-size: 15px;
  margin-bottom: 5px;
  display: block;
}

.funnel-data p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 15px;
}

.funnel-data-block-1 {
  margin-top: 11px;
}

.funnel-data-block-2 {
  margin-top: 20px;
  display: block;
  float: left;
  width: 100%;
}

.funnel-data-block-3 {
  margin-top: 24px;
  display: block;
  float: left;
  width: 100%;
}

.funnel-data-block-1-half {
  float: left;
  width: 33.3%;
}

.funnel-data-drop-1 {
  display: block;
  float: left;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 700;
  color: #383838;
}

.funnel-data-drop-2 {
  display: block;
  float: left;
  width: 100%;
  margin-top: 21px;
  font-size: 12px;
  font-weight: 700;
  color: #383838;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}

.sidenav a:hover {
  color: #000;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.overlay-sidenav {
  background: black;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 2;
  opacity: 0.5;
  height: 100%;
}

.right-panel-heading {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.right-panel-heading h4 {
  display: block;
  float: left;
  margin-bottom: 0;
  margin-right: 5px;
}

.right-panel-heading h4 span {
  font-weight: normal;
}

.right-panel-heading a {
  width: 10%;
  display: block;
  float: left;
  line-height: 0.6;
  text-align: right;
  padding: 0;
}

.right-panel-footer {
  padding: 10px;
  background: #F2F3F6;
}

.right-panel-add-skill-l {
  width: 69%;
  float: left;
  padding: 0 10px 10px 0;
  height: calc(100vh - 110px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: 10px;
}

.right-panel-add-skill-r {
  width: 320px;
  float: left;
  background: #F8F8FA;
  padding: 10px;
  height: calc(100vh - 110px);
  overflow-y: auto;
  overflow-x: hidden;
}

.report-problem-dropdown {
  left: -230px;
  width: 245px;
  float: unset;
  box-shadow: 0px 3px 6px #d0d0d0;
  padding: 0;
}

.report-problem-dropdown li {
  width: 100%;
  float: left;
}

.report-problem-dropdown li a {
  width: 100%;
  float: left;
  padding: 7px 10px;
}

.report-problem-dropdown li a:hover {
  color: #ED6900 !important;
  background: #F2F3F6 !important;
}

.other-block-rp {
  display: block;
  left: -283px;
  min-width: 235px;
  padding: 10px;
  box-shadow: 0px 3px 6px #d0d0d0;
}

.displayBlock {
  display: block !important;
}

.edit-test-ff-changes li label {
  color: #424C58 !important;
  font-size: 12px;
  margin-bottom: 5px;
}

.edit-test-ff-changes li p {
  font-size: 16px;
}

#editInstruction .modal-dialog {
  width: 70%;
}

.non-editable-section-info {
  display: block;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #ddd;
}

.edit-section-instruction-whole-block {
  display: block;
  margin: 0 auto;
  width: 70%;
}

.non-editable-section-info span {
  font-size: 16px;
  color: #a9a9a9;
  font-weight: 500;
}

.editable-instructions {
  font-size: 16px;
}

.editable-instructions h5 {
  font-size: 16px;
  font-size: 16px;
  color: #282828;
  font-weight: 600;
  margin: 25px 0;
}

.editable-instructions img {
  max-width: 100%;
}

.fix-footer-section-instructions {
  width: 100%;
  background-color: #E2E2E2;
  padding: 10px;
  float: left;
  position: fixed;
  bottom: 0;
}

/*Dropdown selector with img commonly used image and window violations*/
:focus {
  outline: none;
}

.dropdown-item {
  padding: 7px 0.5rem !important;
}

.btn-light {
  border-radius: 3px;
  border: 1px solid #e5e9f0;
}

.btn-light:hover {
  border-radius: 3px;
  border: 1px solid #e5e9f0 !important;
  background: #fff;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  background-color: transparent !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline-offset: 0px !important;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
  box-shadow: none;
}

.dropdown-toggle.btn-default {
  color: #292b2c;
  background-color: #fff;
  border-color: #ccc;
}

.bootstrap-select > .dropdown-menu {
  transform: translate3d(0px, 32px, 0px) !important;
}

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
  display: block;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
  display: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: 400;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: 0 0;
  border: 0;
  text-decoration: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover {
  background-color: #f4f4f4;
}

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  background: #fff !important;
  color: #08165B !important;
}

.dropdown-menu > li.active > a {
  color: #fff !important;
  background-color: #337ab7 !important;
}

.bootstrap-select .check-mark {
  line-height: 14px;
}

.bootstrap-select .check-mark::after {
  font-family: "FontAwesome";
  content: "\f00c";
}

.bootstrap-select button {
  overflow: hidden;
  text-overflow: ellipsis;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline !important;
}

.img-flag {
  height: 23px;
  width: 23px;
  margin-top: -4px;
  margin-right: 5px;
}

.bootstrap-select.btn-group .dropdown-menu.open {
  max-height: 250px !important;
  overflow: auto !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  display: block;
  height: 100%;
}

/*Dropdown selector with img end*/
@font-face {
  font-family: FujitsuSansMedium;
  src: url("https://app.imocha.io/fonts/FujitsuSansMedium.ttf") format("truetype");
}
@font-face {
  font-family: "FujitsuSansRegular";
  src: url("https://app.imocha.io/fonts/FujitsuSansRegular.ttf") format("truetype");
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  right: 14px !important;
}

.v-proctoring-image {
  width: 100% !important;
}

.v-proctoring-flag-image {
  height: 20px !important;
  width: 20px !important;
}

.violated-img-border {
  border: 3px solid #F5505D !important;
}

.red-dot {
  height: 8px;
  width: 8px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.green-dot {
  height: 8px;
  width: 8px;
  background-color: green;
  border-radius: 50%;
  display: inline-block;
  margin-right: 2px;
}

.v-lightgrey-dot {
  height: 5px;
  width: 5px;
  background-color: #C6C8D3;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
}

.v-primary-color {
  color: #404F61 !important;
}

.v-secondary-color {
  color: #616A75 !important;
}

.v-tertiary-color {
  color: #4C88E1 !important;
}

.v-violation-color {
  color: #F5505D;
}

.v-tertiary-color:hover {
  text-decoration: underline !important;
}

.video-active {
  border: 1px solid #0099FF;
  background-image: url("images/smart-video-proctoring/thumbnail-active.svg") !important;
  background-position: center;
}

.v-color-red {
  color: #F5505D;
}

.thumbnail-video {
  background-image: url("images/smart-video-proctoring/thumbnail-normal.svg");
  background-position: center;
}

.thumbnail-video:hover:not(.video-active) {
  background-image: url("images/smart-video-proctoring/thumbnail-hover.svg");
  background-position: center;
}

@media (min-width: 767px) {
  .v-border-right {
    border-right: hidden !important;
  }
}
@media (min-width: 1024px) {
  .v-border-right {
    border-right: 1px solid #C7D0DD !important;
  }
}
.v-section-heading {
  color: #135DCB;
  font-size: 18px;
  font-weight: 300;
}

.v-darkblue-color {
  color: #424C58;
}

.v-darkblue2-color {
  color: #324153;
}

.v-grayblue-color {
  color: #687584;
}

.v-heading-2 {
  color: #1C2E42;
}

.fixed-sidebar {
  padding-right: 25px !important;
  padding-left: 24px;
}

@media screen and (max-width: 768px) {
  .fixed-sidebar {
    padding-right: 10px !important;
    padding-left: 0px;
  }
}
.proctoring-table > tbody > tr > td {
  color: #192F47;
}

.proctoring-table > thead > tr > th {
  border-bottom: 0px solid #fff;
  background: #E2EDFC;
}

.img-v-block {
  width: 10px;
  height: 10px;
  background: #F5505D;
  display: inline-block;
  margin-right: 9px;
}

.window-v-block {
  width: 10px;
  height: 10px;
  background: #FAD60D;
  display: inline-block;
  margin-right: 9px;
}

@media only screen and (min-device-width: 1300px) and (max-device-width: 2000px) {
  .v-section-block {
    height: 110vh;
    overflow-y: auto;
  }
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1365px) {
  .v-section-block {
    height: 120vh;
    overflow-y: auto;
  }
}
.no-video-div {
  width: 650px;
  margin: 0px auto;
  background: white;
  padding: 58px 0px;
}

/*video question ui suggested by supriya implemented by pooja and rushabh on 22-12-2021*/
.video-block-fixed {
  width: 100%;
  height: 240px;
  margin-bottom: 8px;
  margin-top: 45px;
}

.flex-none {
  flex: none;
}

.video-question-wrapper {
  margin: 0;
  padding: 15px 10px;
  border: 1px solid #ddd;
  background-color: white;
  line-height: 24px;
}

.fix-width-wrapper-45 {
  width: 45px;
  flex: none;
}

.fix-width-wrapper-14 {
  width: 14px;
  flex: none;
}

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

.video-question-wrapper span {
  font-family: PoppinsSemiBold;
  font-size: 16px;
  color: #616A75;
}

.video-question-wrapper b {
  font-family: PoppinsSemiBold;
  font-size: 16px;
  color: #243343;
}

.video-question-wrapper a {
  color: #606682;
}

.video-question-wrapper p {
  font-family: PoppinsRegular;
  font-size: 12px;
  color: #384C61;
}

.video-question-wrapper:hover {
  border: 1px solid #92CAEA;
  background-color: #EEF4F9;
}

.width-25-per {
  width: 25% !important;
}

.play-button {
  width: 100%;
  height: 240px;
  background-color: black;
  color: white;
  align-items: center;
}

.video-q-active .active {
  border: 1px solid #92CAEA;
  background-color: #EEF4F9;
}

.azuremediaplayerelelement-dimensions {
  width: 100%;
  height: 240px;
  min-width: 100% !important;
}

.video-q-meta-w li {
  max-width: 170px !important;
  min-width: 175px !important;
}

.proctoring-table > tbody > tr > td {
  color: #192F47;
  font-size: 12px;
}

.proctoring-table > tbody > tr > td:first-child {
  padding-left: 25px;
}

.proctoring-table > thead > tr > th {
  border-bottom: 0px solid #fff;
  background: #E2EDFC;
}

.line-ht-25px {
  line-height: 25px;
}

.bg-white {
  background: #fff;
}

.line-ht-24px {
  line-height: 24px;
}

.myproject li::before {
  content: "•";
  color: #C3C9D5;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.pba-nav > .nav-pills .nav-link {
  border-bottom: 1px solid #D5DBE3;
  border-radius: 0px;
}

.pba-nav > .nav-pills .nav-link.active, .nav-link.hover, .nav-pills .show > .nav-link {
  background-color: #fff !important;
  border-right: 3px solid #0099FF;
  border-radius: 0px;
}

.nav-heading {
  color: #355C87;
}

.nav-subheading {
  color: #6C6F76;
}

.btn-success, .btn-success:hover {
  background-color: #47CB98;
  border: 1px solid #47CB98;
  color: #fff;
}

.tab-content-block:hover {
  box-shadow: 0px 0px 30px #e0e0e0 !important;
}

.tab-content-block.active {
  box-shadow: 0px 0px 30px #e0e0e0 !important;
}

.border-l {
  border-left: 1px solid #CCD4DC;
}

.medium-test-badge {
  color: #D09830;
  padding: 3px 10px;
  border-radius: 13px;
  font-size: 10px;
  /* display: inline-block; */
  background: #FCEEC8;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: PoppinsMedium;
}

.closebtn:focus {
  outline: 0px;
}

.active-text {
  color: #1AA273 !important;
}

.inactive-text {
  color: #9FB0BA !important;
}

.rolling-img-center {
  position: absolute;
  top: 50%;
  left: 50%;
}

.pba-score-analysis-dot {
  height: 13px;
  width: 13px;
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
}

.pba-scopre-analysis-states {
  font-size: 11px;
  margin: 0;
  display: inline-block;
  width: 84%;
}

/*===================== Reports >> Summary Tab =======================*/
.project-table thead tr td {
  font-size: 22px;
  background-color: #F1F3FA;
  padding: 10px;
  color: #305884;
  border-bottom: 1px solid #CED6E2;
}

.project-table tbody tr td {
  font-size: 16px;
  padding: 5px 10px;
}

.pba-score-analysis-dot {
  height: 13px;
  width: 13px;
  display: block;
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  border-radius: 50%;
}

.pba-scopre-analysis-states {
  font-size: 11px;
  margin: 0;
  display: inline-block;
  width: 84%;
}

/*===================== Reports >> Questions Tab =====================*/
.pba-btn {
  color: #FF6C4A !important;
  border: 1px solid #FF6C4A !important;
  background: #fff !important;
}

.pba-btn:hover, pba-btn:focus {
  color: #fff !important;
  border: 1px solid #FF6C4A !important;
  background: #FF6C4A !important;
}

.pba-btn > .pba-source-code {
  content: url("../../Content/images/project/download-icon-orange.svg");
  width: 18px;
  height: auto;
}

.pba-btn:hover > .pba-source-code {
  content: url("../../Content/images/project/download-icon-white.svg");
  width: 18px;
  height: auto;
}

.justify-end {
  justify-content: end;
}

.copy-recording {
  margin-bottom: 5px;
  /* padding-left: 10px; */
  list-style-type: none;
  /* float: left; */
  /* width: auto; */
  /*margin-right: 5px;*/
}

.copy-recording li {
  float: left;
  margin-right: 0;
}

.txt-no-record {
  letter-spacing: 0px;
  color: #384C61;
  opacity: 1;
}

/*added by dinesh during lci-download pdf*/
.accicon {
  float: right;
  font-size: 20px;
  width: 1.2em;
}

.card-header .title {
  font-size: 17px;
  color: #000;
}

.card-header .accicon {
  float: right;
  font-size: 20px;
  width: 1.2em;
}

.card-header {
  cursor: pointer;
  border-bottom: none;
}

.card {
  border: 1px solid #ddd;
}

.card-body {
  border-top: 1px solid #ddd;
}

.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

/*added by dinesh during lci-download pdf*/
#ASFiltersOverlay {
  width: 100%;
  background: #ececec;
  opacity: 0.5;
}

.border-radius-6px {
  border-radius: 6px !important;
}

.copy-alert {
  display: none;
}

.copy-clipboard {
  border: 1px solid #D5DEEA;
  background: #fff;
  padding: 5px;
  width: 50%;
  box-shadow: 0px 0px 6px #D7DAE1;
  border-radius: 5px;
}

.copy-clipboard > button:focus {
  outline: 0;
}

.myinterview-table {
  max-width: 100%;
  overflow: scroll;
  font-family: PoppinsRegular;
}

.myinterview-table th {
  padding: 14px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #DEE7F1;
  color: #305884;
  line-height: 1.5;
  font-family: PoppinsSemiBold;
  font-weight: unset;
  font-size: 14px;
  text-transform: uppercase;
}

.myinterview-table td {
  padding: 17px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  color: #384C61;
  line-height: 1.5;
}

.myinterview-table > thead,
.myinterview-table > tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.myinterview-table > tbody {
  display: block;
  overflow-y: auto;
  table-layout: fixed;
  max-height: calc(100vh - 210px);
}

.lci-interview-table th {
  z-index: 999;
}

.disabled-link {
  opacity: 0.6;
  pointer-events: none;
}

/*-----------Bootstrap datetimepicker------------------*/
.bootstrap-datetimepicker-widget a[data-action] {
  min-width: 70px !important;
}

.bootstrap-datetimepicker-widget button[data-action] {
  min-width: 35px !important;
}

.bootstrap-datetimepicker-widget table td span {
  line-height: 10px !important;
  height: auto !important;
}

.bootstrap-datetimepicker-widget ul .collapse {
  display: block !important;
}

/*bulk interview sprint 12 css by nikita */
/*slot duration*/
.form-control.slot-duration:focus {
  color: #495057;
  background-color: #fff;
  outline: 0;
  box-shadow: none;
  border: 1px solid #CED8EA;
  box-shadow: none;
}

.measuring-parameter-color {
  color: #49759B;
}

.scroll-schedule-bulk {
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  max-height: calc(100vh - 120px);
}

.time-slot-box {
  width: 70px;
  height: 30px;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 5px;
  border: 1px solid #CED8EA;
  text-align: center;
  font-size: 11px;
  font-family: "PoppinsSemiBold";
  color: #475C72;
}

.time-slot-box:focus:hover {
  border: unset;
  color: #475C72;
  border: 1px solid #CED8EA;
}

.tooltip-slot {
  position: relative;
  display: inline-block;
  align-self: center;
}

.tooltip-slot .tooltiptext {
  visibility: hidden;
  width: 80px;
  background-color: #EDF5FF;
  color: black;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  left: 13px;
  top: 0px;
  list-style-type: none;
  padding-inline-start: 0px;
}

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

.slot-time {
  padding: 5px;
  border-radius: 6px 6px 0px 0px;
  cursor: pointer;
  font-weight: normal;
  font-size: 12px;
}

.slot-time:hover {
  background-color: #318BF1;
  color: white;
  border-radius: 0;
}

.slot-time.active {
  background-color: #318BF1;
  color: white;
  border-radius: 0;
}

.slot-selected-box {
  color: #526681;
  background: #EDF5FF 0% 0% no-repeat padding-box;
  padding: 7px 10px;
  border-radius: 6px;
  width: 100%;
  text-align: center;
}

.slot-selected-box::before {
  content: "✓";
  color: #526681;
  font-weight: bold;
  padding-right: 8px;
}

.candidate-name-list {
  color: #39536F;
  margin-bottom: 0px;
}

.cancel-slot {
  color: #305884;
}

.send-invite-box {
  background: rgba(244, 249, 255, 0.5019607843) 0% 0% no-repeat;
  border: 1px solid #F2F9FF;
  border-radius: 8px;
  opacity: 1;
  padding: 21px 75px;
}

.warning-img {
  width: 28px;
  height: 25px;
}

.align-items-center {
  align-items: center;
}

.measure-txt-color {
  color: #49759B;
}

.param-text {
  letter-spacing: 0px;
  color: #243343;
  opacity: 1;
  font-size: 12px;
  font-family: "PoppinsRegular";
}

.font-size-32 {
  font-size: 32px;
}

.invite-text-color {
  letter-spacing: 0px;
  color: #135DCB;
  opacity: 1;
}

.invite-para-text {
  color: #4B566F;
}

.invite-date-text {
  letter-spacing: 0px;
  color: #135DCB;
  opacity: 1;
  font-size: 56px;
  font-weight: bold;
}

/*workflow-card css start*/
.workflow-hover:hover {
  background-color: #E9F3FC !important;
}

.hold {
  border: 4px solid red;
}

.workflow-stage-badge {
  color: #FDB233;
  padding: 3px 10px;
  border-radius: 13px;
  font-size: 10px;
  background: rgba(253, 178, 51, 0.1215686275);
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: PoppinsMedium;
}

.stage-badge {
  background: #FFFFFF;
  border: 1px solid #838AAC;
  border-radius: 13px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #838AAC;
  padding: 4px;
}

/*Workfow css end*/
li.event-date:hover {
  border-bottom: 1px solid grey;
}

/*Registration tab css*/
.talentflow-wizard {
  /*margin: auto;*/
  padding: 0px;
  padding-bottom: 9px;
  /*min-width: 700px;*/
}

.talentflow-wizard div {
  display: inline-block;
  position: relative;
  height: 35px;
  line-height: 25px;
  padding: 5px 15px 0px 20px;
  border: none;
  margin-right: 25px;
  background-color: #F5F6F9;
  cursor: pointer;
}

.talentflow-wizard div.left:before {
  content: "";
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  height: 21px;
  width: 21px;
  position: absolute;
  left: 1px;
  top: 3px;
  background-color: white;
  z-index: 0;
  -webkit-transform: translate(-10px, 4px) rotate(45deg);
  -moz-transform: translate(-10px, 4px) rotate(45deg);
  -ms-transform: translate(-10px, 4px) rotate(45deg);
  -o-transform: translate(-10px, 4px) rotate(20deg);
  transform: translate(-10px, 4px) rotate(45deg);
}

.talentflow-wizard div.active:after {
  background-color: #dfe7f5;
  border-top: 2px solid #135DCB;
  border-right: 2px solid #135DCB;
}

.talentflow-wizard div.right:after {
  content: "";
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 20px;
  height: 22px;
  position: absolute;
  right: 1px;
  top: 3px;
  background-color: #F5F6F9;
  z-index: 0;
  -webkit-transform: translate(10px, 4px) rotate(45deg);
  -moz-transform: translate(10px, 4px) rotate(45deg);
  -ms-transform: translate(10px, 4px) rotate(45deg);
  -o-transform: translate(10px, 4px) rotate(20deg);
  transform: translate(10px, 4px) rotate(45deg);
}

/*TalentFlow Configure Fields Start*/
.toggle {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0px;
}

.toggle-switch {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 32px;
  height: 17px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}

.toggle-switch:before, .toggle-switch:after {
  content: "";
}

.toggle-switch:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 4px;
  transition: left 0.25s;
}

.toggle:hover .toggle-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}

.toggle-checkbox:checked + .toggle-switch {
  background: #c6e5fb;
  border: 1px solid #0099FF;
}

.toggle-checkbox:checked + .toggle-switch:before {
  left: 15px;
  background: #0099FF;
}

.toggle-checkbox {
  position: absolute;
  visibility: hidden;
}

.toggle-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.border-dashed {
  border: 1px dashed #B2B2B2;
}

.line-ht-30 {
  line-height: 30px;
}

.field-tab {
  border: 1px solid #E5E9F0;
  background: #F8F8FA;
}

.field-tab-disabled {
  border: 1px solid #D9D9D9;
  opacity: 0.5;
  background: #FAFAFA;
}

.tf-breadcrumb-list {
  padding: 0;
  margin: 0;
  font-family: PoppinsRegular;
  font-size: 11px;
}

.tf-breadcrumb-list li {
  display: inline;
}

.tf-breadcrumb-list li a {
  color: #6B7780 !important;
  font-size: 1.3rem !important;
  color: #384C61 !important;
}

.tf-breadcrumb-list li .active {
  color: #384C61 !important;
  font-size: 1.3rem;
}

.tf-breadcrumb-list li::after {
  content: ">";
  padding: 0 5px;
  font-size: 18px;
  font-weight: bold;
}

/*TalentFlow Configure Fields End*/
/*css for break word table data of configure field added on 22 jan 2024 by nikita*/
.w-150px {
  width: 150px;
}

.w-200px {
  width: 200px;
}

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

.overflow-ellipse {
  text-overflow: ellipsis;
}

.cp {
  cursor: pointer;
}

.box-mandatory {
  border-radius: 6px;
  background: #F6F6F6;
  width: 100%;
  height: 40px;
  align-items: center;
}

.value-option-lists, .value-option-lists:hover {
  border: none !important;
  max-width: 100%;
  display: inline-block;
  border-bottom: 1px solid #ccc !important;
  border-radius: 0;
}

.removeOption {
  display: flex;
  position: absolute;
  right: 25px;
  top: 10px;
}

.pl-0-5 {
  padding-left: 0.5rem;
}

.pr-0-5 {
  padding-right: 0.5rem;
}

/*end css*/
.select_wrap {
  position: relative;
  user-select: none;
  left: 0;
}

.select_wrap .default_option {
  background: transparent;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  padding-left: 0px !important;
  padding: 0px;
  text-align: left;
  left: 0;
  border: 1px solid rgba(204, 204, 204, 0.8);
}

.select_wrap .default_option li {
  padding: 10px 19px;
  list-style-type: none;
}

.select_wrap .default_option:before {
  content: "";
  position: absolute;
  top: 40%;
  right: 18px;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-color: transparent transparent #555555 #555555;
  transform: rotate(-45deg);
}

.select_wrap .select_ul {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 1;
  padding-left: 0px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
}

.select_wrap .select_ul li {
  padding: 10px 20px;
  cursor: pointer;
  list-style-type: none;
}

.select_wrap .select_ul li:first-child:hover {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select_wrap .select_ul li:last-child:hover {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select_wrap .select_ul li:hover {
  background: #fff4dd;
}

.select_wrap .option {
  display: flex;
  align-items: center;
}

.select_wrap .option .icon1 {
  background: url("images/TalentFlow/dropdown-icon.svg");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 25px;
  height: 32px;
  margin-right: 0;
  position: relative;
  top: 7px;
}

.select_wrap .option .icon2 {
  background: url("../../Content/images/TalentFlow/dropdown-icon.svg");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 25px;
  height: 32px;
  margin-right: 0;
  position: relative;
  top: 7px;
}

.select_wrap .option .icon3 {
  background: url("../../Content/images/TalentFlow/RadioIcon.svg");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 25px;
  height: 32px;
  margin-right: 0;
  position: relative;
  top: 7px;
}

.select_wrap .option .icon4 {
  background: url("../../Content/images/TalentFlow/checkbox.svg");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin-right: 0;
  position: relative;
  top: 7px;
}

.selected-value img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.select_wrap .option.dropdownSingleSelect .icon1 {
  background-position: 0 0;
}

.select_wrap .option.dropdownMultiSelect .icon1 {
  background-position: 0 -35px;
}

.select_wrap .option.RadioIcon .icon1 {
  background-position: 0 -72px;
}

.select_wrap .option.checkBox .icon1 {
  background-position: 0 -111px;
  width: 25px;
}

.select_wrap.active .select_ul {
  display: block;
}

.select_wrap.active .default_option:before {
  top: 45%;
  transform: rotate(-225deg);
}

.custom-list-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  width: 100%;
  max-height: calc(100vh - 290px);
}

.grey-box {
  background-color: rgba(246, 246, 246, 0.8);
}

.ril-drive-box {
  border-radius: 10px;
  border: 1px solid #CBCBCB;
  background-color: white;
}

.border-radius-top-left, .border-radius-top-right {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.border-right-grey {
  border-right: 2px solid grey;
}

.btn-resume {
  width: 120px;
  height: 40px;
  flex-shrink: 0;
  color: #C0A062;
  text-align: center;
  border-radius: 10px;
  border: 2px solid #C0A062;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  background-color: transparent;
}

.btn-resume:focus {
  outline: none;
}

.text-end {
  text-align: end;
}

.personal-data {
  flex: auto;
  text-align: right;
}

.color-gold {
  color: #C0A062;
}

#candidateDataSections .card {
  margin-bottom: 30px;
  border: 0;
  box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

#candidateDataSections .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
  font-size: 18px;
}

#candidateDataSections .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: rgba(246, 246, 246, 0.8);
  color: #222;
  padding: 20px;
  font-size: 18px;
}

#candidateDataSections .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}

#candidateDataSections .card .card-header .btn-header-link.collapsed {
  background: rgba(246, 246, 246, 0.8);
  color: black;
  border-radius: 10px;
  font-size: 18px;
}

#candidateDataSections .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#candidateDataSections .card .collapsing {
  background: white;
  line-height: 30px;
}

#candidateDataSections .card .collapse {
  border: 0;
}

#candidateDataSections .card .collapse.show {
  background: white;
  line-height: 30px;
  color: #222;
  border-radius: 0px 0px 10px 10px;
}

.text-wrap {
  text-wrap: nowrap;
}

.btnflex-auto {
  flex: auto;
}

.mob-padIn-left {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .text-wrap {
    text-wrap: inherit !important;
  }
  .mob-flex-direction {
    flex-direction: column !important;
  }
  .mob-padIn-left {
    padding-left: 0px !important;
  }
  .mob-hidden {
    visibility: hidden;
  }
  .mb-txt-overflow {
    width: 200px;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .overflow-event {
    width: 300px !important;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.overflow-event {
  width: 400px;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*added by dinesh for LCI Schedule*/
/*added by dinesh for LCI Schedule*/
/*upskilling dashboard new css added by dinesh 19-03-22*/
.dashboard-heading {
  color: #435661;
}

.dashboard-subheading {
  color: #939DA2;
  font-family: PoppinsRegular;
}

.dashboard-std-label {
  color: #939DA2;
}

.dashboard-std-value {
  color: #435661;
  font-size: 20px;
}

small.dashboard-subheading {
  font-size: 10px;
}

.std-border-right {
  border-right: 0.5px solid rgba(67, 86, 97, 0.2);
}

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

.plr-20px {
  padding: 20px 0px;
}

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

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

.plr-33 {
  padding: 0px 33px;
}

.std-rating-color {
  color: #435661;
}

.std-rating-box {
  width: 10px;
  height: 10px;
  border-radius: 2px;
}

.mtb-10px {
  margin: 10px 0px !important;
}

.mb-24px {
  margin-bottom: 24px;
}

.mt-24px {
  margin-top: 24px;
}

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

.ml-10 {
  margin-left: 10px;
}

.completion-rate-block > div:hover {
  background: #F6F8FC;
  border-radius: 4px;
}

.completion-rate-block-active {
  background: #F6F8FC;
}

.br-4px {
  border-radius: 4px;
}

.d-flex-fill {
  flex: 1 1 auto !important;
}

.d-flex-1 {
  flex: 1 !important;
}

.pgm-widget-background {
  padding: 8px;
  background: #FFF;
  border-radius: 4px;
  border: 1px solid transparent;
}

.pgm-widget-background:hover {
  border: 1px solid #487FF7;
}

.pgm-widget-active {
  border: 1px solid #487FF7;
}

.overall-completion-box {
  background: linear-gradient(270deg, #0EA5AE 0%, #792CF9 20.4%, #9B287B 38.36%, #F7934C 61.75%, #00A7E1 83.24%, #61C554 100%);
}

.dashboard-btn {
  padding: 8px 16px;
  border-radius: 4px;
  width: 131px;
  font-size: 14px;
  height: 40px;
  font-family: PoppinsSemiBold;
  color: #487FF7;
  background: #fff;
  border: 1px solid #487FF7;
}

.dashboard-btn-sec {
  padding: 5px 11px;
  border-radius: 4px;
  width: 115px;
  height: 32px;
  font-family: PoppinsSemiBold;
  font-size: 14px;
  color: #487FF7;
  background: #fff;
  border: 1px solid #487FF7;
}

.dashboard-btn:focus {
  outline: 1px solid #487FF7;
}

.dashboard-btn-sec:focus {
  outline: 1px solid #487FF7;
}

.pgm-widget > div:first-child {
  margin-right: 10px !important;
}

.pgm-widget > div:last-child {
  margin-left: 10px !important;
}

.plr-15px {
  padding: 0px 15px;
}

.mt-20px {
  margin-top: 20px;
}

.progress {
  height: 12px;
}

.progress-bar {
  border-radius: 4px;
  height: 12px;
}

.progress-bar-value {
  color: #435661;
  font-family: PoppinsSemiBold;
  font-weight: 600;
}

.gradient-green {
  background: linear-gradient(270deg, #61C554 0%, #349A27 100%);
  border-radius: 4px 0px 0px 4px;
}

.gradient-orange {
  background: linear-gradient(270deg, #F7934C 0%, #D76E23 100%);
  border-radius: 4px 0px 0px 4px;
}

.gradient-purple {
  background: linear-gradient(270deg, #792CF9 0%, #54279F 100%);
  border-radius: 4px 0px 0px 4px;
}

.gradient-blue-green {
  background: linear-gradient(270deg, #0EA5AE 0%, #11888F 100%);
  border-radius: 4px 0px 0px 4px;
}

/*for upskilling Modules in certification 26-4-22*/
@media screen and (max-width: 1292px) {
  .module-block-1 {
    margin-right: 0px !important;
    width: 100%;
  }
  .module-block-2 {
    margin-left: 0px !important;
    width: 100%;
    margin-top: 20px;
  }
}
.btn-primary-imocha-program {
  color: #FF6C4A !important;
  background: #fff;
  border: 1px solid #FF6C4A;
  margin-top: 2px;
}

.color-red-program {
  color: #FF6886;
}

.color-green-program {
  color: #1BB586;
}

.error-msg-program {
  font-size: 12px;
  color: #FF6886;
  margin-top: 3px;
}

.btn-done-imocha-program {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #eeeeee;
  padding: 7px 20px;
}

.new-multiselect-search-dropdown {
  position: relative;
}

.new-multiselect-search-dropdown-btn {
  width: 100% !important;
  height: 100% !important;
  min-width: 235px !important;
  max-width: 500px !important;
  display: block !important;
  box-sizing: border-box !important;
  text-align: left !important;
  border-radius: 3px !important;
  overflow: auto !important;
  white-space: normal !important;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list {
  width: 100% !important;
  height: auto !important;
  max-height: 350px !important;
  max-width: 500px !important;
  overflow: auto !important;
  z-index: 1000;
  position: absolute !important;
  transform: translate3d(0px, 32px, 0px) !important;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list li {
  word-break: break-all;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list li a label {
  padding: 3px 20px 3px 20px !important;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list li a:focus {
  outline: none !important;
  color: unset !important;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list li a:hover {
  color: #384C61 !important;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list li a {
  display: block !important;
}

.new-multiselect-search-dropdown .new-multiselect-search-dropdown-list li a:hover {
  color: #ED6900 !important;
  background: #F2F3F6 !important;
}

.intro {
  position: absolute !important;
  top: 37px !important;
}

.intro6 {
  position: absolute !important;
  top: 22px !important;
}

.intro9 {
  position: absolute !important;
  top: 44px !important;
}

.intro10 {
  position: absolute !important;
  top: 42px !important;
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
  .new-multiselect-search-dropdown .new-multiselect-search-dropdown-list {
    margin-top: -4px;
  }
  .intro4responisve {
    position: absolute !important;
    top: 18px !important;
  }
  .intro7responisve {
    position: absolute !important;
    top: 37px !important;
  }
}
@media only screen and (min-width: 767px) and (max-width: 910px) {
  .new-multiselect-search-dropdown .new-multiselect-search-dropdown-list {
    width: 236px !important;
  }
}
#utilityOptions .card {
  margin-bottom: 30px;
  border: 0;
  box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}

#utilityOptions .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
  font-size: 18px;
}

#utilityOptions .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: rgba(246, 246, 246, 0.8);
  color: #222;
  padding: 20px;
  font-size: 18px;
}

#utilityOptions .card .card-header .btn-header-link:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}

#utilityOptions .card .card-header .btn-header-link.collapsed {
  background: rgba(246, 246, 246, 0.8);
  color: black;
  border-radius: 10px;
  font-size: 18px;
}

#utilityOptions .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}

#utilityOptions .card .collapsing {
  background: white;
  line-height: 30px;
}

#utilityOptions .card .collapse {
  border: 0;
}

#utilityOptions .card .collapse.show {
  background: white;
  line-height: 30px;
  color: #222;
  border-radius: 0px 0px 10px 10px;
}

.btn-header-link:focus {
  text-decoration: none;
}

.btn.btn-secondary-imocha.cpyButton2 i.im-icon.icon-im-copy-invitation:before {
    color: #6985A5 !important;
    height:10px;
}