@import url("https://rsms.me/inter/inter.css");
html {
  font-family: "Inter", sans-serif;
}
@supports (font-variation-settings: normal) {
  html {
    font-family: "Inter var", sans-serif;
  }
}

.courses-cm #filter-bar {
  display: none;
}

/*CHECKOUT*/
.view-carts .j2store-cart-table .j2store-remove {
  line-height: 18px;
}
.btn,
.qx-btn {
  padding: 7px 19px;
}
/*TRAINING BUTTON*/
li.gt-training {
  background-color: #3bb78f;
  background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%);
  border-radius: 20px;
  margin-left: 10px !important;
  margin-top: 5px;
  margin-bottom: 5px;
}
li.gt-training:hover {
  background-image: linear-gradient(315deg, #29988d 0%, #0a9c52 74%) !important;
}
a.gt-training-txt {
  font-weight: 700;
  color: white !important;
  text-shadow: -1px 1px 4px #0a672bcf;
  font-size: 15px !important;
  padding-left: 15px;
  padding-right: 15px;
}

@import url("https://fonts.googleapis.com/css?family=Inter&display=swap");

/*-----------Main Menu Style-------------<+>*/
.navbar-fixed-top .navbar-default .navbar-nav .active > a,
.navbar-default .navbar-nav .active,
.navbar-default .navbar-nav .active > a {
  color: #309bfe !important;
}

/*-----------Main Menu Style-------------<->*/

/* INTRO SECTION */
#qx-section-70112 {
  transition: none;
  background: url(../images/screenshot_1.jpg) top center no-repeat;
}

/* breezing - ACTS Cerarmist Internship Application & ACTS Cerarmist Application ---------------------------<start>*/
.bfQuickMode legend {
  background: #262330 !important;
}

.bfQuickMode legend .bfLegend-m {
  padding-left: 20px;
}
.bfQuickMode label {
  color: #000000 !important;
}
.bfQuickMode section.bfElemWrap:hover {
  background: #5a5d5817 !important;
}

.bfQuickMode section.bfElemWrap {
  padding: 10px 0px;
  border-bottom: 1px solid #00000038 !important;
}

.bfQuickMode #asi_applicaiton .bfLabelLeft .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode #asi_applicaiton .bfLabelTop .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode #asi_applicaiton .bfLabelRight .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode #asi_applicaiton .bfLabelBottom .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelBottom .bfElementGroupNoWrap input {
  display: inline-block;
  width: 16px;
}
.bfQuickMode #asi_applicaiton span.bfElementGroupNoWrap input[type="checkbox"],
.bfQuickMode #asi_applicaiton span.bfElementGroupNoWrap input[type="radio"],
.bfQuickMode #asi_applicaiton span.bfElementGroup input[type="checkbox"],
.bfQuickMode #asi_applicaiton span.bfElementGroup input[type="radio"] {
  border: 1px solid #00000080 !important;
}
.uk-radio:checked,
input[type="radio"]:not([class*="uk-"]):checked,
.uk-checkbox:checked,
input[type="checkbox"]:not([class*="uk-"]):checked {
  background-color: #009603 !important;
}
/*Minor Edit by Paul*/
.bfQuickMode .bfLabelLeft .bfElementGroup,
.bfQuickMode .bfLabelRight .bfElementGroup,
.bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
  width: auto !important;
  float: left !important;
}
.bfQuickMode label {
  font-weight: bold;
}
form.bfQuickMode {
  padding: 50px !important;
  box-shadow: 0px 0px 16px #b7b7b7 !important;
  width: auto;
}
.uk-input,
.uk-select:not([multiple]):not([size]),
.uneditable-input:not([class*="uk-"]),
input[type="color"]:not([class*="uk-"]),
input[type="date"]:not([class*="uk-"]),
input[type="datetime-local"]:not([class*="uk-"]),
input[type="datetime"]:not([class*="uk-"]),
input[type="email"]:not([class*="uk-"]),
input[type="month"]:not([class*="uk-"]),
input[type="number"]:not([class*="uk-"]),
input[type="password"]:not([class*="uk-"]),
input[type="search"]:not([class*="uk-"]),
input[type="tel"]:not([class*="uk-"]),
input[type="text"]:not([class*="uk-"]),
input[type="time"]:not([class*="uk-"]),
input[type="url"]:not([class*="uk-"]),
input[type="week"]:not([class*="uk-"]),
select:not([class*="uk-"]):not([multiple]):not([size]) {
  border: 1px solid #211e1e73;
}

.bfQuickMode button {
  background: #262330 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  padding: 5px;
}
.bfQuickMode button:hover {
  background-color: transparent !important;
  color: #262330 !important;
  border-color: #262330 !important;
}
.terms-links {
  color: #262330 !important;
  text-decoration: underline;
}
.terms-links:hover {
  color: #0da504 !important;
  text-decoration: underline;
}

/*----------------------end------------------------*/
/* breezing - internship-application ---------------------------<end>*/

/* MODULE: google translate */
/* module class suffix: gg_translate */

#Mod127 select {
  padding-top: 2px;
  padding-bottom: 2px;
  height: 30px;
}
div#Mod127 {
  margin-bottom: 0px;
}

@media (min-width: 1200px) {
  .container.t3-sl.t3-sl-1 {
    width: auto;
    padding: 0px;
  }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .container.t3-sl.t3-sl-1 {
    width: auto;
    padding: 0px;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .container.t3-sl.t3-sl-1 {
    width: auto;
    padding: 0px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .container.t3-sl.t3-sl-1 {
    width: auto;
    padding: 0px;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .container.t3-sl.t3-sl-1 {
    width: auto;
    padding: 0px;
  }
}

@media only screen and (min-width: 1200px) {
  .container.t3-sl.t3-sl-1 {
    width: auto;
    padding: 0px;
  }
}

.module-ct {
  float: right;
  margin-bottom: -130px;
  z-index: 9;
  position: relative;
  margin-top: 0px;
  text-align: left;
}

/*--Joomsocial Frontpage--*/
.joms-landing__content {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* Quizzes */
.tmt-que-marks {
  display: none;
}
.tjlmspin .tjlmspin__cat {
  display: none;
}
/*--Shika Course Layout--*/
.tjBs3 .mt-0 {
  color: #4dcc2d;
  font-weight: 600;
}
.t3-mainbody {
  background: #ffffff;
  padding: 50px;
}
.tjBs3 .text-break {
  color: #154a99;
}
.tjBs3 h4,
.tjBs3 {
  text-transform: none;
  color: #000000;
}
.tjBs3 .label-success {
  position: absolute;
  margin-left: 634px !important;
  display: flow-root;
  margin-top: 1px !important;
  width: 100px;
}
.tjBs3 .pb-10 {
  border: #0000007d;
  border-style: solid;
  border-right: hidden;
  border-left: hidden;
  border-width: 1px;
  border-bottom: hidden;
}
#cerarmist-product-knowledge-course-lesson-1-cerarmist-difference {
  border-top: hidden;
}
.pl-10 {
  position: absolute;
  margin-top: 20px;
}

button.br-0.btn.btn-small.btn-primary.pull-right {
  width: 100px;
}
/*
button.br-0.btn.btn-small.btn-primary.pull-right:before{
	content: "Start";
    font-size: 16px !important;
}
*/

.tjlms_toc__lesson-title col-xs-12 span {
  margin-left: 100px !important;
  text-align: left !important;
}

/*RIGHT-boxes*/
.tjBs3 .panel-default {
  border-color: #ffffff;
  box-shadow: 2px 4px 6px 0px #0000001c;
}
.tjBs3 .panel-default > .panel-heading {
  color: #333;
  background-image: linear-gradient(315deg, #e3f4ff 0%, #d3efff 74%);
  border-color: #e2e2e200;
}

.tjBs3 .panel-default {
  border-color: #ffffff;
  border: 0px;
  box-shadow: 1px 3px 3px 0px #0d3f5a14;
}
span.course_block_title {
  font-family: Inter;
}
.panel-body.py-15 {
  font-family: Inter;
  font-size: 14px;
}

.ppc-percents span {
  font-family: Inter;
}

button.btn.btn-large.btn-success.tjlms-btn-flat {
  background-color: #0cbaba;
  background-image: linear-gradient(315deg, #e3f4ff 0%, #e3f4ff 74%);
  border: 0px;
  font-family: Inter;
  border-radius: 8px;
  font-size: 14px;
  color: #337ab7;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 800;
}

.progress-pie-chart.gt-50 {
  background-color: #f7b42c;
  background: conic-gradient(green, yellow, orange, red);
  /*background-image: linear-gradient(315deg, #f7b42c 0%, #fc575e 74%);*/
}
.ppc-percents span {
  color: #337ab7;
}
button.btn.btn-large.btn-success.tjlms-btn-flat:hover {
  background-color: #0cbaba;
  background-image: linear-gradient(315deg, #86cfff 0%, #b4e2ff 74%);
}
.text-truncate {
  font-family: Inter;
  font-size: 14px;
}
.tjBs3 .pb-10 {
  border: #00000000;
}
/*RIGHT PANEL*/
.tjBs3 .mt-0 {
  color: #337ab7;
  font-weight: 700;
  font-size: 49px;
}
.col-xs-12.col-sm-12.col-md-8.col-lg-8.partition-line {
  font-family: Inter;
}
/*CLASSES*/
.lessons-module_inner:nth-child(even) {
  background-image: linear-gradient(to right, #e1f3ffc2, #f9fdff00);
  color: #1b5e98;
  border-top: 1px solid #337ab71f;
  border-bottom: 1px solid #337ab71f;
}
.tjBs3 .pl-10 {
  font-size: 17px;
  font-weight: 700;
  /*color: #337ab7;*/
}
button.br-0.btn.btn-small.btn-primary.pull-right {
  border-radius: 5px;
  background-color: #337ab7;
  border: 0px;
}
button.br-0.btn.btn-small.btn-primary.pull-right:hover {
  background-color: #8db6d6;
}

img.d-inline {
  padding-left: 5px;
}
.lessons-module_inner {
  margin-top: 20px !important;
}
.tjlms-course-toc.pt-10 h4 {
  font-size: 30px;
  font-weight: 900;
  color: #1d4c75;
  margin-top: -20px;
}

.tjBs3 .pull-right {
  margin-top: 15px !important;
}
.tjBs3 .label-default {
  position: absolute;
  margin-left: 446px !important;
  margin-top: -7px !important;
  width: 100px;
}
.tjBs3 .bg-lightgrey {
  font-size: 0px !important;
  width: 100px;
  border: 0px;
  border-radius: 5px !important;
}
.tjBs3 .bg-lightgrey:before {
  content: "Locked";
  font-size: 16px !important;
  color: #000000;
}

button.btn.un-btn-primary.un-big-btn {
  background-color: #5cb85c;
  color: white;
  border-radius: 25px;
}

span.downloadable_files_container {
  background-color: #5cb85c;
  padding: 7px 13px 7px 13px;
  margin-top: 5px;
  color: white;
  border-radius: 50px;
  font-size: 12px;
}

/*ends here..*/
input.btn.btn-blue {
  display: none;
}
/*Q-BAR*/
.jomsocial.jomsocial-qbar {
  /* margin-top: 50px;	 */
}
@media only screen and (min-width: 1600px) {
  .jomsocial.jomsocial-qbar {
    /* margin-right: 563px; */
  }
}
@media (max-width: 1600px) {
  .jomsocial.jomsocial-qbar {
    /* margin-right: 423px; */
  }
}
@media (max-width: 1400px) {
  .jomsocial.jomsocial-qbar {
    /* margin-right: 250px; */
  }
}
@media (max-width: 1200px) {
  .jomsocial.jomsocial-qbar {
    /* margin-right: 50px; */
    /* margin-top: 35px; */
  }
}
@media (max-width: 1050px) {
  .jomsocial.jomsocial-qbar {
    /* margin-right: 15px; */
    /* margin-top: -20px; */
  }
}

@media (max-width: 768px) {
  .t3-mainbody {
    padding: 0px;
  }
}

/*
Module Login Positioning on /training-registration*/
div#Mod138 {
  position: absolute;
  text-align: center;
  margin-left: 500px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  div#Mod138 {
    display: none;
  }
}
@media only screen and (max-width: 360px) {
  div#Mod138 {
    display: none;
  }
}
/*Login Restriction Custom Text*/
#quix-custom-login-container {
  text-align: justify;
  font-weight: bold;
}

/*ma-agreement*/
#qx-joomla-module-7532 .txt-idcus {
  font-size: 0;
}
#qx-joomla-module-7532 .txt-idcus:after {
  content: "In order to complete this process, you must be logged in. ";
  font-size: 15px;
}
/*sales-agreement*/
#qx-joomla-module-3332 .txt-idcus {
  font-size: 0;
}
#qx-joomla-module-3332 .txt-idcus:after {
  content: "In order to complete this process, you must be logged in. ";
  font-size: 15px;
}
/*cas-agreement*/
#qx-joomla-module-8632 .txt-idcus {
  font-size: 0;
}
#qx-joomla-module-8632 .txt-idcus:after {
  content: "In order to complete this process, you must be logged in. ";
  font-size: 15px;
}
/*rp-agreement*/
#qx-joomla-module-2132 .txt-idcus {
  font-size: 0;
}
#qx-joomla-module-2132 .txt-idcus:after {
  content: "In order to complete this process, you must be logged in. ";
  font-size: 15px;
}
/*addMore*/
button.addMore {
  background-color: #28a745;
  color: white;
}
/*----Agreement Forms----*/

.ol-container ol {
  list-style-type: none;
  color: #000000;
}
.ol-container ol {
  counter-reset: section;
}
.ol-container li {
  counter-increment: section;
  color: #000000;
  display: block;
}
.ol-container li:before {
  content: counters(section, ".") " ";
  list-style-position: outside !important;
  font-weight: bold;
}
/*----Joomsocial Frontpage----*/
.joms-button--signup .joms-icon {
  fill: #000b1a !important;
}
.joms-button--signup {
  width: auto;
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
}
/*----END----*/
#filter-bar {
  display: none;
}
.moduletable {
  display: none;
}
/*--Stuck Message on Training Pages--*/
.tjBs3 .col-sm-9 {
  margin-top: 70px;
}

#qx-section-953 {
  position: absolute;
  width: 875px;
  margin-left: -540px;
  margin-top: 200px;
}
@media (max-width: 800px) {
  #qx-section-953 {
    display: none;
  }
}
@media (max-width: 975px) {
  #qx-section-953 {
    margin-top: 190px !important;
    padding: 1px !important;
    margin-left: -775px !important;
    width: 720px !important;
  }
  #qx-text-2349 {
    font-size: 13x;
  }
}

@media (max-width: 1050px) {
  #qx-section-953 {
    margin-top: 250px;
    font-size: 9px;
    padding: 1px !important;
    margin-left: -890px;
  }
}
@media (max-width: 1200px) {
  #qx-section-953 {
    margin-top: 235px;
    margin-left: -440px;
  }
}
/*--EDOCMAN--*/
#edocman-category h1.edocman-page-heading {
  font-size: 40px;
}
.edicon {
  display: none;
}
i.icon-rss {
  display: none;
}
input#search_edocman_box {
  height: 30px;
}
select#filter_category_id {
  width: 100%;
}
.breadcrumb {
  margin-left: -365px !important;
}
.breadcrumb a {
  color: #44b328;
  font-weight: 600;
}
.breadcrumb a:hover {
  color: #3f73b8;
}
.breadcrumb > .active {
  color: #3f73b8;
  font-weight: 600;
}
.t3-spotlight.t3-spotlight-1.row {
  background: #f9f9f9;
}
ul.breadcrumb {
  margin-top: 12px;
}
.breadcrumb > li {
  color: black;
}
.breadcrumb > li + li:before {
  content: "/";
  color: black;
}
@media (max-width: 800px) {
  .row-fluid .span4 {
    width: 100% !important;
  }
}
.col-md-3 {
  width: 33%;
}
@media only screen and (max-width: 480px) {
  .breadcrumb > li {
    display: block;
  }
  ul.breadcrumb {
    font-size: 13px;
    margin-top: -12px;
  }
  .col-md-3 {
    width: 120%;
  }
  .breadcrumb {
    margin-left: -435px !important;
  }
}

a.resource-a {
  color: #44b328;
  font-weight: 600;
}
span.search-titledoc {
  color: #3f73b8;
  font-weight: 600;
}