:root {
  --clr-primary: #ea0f62;
  --clr-secondary: #0f3b6f;
}

#rdraggables {
  display: flex;
  flex-wrap: wrap;
}

.nav_title {
  background: #fff !important;
}

.main_container {
  background: #fff !important;
}

.breadcrumb {
  background: #fafafa !important;
}

body .container.body .right_col {
  background: #fafafa !important;
  border-left: 1px solid #e7e7e7;
}

body.nav-md.controller-practice.action-index {
  background: #fff !important;
}

em.label.label-explanation.hot_label {
  background: var(--clr-primary) !important;
}

h3 {
  color: var(--clr-secondary) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--clr-secondary) !important;
  border-color: var(--clr-secondary) !important;
}
/** navbar css start **/

body .nav.side-menu > li.current-page a,
body .nav.side-menu > li > a:hover {
  color: var(--clr-primary) !important;
}
body .nav.side-menu > li > a {
  color: var(--clr-secondary) !important;
}
.navbar-inverse.navbar {
  background: #ffffff;
  border-color: transparent;
}

a.daily-quota {
  background-color: #fc8675;
  color: white !important;
  border-radius: 5px;
}
.first_menu .nav.side-menu > li {
  /* border-bottom: 1px solid #cac7c7;    */
}
/** navbar css end **/

/** dashboard css start **/
body.nav-md.controller-dashboard.action-index .days_pending .btn-success,
body.nav-md.controller-dashboard.action-index .days_pending .btn-success:hover,
body.nav-md.controller-dashboard.action-index .days_pending .btn-success:active,
body.nav-md.controller-dashboard.action-index .days_pending .btn-success:focus {
  background: var(--clr-primary);
}
#download_section .x_content i,
div#home_icons .x_content i,
#home_icons_other .pdf_download i {
  color: var(--clr-primary);
}
#download_section .x_content i:hover,
.x_content.days_pending i,
div#home_icons .x_content i:hover,
#home_icons_other .pdf_download i:hover {
  color: var(--clr-secondary);
}
.x_content.target_bbicon i {
  color: var(--clr-primary);
}
body.controller-dashboard .welcome_tour {
  width: 100%;
}

body.controller-dashboard a.pull-right.btn.btn-xs.btn-info:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body.controller-dashboard div#history .label-success {
  color: var(--clr-primary);
  background: transparent;
  font-size: 13px;
  font-weight: normal !important;
}
body.controller-dashboard .upgrade_download_sec {
  background: #fff;
  border: 1px solid #f0ad4e;
  border-radius: 0px !important;
  color: #73879c;
  border-left: 5px solid #f0ad4e;
}
body.controller-dashboard .alert.alert-warning.upgrade_download_sec a {
  border: 1px solid var(--clr-primary);
  padding: 8px 12px;
  border-radius: 4px;
}
/** dashboard css end **/

/** exam page css start**/
body.nav-md.controller-exams .test_highlight {
  border: 1px solid var(--clr-secondary);
  border-left: 5px solid var(--clr-secondary);
}
/** exam page css end ***/

/** history page css start **/
body.nav-md.controller-exams.action-history .label.label-warning.in_progress {
  color: var(--clr-secondary);
  background: transparent !important;
  font-size: 13px;
}
body.nav-md.controller-exams.action-history .label.label-success {
  color: var(--clr-primary) !important;
  background: transparent !important;
  font-size: 13px;
}
body.nav-md.controller-exams.action-history .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--clr-secondary);
  color: #fff !important;
  border-radius: 4px 4px 4px 4px;
}
/** history page css end **/

/** answer key page css start **/
body.nav-md.controller-access_key.action-index .alert.alert-info {
  background: transparent;
  border-radius: 0px;
  border: 1px solid var(--clr-secondary);
  border-left: 5px solid var(--clr-secondary);
  color: #000;
}
body.nav-md.controller-access_key.action-index .section_headanswer {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-access_key.action-index .label.label-info {
  background: var(--clr-secondary);
  color: #fff;
  font-size: 10px;
  margin-right: 5px;
}
body.nav-md.controller-access_key.action-index ul.pagination1 li {
  list-style: none;
  border-radius: 5px;
  display: inline-block;
  border: 2px solid var(--clr-primary);
  text-align: center;
  padding: 0px 6px;
  margin: 7px 5px;
}
body.nav-md.controller-access_key.action-index .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--clr-secondary);
  color: #fff !important;
  border-radius: 4px 4px 4px 4px;
}
/** answer key page css end ***/

/*** answer key detail page css start**/
body.nav-md.controller-access_key.action-view_answer .alert.alert-warning {
  background: transparent;
  border-radius: 0px;
  border: 1px solid var(--clr-secondary);
  border-left: 5px solid var(--clr-secondary);
  color: #000;
}
body.nav-md.controller-access_key.action-view_answer .heading {
  color: var(--clr-secondary);
}
body.nav-md.controller-access_key.action-view_answer .alert.alert-info {
  background: #fff;
  border-radius: 0px;
  color: #000;
  border-color: var(--clr-secondary);
  border-left: 5px solid var(--clr-secondary);
}

body.nav-md.controller-access_key.action-view_answer
  .hiw_correct_answer
  span.clicked {
  background: var(--clr-primary);
  color: #fff;
  padding: 1px 2px 1px 2px;
  border-radius: 3px;
}

body.nav-md.controller-access_key.action-view_answer
  .drag_my_answer
  .reorder_para {
  border: 1px solid var(--clr-secondary);
  margin: 4px 0px;
  padding: 2px 2px;
  border-radius: 3px;
}
body.nav-md.controller-access_key.action-view_answer .progress-bar-info {
  background-color: var(--clr-primary) !important;
}
body.nav-md.controller-access_key.action-view_answer ul.pagination1 li {
  list-style: none;
  border-radius: 5px;
  display: inline-block;
  border: 2px solid var(--clr-primary);
  text-align: center;
  padding: 0px 6px;
  margin: 7px 5px;
}
body.nav-md.controller-access_key.action-view_answer .nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: var(--clr-secondary);
  color: #fff !important;
  border-radius: 4px 4px 4px 4px;
}
body.nav-md.controller-access_key.action-view_answer .pagination1 li.active {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary) !important;
  color: #fff !important;
}

/** answer key detail page css end **/

/** score page css start**/
a.btn.btn-success.scores,
a.btn.btn-success.scores:hover,
a.btn.btn-success.scores:active,
a.btn.btn-success.scores:focus {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body.nav-md.controller-scores.action-index .well blockquote {
  border-color: var(--clr-secondary);
}
body.nav-md.controller-scores.action-index .well.well-sm h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-scores.action-index .well h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-scores.action-index .panel-heading {
  padding: 10px 8px;
  background: var(--clr-secondary);
  color: #fff;
  font-size: 16px;
}

/** score page css end **/

/** prediction page css start ***/
p.pull-right.text-right a {
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 3px;
  padding: 8px 12px;
  vertical-align: inherit;
  color: #000;
  text-decoration: none;
}
/** prediction page css end **/

/** feedback notification page css start **/
body.nav-md.controller-feedback.action-view_notification_details blockquote {
  border-color: var(--clr-secondary);
}
body.nav-md.controller-feedback.action-view_notification_details h3.text-left {
  color: var(--clr-secondary);
  font-weight: 600;
}
/** feedback notification page css end **/

/** mic page setup css start **/
body.nav-md.controller-practice.action-mic_setup div#box-current-setup {
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-left: 5px solid var(--clr-primary);
  border-radius: 0px;
}

blockquote.text-info.text-justify.step3_record,
.step3_micsetup {
  border-color: var(--clr-secondary);
  font-size: 17px;
}

body.nav-md.controller-practice.action-mic_setup div.first_message {
  color: var(--clr-primary);
  font-size: 16px;
  text-align: center;
}

body.nav-md.controller-practice.action-mic_setup .text-info {
  color: var(--clr-secondary);
}
body.nav-md.controller-practice.action-mic_setup .pdf_link {
  animation: btn linear 1s infinite alternate;
}
@keyframes btn {
  0% {
    background-color: var(--clr-primary);
  }
  100% {
    background-color: var(--clr-secondary);
  }
}
/** mic page setup css end **/

/** profile page css start **/

body.nav-md.controller-profile.action-update .panel-default > .panel-heading {
  color: var(--clr-secondary);
  background-color: #fff;
  font-size: 16px;
  font-weight: 400 !important;
}

body.nav-md.controller-profile.action-update .complete_profile_div {
  border-radius: 0px;
  background: #fff;
  border-left: 5px solid #f0ad4e !important;
  border: 1px solid #f0ad4e;
  color: #73879c;
}
/** profile page css end **/

/** account page css start **/
body.nav-md.controller-account.action-subscription .top_heading {
  color: #4d479c;
  font-weight: 600 !important;
}
body.nav-md.controller-account.action-plans
  .plans
  tr
  th[scope="col"]:nth-of-type(3),
body.nav-md.controller-account.action-plans .plans tr td:nth-of-type(2) .fa,
body.nav-md.controller-account.action-plans .plans tr td:nth-of-type(2) .price {
  color: var(--clr-primary);
}
body.nav-md.controller-account.action-plans
  .plans
  tr
  th[scope="col"]:nth-of-type(4),
body.nav-md.controller-account.action-plans .plans tr td:nth-of-type(3) .fa,
body.nav-md.controller-account.action-plans .plans tr td:nth-of-type(3) .price {
  color: var(--clr-secondary);
}
body.nav-md.controller-account.action-payment .highlight_payment b {
  color: var(--clr-secondary);
}
/** account page css end **/

/** refer code to freind css start **/
.invite_friend {
  color: var(--clr-primary);
}
body.nav-md.controller-referrcode.action-index h3 {
  font-size: 25px;
  font-weight: 500;
  color: var(--clr-secondary);
}
body.nav-md.controller-referrcode.action-index .processed {
  color: var(--clr-primary);
  background: transparent;
  font-size: 13px;
  font-weight: normal;
}
body.nav-md.controller-referrcode.action-index span#copy_icon {
  padding: 8px;
  border: 1px solid gray;
  background: var(--clr-secondary);
  color: #fff;
  cursor: pointer;
}
/** refer code to freind css end **/

/** practice index page code css start **/
body.nav-md.controller-practice.action-index .bg-warning {
  background: var(--clr-secondary);
}
body.nav-md.controller-practice.action-index .bg-primary {
  background: var(--clr-primary);
}
body.nav-md.controller-practice.action-index em.label.label-danger.new_label {
  background: var(--clr-secondary);
}
body.nav-md.controller-practice.action-index em.label.label-success.hot_label {
  background: var(--clr-primary);
}
body.nav-md.controller-practice.action-index ul.pagination .active a {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
body.nav-md.controller-practice.action-index ul.pagination .active a:hover {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary);
}

body.nav-md.controller-practice.action-index .pagination > li > a,
body.nav-md.controller-practice.action-index .pagination > li > span {
  color: var(--clr-secondary);
}
body.nav-md.controller-practice.action-index i.fas.fa-clipboard-list {
  color: var(--clr-primary);
}
body.nav-md.controller-practice.action-index .correct_message {
  color: var(--clr-primary);
  background: transparent;
  font-size: 14px;
  font-weight: normal;
}
/** practice index page code css end **/

/** practice question detail page css start **/
button#btn-send-for-evaluation,
button#btn-send-for-evaluation:hover,
button#btn-send-for-evaluation:active,
button#btn-send-for-evaluation:focus {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body.nav-md.controller-exams.action-requirements
  .panel.panel-primary.download.bg-primary {
  border-color: var(--clr-secondary);
}
body.controller-exam .test_title_all {
  color: #000;
  background: transparent;
  border-radius: 0px !important;
  border-left: 5px solid var(--clr-secondary);
  border-right: 1px solid var(--clr-secondary);
  border-top: 1px solid var(--clr-secondary);
  border-bottom: 1px solid var(--clr-secondary);
}
body.nav-md.controller-practice.action-question .alert.alert-success.well-sm {
  border-color: var(--clr-secondary);
  background: #fff;
  border-left: 5px solid var(--clr-secondary);
  color: #000;
  border-radius: 0px;
  padding: 4px 6px 4px 6px;
}
body.nav-md.controller-practice.action-question .result blockquote,
body.nav-md.controller-practice.action-question .comparison blockquote,
body.nav-md.controller-practice.action-question blockquote.sample_answer,
body.nav-md.controller-practice.action-question .transcript blockquote,
body.nav-md.controller-practice.action-question blockquote.sentence_length {
  border: 1px solid transparent;
  border-left: 5px solid var(--clr-secondary);
  border-radius: 0px;
  background: transparent;
  border-top: 1px solid var(--clr-secondary);
  border-bottom: 1px solid var(--clr-secondary);
  border-right: 1px solid var(--clr-secondary);
}
body.nav-md.controller-practice.action-question
  .bootstrap-dialog-footer-buttons
  .btn-warning {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body.nav-md.controller-practice.action-question button#play {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
body.nav-md.controller-practice.action-question
  .recorded_answer.text-success
  blockquote,
body.nav-md.controller-practice.action-question .answer.correct {
  color: var(--clr-primary) !important;
}
body.nav-md.controller-practice.action-question
  .recorded_answer.text-success
  blockquote:after,
body.nav-md.controller-practice.action-question .answer.correct:after {
  font-family: "Glyphicons Halflings";
  font-size: 16px;
  color: var(--clr-primary);
  content: " \e013";
}
body.nav-md.controller-practice.action-question div#timer-progress-bar {
  background: var(--clr-primary);
}
body.nav-md.controller-practice.action-question div#timer {
  background: var(--clr-secondary);
}
body.nav-md.controller-practice.action-question
  .drop-target
  .ui-draggable.ui-draggable-dragging,
body.nav-md.controller-practice.action-question .ui-draggable {
  margin: 3px;
  padding: 10px;
  background-color: var(--clr-primary);
  color: white;
  font-weight: bold;
  border-radius: 3px;
  cursor: default;
}
body.nav-md.controller-practice.action-question button#start {
  background: var(--clr-primary);
}
body.nav-md.controller-practice.action-question
  small.text-primary
  .fa-clipboard-list {
  color: var(--clr-primary);
}
body.nav-md.controller-practice.action-question .report_comment h4.modal-title {
  color: var(--clr-secondary);
  padding: 1px 5px 14px;
}

body.nav-md.controller-practice.action-question
  .keywords
  div#answered_keywords {
  border: 1px solid var(--clr-secondary);
  border-left: 5px solid var(--clr-secondary);
  background: transparent;
  color: gray;
}
body.nav-md.controller-practice.action-question
  div#answered_keywords
  .fa-check-square {
  color: var(--clr-primary);
}
body.nav-md.controller-practice.action-question
  .clearfix
  .alert.alert-info.col-sm-6.status {
  border-color: var(--clr-secondary);
  background: var(--clr-secondary);
  border-radius: 0px;
}
body.nav-md.controller-practice.action-question
  div#recording-progress
  .progress
  .progress-bar {
  background: var(--clr-primary);
}
body.nav-md.controller-practice.action-question .analysis.collapse.in h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-practice.action-question .sample_answer.collapse.in h4,
body.nav-md.controller-practice.action-question .recorded_answer h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-practice.action-question
  .bootstrap-dialog.type-warning
  .modal-header {
  background-color: var(--clr-primary);
}
body.nav-md.controller-practice.action-question .keywords.collapse.in h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-practice.action-question blockquote#recorded_answer {
  border: 1px solid var(--clr-secondary);
  border-left: 5px solid var(--clr-secondary);
}
body.nav-md.controller-practice.action-question h4.question {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-practice.action-question .result.collapse.in h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.nav-md.controller-practice.action-question h4.sample_answer.collapse.in {
  font-weight: 600;
  color: var(--clr-secondary);
}
body.nav-md.controller-practice.action-question #btn-show-answer {
  background: #fff !important;
  border: 1px solid var(--clr-primary);
  color: #000 !important;
  margin: 0px;
  text-transform: capitalize;
}
body.nav-md.controller-practice.action-question .pdf_link,
body.nav-md.controller-exams.action-practice .pdf_link,
body.nav-md.controller-exams.action-history .pdf_link,
body.nav-md.controller-exams.action-mock .pdf_link,
body.nav-md.controller-exams.action-sectional .pdf_link,
body.nav-md.controller-exams.action-task_sheets .pdf_link {
  animation: btn linear 1s infinite alternate;
}

@keyframes btn {
  0% {
    background-color: var(--clr-primary);
  }
  100% {
    background-color: var(--clr-secondary);
  }
}
body.nav-md.controller-practice.action-question .btn-info:focus {
  color: #fff;
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
/** practice question detail page css end **/

/** exam take page css start **/
body.nav-md.controller-exams.action-requirements .speedcheck {
  color: var(--clr-secondary);
}
body.nav-md.controller-exams.action-requirements .label-success {
  color: var(--clr-primary);
}
body.nav-md.controller-exams.action-requirements
  .panel-primary
  > .panel-heading {
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
/** exam take page css end **/

/** signin page css start **/
body.controller-signin.action-index .login_head {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.controller-signin.action-index .btn-block {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.controller-signin.action-index .btn.btn-primary,
body.controller-signin.action-index .btn.btn-primary:hover,
body.controller-signin.action-index .btn.btn-primary:focus,
body.controller-signin.action-index .btn.btn-primary:active {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body.controller-signin.action-forgoten_password .login_head {
  color: var(--clr-secondary);
  font-weight: 600;
}
body.controller-signin.action-forgoten_password .btn-block {
  color: var(--clr-secondary);
  font-weight: 600;
}
/** signin page css end **/

/** signup page css start ***/
body.controller-signup.action-index .panel-primary > .panel-heading h3,
body.controller-signup.action-index .login_head {
  color: var(--clr-secondary);
}
body.controller-signup.action-index .btn-block {
  color: var(--clr-secondary);
  font-weight: 600;
}
/** signup page css end  ***/

/**exam page css start **/
body.controller-exam .copy_paste {
  color: #000;
  background: transparent;
  border-radius: 0px !important;
  border-left: 5px solid var(--clr-secondary);
  border-right: 1px solid var(--clr-secondary);
  border-top: 1px solid var(--clr-secondary);
  border-bottom: 1px solid var(--clr-secondary);
}
body.controller-exam .prompt_heading strong {
  font-size: 14px;
  color: var(--clr-secondary);
}
.progress-bar-info {
  background-color: var(--clr-secondary) !important;
}
.play_button,
.play_button_test,
.play_button_intro,
.start_test {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
.play_button:hover,
.play_button_test:hover,
.play_button_intro:hover,
.start_test:hover {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
.listen_button_test {
  background: var(--clr-secondary) !important;
  border-color: var(--clr-secondary) !important;
}
.listen_button_test:hover {
  background: var(--clr-secondary) !important;
  border-color: var(--clr-secondary) !important;
}
body.controller-exam.action-ready.modal-open
  .bootbox.modal.fade.bootbox-confirm.in
  .btn-success,
body.controller-exam.action-ready.modal-open
  .bootbox.modal.fade.bootbox-confirm.in
  .btn-success:hover,
body.controller-exam.action-ready.modal-open
  .bootbox.modal.fade.bootbox-confirm.in
  .btn-success:active,
body.controller-exam.action-ready.modal-open
  .bootbox.modal.fade.bootbox-confirm.in
  .btn-success:focus {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
body button#start {
  background: #37b45f;
  border: #37b45f;
}
body.controller-exam div#clock {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary);
  border-radius: 0px !important;
}
/** exma pge css end **/

.btn-info:focus,
.btn-info:active,
.btn-info.active {
  background: var(--clr-secondary);
}
span.label.label-success {
  background: transparent;
  color: var(--clr-primary);
  font-weight: 600;
  font-size: 13px;
}
.label.label-info {
  background: transparent;
  color: var(--clr-secondary);
  font-size: 13px;
}
.label.label-warning {
  color: #f0ad4e;
  background: transparent;
  font-size: 13px;
}
.x_title h2 {
  color: var(--clr-secondary);
}
ul.stepper .step.active:before {
  background-color: var(--clr-secondary);
}
.jBox-content h4 {
  color: var(--clr-secondary);
}
.jBox-TooltipBorder .jBox-container,
.jBox-TooltipBorder .jBox-pointer:after {
  border: 2px solid var(--clr-secondary);
}
.jBox-TooltipBorder.jBox-closeButton-box:before {
  background: var(--clr-secondary);
}
body .btn.btn-primary {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body .btn.btn-primary:focus {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body .btn.btn-primary:hover {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}
body .btn.btn-info:hover {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
body .btn.btn-info {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
.report_head {
  color: var(--clr-secondary);
}
h4.modal-title {
  color: var(--clr-secondary);
  font-weight: 600;
}
.site_title i {
  border: 1px solid #eaeaea;
  padding: 5px 6px;
  border-radius: 50%;
}
body.nav-sm .nav.side-menu li.active-sm {
  border-right: 5px solid var(--clr-primary);
}
table.jambo_table thead {
  background: var(--clr-secondary);
  color: #fff;
}
body.nav-sm > .nav.side-menu > li.active-sm > a {
  color: var(--clr-primary) !important;
}

.score_div {
  font-size: 35px;
  color: var(--clr-primary);
}

.score_div_mock {
  font-size: 35px;
  color: var(--clr-secondary);
}

.profile_info span {
  font-size: 13px;
  line-height: 30px;
  color: #bab8b8;
}

.profile_info h2 {
  font-size: 14px;
  color: #ecf0f1;
  margin: 0;
  font-weight: 300;
}

#sidebar-menu span.fa {
  float: right;
  text-align: center;
  margin-top: 5px;
  font-size: 10px !important;
  min-width: inherit;
  color: #c4cfda;
}

.nav_menu {
  float: left;
  background: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
  width: 100%;
}

body .container.body .right_col {
  background: #edf1f5;
}

blue,
.blue {
  color: #3498db;
}

purple,
.purple {
  color: #9b59b6;
}

green,
.green {
  color: #1abb9c;
}

.aero {
  color: #9cc2cb;
}

red,
.red {
  color: #e74c3c;
}

dark,
.dark {
  color: #34495e;
}

.border-blue {
  border-color: #3498db !important;
}

.border-purple {
  border-color: #9b59b6 !important;
}

.border-green {
  border-color: var(--clr-primary) !important;
}

.border-aero {
  border-color: #9cc2cb !important;
}

.border-red {
  border-color: #e74c3c !important;
}

.border-dark {
  border-color: #34495e !important;
}

.bg-white {
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #000;
}

.bg-green {
  background: var(--clr-primary) !important;
  border: 1px solid var(--clr-primary) !important;
  color: #fff;
}

.bg-red {
  background: #e74c3c !important;
  border: 1px solid #e74c3c !important;
  color: #fff;
}

.bg-blue {
  background: #3498db !important;
  border: 1px solid #3498db !important;
  color: #fff;
}

.bg-orange {
  background: #f39c12 !important;
  border: 1px solid #f39c12 !important;
  color: #fff;
}

.bg-purple {
  background: #9b59b6 !important;
  border: 1px solid #9b59b6 !important;
  color: #fff;
}

.bg-blue-sky {
  background: #50c1cf !important;
  border: 1px solid #50c1cf !important;
  color: #fff;
}

button.btn.btn-info.btn-sm.download-test,
button.btn.btn-info.btn-sm.upload-test {
  background: var(--clr-primary);
  border-color: var(--clr-primary);
}

.nav.side-menu > li > a:hover {
  color: var(--clr-secondary) !important;
}

.nav.child_menu li:hover {
  background-color: rgba(255, 255, 255, 0.06);
}

body.nav-md ul.nav.child_menu li:before {
  background: #425668;
  bottom: auto;
  content: "";
  height: 8px;
  left: 23px;
  margin-top: 15px;
  position: absolute;
  right: auto;
  width: 8px;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

body.nav-md ul.nav.child_menu li:after {
  border-left: 1px solid #425668;
  bottom: 0;
  content: "";
  left: 27px;
  position: absolute;
  top: 0;
}

.nav.side-menu > li.current-page,
.nav.side-menu > li.active {
  border-right: 5px solid var(--clr-primary);
  margin-right: -16px;
}

.nav.side-menu > li.active > a {
  color: var(--clr-primary);
  text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
  background: -webkit-gradient(
      linear,
      50% 0%,
      50% 100%,
      color-stop(0%, #5b6479),
      color-stop(100%, #4c5566)
    ),
    #686e78;
  background: -webkit-linear-gradient(#334556, #2c4257), #2a3f54;
  background: -moz-linear-gradient(#334556, #2c4257), #2a3f54;
  background: -o-linear-gradient(#334556, #2c4257), #2a3f54;
  background: linear-gradient(#ffffff, #ffffff), #ffffff;
}

li.current-page a {
  color: var(--clr-primary) !important;
}

.navbar-brand,
.navbar-nav > li > a {
  font-weight: 500;
  color: #ecf0f1 !important;
  margin-left: 0 !important;
  line-height: 32px;
}

.nav.navbar-nav > li > a {
  color: #515356 !important;
}

.nav.top_menu > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #34495e !important;
}

.top_search .input-group-btn button {
  border-radius: 0px 25px 25px 0px;
  border: 1px solid rgba(221, 226, 232, 0.49);
  border-left: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #93a2b2;
  margin-bottom: 0 !important;
}

.nav.child_menu > li > a {
  color: var(--clr-secondary) !important;
  font-size: 12px;
  padding: 9px;
}

.panel_toolbox > li > a {
  padding: 5px;
  color: #c5c7cb;
  font-size: 14px;
}

.panel_toolbox > li > a:hover {
  background: #f5f7fa;
}

.jqstooltip {
  background: #34495e !important;
  width: 30px !important;
  height: 22px !important;
  text-decoration: none;
}

.accordion .panel {
  margin-bottom: 5px;
  border-radius: 0;
  border-bottom: 1px solid #efefef;
}

.accordion .panel-heading {
  background: #f2f5f7;
  padding: 13px;
  width: 100%;
  display: block;
}

.accordion .panel:hover {
  background: #f2f5f7;
}
.well.profile_view .divider {
  border-top: 1px solid #e5e5e5;
  padding-top: 5px;
  margin-top: 5px;
}

.pagination.pagination-split li a {
  border-radius: 4px;
  color: #768399;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.well.profile_view {
  background: #fff;
}

.well.profile_view .bottom {
  margin-top: -20px;
  background: #f2f5f7;
  padding: 9px 0;
  border-top: 1px solid #e6e9ed;
}

.well.profile_view .img-circle {
  border: 1px solid #e6e9ed;
  padding: 2px;
}

.paging_full_numbers a.paginate_active {
  background-color: #99b3ff;
}

table.display tr.even.row_selected td {
  background-color: #b0bed9;
}

table.display tr.odd.row_selected td {
  background-color: #9fafd1;
}

div.box {
  height: 100px;
  padding: 10px;
  overflow: auto;
  border: 1px solid #8080ff;
  background-color: #e5e5ff;
}
/* *********  /tables styleing  ****************************** */
/* *********  /dashboard widget  **************************** */
/* *********  widgets  *************************************** */

ul.msg_list li {
  background: #f7f7f7;
  padding: 5px;
  display: flex;
  margin: 6px 6px 0;
  width: 96% !important;
}

.dropdown-menu > li > a {
  color: #5a738e;
}

.navbar-nav .open .dropdown-menu {
  position: absolute;
  background: transparent;
  margin-top: 0;
  border: 1px solid #d9dee4;
  -webkit-box-shadow: none;
}

a.alert-link.pull-right.delete_answer_retake {
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 3px;
  padding: 6px 12px;
  vertical-align: inherit;
  margin-top: -7px;
  color: #000;
  text-decoration: none;
}

ul.to_do li {
  background: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  padding: 7px;
  margin-bottom: 5px;
  list-style: none;
}

.dashboard-widget {
  background: #f6f6f6;
  border-top: 5px solid #79c3df;
  border-radius: 3px;
  padding: 5px 10px 10px;
}

.dashboard-widget .dashboard-widget-title {
  font-weight: normal;
  border-bottom: 1px solid #c1cdcd;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 40px;
  line-height: 30px;
}

.dashboard-widget .dashboard-widget-title i {
  font-size: 100%;
  margin-left: -35px;
  margin-right: 10px;
  color: #33a1c9;
  padding: 3px 6px;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  background: #fff;
}

ul.quick-list li i {
  padding-right: 10px;
  color: #757679;
}

.dashboard-widget-content .sidebar-widget {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  background: #fff;
  border: 1px solid #abd9ea;
  border-radius: 5px;
  text-align: center;
  float: right;
  padding: 2px;
  margin-top: 10px;
}

.sidebar-footer {
  bottom: 0px;
  clear: both;
  display: block;
  padding: 5px 0 0 0;
  position: fixed;
  width: 230px;
  z-index: 1000;
  background: #2a3f54;
}

.sidebar-footer a {
  padding: 7px 0 3px;
  text-align: center;
  width: 25%;
  font-size: 17px;
  display: block;
  float: left;
  background: #172d44;
}

.sidebar-footer a:hover {
  background: #425567;
}

.tile_stats_count .left {
  width: 15%;
  float: left;
  height: 65px;
  border-left: 2px solid #adb2b5;
  margin-top: 10px;
}

a.user-profile {
  color: #5e6974 !important;
}

.fontawesome-icon-list .fa-hover a:hover {
  background-color: #ddd;
  color: #fff;
  text-decoration: none;
}

/* *********  /inbox design  **************************** */

a.star {
  color: #428bca !important;
}

.mail_content {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 4px;
  margin-top: 20px;
  min-height: 500px;
  padding: 10px 11px;
  width: 100%;
}

.list-btn-mail {
  margin-bottom: 15px;
}

.list-btn-mail.active {
  border-bottom: 1px solid #39b3d7;
  padding: 0 0 14px;
}

.list-btn-mail > i {
  float: left;
  font-size: 18px;
  font-style: normal;
  width: 33px;
}

.list-btn-mail > cn {
  background: none repeat scroll 0 0 #39b3d7;
  border-radius: 12px;
  color: #ffffff;
  float: right;
  font-style: normal;
  padding: 0 5px;
}

.button-mail {
  margin: 0 0 15px !important;
  text-align: left;
  width: 100%;
}

.buttons,
button,
.btn {
  margin-bottom: 5px;
  margin-right: 5px;
}

.btn-group-vertical .btn,
.btn-group .btn {
  margin-bottom: 0;
  margin-right: 0;
}

.mail_list_column {
  border-left: 1px solid #dbdbdb;
}

.mail_view {
  border-left: 1px solid #dbdbdb;
}

.mail_list {
  width: 100%;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 2px;
  display: inline-block;
}

.mail_list .left {
  width: 5%;
  float: left;
  margin-right: 3%;
}

.mail_list .right {
  width: 90%;
  float: left;
}

.mail_list h3 {
  font-size: 15px;
  font-weight: bold;
  margin: 0px 0 6px;
}

.mail_list h3 small {
  float: right;
  color: #adabab;
  font-size: 11px;
  line-height: 20px;
}

.mail_list .badge {
  padding: 3px 6px;
  font-size: 8px;
  background: #bab7b7;
}

@media (max-width: 767px) {
  .mail_list {
    margin-bottom: 5px;
    display: inline-block;
  }
}

.mail_heading h4 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px;
}

.attachment {
  margin-top: 30px;
}

.attachment ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  display: inline-block;
  margin-bottom: 30px;
}

.attachment ul li {
  float: left;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.attachment ul li img {
  height: 150px;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px;
}

.attachment ul li span {
  float: right;
}

.attachment .file-name {
  float: left;
}

.attachment .links {
  width: 100%;
  display: inline-block;
}
/* *********  /inbox design   **************************** */
/* *********  form design  **************************** */

.editor.btn-toolbar {
  zoom: 1;
  background: #f7f7f7;
  margin: 5px 2px;
  padding: 3px 0;
  border: 1px solid #efefef;
}

.input-group {
  margin-bottom: 10px;
}

.ln_solid {
  border-top: 1px solid #e5e5e5;
  color: #ffffff;
  background-color: #ffffff;
  height: 1px;
  margin: 20px 0;
}

span.section {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

.form-control {
  border-radius: 0;
  line-height: 30px;
  width: 100%;
}

.form-horizontal .control-label {
  padding-top: 8px;
}

legend {
  font-size: 18px;
  color: inherit;
}
tspan {
  text-transform: capitalize;
}
.checkbox {
}

.form-horizontal .form-group {
  margin-right: 0;
  margin-left: 0;
}
blockquote#analysis .well.well-sm.text-info {
  border-color: #f0ad4e;
  border-left: 5px solid #f0ad4e;
  background: transparent;
  color: #000;
  border-radius: 0px;
}
input[type="range"]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #494395;
  cursor: pointer;
  -webkit-appearance: none;
}

ul.bar_tabs > li {
  border: 1px solid var(--clr-primary);
  color: #333 !important;
  margin-top: -17px;
  margin-left: 8px;
  background: #fff;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}

ul.bar_tabs > li.active {
  border-right: 6px solid var(--clr-primary);
  border-top: 0;
  margin-top: -15px;
}

ul.bar_tabs > li.active a {
  background: #fff;
  border-color: transparent;
}

ul.bar_tabs > li a {
  padding: 10px 17px;
  background: #f5f7fa;
  margin: 0;
  border-radius: 0;
}

/* *********  /tabs  **************************** */
/* Pnotify by Hunter Perrin :: 2.0.1 */

.btn-primary.btn-outline {
  color: #1a82c3;
  border-width: 2px;
}

.btn-default.btn-outline {
  color: #34495e;
  border-width: 2px;
}

.btn-success.btn-outline {
  color: #1abb9c;
  border-width: 2px;
}

.btn-info.btn-outline {
  color: #34495e;
  border-width: 2px;
}

.btn-warning.btn-outline {
  color: #5bc0de;
  border-width: 2px;
}

.btn-danger.btn-outline {
  color: #34495e;
  border-width: 2px;
}

.btn-dark.btn-outline {
  color: #c0392b;
  border-width: 2px;
}

.btn-warning {
  background: #f0ad4e;
  border-color: #f0ad4e;
}

.btn-danger {
  background: #ea6153;
  border-color: #ea6153;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #1a82c3;
  border-color: #1a82c3;
  color: #ffffff;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #1abb9c;
  border-color: #1abb9c;
  color: #ffffff;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #d58512;
  border-color: #d58512;
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #1479b8;
  border-color: #1479b8;
  color: #ffffff;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #ea6153;
  border-color: #ea6153;
  color: #ffffff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-color: #394d5f;
  border-color: #394d5f;
  color: #ffffff;
}
/* *********  /notifications  **************************** */
/* *********  profile/social  **************************** */

/* *********  /profile/social  **************************** */
/* *********  widgets  **************************** */

.divider-dashed {
  border-top: 1px dashed #e7eaec;
  background-color: #ffffff;
  height: 1px;
  margin: 10px 0;
}

.x_title span.badge {
  border-radius: 0px;
  background: var(--clr-secondary);
  color: #fff;
  margin-left: 7px;
}
h5.swt_fail {
  background: #fff;
  color: #000;
  border: 1px solid #d9534f;
  border-left: 5px solid #d9534f;
  border-radius: 0px;
  font-weight: 400;
}
h5.swt_success {
  background: #fff;
  color: #000;
  border: 1px solid var(--clr-primary);
  border-left: 5px solid var(--clr-primary);
  border-radius: 0px;
  font-weight: 400;
}
h5.swt_success i.fa.fa-check.fa-fw {
  color: var(--clr-primary) !important;
}

blockquote.top_block {
  border: 1px solid #f0ad4e;
  border-left: 5px solid #f0ad4e;
}
h4.sample_answer.writing_heading.collapse.in,
.explanation.collapse.in h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}
i.fa.fa-check-circle.fa-5x.text-success.success_report_icon {
  color: var(--clr-primary);
}
h2.text-center.text-success.success_message {
  color: var(--clr-primary);
}
.x_content h4.alert.alert-info.text-normal.clear-right {
  border-left: 5px solid var(--clr-secondary) !important;
  background: transparent;
  color: #000;
  border: 1px solid var(--clr-secondary);
  border-radius: 0px;
}

body .comparison h4 {
  color: var(--clr-secondary);
  font-weight: 600;
}

.panel-info > .panel-heading {
  background-color: #f8f9fc;
  border-color: #e3e6f0;
}
.panel-info {
  border-color: #e3e6f0;
}
.panel-title {
  color: var(--clr-secondary) !important;
  font-weight: 600;
}
.pause_meter_heading {
  color: var(--clr-secondary);
  font-weight: 600 !important;
}
.start_answering {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
  min-height: 51px;
}
.omitted_words {
  border-color: #f0ad4e;
  border-left: 5px solid #f0ad4e;
  background: transparent;
  color: #000 !important;
  border-radius: 0px;
}
.omitted_words i.fa.fa-exclamation-triangle {
  color: #f0ad4e !important;
}
.alert.alert-danger.not_more_attempt a {
  color: #ea6153;
}
.text-danger {
  color: #ea6153;
}
.dropdown_reading {
  color: var(--clr-secondary) !important;
  background: transparent !important;
  font-size: 14px;
}
.transcript.collapse.in h4,
h4.aiengine_result {
  color: var(--clr-secondary);
  font-weight: 600;
}
.result.dictation_writing.collapse.in .alert-success {
  background: transparent;
  border-color: var(--clr-primary);
  color: #000;
  border-left: 5px solid var(--clr-primary);
  border-radius: 0px;
}
body.controller-exam .time_remaining {
  background: var(--clr-secondary);
}
body.controller-exam .next_button_click {
  background: #fff;
  border-color: var(--clr-secondary);
  color: #000;
  border-left: 5px solid var(--clr-secondary);
  border-radius: 0px;
}
.dictation_acccuracy .alert-success {
  background: transparent;
  border-color: var(--clr-primary);
  color: #000;
  border-left: 5px solid var(--clr-primary);
  border-radius: 0px;
}
.result.dictation_writing.collapse.in .alert-danger {
  background: transparent;
  border-color: #ea6153;
  color: #000;
  border-left: 5px solid #ea6153;
  border-radius: 0px;
}
.dictation_acccuracy .alert-danger {
  border-color: #ea6153;
  background: transparent;
  color: #000;
  border-left: 5px solid #ea6153;
  border-radius: 0px;
}

body.nav-md.controller-exams.action-requirements .panel-success {
  border-color: var(--clr-primary);
}
body.nav-md.controller-exams.action-requirements
  .panel-success
  > .panel-heading {
  color: #fff;
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
body.nav-md.controller-exams.action-requirements .panel-danger {
  border-color: #ea6153;
}
body.nav-md.controller-exams.action-requirements
  .panel-danger
  > .panel-heading {
  color: #fff;
  background-color: #ea6153;
  border-color: #ea6153;
}
.text-warning {
  color: #000;
}
.text-success {
  color: var(--clr-primary);
}
#tokenized-text {
  background: #f5f5f5;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e6e9ed;
  border-radius: 4px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.pronun_message {
  border-color: #f0ad4e;
  border-left: 5px solid #f0ad4e;
  background: transparent;
  color: #000;
  border-radius: 0px;
}
a.activelink {
  color: var(--clr-secondary);
}
.sample_answer.collapse.in .alert-demo {
  border: 1px solid var(--clr-secondary);
  background: transparent;
  color: gray;
  border-left: 5px solid var(--clr-secondary);
  margin-bottom: 12px;
  color: #000;
}

.explanation.collapse.in .alert-demo,
.comparison.collapse.in .alert-demo {
  border: 1px solid var(--clr-secondary);
  background: transparent;
  color: gray;
  border-left: 5px solid var(--clr-secondary);
  color: #000;
  margin-bottom: 20px;
}

.play_button,
.play_button_test,
.play_button_intro,
.start_test {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
.play_button:hover,
.play_button_test:hover,
.play_button_intro:hover,
.start_test:hover {
  background: var(--clr-primary) !important;
  border-color: var(--clr-primary) !important;
}
table.player {
  border: solid 1px #999;
  border-spacing: 10px;
  border-collapse: separate;
}
.pull-right.col-md-12.timed_screen {
  background: #fff;
  border-color: #f0af54 !important;
  border-left: 5px solid #f0af54;
  padding: 15px 10px;
  margin-bottom: 15px;
  border-right: 1px solid #f0af54;
  border-top: 1px solid #f0af54;
  border-bottom: 1px solid #f0af54;
  margin-top: 2%;
}
.stop_button_test {
  background: #ea6153;
  border-color: #ea6153 !important;
}
.stop_button_test:hover {
  background: #ea6153;
  border-color: #ea6153 !important;
}
.listen_button_test {
  background: var(--clr-secondary) !important;
  border-color: var(--clr-secondary) !important;
}
.listen_button_test:hover {
  background: var(--clr-secondary) !important;
  border-color: var(--clr-secondary) !important;
}
.intro_class,
.several_refresh {
  background: #fff;
  border-color: #f0ad4e !important;
  border-left: 5px solid #f0ad4e;
  border-right: 1px solid #f0ad4e;
  border-top: 1px solid #f0ad4e;
  border-bottom: 1px solid #f0ad4e;
  color: #000;
  border-radius: 0px !important;
}
.progress-bar.progress-bar-striped.progress-bar-success {
  background: var(--clr-secondary);
}

div#clock {
  background: var(--clr-secondary);
  border-color: var(--clr-secondary);
  border-radius: 0px !important;
}
#timeout-warning {
  background: #fff;
  border-color: #ea6153 !important;
  border-left: 5px solid #ea6153;
  border-right: 1px solid #ea6153;
  border-top: 1px solid #ea6153;
  border-bottom: 1px solid #ea6153;
  color: #000;
  border-radius: 0px !important;
}

.alert.alert-warning.speaking_in_3_seconds {
  background: #fff;
  border-color: #f0ad4e !important;
  border-left: 5px solid #f0ad4e;
  border-right: 1px solid #f0ad4e;
  border-top: 1px solid #f0ad4e;
  border-bottom: 1px solid #f0ad4e;
  color: #000;
  border-radius: 0px !important;
}
.alert.speaking_in_3_seconds.alert-danger {
  background: #fff;
  border-color: #ea6153 !important;
  border-left: 5px solid #ea6153;
  border-right: 1px solid #ea6153;
  border-top: 1px solid #ea6153;
  border-bottom: 1px solid #ea6153;
  color: #000;
  border-radius: 0px !important;
}

/* Temporarily hide both above variants */
/* .alert.alert-warning.speaking_in_3_seconds,
.alert.speaking_in_3_seconds.alert-danger {
    display: none !important;
} */

.test_title_all {
  color: #000;
  background: transparent;
  border-radius: 0px !important;
  border-left: 5px solid var(--clr-secondary);
  border-right: 1px solid var(--clr-secondary);
  border-top: 1px solid var(--clr-secondary);
  border-bottom: 1px solid var(--clr-secondary);
}
.question_background,
.question_title,
div#object-text {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e6e9ed;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #000 !important;
}
.prompt_heading strong {
  font-size: 14px;
  color: var(--clr-secondary);
}
.copy_paste {
  color: #000;
  background: transparent;
  border-radius: 0px !important;
  border-left: 5px solid var(--clr-secondary);
  border-right: 1px solid var(--clr-secondary);
  border-top: 1px solid var(--clr-secondary);
  border-bottom: 1px solid var(--clr-secondary);
}
.timer_writing {
  background: #000;
  border-color: #000;
}

.playing .progress .progress-bar {
  background: var(--clr-secondary);
}
.second_progressbar {
  background: var(--clr-primary) !important;
}
#answer .alert.alert-info.draggables.ui-droppable {
  border-left: 5px solid var(--clr-secondary);
  background: transparent;
  border-color: var(--clr-secondary);
  border-radius: 0px;
}
#answer span.label.label-primary.draggable.ui-draggable.ui-draggable-handle {
  background: var(--clr-secondary);
  border-radius: 0px;
}
body .break_timer {
  border-left: 5px solid #f0ad4e !important;
  background: #fff;
  border: 1px solid #f0ad4e;
  border-radius: 0px;
  color: #000;
  text-align: left;
}
body .quality_test {
  border-left: 5px solid #f0ad4e !important;
  background: transparent;
  border: 1px solid #f0ad4e;
  border-radius: 0px;
  color: #000;
}
body .rate_test {
  border-left: 5px solid var(--clr-primary) !important;
  background: transparent;
  border: 1px solid var(--clr-primary);
  border-radius: 0px;
  color: #000;
  text-align: left;
  margin-bottom: 15px;
}

body .booking_success {
  border-left: 5px solid #f0ad4e !important;
  background: #fff;
  border: 1px solid #f0ad4e;
  border-radius: 0px;
  color: #000;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: var(--clr-secondary);
  border-color: var(--clr-secondary);
}
.pagination > li > a,
.pagination > li > span {
  color: var(--clr-secondary);
}

.plan_renew_head {
  border-left: 5px solid #f0ad4e !important;
  background: #fff !important;
  border: 1px solid #f0ad4e;
  border-radius: 0px !important;
  color: #000;
  padding: 20px 20px;
}
body.nav-md.controller-account.action-plans .upgrade_heading {
  border-left: 5px solid var(--clr-secondary) !important;
  background: #fff !important;
  border: 1px solid var(--clr-secondary);
  border-radius: 0px !important;
  color: #000;
}

body .steps .step > div {
  background-color: var(--clr-secondary) !important;
}
body .phone_verified {
  background: #fff;
  border-radius: 0px;
  border-left: 5px solid #f0ad4e !important;
  border: 1px solid #f0ad4e;
  color: #000;
  margin-bottom: 15px;
  display: none;
}
body a.alert-link.verify_phone_link {
  border: 1px solid var(--clr-primary);
  border-radius: 4px;
  background: #fff;
  padding: 6px 12px;
  text-transform: capitalize;
  color: #000;
  text-decoration: none;
}
body .alert.alert-danger.not_more_attempt a {
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 3px;
  padding: 8px 12px;
  vertical-align: inherit;
  color: #000;
  text-decoration: none;
}
body .alert.alert-danger.not_more_attempt {
  border: 1px solid #ea6153;
  background: transparent;
  border-left: 5px solid #ea6153;
  color: #000;
  border-radius: 0px;
  padding: 20px 20px;
  display: flex;
  align-items: center;
}

body .profile_update_alert {
  border-left: 5px solid var(--clr-primary) !important;
  background: #fff !important;
  border: 1px solid var(--clr-primary);
  border-radius: 0px !important;
  color: #000;
  margin-bottom: 15px;
}
body.nav-sm ul.nav.child_menu {
  background: #ffffff;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #ea6153;
}
.has-error .form-control {
  border-color: #ea6153;
}
body .mail_confirm_alert {
  border-left: 5px solid var(--clr-secondary) !important;
  background: #fff !important;
  border: 1px solid var(--clr-secondary);
  border-radius: 0px !important;
  color: #000;
}
div#form-update-email-address .alert.alert-info,
div#form-update-phone-number .alert.alert-info {
  border-left: 5px solid var(--clr-secondary) !important;
  background: #fff !important;
  border: 1px solid var(--clr-secondary);
  border-radius: 0px !important;
  color: #000;
}
div#msg-email-validated a.btn.btn-success.btn-block {
  border-color: var(--clr-primary);
  backgroound: var(--clr-primary);
}
body .renew_plan_link {
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 3px;
  padding: 6px 12px;
  vertical-align: inherit;
  color: #000;
  text-decoration: none;
  margin-top: -7px;
}

body .alert-demo a {
  color: #eee;
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 3px;
  padding: 8px 12px;
  vertical-align: inherit;
  color: #000;
  text-decoration: none;
}

body .email_confirmed {
  background: #fff;
  border: 1px solid var(--clr-primary);
  border-radius: 0px !important;
  color: #000;
  border-left: 5px solid var(--clr-primary);
}
body .email_already_validated {
  background: #fff;
  border: 1px solid #f0ad4e;
  border-radius: 0px !important;
  color: #000;
  border-left: 5px solid #f0ad4e;
}

.nav.side-menu > li.active.open {
  border-bottom: 1px solid #cac7c7;
  border-right: 5px solid var(--clr-primary);
}

.failed_phone_no {
  border: 1px solid #ea6153;
  border-left: 5px solid #ea6153;
  background: #fff;
  border-radius: 0px;
  color: #000;
}
body .email_used {
  background: #fff;
  border: 1px solid #f0ad4e;
  border-radius: 0px !important;
  color: #000;
  border-left: 5px solid #f0ad4e;
}
.ptjs-theme.classic .step-container .step-header .title {
  color: var(--clr-secondary) !important;
}
body.controller-exam.action-hscheck .btn-success {
  color: #fff;
  background-color: var(--clr-primary);
  border-color: var(--clr-primary);
}
.ptjs-theme.classic .step-container .step-button-close {
  background-color: var(--clr-primary) !important;
}
.ptjs-theme.classic
  .step-container
  .step-footer
  .step-buttons
  span:nth-child(1),
.ptjs-theme.classic
  .step-container
  .step-footer
  .step-buttons
  span:nth-child(1):hover {
  background: var(--clr-primary);
}
.ptjs-theme.classic
  .step-container
  .step-footer
  .step-buttons
  span:nth-child(2),
.ptjs-theme.classic
  .step-container
  .step-footer
  .step-buttons
  span:nth-child(3),
.ptjs-theme.classic
  .step-container
  .step-footer
  .step-buttons
  span:nth-child(2):hover,
.ptjs-theme.classic
  .step-container
  .step-footer
  .step-buttons
  span:nth-child(3):hover {
  border: 1px solid #000 !important;
  background: #fff;
  border-radius: 4px;
  color: #000;
}
.ptjs-theme.classic .step-container .step-footer .step-pagination {
  color: var(--clr-secondary);
}
.ptjs-theme.classic .step-container .step-footer .step-buttons span,
.ptjs-theme.classic .step-container .step-footer .step-buttons span:hover {
  background-color: var(--clr-secondary);
  border-radius: 4px;
}
body .success_login {
  background: #fff;
  color: #000;
  border-radius: 0px;
  border-left: 5px solid var(--clr-primary) !important;
  border: 1px solid var(--clr-primary);
}