/* <-- Global --- Start > */

/*:root{
  --containerwidth:50%;
 }*/

.item {
  border: none;
}

.menu-open .menu.menu-right{
  z-index: 1 !important;
}

.menu.menu-left {
  /* width: calc(100%) !important; */
}

.menu-open .menu-content {
  /* transform: translate3d(calc(100%), 0px, 0px) !important; */
}

.menu-open .ecd_menu,
.ecd_menu.menu.menu-left {
  background: linear-gradient(#fa7526, #fa7526)
}

.menu-open .ecd_menu .close_menu,
.ecd_menu.menu.menu-left .close_menu {
  position: absolute;
  width: 50px;
  height: 50px;
  color: #3359f7;
  z-index: 99;
      top:15px;
    left: 15px;
    background: #FFF;
}

.menu-open .ecd_menu .close_menu:before {
  font-size: 1.8em;
}

.menu-open .ecd_menu .menu_list,
.ecd_menu.menu.menu-left .menu_list, .ecd_menu.menu.menu-right .menu_list {
  padding: 13px 14px 0;
}

.menu-open .ecd_menu .menu_list .row .col,
.ecd_menu.menu.menu-left .menu_list .row .col {
  text-align: center;
}

.menu-open .ecd_menu .menu_list .row .col.card,
.ecd_menu.menu.menu-left .menu_list .row .col.card {
  text-align: center;
  padding: 3px 0 0;
  margin: 7px;
  border-radius: 13px;
}

.menu-open .ecd_menu .menu_list .row .col.card img,
.ecd_menu.menu.menu-left .menu_list .row .col.card img {
  width: 40%;
  display: block;
  text-align: center;
  margin: 0px auto 3px;
  filter: hue-rotate(150deg);
  -webkit-filter: hue-rotate(150deg);
}

.menu-open .ecd_menu .menu_list .profile_info,
.ecd_menu.menu.menu-left .menu_list .profile_info {
  text-align: center;
}

.menu-open .ecd_menu .menu_list .profile_info h3,
.ecd_menu.menu.menu-left .menu_list .profile_info h3, .ecd_menu.menu.menu-right .menu_list .profile_info h3 {
  color: #fff;
  padding: 0;
  margin: 0;
}

.menu-open .ecd_menu .menu_list .profile_info p,
.ecd_menu.menu.menu-left .menu_list .profile_info p, .ecd_menu.menu.menu-right .menu_list .profile_info p {
  color: #fff;
  padding: 0;
  margin: 0 0 13px;
}

.menu-open .ecd_menu .menu_list .profile_info img,
.ecd_menu.menu.menu-left .menu_list .profile_info img, .ecd_menu.menu.menu-right .menu_list .profile_info img  {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin-bottom: 15px;
}

.modal-backdrop,
.modal-backdrop-bg {
  background: rgba(0, 0, 0, 0.3) !important;
}


/* <-- Global --- End > */

/* ECD - Starts */

.bar.bar-ecd {
  background: linear-gradient(to right, #6665FF, #01009C);
  border: 0;
  color: #fff;
}

.bar.bar-ecd .button {
  color: #fff;
}

.course_container,
.courses,
.course_detail {
  background: transparent;
}

.courses .tabs-top>.tabs,
.courses .tabs.tabs-top {}

.courses .page-heading {
  font-family: opensans-semibold;
  color: #34455a;
  font-size: 1.8em;
  position: absolute;
  top: 50px;
  left: 30px;
}

.tab-ecd {}

.tab-ecd .scroll {
  height: 100% !important;
}

.tabs-ecd-nav {}

.tab-nav.tabs {
  background: transparent;
  border-bottom-width: 0px;
  display: -webkit-inline-box;
  width: auto;
  margin-left: 18px;
  left: 15px;
}

.tab-nav a.tab-item {
  color: #a2aab5;
  font-size: 1.2em;
  margin-right: 1.6em;
}

.tab-nav a.tab-item.tab-item-active {
  color: #6665ff;
  text-decoration: none;
  border: none !important;
}

.ecd-card {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 5px;
}

.ecd-card .ecd-row {
  padding: 0;
}

.ecd-card .col {
  padding: 0;
}


.ecd-card h2 {
  color: #1F314A;
}

.ecd-card h2 a {
  color: #1F314A;
  text-decoration: none;
  display: block;
}

progress,
progress[value],
progress[value]::-webkit-progress-bar {
  width: 100%;
  display: block;
  background-color: #e3e3e3 !important;
  border-radius: 25px;
  height: 5px;
}

progress[value]::-webkit-progress-value {
  background-color: #59D654;
  border-radius: 25px;
  height: 5px;
}

.ecd-card .item {
  padding: 0 0.9em;
}

.ecd-card .ecd-item-button {
  position: absolute;
  top: -6px;
  right: 2px;
}

.ecd-card .ecd-item-button::before {
  font-size: 23px;
  color: #a2aab5;
}

/* ECD - Ends */

/*>>>> course_detail : start  <<<<*/

.course_detail {}

.course_detail .course-block {
  padding: 0 20px;
  margin-top: 28px;
}

.course_detail .course-card {
  border-radius: 10px;
  padding-top: 0px;
  box-shadow: none;
}

.course_detail .item-body {
  text-align: center;
  padding-top: 0;
  padding-bottom: 3.4em;
}

.course_detail .item-body p {
  font-size: 0.9em;
  line-height: 1.6em;
}

.course_detail .course-card h2 {
  font-size: 24px;
  color: #1F314A;
  font-family: 'sfns_displaybold' !important;
  /*text-transform: uppercase;*/
  width: 70%;
  margin: auto;
  line-height: 52px;
  margin-bottom: 10px;
}

.course_detail .lower {
  position: relative;
  top: -3.3em;
  z-index: 99;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #9c9a9a;
}

.course_detail .lower img {
  width: 5em;
  margin: 0 auto;
  display: block;
}

.course_detail .course-menu {
  display: flex;
  justify-content: space-around;
  padding: 0.8em 0;
  font-size: 1.2em;
}

.course_detail .course-menu a {
  text-decoration: none;
  color: #b8bec5;
}

.course_detail .course-menu a.active {
  color: #4A4A4A;
  text-decoration: underline;
}

.course_detail .course-img {
  height: 158px;
  max-height: 200px;
  width: 100%;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position: center center;
  margin-bottom: 25px;
}

.course_detail .course-img .fav {
  position: absolute;
  right: 0.5em;
  top: 0;
  color: #fff;
}

.course_detail .course-img .fav:before {
  font-size: 1.4em;
  font-weight: bold;
}

/*>>>> course_detail : End    <<<<*/

.lamborghini {
  position: absolute;
  z-index: 99999;
  height: 44px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #ffffff;
}

.lamborghini .gallardo {
/*  left: 25px;
  top: 20px;*/
  background: rgba(12, 12, 12, 0.4);
  border-radius: 5px;
  color: #fff;
  padding: 0 6px;
}

.lamborghini .Diablo {
  right: 0px;
  /* top: 20px; */
  background: rgba(0, 0, 0, 0.4);
  padding: 0px 12px;
  border-radius: 5px;
}

.lamborghini .gallardo:before,
.lamborghini .Diablo:before {
  font-size: 1.8em;
  color: #fff;
  padding-top: 0px;
}

.onboard {
  text-align: center;
}

.onboard .board {
  text-align: center;
  margin: 0 3.7em;
}

.onboard .onboard0 {}

.onboard .onboard1 {}

.onboard .onboard2 {}

.onboard img {}

.onboard h2 {
  font-family: opensans;
  padding: 10px 0;
  font-size: 1.8em;
  color: #fff;
  padding-bottom: 10px;
}

.onboard p {
  padding-bottom: 2em;
  line-height: 1.5em;
  color: #fff;
}

.onboard .slider-pager .slider-pager-page {
  color: #8c8f94;
}

.onboard .slider-pager .slider-pager-page.active {
  color: #fff;
}

.bar-ecd-footer {
  bottom: 2em;
  background: transparent;
}

.bar-ecd-footer .button-ecd {
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.register,
.login {
  background: #fff;
}

.register .content-block,
.login .content-block {
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.register .content-block .regsiteration_form,
.login .content-block .login_form {
  text-align: center;
  margin: 2.3em auto;
}

.register .content-block .regsiteration_form input,
.register .content-block .regsiteration_form .inputs,
.login .content-block .login_form input {
  text-align: center;
  display: block;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 1.6em;
  width: 79%;
  height: 2em;
  border-radius: 40px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  border: none;
}

.register .content-block .button-ecd-join,
.login .content-block .button-ecd-join {
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.bar-ecd-footer.join-terms {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 0.9em;
  width: 54%;
  margin: 0 auto;
  text-align: center;
}

.login .content-block .forgot_password {
  position: relative;
}

.login .content-block .forgot_password a.forgot_password_link {
  position: absolute;
  top: 33%;
  right: 15%;
  text-decoration: none;
  color: #6665FF;
  font-size: 0.8em;

}


.course_content {}

.course_content .lamborghini .gallardo:before {
  color: #fff;
  text-shadow: 1px 1px 7px black;
}

.course_content .course-img {
  display: block;
  height: 157px;
  width: auto;
  position: relative;
}

.course_content .course-img h2 {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  bottom: 0;
  font-family: opensans-bold;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  padding-bottom: 0.2em;
  width: 100%;
  font-size: 24px;
}

.course_content .content-block {
  top: 167px;
}

.course_content .content-block .tab-nav {
  border-top: 1px solid #f7f5f5;
  border-bottom: 1px solid #f7f5f5;
  font-family: opensans;
  color: rgba(74, 74, 74, 0.4);
  width: 100%;
  top: 0;
  font-size: 0.9em;
}

.course_content .content-block .tab-nav .tab-item {
  max-width: 50%;
  font-family: opensans;
  border-bottom: none !important;
}

.course_content .content-block .tab-nav .tab-item.tab-item-active {
  color: rgba(74, 74, 74, 1) !important;
  font-family: opensans-bold;
  border-bottom: none !important;
}

.course_content .content-block .lessons-list {
  font-family: opensans;
  padding-bottom: 100px;
}

.course_content .content-block .lessons-list .item-avatar {
  padding-left: 3em;
  margin-left: 0.7em;
}

.course_content .content-block .lessons-list .item-avatar .lesson-index {
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 16px;
  left: 16px;
}

.course_content .content-block .lessons-list .item-avatar h2 {
  color: rgba(31, 49, 74, 0.9);
  font-family: opensans-semibold;
}

.course_content .content-block .lessons-list .item-avatar .desc {
  color: rgba(31, 49, 74, 0.8);
  font-size: 0.9em;
}

.course_content .content-block .lessons-list .item-avatar .lesson-type {
  color: rgba(31, 49, 74, 0.6);
  font-size: 0.8em;
  text-transform: capitalize;
}

.lesson_content {
  font-family: opensans;
}

.lesson_content .lamborghini .gallardo:before {
  color: #fff;
}

.lesson_content .lamborghini .aventador {
  color: #000;
  font-family: opensans-bold;
  font-weight: bold;
  font-size: 1.7em;
}

.lesson_content .lesson-img {
  display: block;
  width: auto;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-position: top;
  height: 230px;
  max-height: 250px;
}


.lesson_content .lesson-video {
  display: block;
  width: auto;
  position: relative;
}

.lesson_content .lesson-video img {
  width: 100%;
}

.lesson_content .content-block {
}

.lesson_content .content-block .lesson-component {
  padding: 2em;
  text-align: left;
}

.lesson_content .content-block .lesson-index {
  display: block;
  padding: 0 0 0 0.2em;
  margin-bottom: -0.3em;
  font-family: opensans-semibold;
}

.lesson_content .content-block .lesson-index.fontsize0 {
  font-size: 1em;
  position: relative;
  z-index: 999;
}

.lesson_content .content-block .lesson-index.fontsize1 {
  font-size: 1em;
}

.lesson_content .content-block .lesson-index.fontsize2 {
  font-size: 1.1em;
}

.lesson_content .content-block h2.title {
  margin: 0;
  padding: 0;
}

.lesson_content .content-block h2.title.fontsize0 {
  font-size: 20px;
  margin-top: 40px;
  position: relative;
  z-index: 999;
}

.lesson_content .content-block h2.title.fontsize1 {
  font-size: 2em;
}

.lesson_content .content-block h2.title.fontsize2 {
  font-size: 2.1em;
}

.lesson_content .content-block .lesson-text {
  margin-top: 1.1em;
  line-height: 1.7em;

}

.lesson_content .content-block .lesson-text.fontsize0 {
  font-size: 16px;
}

.lesson_content .content-block .lesson-text.fontsize1 {
  font-size: 1.3em;
}

.lesson_content .content-block .lesson-text.fontsize2 {
  font-size: 1.5em;
}

.lesson-footer {
  background: #416c8e;
  color: #fff;
}

.lesson-footer .footer-index {
  color: rgba(31, 49, 74, 0.6);
  background: transparent;
  font-size: 1em;
}

.lesson-footer .footer-arrow {
  position: absolute;
  color: #fff;
}

.lesson-footer .button.button-icon:before {
  font-size: 20px;
}

.lesson-footer .footer-title {
  font-size: 1em;
  margin: auto 8px;
  width: calc(100% - 60px);
}

.case_studies {}

.case_studies .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 2em;
}

.case_studies .header .caption {
  font-family: opensans-bold;
  color: #9B9B9B;
}

.case_studies .header h2 {
  margin: -0.4em 0 0;
  padding: 0;
  font-size: 20px !important;
  font-family: opensans-bold;
  color: #1F314A;
}

.case_studies .content-block {
  top: 8em;
  margin-bottom: 50px;
}

.case_studies .content-block .subhead {
  background: #F0F0F0;
  color: rgba(31, 49, 74, 0.9);
  padding: 1em 2.5em;
  margin-bottom: 15px;
}

.case_studies .content-block h3,
.subhead h3 {
  font-family: opensans;
  color: rgba(31, 49, 74, 0.9);
  font-size: 20px;
  line-height: 20px;
}

.case_studies .content-block h4 {
  font-family: opensans;
  color: rgba(31, 49, 74, 0.6);
  font-size: 16px;
  line-height: 20px;
}

.case_studies .content-block .main-content {
  margin: 0 1em;
}

.case_studies .content-block .main-content .card {
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin: 5px;
}

.case_studies .content-block .main-content .card.active {
  border: 1px solid #6665ff82;
}

.case_studies .content-block .main-content .card .item {
  padding: 0;
  text-align: center;
}

.case_studies .content-block .main-content .card .item img {
  width: 100%;
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
  padding: 0.3em 0.3em 0;
}

.case_studies .content-block .main-content .card .item h4 {
  padding: 0.7em 0;
  font-size: 1em;
  font-family: opensans;
  color: rgba(31, 49, 74, 0.8);
}

.case_studies .content-block .main-content .card.active .item h4 {
  font-family: opensans-bold;
  color: #6665FF
}

.blank_modal {
  background: transparent;
  color: #fff;
  height: auto;
}

.blank_modal .head {
  position: relative;
  z-index: 9999;
  height: 70px;
}

.blank_modal .head h2.title {
  color: #fff;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  font-size: 20px;
  width: 80%;
}

.blank_modal .head .close_button {
  color: #fff;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 45px;
  background: rgba(4, 4, 4, 0.6);
  border-radius: 100%;
}

.blank_modal.video .head {
  background: #6665FF;
}

.blank_modal .head .close_button:before {
  font-size: 24px;
  background: #6665FF;
}

.blank_modal.article .head .close_button:before {
  background: transparent;
}

.blank_modal .blank_modal_video {
  padding-top: 10%;
}

.blank_modal .blank_modal_video img {
  width: 100%;
  padding: 6%;
  background: #6665FF;
}

.blank_modal .blank_modal_article {}

.blank_modal .blank_modal_article .text-container {
  position: relative;
  top: 0;
  left: 0;
  padding-top: 100%;
  background-size: cover;
  background-position: top;
}

.blank_modal .blank_modal_article .text-container p {
  position: absolute;
  background: linear-gradient(transparent, #000);
  padding: 2em;
  font-size: 1.3em;
  line-height: 1.5em;
  bottom: -20%;
}

/* quiz : start */

.quiz_mcq {}

.quiz_mcq .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 3em;
}

.quiz_mcq .main-content {
  padding: 0em;
}

.quiz_mcq .content-block .subhead {
  background: #F0F0F0;
  color: rgba(31, 49, 74, 0.9);
  padding: 1em 2.5em;
  margin-top: 1.5em;
  margin-bottom: 15px;
}

.quiz_mcq .content-block {
  top: 0.5em;
}

.quiz_mcq .content-block .answer-details {
  margin: 1.3em;
  background: #F0F0F0;
  padding: 1em;
  border-radius: 10px;
  text-align: center;
  margin-bottom: 50px
}

.quiz_mcq .content-block .answer-details.incorrect {
  background: #fdeaea;
}

.quiz_mcq .content-block .answer-details h3 {
  color: #17AF87;
  font-size: 20px;
}

.quiz_mcq .content-block .answer-details.incorrect h3 {
  color: #af2717;
  font-size: 20px;
}

.quiz_mcq .content-block p {
  line-height: 1.5em;
}

.quiz_mcq .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 20px;
  font-family: opensans-bold;
  color: #1F314A;
}

.quiz_mcq .header .caption {
  font-family: opensans-bold;
  color: #9B9B9B;
  font-size: 1em;
}

.quiz_mcq .main-content .col {
  padding: 0;
  position: relative;
}

.quiz_mcq .main-content .card {
  padding: 0;
  text-align: center;
  margin: 0 6px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0.5em;
}

.quiz_mcq .main-content .col.active .card {
  border: 2px solid #6665ff82;
}


.quiz_mcq .main-content .col .answer {
  position: absolute;
  bottom: -10px;
  right: 0;
  font-size: 2.1em;
  background: transparent;
  border-radius: 14px;
  display: none;
}


.quiz_mcq .main-content .col.active .answer {
  display: block;
}

.quiz_mcq .main-content .col.active .answer .right {
  color: #17AF87;
}

.quiz_mcq .main-content .col.active .answer .wrong {
  color: rgb(175, 41, 23);
}

.quiz_mcq .main-content .card .item {
  padding: 0;
}

.quiz_mcq .main-content .card.active .item h4 {
  font-family: opensans-bold;
  color: #6665FF;
}

.quiz_mcq .main-content .card .item h4 {
  padding: 1em;
  font-size: 1em;
  font-family: opensans;
  color: rgba(31, 49, 74, 0.8);
}

.drag_drop .main-content {
  height: 100%;
}

.drag_drop .main-content #questions {
  height: 200px;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: space-around
}

.drag_drop .main-content #questions .complete {
  margin: 5% auto;
  font-family: opensans-bold;
  text-align: center;
  line-height: 25px;
}

.drag_drop .main-content .buckets {
  /* display: flex;
  flex-direction: row;
  justify-content: space-between; */
  margin-top: 3.0em;
  text-align: center;
  /* position: absolute;
  bottom: 20%;
  width: 90%;
  left: 5%; */
}


.drag_drop .main-content .buckets .right_bucket {
  position: relative;
  height: 10em;
  width: 50%;
}

.drag_drop .main-content .buckets .right_bucket .card {
  height: 10em;
  border: 2px solid #17AF87;
}

.drag_drop .main-content .buckets .right_bucket h4 {
  color: #17AF87;
  width: 90%;
  margin: 0.5em auto;
  font-size: 16px;
}

.drag_drop .main-content .buckets .wrong_bucket {
  position: relative;
  height: 10em;
  width: 50%;
}

.drag_drop .main-content .buckets .wrong_bucket .card {
  height: 10em;
  border: 2px solid #D0021B;
}

.drag_drop .main-content .buckets .wrong_bucket h4 {
  color: #D0021B;
  width: 90%;
  margin: 0.5em auto;
  font-size: 16px;
}

.drag_drop .main-content .buckets .card .answer {
  position: absolute;
  top: calc(90% - 70px);
  left: 0;
  right: 0px;
  z-index: 1;
}


.drag_drop .main-content .drag_question {
  position: absolute;
  left: calc(50% - 75px) !important;
  top: 20%;
  padding: 18px 26px;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.drag_drop .main-content .drag_question img {
  width: 100px;
  padding: 10px 15px;
}

.drag_drop .main-content .drag_question span {
  display: block;
  width: 100%;
  text-align: center;
}

.drag_drop .main-content h5.info {
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 50%;
  font-size: 0.7em;
  /*text-transform: uppercase;*/
  color: #888;
}

.swipe_left_right {}

.swipe_left_right .header {}

.swipe_left_right .main-content {}

.swipe_left_right .main-content #questions {
  position: relative;
  height: calc(100vh - 165px) !important;
}

.swipe_left_right .main-content #questions .drag_question {
  position: absolute;
  left: calc(50% - 130px);
  right: calc(50% - 130px);
  font-size: 18px;
  margin-top: 30px;
  background: #fff;
  min-height: 220px;
}

.swipe_left_right .main-content #questions .drag_question img {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.swipe_left_right .main-content #questions .drag_question span {
  display: block;
  width: 100%;
  text-align: center;
}

.swipe_left_right .main-content h5.info {
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 50%;
  font-size: 0.7em;
  /*text-transform: uppercase;*/
  color: #9B9B9B;
}

.swipe_left_right .row .col {
  text-align: center;
  padding: 0 6%;
}

.swipe_left_right .row .col h4 {
  color: rgba(74, 74, 74, 0.67);
  font-size: 12px;
  background: #fff;
}

.swipe_left_right .row .col.swipe-left {}

.swipe_left_right .row .col.swipe-right {}



.scroll_meter {}

.scroll_meter .contents {
  margin-top: 120px;
}

.scroll_meter .header {}

.scroll_meter .header h2 {
  width: 82%;
  margin: 0 auto;
}

.scroll_meter .header .scroll_gauge {
  width: 84%;
  margin: 32px auto;
}

.scroll_meter .header progress {
  border-radius: 25px;
  height: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.scroll_meter .header progress[value]::-webkit-progress-value {
  background-color: #6665FF !important;
  border-radius: 25px;
  height: 5px;
}

.scroll_meter .main-content {}

.scroll_meter .main-content p {

}

.tile_view {}

.tile_view .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
  font-family: 'helveticaregular';
}

.tile_view .header .caption {
  font-family: opensans-bold;
  color: #9B9B9B;
}

.tile_view .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 20px;
  font-family: opensans-bold;
  margin-top: 5px;
}

.tile_view .contents {
  margin-top: 120px;
  margin-bottom: 45px;
}

.tile_view .contents .main-content {
  margin: 0 6%;
  margin-bottom: 50px;
}

.tile_view .contents .row {
  padding: 0;
  margin: 0;
}

/*.tile_view .contents .row .col {
  padding: 0;
  margin: 0;
}*/

.tile_view .contents .row .col .card {
  height: 150px;
  margin: 10px;
  position: relative;
  border-radius: 10px;
  display: block;
  border-width: 6px 1px 0px;
  border-style: solid;
  display: flex;
  align-items: center;
  border: none !important;
}

.tile_view .contents .row .col .card.active span {
  font-family: opensans-bold;
  color: #4A4A4A;
}

.tile_view .contents .row .col .card.yellow {
  border-color: #FFD750;
}

.tile_view .contents .row .col .card.yellow.active {
  background: #FFD750;
}

.tile_view .contents .row .col .card.orange {
  border-color: #F5A623;
}

.tile_view .contents .row .col .card.cyan {
  border-color: #50E3C2;
}

.tile_view .contents .row .col .card.green {
  border-color: #B8E986;
}

.tile_view .contents .row .col .card.magenta {
  border-color: #6665FF;
}

.tile_view .contents .row .col .card.pink {
  border-color: #FF3669;
}

.tile_view .contents .row:first-child .card {
  border-color: #FFD750;
}

.tile_view .contents .row:nth-child(2) .card {
  border-color: #F5A623;
}

.tile_view .contents .row:nth-child(3) .card {
  border-color: #50E3C2;
}

.tile_view .contents .row:nth-child(4) .card {
  border-color: #B8E986;
}

.tile_view .contents .row:nth-child(5) .card {
  border-color: #009688;
}

.tile_view .contents .row:nth-child(6) .card {
  border-color: #6e50ff;
}

.tile_view .contents .row:nth-child(7) .card {
  border-color: #d316e6;
}

.tile_view .contents .row:nth-child(8) .card {
  border-color: #6916e6;
}

.tile_view .contents .row:nth-child(9) .card {
  border-color: #004e00;
}

.tile_view .contents .row:nth-child(10) .card {
  border-color: #50E3C2;
}

.tile_view .contents .row:nth-child(11) .card {
  border-color: #FF3669;
}

.tile_view .contents .row:nth-child(12) .card {
  border-color: #6916e6;
}

.tile_view .contents .row:first-child .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(2) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(3) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(4) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(5) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(6) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(7) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(8) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(9) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(10) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(11) .markcomplete {
  background-color: transparent;
}

.tile_view .contents .row:nth-child(12) .markcomplete {
  background-color: transparent;
}


.tile_view .contents .row .markcomplete i {
  color: #1fc344;
}


.tile_view .contents .row .col .card span {
  display: block;
  text-align: center;
  position: absolute;
  left: calc(10%);
  width: 80%;
  color: rgba(31, 49, 74, 0.80);
}


.achievements {}

.achievements .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.achievements .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.achievements .contents {
  margin-top: 60px;
}

.achievements .contents .list {
  margin-left: 1em;
}

.achievements .contents .list .item {}

.achievements .contents .list .item .item-avatar {
  padding-left: 82px;
}

.achievements .contents .list .item h2 {
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.9);
  font-size: 0.9em;
}

.achievements .contents .list .item p {
  font-family: opensans;
  color: rgba(31, 49, 74, 0.6);
  font-size: 0.8em;
}

.achievements .contents .list .item .badge {
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.6);
  border: 1px solid;
  border-radius: 40px;
}

.achievements .contents .list.leaders .item:first-child {
  background-image: url('../img/achiever_first_bg.png');
  background-color: rgba(255, 214, 80, 0.6);
}

.achievements .contents .list .item:first-child .badge {
  color: #fff;
  background: #FFD750;
  border: none;
}

.achievements .contents .list .item:nth-child(2) .badge {
  color: #FFD750;
}

.achievements .contents .list .item:nth-child(3) .badge {
  color: #FFD750;
}


.modal_congrats {
  background: url(../img/mod_congrats_bg.png) 0 40px, linear-gradient(#FF9C79, #FF6F6F);
  background-repeat: no-repeat;
  background-origin: border-box;
  background-size: contain;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_congrats .main-content {
  text-align: center;
  width: 80%;
  align-items: center;
  color: #fff;
  position: absolute;
  bottom: 20%;
}

.modal_congrats .main-content h1 {
  color: #fff;
}

.modal_congrats .main-content p {
  font-size: 1.2em;
  font-family: opensans-semibold;
}

.modal_congrats .main-content .button {
  border-radius: 30px;
  color: rgba(101, 101, 255, 0.8);
  font-family: opensans-bold;
  padding: 0 1.5em;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
  margin-top: 5%;
}

.modal_error {
  background: url(../img/mod_error_bg.png), #EFF1F3;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_error .main-content {
  text-align: center;
  width: 100%;
  align-items: center;
  position: absolute;
  bottom: 15%;
}

.modal_error .main-content h4 {
  font-family: opensans-semibold;
  color: #302C48;
}

.modal_error .main-content p {
  font-family: opensans-semibold;
  color: rgba(48, 44, 72, 0.7);
}

.modal_error .main-content button {
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  color: #484271;
  /*text-transform: uppercase;*/
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}

.modal_connection {
  background: url(../img/mod_connection_bg.png), #EFF1F3;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}


.modal_connection .main-content {
  width: 80%;
  align-items: center;
  position: absolute;
  bottom: 20%;
}

.modal_connection .main-content h4 {
  font-family: opensans-bold;
  color: #302C48;
}

.modal_connection .main-content p {
  font-family: opensans-semibold;
  color: rgba(48, 44, 72, 0.7);
}

.modal_connection .main-content button {
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  background: #484271;
  color: #fff;
  /*text-transform: uppercase;*/
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}


.modal_ruka_offline {
  background: url(../img/mod_ruka_offline_bg.png), #D1C6B2;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}


.modal_ruka_offline .main-content {
  text-align: center;
  width: 80%;
  align-items: center;
}

.modal_ruka_offline .main-content h4 {
  font-family: opensans-bold;
  color: #4A423A;
  font-size: 1.8em;
}

.modal_ruka_offline .main-content p {
  font-family: opensans-semibold;
  color: rgba(74, 66, 58, 0.7)
}

.modal_ruka_offline .main-content button {
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  color: #4A423A;
  /*text-transform: uppercase;*/
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}

.modal_access {
  background: url(../img/mod_access_bg.png), #EFF1F3;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-origin: border-box;
  font-family: opensans;
  display: flex;
  align-items: center;
  justify-content: center;
}


.modal_access .main-content {
  text-align: center;
  width: 80%;
  align-items: center;
  position: absolute;
  bottom: 20%;
}

.modal_access .main-content h4 {
  font-family: opensans-semibold;
  color: #302C48;
}

.modal_access .main-content p {
  font-family: opensans-semibold;
  color: rgba(48, 44, 72, 0.7);
}

.modal_access .main-content button {
  border-radius: 30px;
  padding: 0 2.2em;
  font-family: opensans-semibold;
  background: #ED72AD;
  color: #fff;
  /*text-transform: uppercase;*/
  margin-top: 5%;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.3);
}



/* quiz : end */




/*Progress*/
.progress {
  width: 100%;
  display: block;
  background-color: #e3e3e3 !important;
  border-radius: 25px;
  height: 5px;
  margin: 10px auto !important;
}

.courses .col-50 {
  float: left;
}

.popup-container .popup .popup-head {
  display: none;
}

.popup-body {
  text-align: center;
  color: #fff !important;
  font-family: light;
  font-size: 16px;
}

.icon_container {
  background: #fa7526;
  padding: 15px 0;
}

.icon_container i {
  font-size: 80px;
  color: #fff;
}

.popup-body {
  padding: 0;
}

.popup-body .popuptitle .circle {
  display: none !important;
}

.popup-body .popuptitlewithassessment .circle {
  display: none !important;
}

.popup .popup-buttons {
  height: auto !important;
  bottom: 0;
  margin: auto;
  padding-bottom: 8px;
}

.popup-container .popup-buttons .button {
  min-height: auto;
  padding: 6px 35px 8px 35px;
  ;
  border-radius: 4px;
  color: #fff;
  background: #5bb57a;
  font-size: 18px;
  flex: auto;
  border: none;
}

.ok-button {
  color: #fff !important;
  background: #e86b75 !important;
}

.popuptitle {
  color: #676767;
  font-size: 18px;
  padding: 20px 0;
  width: 90%;
  margin: auto;
  font-family: 'helveticaregular' !important;
}

.popuptitlewithassessment {
  color: #676767;
  font-size: 20px;
  padding:0 0 10px 0;
  width: 90%;
  margin: auto;
}

.popup-buttons {
  min-height: inherit;
}

.pane[hide-nav-bar="true"] .has-tabs-top {
  top: 50px;
}

.lesson-component ol,
.main-content ol {
  list-style: decimal;
  padding-left: 20px;
}

.lesson-component ul,
.main-content ul {
  /*list-style: disc;
  padding-left: 20px;*/
}

.lesson-component li,
.main-content li {
  /*padding-left: 5px;
  margin-bottom: 5px;*/
}

.topic_description {
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 50%;
  font-size: 0.7em;
  /*text-transform: uppercase;*/
  color: #888;
  margin-bottom: 1.0em;
}

h2.topic_description {
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 80%;
  font-size: 1.0em;
  text-transform: none;
  color: #9B9B9B;
  margin-bottom: 1.0em;
}

.lessoncontenttext .contenttext {
  background: rgba(0, 0, 0, 0.7);
  padding: 2em;
  font-size: 1.0em;
}

.lessoncontenttext .contenttext ol {
  list-style: decimal;
  padding-left: 20px;
}

.lessoncontenttext .contenttext ol ul {
  list-style: disc;
  padding-left: 20px;
}

.lessoncontenttext .contenttext ol li {
  padding-left: 5px;
  margin-bottom: 5px;
}

.blank_modal .blank_modal_article .text-container.lessoncontenttext {
  padding-top: 0 !important;
  height: 100%;
}

.lessoncontenttext .contenttext ol ul li {
  padding-left: 0;
}
/*
.ecd_menu .row,
.row {
  margin: 0;
} */

.help {}

.help .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.help .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.help .contents {
  margin-top: 35px;
  float: left;
  width: 100%;
}

.help .contents .webviewquiz.custommobileview {
  float: left;
  width: 100%;
}

.help .contents .list {
  margin-left: 1em;
}

.mysurvey.help .scroll {
  float: none;
}

.help .contents .list .item-icon-right .icon {
  font-size: 24px;
  color: rgba(48, 44, 72, 0.5);
}

.help .contents .list .item {
  padding: 16px 54px 16px 16px;
  border-top: 1px solid rgba(48, 44, 72, 0.1);
  margin-bottom: 0;
}

.help .contents .list .item.active,
.help .contents .list .item.activated {
  color: #6665FF;
  background: transparent;
}

.help .contents .list .item h2 {
  font-family: opensans-bold;
  color: #1F314A;
  font-size: 1.1em;
}

.help .contents .list .item.active h2,
.help .contents .list .item.activated h2 {
  color: #6665FF;
}


.help .list .item-accordion {
  padding: 0px 16px;
  color: rgba(31, 49, 74, 0.7);
  font-size: 1.1em;
}

.help .list .item-accordion.ng-hide {}

.help .list .item-accordion.ng-hide-add,
.help .list .item-accordion.ng-hide-remove {}

.feedback .content-block {
  margin-top: 14px;
}

.feedback .content-block h2 {
  margin: 0;
  padding: 0;
  color: #1F314A;
}

.feedback .content-block .regsiteration_form .inputs {
  padding: 2em;
  text-align: left;
}

.feedback .content-block .regsiteration_form textarea.inputs {
  height: 8em;
  border-radius: 20px;
}

.notifications {}

.notifications .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.notifications .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.notifications .contents {
  margin-top: 60px;
}

.notifications .contents .list {}

.notifications .contents .list .item-divider {
  color: #1F314A;
  font-family: opensans-bold;
  font-size: 1.3em;
  padding-left: 1em;
}

.notifications .contents .list .item {}

.notifications .contents .list .item img {}

.notifications .contents .list .item .item-note {
  color: #6665FF;
  font-size: 0.8em;
}

.notifications .contents .list .item h2 {
  color: #1F314A;
  padding-right: 25%;
  line-height: 24px;
}

.notifications .contents .list .item p {
  padding-right: 25%;
  color: rgba(31, 49, 74, 0.9);
}

.profile {}

.profile .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.profile .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.profile .tab-ecd {
  background: #fff;
  /* padding-bottom: 30px; */
}

.profile .tab-nav.tabs {
  width: 100%;
  background: #fff;
  display: flex;
  margin-left: 0;
  left: 0;
  height: 75px;
  line-height: 30px;
  padding-top: 10px;
}

.profile .contents {
  /* margin-top: 60px; */
  background: transparent;
}

.profile .contents .tab-ecd .scroll {
  overflow: auto;
  padding-bottom: 80px;
}

.profile .contents .course_info {
  text-align: center;
  background: #fff !important;
}

.profile .contents .profile_info {
  text-align: center;
  background: #fff;
}


.profile .contents .profile_info img {
  border-radius: 50%;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
  min-width: 120px;
}

.profile .contents .profile_info h2 {
  margin: 0;
  font-family: opensans;
  font-size: 1.3em;
  color: rgba(31, 49, 74, 0.9);
}

.profile .contents .profile_info .button.button-ecd {
  margin: 1em 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.profile .contents .col.completed,
.profile .contents .col.inprogress {
  text-align: center;
  /*text-transform: uppercase;*/
  color: rgba(31, 49, 74, 0.4);
}

.profile .contents .col.completed .count,
.profile .contents .col.inprogress .count {
  font-size: 1.4em;
  color: rgba(31, 49, 74, 0.8);
  margin: 0;
}

.profile .contents .col.completed span,
.profile .contents .col.inprogress span {
  font-size: 0.8em;
}

.profile .contents .list {
  /* padding-left: 1em; */
  /* background: #fff; */
}

.profile .contents .list .item {}

.profile .contents .ecd-row {
  margin-top: 10px;
}

.profile .contents .list .item .item-avatar {
  padding-left: 82px;
}

.profile .contents .list .item h2 {
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.9);
  font-size: 0.9em;
}

.profile .contents .list .item p {
  font-family: opensans;
  color: rgba(31, 49, 74, 0.6);
  font-size: 0.8em;
}

.profile .contents .list .item .badge {
  font-family: opensans-bold;
  color: rgba(31, 49, 74, 0.6);
  border: 1px solid;
  border-radius: 40px;
  background: none;
}

.profile .contents .list.leaders .item:first-child {
  background-image: url('../img/achiever_first_bg.png');
  background-color: rgba(255, 214, 80, 0.6);
}

.profile .contents .list .item:first-child .badge {
  color: #fff;
  background: #FFD750;
  border: none;
}

.profile .contents .list .item:nth-child(2) .badge {
  color: #FFD750;
  background: none;
}

.profile .contents .list .item:nth-child(3) .badge {
  color: #FFD750;
  background: none;
}

.profile_edit {}

.profile_edit .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 10px;
}

.profile_edit .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: 'helveticaregular' !important;
}

.profile_edit .tab-nav.tabs {
  width: 100%;
  background: #fff;
  display: flex;
  margin-left: 0;
  position: static;
}

.profile_edit .tab-nav a.tab-item {
  max-width: 50%;
  margin: 0;
  color: #1D1D26;
}

.profile_edit .tab-nav a.tab-item.tab-item-active {
  border-width: 0px 0px 5px 0px !important;
  border-color: #2391FF;
}

.profile_edit .tab-ecd {
  top: 2px !important;
  background: #EFF1F5;
  text-align: center;
  padding-top: 7%;
}

.profile_edit .contents {
  margin-top: 55px;
  background: transparent;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 50px;
}

.profile_edit .contents .tab-ecd .scroll {
  height: 120% !important;
}

.profile_edit .contents .course_info {
  text-align: center;
  background: #fff;
}

.profile_edit .contents .profile_info {
  text-align: center;
  background: #fff;
}

.profile_edit .contents .profile_info .proset {
  text-decoration: none;
  width: 152px;
  height: 152px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.profile_edit .contents .profile_info .proset .change-pic {
  position: absolute;
  right: 15px;
  bottom: 15px;
  height: 45px;
  width: 45px;
  font-size: 32px;
  background: #6564ff;
  padding: 0px 9px;
  border-radius: 50%;
  color: #fff;
}

.profile_edit .contents .profile_info img {
  border-radius: 50%;
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.profile_edit .contents .settings_form {
  width: 90%;
  margin: 0 auto;
}

.profile_edit .contents .settings_form .item,
.profile_edit .contents .settings_form .item.item-select select {
  background-color: transparent;
  color: #6564ff;
}

.profile_edit .contents .settings_form .input-label {
  text-align: left;
  color: rgba(31, 49, 74, 0.9);
  font-size: 1.1em;
}

.profile_edit .contents .profile_info h2 {
  margin: 0;
  font-family: opensans;
  font-size: 1em;
  color: rgba(31, 49, 74, 0.9);
}

.profile_edit .contents .profile_info .button.button-ecd {
  margin: 1em 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.profile_edit .contents .list {}

.profile_edit .content-block .regsiteration_form input {
  display: block;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 1em;
  width: 79%;
  height: 3em;
  border-radius: 40px;
  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  padding-left: 6%;
  font-size: 1.3em;
  border: none;
}

.profile_edit .content-block .button-ecd-join {
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
}

.profile .tabs-top>.tabs {
}

.mentor_insights {
  background: #EFF1F5;
}

.mentor_insights .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.mentor_insights .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.mentor_insights .contents {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mentor_insights .contents .list {}


.mentor_insights .button.button-ecd {
  background-color: #fa7526;
  color: #fff;
  border-radius: 0px;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  font-family: 'sfns_displaybold' !important;
  font-size: 24px;
  /*text-transform: uppercase;*/
  padding: 15px 0;
}


.mentor_insights .contents .list .insight-item {
  border-bottom: 1px solid rgb(218, 220, 222);
  margin: 0 16px;
}

.mentor_insights .contents .list .item-avatar {
  background: transparent;
}

.mentor_insights .contents .list .item-avatar h2 {
  line-height: 18px;
  font-size: 14px;
  font-family: opensans;
  color: rgba(31, 49, 74, 0.9);
}

.mentor_insights .contents .list .item-icon-right .ddown {
  right: 0;
  top: 11px;
  height: 32px;
  color: rgba(31, 49, 74, 0.5);
  font-size: 21px;
}

.mentor_insights .contents .list .item-avatar .item-body {
  padding-left: 72px;
  margin-right: 0px;
}

.mentor_insights .contents .list .item-avatar .item-body>img:first-child {}

.mentor_insights .contents .list .item-avatar .item-body>p {
  color: rgba(31, 49, 74, 0.9);
  margin: 0;
  font-size: 12px;
  line-height: 18px;
}

.mentor_insights .contents .list .item-divider.outer {
  display: flex;
  justify-content: space-between;
  background: transparent;
}

.mentor_insights .contents .list .inner {
  display: flex;
  justify-content: space-between;
  margin-top: 6px
}

.mentor_insights .contents .list .inner .votes {
  position: relative;
  width: 50%;
  height: 32px;
}

.mentor_insights .contents .list .inner .votes .upvote {
  position: absolute;
  width: 25%;
  display: block;
  height: 32px;
  left: 0;
  color: #000;
  font-size: 1.5em;
  padding: 5px;
}

.mentor_insights .contents .list .inner .votes .downvote {
  width: 25%;
  height: 32px;
  display: block;
  position: absolute;
  left: 30%;
  color: #000;
  font-size: 1.5em;
  padding: 5px;
}

.mentor_insights .contents .list .inner .votes .downvote i {
  vertical-align: text-bottom !important;
}

.mentor_insights .contents .list .inner .votes .vote-count {
  display: block;
  position: absolute;
  left: 53%;
  padding: 7px;
  font-size: 0.9em;
  font-family: opensans-bold;
}

.mentor_insights .contents .list .inner .reply-reply {
  position: relative;
  width: 50%;
}

.mentor_insights .contents .list .inner .reply-reply .reply2 {
  position: absolute;
  top: 6px;
  right: 0px;
  font-size: 0.9em;
  color: rgba(101, 101, 255, 0.9);
}

.mentor_insights .contents .list .inner .reply-reply .reply2 .ion-reply:before {
  top: 3px;
  position: relative;

}

.mentor_insights .contents .list .item-divider .answer_count {
  padding-left: 72px;
  color: rgba(101, 101, 255, 0.9);
}

.mentor_insights .contents .list .item-divider .reply {
  color: rgba(101, 101, 255, 0.9);
  padding-right: 10px;
  position: relative;
}

.mentor_insights .contents .list .item-divider.outer .reply i {
  font-size: 1.4em;
  position: absolute;
  left: -26px;
  top: -5px;
}

.mentor_insights .contents .list .item-divider.outer .reply .ion-reply:before {
  font-size: 1.3em;
  top: 1px;
  position: relative;
}

.blank_modal.blank_modal_askq .head .close_button:before {
  background: transparent;
}

.blank_modal.blank_modal_askq .contents {
  background: #fa7526;
  height: 100%;
}

.blank_modal.blank_modal_askq .contents .text-container {
  display: flex;
  justify-content: center;
  margin-top: 150px;
}

.blank_modal.blank_modal_askq .contents .text-container form {
  width: 90%;
  font-family: 'helveticaregular';
}

.blank_modal.blank_modal_askq .contents .text-container form textarea {
  border-radius: 25px;
  padding: 25px;
  width: 100%;
  color: black;
  font-size: 18px;
}

.blank_modal.blank_modal_askq .contents .text-container button.button-ecd {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  width: 30%;
  margin: 5% 35%;
  border-radius: 25px;
  color: #fa7526;
  font-family: 'sfns_displaybold' !important;
  /*text-transform: uppercase;*/
  font-size: 22px;

}

.drag_drop.textsliders .main-content .drag_question {
  width: 80%;
  min-height: 160px;
  left: inherit !important;
  display: flex;
  align-items: center;
  background: #efefef;
}

.drag_drop.textsliders .main-content .buckets .card .answer {
  background: #fff;
  overflow: hidden;
  width: 90%;
  margin: auto;
  font-size: 11px;
}

.blank_modal .blank_modal_article .text-container.lessoncontenttext p {
  padding: 0;
  background: none;
  position: relative;
}

.page_poster img {
  margin-bottom: 20px;
  width: 150px;
}

flip_page_poster img {
  width: auto;
}

.flipcards .scroll {
  width: 90%;
  margin: auto;
}

.lessoncontentpage .swipe-cards swipe-card .module_content_slide_item {
  height: 280px !important;
  display: flex;
  align-items: center;
}

#modulecontentdata .module_content_slide_item2 {
  height: 290px !important;
  display: flex;
  align-items: center;
}

.swipe-card .image_content {
  width: 95%;
  margin: auto;
  text-align: center;
}

.page_poster_content p {
  line-height: 28px;
  font-size: 16px !important;
}

.swipe-cards {
  margin-top: 30px;
  width: 100%;
}

.swipe-card .image_content .lessontitle {
  font-size: 20px;
  margin: 15px 0;
}

.swipe-cards ol {
  list-style: decimal;
  margin-left: 20px;
  text-align: left;
}

.lessons-list .item,
.insight-item .item {
  margin-bottom: 0;
}

.posterimagediv img {
  width: 100%;
}

.lessonpopupcontainer.text-container {
  background: rgba(0, 0, 0, 0.9);
  overflow: auto;
}

.lessonpopupcontainer.text-container .contenttext {
  background: none;
}

.blank_modal .blank_modal_article .lessonpopupcontainer.text-container p {
  font-size: 1.0em;
}

.myprofile .scroll {
  width: 90%;
  margin: auto;
  margin-top: 80px;
}


.loginpage .progresspopups,
.registrationpopup .progresspopups,
.coursetopic.progresspopups {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: table;
  background: #444444 !important;
}

.loginpage .progresspopups .container,
.registrationpopup .progresspopups .container,
.coursetopic.progresspopups .container {
  display: table-cell;
  vertical-align: middle;
}

.loginpage .progress {
  height: 12px !important;
  font-size: 1em;
  text-align: center;
  color: #bbb;
  font-weight: 100;
  background-image: linear-gradient(to bottom, #e0e0e0 0, #bdbdbd 100%);
  top: 50%;
  margin-top: 15px;
}

.registrationpopup .progress,
.coursetopic .progress {
  position: absolute;
  width: 100%;
  height: 100%;
  line-height: 30px;
  font-size: 1em;
  text-align: center;
  color: #bbb;
  font-weight: 100;
  background-image: linear-gradient(to bottom, #b7b7b7 0, #7b7b7b 100%);
}

.loginpage .loginprogress,
.registrationpopup .loginprogress,
.coursetopic .loginprogress {
  background: transparent;
  width: 100%;
  margin-top: 50px;
  font-size: 30px;
  height: 100px !important;
}

.loginpage .progress,
.registrationpopup .progress,
.coursetopic .progress {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  color: #fff !important;
}

.loginpage .progress .loadingcontent,
.registrationpopup .progress .loadingcontent,
.coursetopic .progress .loadingcontent {
  margin-bottom: 0;
  line-height: 20px;
  font-size: 11px;
  margin-top: 15px;
}

.coursetopic.progresspopups.modal .progress {
  background: none !important;
}

.module_quizz input {
  border: none;
  border-bottom: solid 1px #ccc !important;
  width: 100%;
  font-size: 16px;
  margin-bottom: 40px;
}



.module_quizz input[type="radio"] {}

.customregistration .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
  margin: 0px 10px 0 0;
  vertical-align: middle;
}

.customregistration input:checked+.slider {
  background-color: #1ebd61;
}

.customregistration .slider.round {
  border-radius: 34px;
}

.customregistration .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  visibility: visible;
}

.slider {
  position: relative;
  visibility: hidden;
  overflow: hidden;
}

.customregistration .slider.round:before {
  border-radius: 50%;
}

.customregistration .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}




.customregistration input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.btn-spacing {
  margin-top: 40px !important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.newquizstyles .form-group label,
.lessonnewquizstyles .form-group label {
  font-size: 20px;
  margin-bottom: 20px;
  display: none;
}

.lessonnewquizstyles .showlabel label {
  font-size: 14px;
  margin-bottom: 20px;
  display: block !important;
  color: #666;
  /* font-weight: normal; */
}

.lessonnewquizstyles .form-group .list label {
  display: block !important;
}



.myprofile .subgrouptwo,
.myprofile .subgroupthree,
.mysurvey .subgroupthree,
.mysurvey .subgrouptwo,
.mainquestioncontainer .subgroupthree {
  float: left;
  margin-right: 8px;
  font-size:16px;
  color: #666;
  font-family: 'helveticaregular' !important;
}

.assignmentupload {
  margin-bottom: 40px;
}

.lessonnewquizstyles input {
  border: none;
  border: dashed 1px #10b872 !important;
  width: 100%;
  font-size: 14px;
  padding: 5px;
}

.myprofile .lessonnewquizstyles input,
.mysurvey .lessonnewquizstyles input {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  font-family: 'helveticaregular' !important;
}
.lessonlabel .item-radio .item-content .listname span,
.picquiz.withimages .lessonlabel .optiontitle{font-family: 'helveticaregular' !important;}
.lessonlabel .item-radio .item-content {
  padding:5px 10px;
  padding-right: 25px !important;
  background: transparent;
  font-weight: normal !important;
}

.lessonlabel label {
  float: left;
  width: auto;
  padding: 8px 10px !important;
  padding-right: 30px !important;

  border: solid 1px #ccc;
  font-size: 14px !important;
}

.lessonquizmain .list .item {
  padding: 0;
  margin: 0;
  background-color: transparent !important;
  display: block;
}

.item {
  border: none;
}

.item,
.item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal !important;
}

.lessonquizmain .list .item {
  color: #333 !important;
}

.lessonquizmain .list .item {
  padding: 0;
  margin: 5px;
  background: #e4e9ff;

}


.lessonnewquizstyles .form-group .list label {
  background: #e4e9ff !important;
  font-family: 'helveticaregular' !important;
}

.lessonquizmain .list .item {
  margin-bottom: 5px;
}

.formly-field-select {
  margin-bottom: 40px;
}

.lessonlabel label {
  float: left;
  width: auto;
  padding: 8px 10px !important;
  padding-right: 30px !important;

  border: solid 1px #ccc;
  font-size: 14px !important;
}

.item-radio input:checked~.radio-icon {
  visibility: visible;
}

.lessonquizmain .item-radio .radio-icon {
  padding: 8px;
  font-size: 16px;
}

.module_quizz .item-radio input:checked~.item-content {
  background-color: transparent;
}


.item-radio .radio-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  visibility: hidden;
  padding: 14px;
  height: 100%;
  font-size: 24px;
}

.disable-pointer-events {
  pointer-events: none;
}

.dynamicprofilepage .select2-container .select2-choice {
  line-height: 24px;
  padding:4px;
  border-radius: 2px;
  height: 29px;
}


.popup .popup-buttons .button {
  border: none;
  color: green;
  font-family: bold;
  background-color: #fff;
}

.termsandconditionspopup .popup-body {
  background-color: #677bd8;
  padding: 20px;
}

.termsandconditionspopup .popup-buttons i {
  font-size: 30px !important;
}


.dynamicprofilepage .btn-primary:disabled,
.dynamicprofilepage .btn-primary[disabled] {
  background: #419641;
  position: relative;
  transition: 0.3s;
  border: none;
}

.dynamicprofilepage .btn-primary {
  background: #13c276;
  border: none;
  transition: 0.3s;
}

.dynamicprofilepage .btn-primary:hover {
  background: #28d88c;
}

.info i:before {
  content: "\f44c";
}

.info i:before {
  display: inline-block;
  font-family: "Ionicons";
}

.popup .popup-buttons .button {

}

.popup-container .popup-buttons .button {
  min-height: auto;
  padding: 5px 35px 8px 35px;
  border-radius: 4px;
  color: #fff;
  background: #5bb57a;
  font-size: 18px;
  flex: auto;
  border: none;
}

.videocontainertext {
  color: #3e3e3e;
}

.videocontainertext.lessoncontenttext .contenttext {
  background: none !important;
}

.videocontainermain .has-footer {
  margin-top: 50px;
}

.slidecls0 {
  background: #7e4bc7;
}

.slidecls1 {
  background: #09baf7;
}

.slidecls2 {
  background: #f29b26;
}

.slidecls3 {
  background: #8f4bbd;
}

.slidecls4 {
  background: #7160ca;
}

.slidecls5 {
  background: #ef2c79;
}

.slidecls6 {
  background: #16a5f6;
}

.slidecls7 {
  background: #579306;
}

.slidecls8 {
  background: #f4d071;
}

.slidecls9 {
  background: #ef2979;
}

.lessoncontentpage .swipe-cards swipe-card .module_content_slide_item,
.lessoncontentpage .swipe-cards swipe-card .module_content_slide_item2 {
  color: #fff;
}

#modulecontentdata .module_content_slide_item2 {
  font-size: 18px;
  line-height: 26px;
}

.module_content_slide_item2 .lessontitle {
  font-weight: 700;
}

.swipeleftright0 {
  background: #7e4bc7 !important;
}

.swipeleftright1 {
  background: #09baf7 !important;
}

.swipeleftright2 {
  background: #f29b26 !important;
}

.swipeleftright3 {
  background: #8f4bbd !important;
}

.swipeleftright4 {
  background: #7160ca !important;
}

.swipeleftright5 {
  background: #ef2c79 !important;
}

.swipeleftright6 {
  background: #16a5f6 !important;
}

.swipeleftright7 {
  background: #579306 !important;
}

.swipeleftright8 {
  background: #f4d071 !important;
}

.swipeleftright9 {
  background: #ef2979 !important;
}

.swipe_left_right .main-content #questions .drag_question {
  color: #fff;
  font-size: 16px;
}

.did_you_know {
  background: linear-gradient(#6665FF, #fff);
}

.did_you_know .bar-ecd-footer .button-ecd {
  margin: 0 auto;
}

.did_you_know h2 {
  color: #EFF1F5;
}

.did_you_know .did-you-know-title {
  width: 100%;
  float: left;
}

.did_you_know .slider-pager {
  bottom: 0;
}

.did_you_know .lamborghini .gallardo:before,
.did_you_know .lamborghini .Diablo:before {
  color: #fff;
}

.did_you_know img {
  width: 25%;
  margin-top: 20px;
}

.did_you_know .board {
  margin-bottom: 10%;
}

.did_you_know p {
  padding: 25px;
  background: #fff;
  border-radius: 25px;
  min-height: 300px;
  font-size: 1.8em;
}

.did_you_know p .high {
  font-family: opensans-bold;
  color: #6665FF;
  font-size: 1.3em;
  display: block;
}

.did_you_know .scroll-content {
  margin-top: 60%;
}


swipe_left_right {}

.swipe_left_right .header {}

.swipe_left_right .main-content {}

.swipe_left_right .main-content #questions {
  position: relative;
  height: 325px;
}

.swipe_left_right .main-content #questions .drag_question {
  position: absolute;
  left: calc(50% - 130px);
  right: calc(50% - 130px);
  border-radius: 3px;
  padding: 10px;
  padding-top: 80px;
}

.swipe_left_right .main-content #questions .drag_question img {
  margin: 0 auto;
  max-height: 65px;
  max-width: 65px;
  text-align: center;
  display: block;
}

.swipe_left_right .main-content #questions .drag_question span {
  display: block;
  width: 100%;
  text-align: center;
}

.swipe_left_right .main-content h5.info {
  line-height: 1.4em;
  text-align: center;
  margin: 0 auto;
  width: 70%;
  font-size: 0.7em;
  /*text-transform: uppercase;*/
  color: #9B9B9B;
}

.swipe_left_right .row .col {
  text-align: center;
  padding: 0 6%;
}

.swipe_left_right .row .col h4 {
  color: rgba(74, 74, 74, 0.67);
}

.swipe_left_right .row .col.swipe-left {}

.swipe_left_right .row .col.swipe-right {}

.main-content .row.swipers {
  position: absolute;
  bottom: 0px !important;
}

.swipe_left_right .main-content h4.info {
  line-height: 1.4em;
  text-align: center;
  /* margin: calc(50% - 100px) auto;
  width: 70%; */
  font-size: 1.5em;
  /*text-transform: uppercase;*/
  color: #6564ffd9;
}

.case_studies .blank_modal_article .scroll {
  height: 100%;
}

.video-js .vjs-big-play-button {
  top: calc(50% - 35px) !important;
  left: calc(50% - 45px) !important;
}

.module_content_slide_item2 ul {
  text-align: left;
  margin-left: 20px;
}

.module_content_slide_item2 ul li {
  list-style: decimal;
}

.swipecardbutton {
  background: #21a575;
  color: #fff;
  padding: 10px;
  position: absolute;
  bottom: -15px;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  font-size: 32px;
  line-height: 0;
  right: 20px;
  cursor: pointer;
}

.swipecardbutton i {
  margin-top: -5px !important;
  display: block;
  margin-left: 5px;
}

.popupnext.swipecardbutton {
  bottom: 20px !important;
}

swipe-card {
  overflow: visible !important;
}

.thumbnailimage {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 10%;
}


.course_content.scrolling .scroll-content {
  height: 55% !important;
  overflow-x: hidden !important;
}
.popup-container .popup-buttons .button {
    background: #3359F7 !important;
        margin-bottom: 10px !important;
}
.popup-container .popup-buttons .ok-button {
  color: #fff !important;
  background: #444444 !important;
}

.video-js .vjs-overlay {
  color: black !important;
  position: absolute;
  top: 5%;
  left: 10%;
  width: 50%;
  height: 50%;
  background: rgba(134, 134, 134, 0.4) !important;
}

.video-js .vjs-overlay.simulation-vjs-overlay {
  position: absolute;
  top: 5%;
  width: 50%;
  left: 15%;
  height: 70%;
}

.dashboard.mycustomlesson .mainquestioncontainer {
  margin-top: 30px;
}

.lessonnewquizstyles .form-group .list label {
  padding: 0px !important;
}

.iframeclass .form-group {
  margin-bottom: 0 !important;
}

@media only screen and (min-width: 990px) {
  .vjs-fullscreen .vjs-overlay {
    width: 40% !important;
    left: 30% !important;
    height: 50% !important;
    top: 25% !important;
  }
}

@media only screen and (min-width:320px) and (max-width: 599px) {
  .video-js .vjs-overlay {
    top: 1%;
    left: 1%;
    width: 98%;
    height: 98%;
  }

  .video-js.vjs-fullscreen .vjs-overlay {
    top: 15%;
    height: 70%;
    width: 100%;
    left: 0%;
  }
}

@media only screen and (min-width: 600px) {
  .video-js .vjs-overlay {
    width: 80%;
    left: 10%;
    height: 90%;
  }

  .blank_modal_article.scroll-content .scroll {
    height: 100%;
  }
}

@media only screen and (min-width: 600px) and (max-width: 620px) {
  .vjs-fullscreen .vjs-overlay {
    top: 30%;
    left: 15%;
    width: 70%;
    height: 40%;
  }
}


.courselanding .item {
  cursor: pointer;
}

.lessoncontentpage .swipe-cards swipe-card {
  width: 90% !important;
  min-width: 90%;
  left: 5%;
  margin: auto;
}

.hidenextbuttonshow .button {
  margin: auto;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;
  border-radius: 40px;
  height: 42px;
  line-height: 42px;
  display: table !important;
}

.hidenextbuttonshow {
  float: left;
  width: 100%;
}

.hidenextbuttonshow a {
  display: table !important;
  margin: auto;
}

.vjs-brand-container img {
  display: none;
}

.vjs-button>.vjs-icon-placeholder:before {
  font-size: 26px !important;
  line-height: 30px !important;
}

.registrationpopup .withimages .item-content {
  text-align: center !important;
}

.registrationpopup .item-content .attachment {
  width: 100% !important;
}

.complete.hidenextbuttonshow h4 {
  line-height: 30px;
}

.complete.hidenextbuttonshow .button {
  margin-top: 10px;
}

.registrationpopup .mainquestioncontainer .subgroupone {
  display: none;
}

.alert-danger {
  color: #fff !important;
  background: #900 !important;
  border-color: #ebccd1;
  display: inline-block;
  padding: 5px 15px !important;
  margin: 10px 0;
  border-radius: 0 !important;
  border: none;
  font-size: 13px;
  position: relative;
}

.alert-danger .glyphicon {
  display: none;
}

.message_top {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #900;
  position: absolute;
  top: -4px;
  left: 10px;
}

.registrationpopup .form-group {
  margin-bottom: 30px;
}

.registrationpopup .module_quizz input {
  margin-bottom: 0;
}

.registrationpopup .showlabel label {
  font-size: 14px;
}

.registrationpopup .showlabel.grouplabeltitle label {
  font-size: 18px !important;
}

.registrationpopup .subgrouptwo,
.registrationpopup .subgroupthree {
  font-size: 14px;
}

.registrationpopup .withimages .attachment img {
  width: 100px;
  height: 100px;
  float: none;
  margin-bottom: 10px;
}

.registrationpopup .customregistration {
  margin-top: 60px;
}

.registrationpopup .scroll {
  margin-top: 0;
}

.registrationpopup .header {
  text-align: center;
  margin: 0 auto;
  padding-top: 1em;
}

.registrationpopup .header h2 {
  margin: -0.4em 0 0;
  padding: 0.2em 1.8em;
  font-size: 1.6em;
  font-family: opensans-bold;
}

.mentor_insights .item-avatar>img:first-child {
  width: 26px;
  height: 26px;
  left: 0;
}

.mentor_insights .item-avatar {
  left: 0px;
  padding-left: 55px !important;
}

.mentor_insights .contents .list .item-divider .answer_count {
  padding-left: 0;
}

.mentor_insights .item-icon-right {
  padding-right: 0px !important;
  padding-bottom: 0;
  padding-left: 0px !important;
}

.mentor_insights .contents .list .item-avatar .item-body {
  padding-left: 40px;
}

.mentor_insights .contents .list .inner .votes .upvote {
  font-size: 18px;
}

.mentor_insights .contents .list .inner .votes .downvote {
  font-size: 18px;
  left: 30px;
}

.mentor_insights .contents .list .inner .votes .vote-count {
  font-size: 12px;
  left: 60px;
}

.mentor_insights .contents .list .item-divider .answer_count,
.mentor_insights .contents .list .item-divider .reply,
.mentor_insights .contents .list .inner .reply-reply .reply2 {
  font-size: 12px;
}

.mentor_insights .contents .list .item-divider.outer .reply i {
  font-size: 14px;
  left: -20px;
  top: -4px;
}

.blank_modal_askq .head h2.title {
  top: 90px;
  text-align: center;
  width: 96%;
  font-family: 'helveticaregular' !important;
  /*text-transform: uppercase;*/
  font-size: 24px !important;
}

.dragdrowcontainer img {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
}

.swipe-card .bodycontainer {
  width: 100%;
}

.mentor_insights .item-avatar h2 {
  line-height: 18px;
  font-size: 14px;
  color: rgba(31, 49, 74, 0.9);
}

.mentor_insights .item-icon-right .ddown {
  right: 0;
  top: 11px;
  height: 32px;
  font-size: 21px;
}

.mentor_insights .insight-item .item-divider.outer {
  display: flex;
  justify-content: space-between;
  background: transparent;
}

.mentor_insights .insight-item .item-avatar {
  margin-left: 0 !important;
}

.list.mentor_insights .insight-item {
  border-bottom: 1px solid rgb(218, 220, 222);
  margin: 0 16px;
}

.list.mentor_insights .item {
  background: transparent;
}

.mentor_insights .item-divider .answer_count,
.mentor_insights .item-divider .reply,
.mentor_insights .reply-reply .reply2 {
  font-size: 13px;
  color: #fa7526 !important;
}

.mentor_insights .item-divider.outer .reply i {
  font-size: 14px;
  left: -16px;
  top: -4px;
}

.mentor_insights .item-avatar .item-body>p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 0;
}

.mentor_insights .inner {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}

.mentor_insights .inner .votes {
  position: relative;
  width: 50%;
  height: 32px;
}

.mentor_insights .inner .votes .vote-count {
  font-size: 12px;
  left: 60px;
  display: block;
  position: absolute;
  left: 53%;
  padding: 7px;
  font-size: 0.9em;
  font-family: opensans-bold;
}

.mentor_insights .inner .votes .upvote {
  position: absolute;
  width: 25%;
  display: block;
  height: 32px;
  left: 0;
  color: #000;
  padding: 5px;
}

.mentor_insights .inner .votes .downvote {
  width: 25%;
  height: 32px;
  display: block;
  position: absolute;
  left: 30%;
  color: #000;
  padding: 5px;
}

.mentor_insights .item-avatar .item-body {
  padding-bottom: 0 !important;
  margin-right: -44px;
}

.mentor_insights .item-divider .answer_count,
.mentor_insights .item-divider .reply {
  color: rgba(101, 101, 255, 0.9);
}

.mentor_insights .inner .votes .downvote {
  font-size: 18px;
  left: 30px;
}

.mentor_insights .inner .votes .vote-count {
  left: 60px;
}

.mentor_insights .item-divider .answer_count,
.mentor_insights .item-divider .reply {
  color: #fa7526 !important;
}

.registrationpopup .optionnumber {
  display: none;
}

.ecd-card .item {
  margin-bottom: 10px;
}

.button-balanced.error {
  background: #f17676 !important;
}

.icon_container.error {
  background: #f17676;
  padding: 5px 0;
}

.icon_container i {
  font-size: 80px;
  color: #fff;
}

.error i:before {
  content: "\f100";
}

.error i:before {
  display: inline-block;
  font-family: "Ionicons";
}

.course-card .item {
  cursor: auto;
}

.lessoncontentpage .lesson-footer {
  position: absolute;
  bottom: 0 !important;
  display: flex;
  cursor: pointer;
}

.item-accordion ul {
  list-style: decimal;
  margin-left: 20px;
  margin-top: 0;
}

.cousedescriptiontext {
  font-size: 18px !important;
  min-height: 65px;
  font-family: 'sfns_displayregular' !important;
}

.videocontainermain .lessonsubmitbutton .skipbutton button,
.quizwatchvideo {
  background: none !important;
  border: none;
  color: #14a267;
  padding: 5px 15px !important;
  margin-left: 15px !important;
  font-family: 'helveticaregular' !important;
}

.videocontainermain .lessonsubmitbutton button {
  left: 0 !important;
  margin-left: 0 !important;
}

.videocontainermain .quizcontentdiv .optionnumber {
  display: none;
}

.lessonnewquizstyles .mainquestioncontainer .showlabel label,
.lessonnewquizstyles .mainquestioncontainer .showlabel label span {
  width: 100% !important;
}

.lessonnewquizstyles .showlabel label {
  display: inline-block !important;
}

.lessoncontentpage .lesson-component {
  text-align: center !important;
}

.videocontainermain .form-group {
  margin-bottom: 30px;
}

.videocontainermain .quizcontentdiv {
  margin-bottom: 60px;
   margin-top: 30px !important; 
}

.videocontenttext {
  padding: 15px;
  padding-bottom: 60px;
}

.videocontainermain .item {
  cursor: auto;
}

.lessonnewquizstyles .form-group .list label {
  cursor: pointer;
}

.reviewanswer,
.quiztryagain {
  padding: 5px 15px;
  border: none;
  background: #10b872 !important;
  color: #fff;
}

.feedbacktext h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 15px;
  /* text-align: left; */
}

.lessonquizmain .item-radio input:checked~.item-content {
  background: transparent;
}

.videocontenttext ol,
.videocontenttext ul {
  list-style: decimal;
  margin-left: 25px;
}

.feedbacktext {
  margin-top: 30px;
}

.ask_mentor input {
  color: #666;
  padding: 15px;
  height: auto;
  border: none;
  border-radius: 25px;
  margin-bottom: 15px;
  font-size: 18px;
}

.error i:before {
  display: inline-block;
  font-family: "Ionicons";
}

.error i:before {
  content: "\f100";
}

.info i:before {
  display: inline-block;
  font-family: "Ionicons";
}

.info i:before {
  content: "\f44c";
}

.success i:before {
  display: inline-block;
  font-family: "Ionicons";
}

.success i:before {
  content: "\f3fe";
}

.catnametitle {
  font-style: italic;
  color: #6565ff;
  font-size: 12px;
}

.course_content .mentor_insights {
  background: transparent;
}

.lesson.mentor_insights {
  position: relative !important;
  margin-top: 80px;
}

.bar.bar-footer.lesson-footer {
  cursor: pointer;
  height: 38px;
  padding: 2px 0;
  display: flex;
  align-items: center;
}

.tab-nav.tabs .tab-item {
  max-width: inherit !important;
}

.bar .title.title-left {
  text-align: center !important;
  left: 0 !important;
  font-size: 24px;
}

.vjs-poster {
  background-color: #fff;
}

a:focus {
  outline-offset: 0;
  outline: 0;
}

a:focus,
a:hover {
  text-decoration: none;
}

.downloadcourse img {
  cursor: pointer;
  padding: 5px;
  width: 30px;
  height: 30px;
}

.likedislikementor .upvote {
  position: inherit !important;
  display: inline !important;
}

.likedislikementor {
  float: left;
  margin-right: 20px;
  font-size: 14px;
}

.vote-count {
  display: none !important;
}

.mentor_insights .inner .votes .downvote {
  position: inherit !important;
  display: inline !important;
}

.likedislikementor i {
  margin-right: 0px;
  font-size: 24px !important;
  cursor: pointer;
}

.comingsoon {
  text-align: center;
  position: absolute;
  right: 0;
  background: rgba(80, 130, 60, 0.8);
  padding-bottom: 5px;
  width: 100%;
  top: 0;
  z-index: 99;
  height: 100%;
}

.comingsoon span {
  padding: 5px 10px;
  color: #fff;
  font-size: 16px;
  font-family: 'helveticaregular' !important;
}

/* .hidecourse.card .item:last-child,
.hidecourse.ecd-card .item-avatar>img:first-child {
  opacity: 0.5;
} */

.hidecourse.card,
.hidecourse .ecd-card .card {
  opacity: 0.5;
}

/* .modulecontentscroll.mentorinsightsscroll {
  overflow-x: hidden;
  height: calc(100vh - 130px) !important;
} */

.hidecourse {
  pointer-events: none !important;
}

.video-js .vjs-overlay {
  background: transparent !important;
}

iframe#quizForm,
.flexbox.flexboxlegacy,
.iframequizsection .flexbox.flexboxlegacy body,
.iframequizsection .flexbox.flexboxlegacy .pane {
  background-color: transparent !important;
  border-radius: 10px !important;
  box-shadow: 5px 6px 11px #000 !important;
}

.iframequizsection body,
.vjs-overlay .iframequizsection body {
  background-color: transparent !important;
}

.videoquizcontainer.iframeclass.pane,
.vjs-fullscreen .iframequizsection .pane {
  background: #ececec !important;
  border-radius: 10px;
}

.iframeclass {
  width: 100% !important;
}

.iframeclass .mainquestioncontainer {
  margin-top: 0 !important;
}

.iframeclass .mainquestioncontainer .subgroupthree {
  display: none !important;
}

.iframeclass .mainquestioncontainer .showlabel {
  background: #e0e0e0 !important;
  text-align: center;
  padding: 6px 15px !important;
  margin-bottom: 15px;
}

.iframeclass .mainquestioncontainer .showlabel label {
  margin-bottom: 0 !important;
  color: #666 !important;
  font-size: 14px !important;
}

.iframeclass .lessonnewquizstyles .form-group .list label {
  background: #fff !important;
  border: dashed 1px #048404;
  border-radius: 5px;
}

.iframeclass .listname .optionnumber {
  display: none !important;
}

.iframeclass .mycustomlesson .dynamicprofilepage label {
  font-weight: normal !important;
}

.iframeclass .lessonnewquizstyles .form-group .list label {
  margin: auto !important;
}

.iframeclass .lessonquizmain .lessonlabel {
  display: table;
  margin: auto;
}

.iframeclass .lessonsubmitbutton {
  text-align: center;
  display: table;
  margin: auto;
}

.item.item-text-wrap.activated,
.item.item-avatar.activated {
  background: transparent;
}

.iframeclass .lessonsubmitbutton button {
  background: #48a548;
  border: none;
  padding: 10px;
  margin-top: 10px !important;
  width: 200px;
}

.iframeclass .lessonsubmitbutton button:active:focus {
  background: #379037 !important;
}


.video-js .vjs-overlay {
  padding: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) !important;
  left: 0;
  top: 0;
}

.video-js .vjs-overlay iframe {
  width: 80% !important;
  left: 10% !important;
  height: 90% !important;
  margin-top: 5% !important;
}

.lessoncontentpage .mainquestioncontainer .subgroupthree {
  color: #666;
  font-weight: normal;
}

.lessonnewquizstyles .form-group .list label {
  background: #f1f1f1 !important;
  border: dashed 1px #10b872;
  border-radius: 5px;
}

.lessonnewquizstyles .lessonsubmitbutton button {
  background: #48a548 !important;
  border: none;
  /*text-transform: uppercase;*/
  font-size: 16px;
}

/* .lessoncontentpage #video {
  margin-top: 55px !important;
} */

.feedbacktext {
  text-align: center;
}

.lessoncontentpage .lessonquizmain .list .item {
  color: #666 !important;
}

.card .item:last-child.activated,
.list-inset .item:last-child.activated {
  background: transparent;
}

.activated_correct .lessonlabel .item {
  background: #eaffea !important;
}

.clear {
  clear: both;
}

.defaulttext {
  font-size: 18px;
  text-align: center;
  width: 96%;
  color: #666;
  margin: auto;
  padding-top: 100px;
  z-index: 99999 !important;
  font-family: 'helveticaregular' !important;
}

.maincontainer {
  width: 100%;
}

.maincontainer .subcategories {
  float: left;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.courselanding .tab-ecd .scroll {
  background: #f0f1f5;
}

.courselanding .subcategories .ecd-card {
  box-shadow: none;
}

.courselanding .tab-nav.tabs {
  width: 100% !important;
  left: 0;
  margin-left: 0;
  padding-left: 10px;
}

.categorymaincls {
  margin-top: 0px;
}

.categorymaincls h3 {
  color: #000;
  width: 96%;
  margin: auto;
  margin-bottom: 0px;
  font-family: 'boldfont';
  font-family: 'boldfont' !important;
  /*text-transform: uppercase;*/
}

.theme3 .categorymaincls h3 {
  color: #000;
  width: 96%;
  margin: auto;
  margin-bottom: 0px;
  font-family: 'poppinsbold' !important;
  font-size: 16px !important;
  text-transform: capitalize !important;
}


.courselanding .tab-ecd {
  margin-top: 105px;
  padding-bottom: 110px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
}

.courselanding .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 0 !important;
}

.courselanding .ecd-col.maincontainer {
  margin-bottom: 15px;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-button {
  background: #ccc;
}

::-webkit-scrollbar-track-piece {
  background: #ccc;
}

::-webkit-scrollbar-thumb {
  background: #666;
}

​ input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none !important;
}

.courselanding .owl-dots {
  margin-top: 15px;
  position: relative;
  z-index: 99999;
}

.globalfeedback .module_quizz textarea {
  min-width: 100%;
  min-height: 100px;
  border-radius: 4px;
  padding: 5px 10px;
  font-family: 'gt_walsheimlight' !important;
}

.globalfeedback .subgroupthree {
  font-weight: normal !important;
  color: #666 !important;
  /* newly added */
  font-size: 14px !important;
  font-family: 'helveticaregular' !important;
}

.globalfeedback .showlabel label {
  /*newly added*/
  color: #333 !important;
  font-size: 14px !important;
  font-family: 'helveticaregular' !important;
}

.globalfeedback form {
  margin-bottom: 30px;
}

.modal-bodynew {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7) !important;
  z-index: 9999;
}

/*.pageloader {
  top: calc(50% - 150px);
  position: absolute;
  left: calc(50% - 150px);
  color: #fff;
}*/
/*.pageloader {
    top: calc(50% - 75px);
    position: absolute;
    left: calc(50% - 75px);
    color: #fff;
    width: 150px;
    height: 150px;
    background: url(../img/loader.gif);
}*/
.modal-bodynew .pageloader img{width: 150px;}
.downloadcourse {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  width: 45px;
}

.downloadcourse img {
  cursor: pointer;
  padding: 0px;
  width: 30px !important;
  height: 30px;
  border: none !important;
  margin: 8px;
}

.profile .tabs-top {
  /* position: absolute; */
  width: 100%;
}

.profile .tabs {
  top: 0;
}

.profile .ecd-col.maincontainer:first-child {
  margin-top: 90px;
}

.header.mentorpadding {
  padding: 15px 0;
}

.countstyling {
  display: block;
}


.profile.pane .tab-nav a.tab-item {
  font-family: inherit !important;
}

/* awaiz */
.main-content #questions .drag_question {
  color: #fff;
  font-size: 16px;
  min-height: 200px;
  position: absolute;
  left: calc(50% - 130px);
  right: calc(50% - 130px);
  border-radius: 3px;
  padding: 10px;
  padding-top: 80px;
}

#questions .drag_question img {
  margin: 0 auto;
  text-align: center;
  display: block;
}

.main-content #questions .drag_question span {
  display: block;
  width: 100%;
  text-align: center;
}

.main-content #questions {
  position: relative;
  height: 325px;
}

.main-content {
  padding: 1em;
}

.main-content .row.swipers {
  position: absolute;
  bottom: 0 !important;
}

/*.tile_view .contents .row {
  max-width: 50%;
  float: left;
}

.tile_view .contents .row .col {
  max-width: 100% !important;
  flex: auto !important;
}*/



.did_you_know .content-block .lesson-component {

}

.course_detail .lower .ion-chevron-up {
  display: block;
}

.maincontent.lessoncontentpage {
  /* height: 100%;
  overflow: auto;
  overflow-x: hidden; */
}

.lesson-component.maincont .videocontenttext {
  padding: 0;
  margin-top: 0px;
  font-size: 16px;
  line-height: 24px;
}

.lesson-component.maincont .videocontenttext ol,
.lesson-component .videocontenttext ul {
  margin-left: 0;
  padding-left: 30px !important;
}

/* .lesson-component.maincont {
  padding-bottom: 60px !important;
} */

.lesson-component.maincont .videocontenttext {
  text-align: left;
}

.lesson_content .content-block.maincontent #video {
  margin-top: 0 !important;
}

.stack .swipe-cards {
  position: static !important;
}

.gradientbackground {
  background: linear-gradient(#6665FF, #fff);
}

.gradientbackground .bar-ecd-footer .button-ecd {
  margin: 0 auto;
}

.gradientbackground h2 {
  color: #EFF1F5;
}

.gradientbackground .did-you-know-title {
  width: 100%;
  float: none;
}

.gradientbackground .slider-pager {
  bottom: 0;
}

.gradientbackground .lamborghini .gallardo:before,
.gradientbackground .lamborghini .Diablo:before {
  color: #fff;
}

.gradientbackground img {
  width: 25%;
  margin-top: 20px;
}

.gradientbackground .board {
  margin-bottom: 10%;
}

.gradientbackground p {
  padding: 25px;
  background: #fff;
  border-radius: 25px;
  min-height: 300px;
  font-size: 1.8em;
}

.gradientbackground p .high {
  font-family: opensans-bold;
  color: #6665FF;
  font-size: 1.3em;
  display: block;
}

.gradientbackground .scroll-content {
  margin-top: 60%;
}

.gradientbackground .lesson-index.fontsize0,
.gradientbackground .title.fontsize0 {
  display: none;
}

.gradientbackground .main-content {
  padding-top: 0;
}

.gradientbackground .onboard h2 {
  padding-bottom: 10px;
}

.gradientbackground .board {
  margin: 0px 0.5em;
}


.lessoncontentpage .lesson-component .quizcontentdiv {
  text-align: left !important;
}

.sociallogins {
  width: 100%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
}

.onboard .sociallogins img {
  margin: 0 5px;
  width: 50px;
}

.sociallogins a {
  cursor: pointer;
}

.loginpag .sociallogins {
  position: static !important;
  margin: 30px 0;
  text-align: center;
}

.loginpag .sociallogins img {
  width: 50px;
  height: 50px;
}

.sociallogins a:hover {
  color: #fff;
}

.casestudycustom.main-content {
  padding: 0 !important;
  margin: 0 !important;
}

.casestudycustom.main-content .col,
.casestudycustom.main-content .row {
  padding: 0 !important;
}

.blank_modal_article .scroll {
  height: 100%;
}

.quiz_mcq .main-content .row {
  padding: 0;
}

.quiz_mcq .main-content .card {
  margin: 0 !important;
}

.subhead h3 {
  font-size: 20px;
}

.casestudycustom.main-content .col-50 {
  flex: auto !important;
}

.complete.hidenextbuttonshow h4.info {
  margin-top: 10px !important;
  font-size: 18px !important;
  width: 96%;
}

.onlyimage {
  width: 100%;
  margin-bottom: 100px;
}

.onlyimage img {
  width: 100%;
}

.globalfeedback .module_quizz .btn {
  background: #13c276;
  border: none;
  font-size: 16px;
  /*text-transform: uppercase;*/
  border-radius: 0;
}

.onboard.onloginpage .scroll {
  height: 100%;
}

.onboard .sociallogins img,
.loginpag .sociallogins img {
  width: auto !important;
  margin: auto;
  height: auto !important;
}

.sociallogins a.facebook {
  background:#6176e6;
}

.sociallogins a.google {
  background: #df4a32;
}

.onboard.onloginpage .bar-ecd-footer {
  position: initial;
  display: inline-block;
}

.sociallogins a {
  color: #fff;
  border: none;
  border-radius: 30px;
  min-width: 215px;
  margin-bottom: 10px;
}

.onboard.onloginpage .bar-ecd-footer .button-ecd {
}

.onboard .sociallogins img,
.loginpag .sociallogins img {
  width: 24px !important;
  height: 24px !important;
}

.onloginpage.loginpag .sociallogins {
  margin: 15px 0px !important;
}

.loginor {
  text-align: center;
  margin-top: 0px;
  width: 100%;
  color: #fff;
}

.onloginpage .bar-ecd-footer .button-ecd {
  position: relative !important;
}

.videocontenttext>div {
  padding: 10px;
  padding-bottom: 70px;
}



.owl-theme .owl-nav {
  margin-top: 0 !important;
}

.select_language .dropdown-menu {
  border-radius: 0;
  padding: 0;
  margin-left: -1px;
  margin-top: 0;
  min-width: 120px;
  background: #f3f3f3;
}


.class_specific .select_language .languages {
  border-radius: 5px;
  padding: 3px 0px 3px 5px;
  border: 1px solid #d6d6d6;
  background: rgba(243, 243, 243, 0.5);
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1);
  padding: 5px;
}

.class_specific .ui-select-bootstrap .ui-select-match-text span,
.class_specific .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #1F314A;
}

.class_specific .select_language .dropdown-menu {
  background: rgba(243, 243, 243, 0.5);
  margin-top: 2px;
  border-radius: 5px;
}

.class_specific .select_language {
  right: 0;
  top: 0;
  width: auto;
  z-index: 999;
}

.class_specific_inner .select_language {
  right: 5px;
  top: 50px;
  width: 100%;
  z-index: 990;
}

.courseposter {
  position: relative;
  width: 100%;
}

.courselanding .item.courseposter {
  padding: 0;
}

.courselanding .item.courseposter img {
  top: 0;
}

.courseposter img {
  /* max-width: 100% !important;
  max-height: 100% !important; */
  /* border-radius: 10px 10px 0 0 !important; */
  position: relative !important;
  /* height: auto !important; */
  border: none !important;
  left: 0 !important;
}

.markcomplete {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 5px 15px;
  border-radius: 0px 0px 0px 5px;
}

.markascomplete {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.markascomplete i {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #1fc344;
  font-size: 20px;
  font-weight: bolder;

}


.course_content .lessons-list.list .item {
  padding-right: 45px;
  background: #f8f8f8;
  margin: 0px 0 10px 0;
}

.imagesliders {
  height: 250px;
}

.imagesliders .onboard0.board {
  height: 250px;
  background-size: cover !important;
}

.imagesliders .onboard0.board p {
  width: 60%;
  position: absolute;
  bottom: 0;
  left: 20%;
  padding: 15px;
  padding-bottom: 25px;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px 10px 0 0;
  color: #fff;
}

.imagesliders .slider-pager .slider-pager-page {
  color: #fff;
}

.class_specific_inner .ecd-card h2,
.profile .ecd-card h2 {

}

.class_specific_inner .owl-carousel .owl-item img,
.profile .owl-carousel .owl-item img {

  width: 100%;
  min-height: 100%;
}

.profile .lamborghini .gallardo,
.profile .lamborghini .Diablo {
  top: 0;
}


.profile.customscroll .contents .tab-ecd .scroll {
  /*overflow: initial !important;*/
  background: #fff;
}

.profile.customscroll .tab-ecd {
  margin-bottom: 50px;
}

.onboard.onloginpage .bar-ecd-footer .button-ecd {
  line-height: 24px;
  padding: 6px 25px 0 25px;
}

.lesson_content .lesson-img {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.lesssoncarousel .owl-carousel {
  position: static !important;
  z-index: 99999;
}

.ecd-card .item.item-avatar {
  min-height: 100px !important;
}

.customimagequiz.quiz_mcq .main-content .card,
.customimagequiz.quiz_mcq .main-content .card .item {
  background: transparent !important;
}

.customimagequiz.quiz_mcq .main-content .card .item h4 {
  background: rgba(255, 255, 255, 0.5)
}

.customimagequiz.quiz_mcq .content-block .answer-details {
  display: none;
}

.quiz_mcq.customimagequiz .subhead h3 {
  text-align: center !important;
  line-height: 26px;
}

.questionimage {
  width: 100%;
  height: auto;
  margin: 5px 0 0px 0;
  display: block;
  text-align: center;
}

.questionimage img {
  max-width: 200px;
  border-radius: 5px;
}

.topicstemp .contents {
  margin-bottom: 0;
}

.lesson_content .content-block .lesson-component {
  height: 100% !important;
}

.questionimage {
  width: 100%;
  height: auto;
  margin: 5px 0 0px 0;
  display: block;
  text-align: center;
}

.questionimage img {
  max-width: 200px;
  border-radius: 5px;
}

.flip_page_poster img {
  width: auto;
  max-width: 64px;
  max-height: 64px;
  width: 64px;
  height: 64px;

}

#custommmoverlay {
  position: absolute !important;
  top: 0 !important;
  z-index: 2147483647 !important;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
}

.popquiz {
  width: 100%;
  margin: auto;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  overflow-y: auto;
}

.profile_edit .nocontentscroll {
  width:100%;
  margin: auto;
  margin-top: 0px;
  padding: 3%;
}

.profile_edit .mainquestioncontainer {
  margin-bottom: 50px;
}

.profile_edit .mainquestioncontainer .module_quizz input {
  margin-bottom: 0 !important;
}

/*Start Self Updater*/
.progressstatus {
  top: 45%;
  text-align: center;
  width: 100%;
  color: #000;
}

.appdetails .appimage,
.appdetails .appname,
.appdetails .appversion {
  float: none;
  display: block;
}

.appversion {
  font-size: 12px;
  color: #000;
}

.stepcount {
  font-weight: 700;
  text-align: left;
  color: #000;
}

.appdetails .appimage {
  margin-bottom: 10px;
}

.appdetails .appimage img {
  width: 50px;
}

.appdetails .appname {
  font-weight: 700;
  color: #000;
}

/*End Self Updater*/


.quizcontentdiv.customclass .listname .attachment img,
.quizcontentdiv.customclass .listname .attachment {
  text-align: center !important;
  float: none !important;
}

.popquiz .attachment.questionimageicon {
  text-align: center;
  float: none;
  width: 100%;
}

.popquiz .attachment.questionimageicon img {
  float: none;
  max-width: 300px;
}

.popquiz .mainquestioncontainer .lessonquizmain.withimages {
  float: left !important;
  margin: 10px !important;
  max-width: 215px !important;
}

.popquiz .lessonquizmain.withimages .attachment img {
  width: 180px !important;
  height: 105px;
  float: none;
}

.popquiz .lessonquizmain.withimages .listname {
  text-align: center !important;
  float: none !important;
}

.popquiz .lessonquizmain.withimages .attachment {
  float: none !important;
  text-align: center;
}

.popquiz .lessonsubmitbutton {
  clear: both !important;
  margin-bottom: 30px !important;
}

.mainquestioncontainer .lessonquizmain.withimages {
  float: left;
  margin-right: 2%;
}

.quizcontentdiv.customclass .listname .attachment img {
  width: 180px !important;
  height: 105px;
}

.quizcontentdiv.customclass .listname .attachment img,
.quizcontentdiv.customclass .listname .attachment {
  text-align: center !important;
  float: none !important;
}

.lessonquizmain.withimages .lessonlabel .item-radio .item-content {
  padding: 10px !important;
}

.quizcontentdiv.customclass .lessonsubmitbutton {
  display: inline-block;
  width: 100%;
}

.lessonquizmain.withimages .item-radio i.radio-icon {
  background: #fff;
  color: #48a548;
  height: auto;
}

.slider-pager .slider-pager-page {
  opacity: 0.4;
}

.login_bg .class_specific .ui-select-bootstrap .ui-select-match-text span,
.login_bg .class_specific .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #ffffff !important;
  text-shadow: none;
}

.login_bg .class_specific .select_language .languages {
  background-color: transparent !important;
}

.login_bg .bar-ecd-footer .button-ecd {
  background-color: #3f51b5 !important;
  border: 1px solid #fff !important;
}

.class_specific .select_language .languages {
  background-color: transparent !important;
}

.class_specific .ui-select-bootstrap .ui-select-match-text span,
.class_specific .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #ffffff !important;
  text-shadow: none !important;
}


.blue_login {
  width: 50%;
  margin: auto;
}

.blue_login .scroll-content {
  background-color: #3fa9cc;
}



.blue_login .bar-ecd-footer .button-ecd {
  background-color: #3da9cc !important;
  border: 1px solid #fff !important;
}

.blue_login .slider-pager .slider-pager-page {
  color: #147898;
}

.facebook {
  min-height: 40px !important;
  background: transparent !important;
  border: 1px solid #fff !important;
}

.blue_login .select_language .languages {

  border: 1px solid #59b8d6 !important;

}

.blue_login .select_language {
  right: 15% !important;

}

.onboard.onloginpage .bar-ecd-footer .button-ecd {
  line-height: 24px;
  padding: 6px 20px 0 20px;
}

.blue_login .bar-ecd-footer .button-ecd {
  margin: 0 4em;
  background-color: #6665FF;
  color: #fff;
  padding: 0 2.8em;

  border-radius: 40px;
  height: 38px;
  line-height: 22px !important;
}

.login_view .loginor,
.login_view .facebook {
  display: none !important;
}

.login_view .select_language .languages {
  background-color: #dcdcdc !important;
  color: #333;
}

@media (max-width: 820px) {
  .blue_login {
    width: 100% !important;
  }

  .blue_login .select_language {
    right: 0% !important;
  }

  .blue_login .bar-ecd-footer .button-ecd {
    margin-top: 0px !important;
  }
}

.blue_login .select_language {
  background-color: #3fa9cc;
}

.blue_login .button:last-child {
  top: 0px !important;
}

.blue_login .ui-select-match-text span,
.blue_login .ui-select-toggle>.caret {
  color: #5f5f5f !important;
  text-shadow: none !important;
}

.disableprogressbar {
  pointer-events: none !important;
}


.picquiz.withimages .lessonlabel label {
  border: solid 1px #ccc;
  overflow: visible;
}

.picquiz.withimages .lessonlabel .item-radio .item-content {
  padding: 0 !important;
}

.picquiz.withimages .lessonlabel .attachment img {
  width: 100% !important;
  height: 120px !important;
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.picquiz.withimages .lessonlabel .optiontitle {
  padding: 15px 10px;
  background: #f1f1f1 !important;
}

.picquiz.withimages .lessonlabel i {
  position: absolute;
  bottom: -15px !important;
  top: auto !important;
  color: #fff !important;
  background: #17AF87 !important;
  width: 30px;
  height: 30px !important;
  border-radius: 100%;
  padding-top: 5px;
  right: -10px;
}

.picquiz.withimages .list ion-item,
.picquiz.withimages {
  overflow: visible;
  display: inline-block;
}

.attachment.questionimageicon {
  width: 100%;
  display: inline-block;
}

.attachment.questionimageicon img {
  float: none;
  margin-left: 25px;
}

.col.picturechoicediv .card .item {
  padding: 0;
}

.row.picturechoice .picturechoicediv img {
  border-radius: 5px 5px 0 0;
}

.row.picturechoice .picturechoicediv h4 {
  padding: 12px 10px;
  font-size: 13px;
  white-space: normal;
  font-weight: 600;
  color: #999 !important;
  font-family: opensans;
  line-height: 20px;
}

.col.picturechoicediv .card {
  box-shadow: -2px 2px 30px rgba(0, 0, 0, 0.33) !important;
  border-radius: 5px;
}

.onlyradio .lessonlabel .item {
  text-align: left;
}

.col.picturechoicediv .answer {
  position: relative;
  display: inline-block;
  float: right;
}

.col.picturechoicediv .answer i.right {
  color: #17AF87;
  font-size: 28px;
}

.col.picturechoicediv .answer i.wrong {
  color: #af2917;
  font-size: 28px;
}

.col.picturechoicediv .answer i {
  right: 0 !important;
  bottom: 0px !important;
  position: absolute;
}

.row.picturechoice .picturechoicediv img {
  object-fit: cover;
}

.row.picturechoice .col {
  min-height: auto !important;
}

.col.picturechoicediv .answer i {
  width: 25px;
}

.onlyradio .item.activated_wrong .ion-checkmark:before {
  content: "\f128" !important;
  color: #af2917;
  font-size: 24px;
}

.onlyradio .item.activated_correct .ion-checkmark:before {
  color: #10b872;
  font-size: 24px;
  content: "\f120" !important;
}

.lessonnewquizstyles .form-group .list .item.activated_wrong label {
  border-color: #af2917 !important;
}

.col.picturechoicediv .card .item input {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0px;
  opacity: 0;
  z-index: 999999999;
  cursor: pointer;
  margin-top: 0 !important;
}

.quiztryagain {
  background: #fa7526 !important;
  color: #fff;
  padding: 8px 20px !important;
  border-radius: 5px;
  /*text-transform: uppercase;*/
}

.quizwatchvideo {
  background: #000000 !important;
  color: #fff;
  padding: 8px 20px !important;
  border-radius: 5px;
  /*text-transform: uppercase;*/
}

.quizwatchvideo.skipquiz {
  background: none !important;
  color: #0d206f;
}


.tab-lessons-content .lessons-list.list .item {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.tab-lessons-content .lessons-list.list .item .lesson-index {
  top: 10px;
}

.activated.item.selectedans .lessonlabel label {
  border: solid #00a2ff;
}

.col.picturechoicediv .selectedans .item {
  border: solid #00a2ff;
}



.globalfeedback .row.picturechoice .picturechoicediv {
  max-width: inherit !important;
}

.row.picturechoice .onlyradio .lessonlabel .item {
  width: 100%;
  margin-right: 10px;
}

.row.picturechoice .onlyradio .lessonlabel {
  display: block;
}

.picturechoicediv.disablebtn .card .item {
  pointer-events: none;
}

.picturechoicediv.disablebtn .card {
  cursor: not-allowed;
}


.disablebtn .list .item {
  cursor: not-allowed;
}

.disablebtn .list .item label {
  pointer-events: none;
}

.newtopicdesign {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.newtopicdesign .topicmain {
  float: left;
  width: 22%;
  margin: 0 1%;
  margin-bottom: 3%;
}

.newtopicdesign .newtopicdiv .topicimage {
  max-width: 100%;
  /*box-shadow: 0px 1px 20px 1px #bfbfbf;*/
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  border-radius: 10px;
  height: 110px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
}

.newtopicdesign .newtopicdiv .topicimage img {
  border-radius: 5px;
  width: auto;
  height: inherit;
}

.newtopicdesign .topicheading {
  font-size: 16px;
  text-align: center;
  color: #666;
  line-height: 16px;
  height: 40px;
  vertical-align: middle;
  display: table;
  font-family: 'helveticaregular'; width: 100%;
}
.newtopicdesign .topicheading .innerdiv{vertical-align: middle; display: table-cell;}

.topicstemp .contents .main-content {
  margin: 0;
  margin-bottom: 50px;
  float: left;
  padding: 0;
  width: 100%;
}

.registrationpopup .row.picturechoice .picturechoicediv {
  max-width: auto !important;
}

.userpicandreplydiv img {
  width: 26px;
  height: 26px;
  border-radius: 100%;
}

.userpicandreplydiv {
  margin-top: 10px;
  float: left;
  width: 100%;
}

a.noofcomments {
  font-size: 12px;
}


.menu_list .col.card img {
  width: 40% !important;
}

.commentdiv {
  width: 100%;
  float: left;
}

.commentdiv img {
  float: left;
  margin-right: 15px;
}

.commentdiv h5 {
  float: left;
  margin-top: 5px;
  width: 90%;
}

.newtopicdiv {
  position: relative;
}

.newtopicdiv .markcomplete {
  background: #286a2c;
  color: #fff;
  border-radius: 100%;
  right: -8px;
  top: -10px;
  width: 25px;
  height: 25px;
  padding: 0;
}

.newtopicdiv .markcomplete i {
  font-size: 16px !important;
  padding: 2px 0 0 6px !important;
  float: left;
}

.removeCheck .ion-checkmark {
  display: none;
}

.mainquestioncontainer .showlabel .playbutton {
  margin-left: 10px;
  width: 25px;
  font-size: 22px;
}

.picturechoicediv .playbutton {
  font-size: 25px;
  margin-left: 0px;
  margin-top: 8px !important;
  position: absolute;
  right: 25px;
  color: #000;
  z-index: 999;
}

.picturechoicediv i.radio-icon {
  top: -20px;
  right: -20px;
}

.picturechoicediv .item {
  overflow: visible !important;
}

.picturechoicediv.picquiz .playbutton {
  position: absolute;
  top: 0;
  right: 20px
}

.picturechoicediv.picquiz .card {
  position: relative;
}


.tabs-top .tab-item {
  opacity: 1 !important;
}


.sesssions.pane,
.sesssions .pane {
  background: #f0f1f5;
}

.programstartdate {
  font-size: 14px;
}

/* .sessiondiv {
  float: left !important;
  width: 18% !important;
  margin: 15px 13px 10px 13px;
  padding: 0;
} */

.sessiondiv .prgdetails {
  padding-bottom: 0.9em
}

.sessiondiv .courseposter img {
  width: 100% !important;
}

.sessiondetails {
  width: 96%;
  margin: auto;
  margin-top: 60px;
}

.sessioncontent {
  width: 96%;
  margin: auto;
}

.time_location,
.intived_attended,
.endsession {
  float: left;
  width: 33%;
}

.time_location h3 {
  font-size: 16px;
  margin-bottom: 0;
}

.sesssions h2,
.sesssions h3 {
  font-family: 'roboto_slabbold';
}


.mysurvey .header-item h3 {
  margin-top: 12px;
  font-size: 18px;
}

.globalfeedback .row.picturechoice .picturechoicediv {
  height: auto !important;
}

.profile_edit .mainquestioncontainer textarea,
.registrationpopup .mainquestioncontainer textarea {
  width: 100% !important;
  height: 100px !important;
  padding: 8px !important;
  margin-left: 0 !important;
}

.profile_edit .row.picturechoice .withimages .lessonlabel .item,
.registrationpopup .row.picturechoice .withimages .lessonlabel .item {
  min-width: auto !important;
}

.profile_edit .row.picturechoice .picturechoicediv,
.registrationpopup .row.picturechoice .picturechoicediv {
  height: auto !important;
}

.profile_edit .termsconditions input,
.registrationpopup .termsconditions input {
  margin: 0 !important;
}

.profile_edit .submitbuttons .btn-primary:disabled,
.profile_edit .submitbuttons .btn-primary[disabled],
.mysurvey .submitbuttons .btn-primary:disabled,
.mysurvey .submitbuttons .btn-primary[disabled],
.feedbacksubmit .btn-primary:disabled,
.feedbacksubmit .btn-primary[disabled] {
  background: #419641;
}

.profile_edit .submitbuttons .btn-primary,
.mysurvey .submitbuttons .btn-primary,
.feedbacksubmit .btn-primary {
  background: #13c276;
  border: none;
  transition: 0.3s;
}

.profile_edit .submitbuttons .btn-primary:hover,
.mysurvey .submitbuttons .btn-primary:hover,
.feedbacksubmit .btn-primary:hover {
  background: #28d88c;
  border: none;
}

.nosessionsfound {
  width: 80%;
  margin: auto;
  text-align: center;
  font-size: 18px;
}

.registrationpopup .lessonquizmain .list .item,
.profile_edit .lessonquizmain .list .item {
  margin-right: 10px;
}

.mysurvey .row.picturechoice .onlyradio .lessonlabel .item {
  margin-right: 10px;
}

.lessonnewquizstyles .form-group .list .multiselectcheckbox label {
  padding: 10px 25px 10px 10px !important;
}

.multiselectcheckbox .checkbox input,
.multiselectcheckbox .checkbox-icon {
  float: right;
}

.multiselectcheckbox .checkbox input:before,
.multiselectcheckbox .checkbox .checkbox-icon:before {
  border: none !important;
  background: transparent !important;
}

.multiselectcheckbox .checkbox input:after,
.checkbox-icon:after {
  width: 16px;
  height: 8px;
  border-color: #444444;
}

.profile_edit .row.picturechoice .onlyradio .lessonlabel .item {
  width: 100% !important;
}

.sendfeedback .scroll {
  margin-top: 50px !important;
}

.sendfeedback .mainquestioncontainer .subgroupone {
  display: none;
}

.sendfeedback .mainquestioncontainer .subgrouptwo {
  float: left;
  font-size: 16px;
  margin-right: 10px;
}

.sendfeedback .dynamicprofilepage {
  width: 100%;
}

.sendfeedback .mainquestioncontainer textarea {
  width: 100%;
  height: 100px !important;
  padding: 10px;
}

.ratinginput .field-input input {
  display: none;
}

.ratinginput .field-input {
  margin-bottom: 50px;
}

.topicassessment .row.picturechoice .onlyradio .lessonlabel .item {
  padding: 0 !important;
  cursor: pointer;
}

.dynamicprofilepage.widgetsurvey {
  display: block;
  width: 50%;
  margin: auto;
}

.help .multiselectcontainer .list .item.noborder {
  padding: 0 !important;
  border: none !important;
  margin-bottom: 10px;
}

.help .multiselectcontainer .item.noborder .item {
  border-top: dashed 1px #048404;
}

.help .attendance {
  width: 100% !important;
  margin-top: 30px;
}

.help .attendance .md-datepicker-input-container input {
  pointer-events: none;
  margin-bottom: 0;
}

.help .attendance .md-button.md-icon-button {
  margin: 0;
}

.help .attendance .md-icon-button+.md-datepicker-input-container {
  margin-left: 0;
  margin-top: 10px;
}

.md-calendar-day-header th {
  height: 30px !important;
  padding-top: 10px !important;
}

.markcompleted {
  padding: 5px 0px 15px 0px;
  color: #0d8400;
}

.markcompleted span {
  font-size: 12px;
}

.markcompleted .glyphicon-check:before,
.markcompleted .glyphicon-unchecked:before {
  float: left;
  margin: 3px 7px 0 0;
}

.courses.sesssions .view-container {
  padding-bottom: 100px;
}

.row.sessiondetails {
  border-bottom: solid 3px #ccc;
}

.sesssions .sessioncontent .maincontainer {
  margin-top: 30px;
}

.endsession {
  text-align: right;
  padding: 0;
  font-weight: 700;
}

.intived_attended {
  text-align: center;
  padding: 0;
}

.topicassessment .lessonlabel label {
  border: dashed 1px #048404;
  border-radius: 5px;
}

.topicassessment .lessonlabel .item-radio .item-content {
  background: #f1f1f1 !important;
}

.topicassessmentpopupcorrect .modal,
.topicassessmentpopup .modal {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  display: block !important;
}

.topicassessmentpopupcorrect .maincontainer,
.topicassessmentpopup .maincontainer {
  width: 35%;
  margin: auto;
  background: #fff;
  padding: 0px;
  top: calc(50% - 135px);
  position: absolute;
  left: 35%;
  min-height: 270px;
  text-align: center;
  padding-bottom: 20px;
}

.topicassessmentpopupcorrect button,
.topicassessmentpopup button {
  background: none;
  float: none;
  border: none;
  color: #fff;
  font-size: 18px;
  background: #5bb57a;
  padding: 8px 35px;
  border-radius: 4px;
  margin-top: 15px;
}

.topicassessmentpopupcorrect h2,
.topicassessmentpopupcorrect h4,
.topicassessmentpopup h2,
.topicassessmentpopup h4 {
  text-align: center;
}

.topicassessmentpopupcorrect h2 i,
.topicassessmentpopup h2 i {
  font-size: 80px;
  color: #fff;
}

.mysurvey.help .scrolloptions {
  height: calc(100vh - 290px);
  overflow-y: auto;
}

.mysurvey.help ::-webkit-scrollbar {
  display: block !important;
}


.trainerdashboard.courselanding .tab-ecd {
  margin-top: 90px;
}

.trainerdashboard.courselanding .sessioncontent {
  width: 100%;
}

.trainerdashboard .maincontainer {
  margin: 0 !important;
}

.mysurvey .row.picturechoice {
  display: block !important;
}

.mysurvey .picquiz.lessonquizmain {
}

.mysurvey .lessonquizmain .list .item {
  display: inherit;
}

.userdropdowngrid {
  max-height: 215px;
  overflow-y: auto;
  /* width: 60%; */
}

.userdropdowngrid .ui-select-choices-row :hover {
  background: #3875d7;
  color: #fff;
}

.viewattendance button {
  padding: 6px 15px;
  background: transparent;
  color: #fa7526;
  border-radius: 25px;
  transition: 0.3s;
  border: solid 1px #fa7526;
}

.viewattendance {
  float: right !important;
  position: relative;
  z-index: 999999;
  top: 25px;
  right: 10px;
}

.viewattendance button:hover {
  background: #fa7526;
  color: #fff;
}

.globalfeedback .userdropdowngrid {
  width: 100% !important;
}

.trainerdashboard.courselanding .tab-ecd.sessiondetail {
  margin-top: 30px !important;
}

.restable-scroll {
  width: 100%;
}

.restable-scroll .scroll {
  width: 100% !important;
}

.restable-scroll .table-body-cell.name {
  min-width: 150px;
}

.restable-scroll .table-body-cell {
  min-width: 35px;
}

.restable-scroll .ion-checkmark {
  color: #008000;
}

.restable-scroll .ion-close {
  color: #ff0000;
}

.attendancelist #resp-table-caption,
.attendancelist #resp-table {
  display: block !important;
}

#video .vjs-poster {
  background-color: #ccc !important;
}

.courselanding.class_specific_inner .subcategories h2 {
  line-height: 20px;
  height: auto;
}


.videocontenttext div img {
  width: 100%;
}

.topicassessmentpopupcorrect h2 {
  background: #3ec59d;
  padding: 20px 0;
}

.topicassessmentpopup h2 {
  background: #e86b75;
  padding: 20px 0;
}

.topicassessmentpopupcorrect h4,
.topicassessmentpopup h4 {
  background: #fff;
  padding: 0 20px;
  line-height: 24px;
}

.sessiondiv .ecd-card h2 a,
.owl-stage-outer .ecd-card h2 a {
  min-height: 54px !important;
}

.sessiondiv .ecd-card .item.item-avatar,
.owl-stage-outer .courseposter {
  min-height: 145px;
  max-height: 145px;
}

.mysurvey.help.attendancelist .scroll {
  margin-top: 50px;
}

.mysurvey.help.attendancelist .restable-scroll .scroll {
  margin-top: 0 !important;
}

.mysurvey.help.attendancelist .scroll .md-errors-spacer {
  display: none;
}

.lblforaudio {
  width: calc(100% - 30px);
}

.row.onlycheckbox {
  display: block !important;
}

.row.onlycheckbox .lessonlabel label {
  padding: 0 !important;
  cursor: pointer;
}


.bottom_logos {
  display: block;
  flex-direction: row;
  justify-content: center;
  width: 35%;
  align-items: baseline;
  margin: 40px auto 20px auto;
}

.bottom_logos .logo_holder {
  width: 100%;
  max-height: 100px;
  height: auto;
  margin-top: 15px;
}

.logoone {
  width: 100% !important;
  max-height: 60px;
}

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

.onboard h2,
.onboard p,
.class_specific .ui-select-bootstrap .ui-select-match-text span,
.class_specific .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #fff !important;
  font-size: 14px;
}

.onboard.onloginpage .slider-slide img {
  margin-bottom: 20px;
}

/*Trainig manager styles*/
.newdashboard {
  background: linear-gradient(to bottom, #c8cdd2 0%, #e8e8e8);
}

.newdashboard .tab-nav.tabs {
  background: #fff;
  margin-top: 0 !important;
  justify-content: left;
  padding-left: 5%;
}

.newdashboard .tab-item {
  padding: 20px;
  color: #444 !important;
  margin: 0;
  margin-right: 25px;
}

.newdashboard .tabs {
  height: max-content;
}

.newdashboard .tabs a.tab-item-active {
  border-bottom: solid 5px #09a867 !important;
  color: #444 !important;
}

.newdashboard .tab-title {
  text-transform: none;
}

.newdashboard .tab-nav.tabs a:hover {
  color: #444 !important;
}

.newdashboard .maincontentarea {
  width: 90%;
  margin: auto;
  margin-top: 30px;
}

.maincontentarea h1 {
  font-size: 24px;
  color: #444444;
  padding: 0px;
  position: relative;
  margin-bottom: 20px;
}

.maincontentarea h1:after {
  content: '';
  border: solid 2px #09a867;
  position: absolute;
  left: 0px;
  bottom: -6px;
  width: 35px;
}

.newdashboard .tab-item .tab-title {
  font-size: 18px;
}

.newdashboard .container-fluid {
  padding: 0;
}

.maincontentarea h2 {
  font-size: 18px;
  color: #444444;
  background: #efefef;
  padding: 10px;
  margin-bottom: 20px;
  text-align: left;
  margin-top: 0;
}

.newdashboard .col-sm-3 .innercontainer,
.newdashboard .col-sm-6 .innercontainer,
.newdashboard .col-sm-12 .innercontainer,
.newdashboard .col-sm-9 .innercontainer {
  border-radius: 4px;
  margin-bottom: 2px;
  box-shadow: 2px 3px 8px 1px #bfbfbf;
  background: #fff;
  padding: 15px;
  float: left;
  width: 100%;
}

.subheaders {
  text-align: left;
  margin-bottom: 10px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
}

.subheaders span {
  text-align: right;
  margin-right: 15px;
  font-size: 18px;
  color: #09a867;
  font-weight: 800;
  float: right;
}

.nestedrows .innercontainer {
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border: none;
  padding: 0 !important;
  position: relative !important;
}

.countcontainer {
  float: left;
  width: 75%;
  color: #8e8e8e;
  /*text-transform: uppercase;*/
  font-size: 12px;
  text-align: left;
}

.countcontainer span {
  font-weight: 700;
  font-size: 20px;
  display: block;
  color: #444;
  min-height: 28px;
}

.maincontentarea .progress {
  height: 5px;
  background: #e2e2e2;
  position: absolute;
  left: 75px;
  top: 10px;
  width: 200px;
}

.progress-bar-info.yellow {
  background: #ffcc57;
}

.progress-bar-info.green {
  background: #09a867;
}

.progress-bar-info.ornage {
  background: #eb8742;
}

.progress-bar-info.red {
  background: #d43725;
}

.progress-bar-info.blue {
  background: #0808ab;
}

.progress-bar-info.purple {
  background: #a508ab;
}

.keymatrics .countcontainer {
  width: 100%;
  margin-bottom: 25px;
}

.keymatrics .countcontainer span {
  font-size: 16px !important;
  font-weight: normal;
  margin-top: 8px;
  text-transform: capitalize;
}

.keymatrics .countcontainer img {
  position: absolute;
  right: 10px;
  width: 30px;
}

.innercontainer img {
  max-width: 100%;
}

.nopadding .innconentspacer {
  padding: 15px;
  float: left;
  width: 100%;
}

.countcontainer small {
  display: block;
  font-size: 10px;
}

.innercontainer .thumbnails {
  float: right;
}

.innercontainer .thumbnails img {
  width: auto;
}

.innercontainer .footerdiv {
  float: left;
  background: #eeeeee;
  width: 100%;
  text-align: left;
}

.footerdiv .leftside,
.footerdiv .rightside {
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  /*text-transform: uppercase;*/
}

.footerdiv .leftside {
  float: left;
  width: 40%;
}

.footerdiv .rightside {
  float: right;
  width: 60%;
  background: #ffcc57;
  text-align: right;
  font-size: 20px !important;
  padding: 6px 15px !important;
  height: 40px !important;
}

.nopadding .innercontainer {
  padding: 0 !important;
}

.textcolor .text-center {
  color: #09a867;
  font-weight: 600;
}

.qualification .progress {
  top: 15px;
  position: relative;
  overflow: initial;
  left: 0;
  margin-bottom: 50px;
  width: 255px;
}

.qualificationtype {
  position: absolute;
  top: -20px;
  font-size: 13px;
  width: 100%;
  text-align: left;
}

.qualificationtype span {
  text-align: right;
  float: right;
}

.multiboxes .countcontainer {
  width: 50%;
}

.maleicon,
.femaleicon {
  text-align: left;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.maleicon img,
.femaleicon img {
  float: left;
  margin-right: 10px;
}

.maplegends {
  position: relative;
  width: 100%;
}

.maplegends ul {
  text-align: left;
  float: right;
  margin-top: -50px;
  right: 0;
  position: absolute;
}

.maplegends li {
  list-style: none;
  font-size: 11px;
  color: #565656;
  cursor: pointer;
  margin-bottom: 2px;
}

.maplegends li a {
  text-decoration: none;
  color: #565656;
}

.maplegends .maporange {
  width: 10px;
  height: 10px;
  background: #d43725;
  margin-right: 10px;
  display: inline-block;
}

.maplegends .mapyellow {
  width: 10px;
  height: 10px;
  background: #efbd4b;
  margin-right: 10px;
  display: inline-block;
}

.maplegends .mapgreen {
  width: 10px;
  height: 10px;
  background: #09a867;
  margin-right: 10px;
  display: inline-block;
}

.maplegends .mapblue {
  width: 10px;
  height: 10px;
  background: #0808ab;
  margin-right: 10px;
  display: inline-block;
}

.comingsoon {
  padding-bottom: 100px;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
}

.comingsoon .textcontent {
  position: absolute;
  font-size: 24px;
  bottom: 100px;
  text-align: center;
  width: 100%;
  color: #444;
  background: #fff;
}

.comingsoon img {
  width: 40%;
}

.gendergraph {
  min-width: 100px;
  min-height: 150px;
  padding-left: 0;
  margin-left: 0px;
}

/*start repeat section style*/
.repeatsection {
  padding: 0 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
  position: relative;
}

.repeatsection .addfieldclose {
  position: absolute;
  right: 20px;
  background: #d55f47;
  padding: 3px 8px;
  border-radius: 100%;
  z-index: 99999;
  margin-top:0px;
}

.addfieldclose i {
  color: #fff;
  font-size: 14px;
}

.repeatsection .mainquestioncontainer .subgrouptwo,
.repeatsection .questiondescription {
  display: none;
}

.repeatsectionstyles .AddNewButton button {
  padding: 6px 12px !important;
  float: right;
  min-width: auto;
  font-size: 16px;
}

.repeatsectionstyles .mainquestioncontainer input {
  padding-right: 35px;
}

.viewmodecontainer .btn.submit-button {
  padding: 12px 20px;
  margin-bottom: 20px;
}

.repeatsectionstyles legend {
  width: auto;
  padding: 0 15px;
  /*margin-bottom: 0;*/
}

.repeatsectionlegend {
  margin: 30px 0;
  display: block;
  width: 100%;
  float: left;
}

.formstyles {
  position: static !important;
}

.maincontentarea .row {
  display: inherit;
}

.formlystyles .mainquestioncontainer.borderstyles .showlabel label {
  padding-right: 110px;
}

.askquestionpopup .form-group-custom input {
  border: 1px solid #ccc;
}

.countcontainer .lowercase {
  text-transform: none;
  display: inline;
  font-weight: 400;
  color: #8e8e8e;
  font-size: small;
}

.select2-container .select2-choice .select2-arrow {
  background: transparent !important;
  top: 3px;
  right: 4px;
}

.subgroupquestion .select2-container .select2-choice .select2-arrow,
.fielddirectiveheight .select2-container .select2-choice .select2-arrow {
  top: 8px !important;
  right: 7px !important;
}

.nopadding .col-sm-12,
.nopadding .col-sm-6 {
  padding: 0 !important;
}



.uploadpic .details {
  float: left;
  margin-left: 20px;
  line-height: 30px;
}

.combinedrows .innercontainer {
  float: left !important;
  width: 100% !important;
  margin-bottom: 5px !important;
}

.newdashboard .combinedrows .innercontainer.lastcontainer {
  float: right !important;
}

.text-right {
  text-align: right;
}

.customstyles .maplocation {
  text-align: center !important;
}

.newdashboard .select_language {
  right: 0 !important;
  position: absolute !important;
  top: 0px;
  right: 20px !important;
}

.menubuttons .topicons i {
  font-size: 18px;
  color: #fff;
}

.menubuttons.settingicons {
  position: absolute !important;
  top: 10px;
}

.menubuttons .topicons i {
  margin-left: 15px;
}

.menubuttons.settingicons span {
  display: inline;
}

.notifcount {
  background: #ffcc57;
  border-radius: 100%;
  color: #000;
  position: absolute;
  top: -10px;
  width: 15px;
  height: 15px;
  font-size: 10px;
  text-align: center;
  font-weight: 700;
  left: 25px;
  padding-top: 1px;
}

.menubuttons .topicons {
  position: relative;
}

.iconcontainer .imagecontainer {
  height: 65px;
  margin: 20px 0 5px 0;
}

.dropdowncontainer .btn {
  background: transparent;
  width: auto !important;
  padding: 10px 15px;
}

.ui-grid-cell-contents {
  font-weight: normal !important;
}

.thumbnailcards .countcontainer span {
  height: 28px;
}



/*start launcher web app styles*/

.login-form-btn {
  width: auto;
  background: #fecb3f;
  /*text-transform: uppercase;*/
  padding: 15px 40px !important;
  border: none;
  color: #000;
  font-weight: bold;
  border-radius: 6px;
}

.base-bg {
  background: url(../img/base-bg.png);
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.base-bg.base-bg-login {
  background: url(../img/base-bg-login.png);
  height: 100vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0;
}

.kuzaapp-box {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 50%;
  justify-content: center;
}

header .logo .time {
  font-size: 50px;
  font-weight: 200;
  display: block;
  margin-top: 7px;
  color: #fff;
}

.date {
  margin-top: 5px !important;
  display: inline-block;
  font-size: 25px !important;
  color: #fff;
}

.logo .ae-logo {
  height: 90px;
  width: auto;
}

header .ae-logo {
  height: 120px;
  width: auto;
}

header .top-right {
  margin-top: 0;
}

header .logo .date,
header .top-right .greetings,
header .top-right .weather {
  font-size: 18px;
  font-weight: 200;
  display: block;
  margin-top: -10px;
}

header .top-right .weather-symbol {
  display: inline-block;
  background: #f8d50c;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  position: relative;
}

header .top-right .weather-symbol i {
  font-size: 30px;
  position: absolute;
  left: -10px;
  bottom: -7px;
}

header .top-right .greetings {
  margin-top: 20px;
}

header .top-right .weather {
  margin-top: 5px
}

footer {
  background: #FFF;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

footer img {
  height: 40px;
  width: auto;
}

.app-icon {
  margin-top: 60px;
}

.app-icon h1 {
  font-size: 25px;
  font-weight: 700;
  /*text-transform: uppercase;*/
}

.app-icon .icon-box {
  text-align: center;
  width: 25%;
  padding: 0 1%;
}

.app-icon .icon-box .icon {
  background: rgba(183, 183, 183, 0.3);
  padding: 15px 0px 15px 0;
  text-align: center;
  border-radius: 10px;
  height: auto;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.41);
  -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.41);
  box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.41);
}

.app-icon .icon-box.calendar .icon {
  background: #ea7b21;
  font-size: 50px;
}

.app-icon .notifications {
  background: rgba(248, 213, 12, 0.9);
  color: #000;
  padding: 10px 20px;
  border-radius: 7px;
  margin-bottom: 10px;
}

.app-icon .notifications i {
  background: #FFF;
  border-radius: 100%;
  padding-top: 5px;
  width: 25px;
  height: 25px;
  color: #000;
  text-align: center;
  margin-right: 10px;
}

.login-form {
  margin-top: 10%;
}

.login-form input {
  background: rgba(255, 255, 255, 0.6);
  padding: 24px;
  border-radius: 7px;
  width: 100%;
  border: 0;
  margin-bottom: 15px;
  color: #000;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.login-form input[type=submit] {
  width: auto;
  background: #fecb3f;
  /*text-transform: uppercase;*/
  padding: 15px 40px;
}

@media screen and (max-width:768px) {
  .app-icon.kuza-app {
    margin-top: 150px;
  }
}

@media screen and (max-width:600px) {
  .app-icon {
    margin-top: 20px;
  }

  .app-icon.kuza-app {
    margin-top: 30px;
  }

  .app-icon .icon-box .icon {
    background: rgba(183, 183, 183, 0.3);
    padding: 8px;
    text-align: center;
    border-radius: 10px;
    height: auto;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.41);
  }

  .app-icon .icon-box .icon img {
    width: auto;
    height: auto;
  }

  .app-icon .col {
    padding-right: 0;
  }

  .app-icon .col:last-child {
    padding-right: 15px;
  }

  .app-icon .icon-box.calendar .icon {
    background: #ea7b21;
    font-size: 30px;
  }

  .login-form {
    margin-top: 20%;
  }

  footer img {
    height: auto;
    width: 85%;
  }
}

.welcome {
  font-size: 25px;
  font-weight: 500;
  display: block;
  margin-top: 7px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
}

.signdiffbtn {
  background-color: transparent;
  min-height: 20px;
  line-height: 20px;
  color: #fff !important;
  font-weight: 600;
  border: none !important;
  position: fixed;
  bottom: 15px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 100%;
}

.icon-box p {
  font-size: 13px;
  font-weight: bold;
}

.signdiffbtn.activated {
  background: transparent;
}

.launcherstyles .select_language {
  position: absolute !important;
  top: 30px !important;
  right: 35% !important;
}

.wide-as-needed {
  height: calc(100vh - 290px) !important;
  padding-bottom: 100px !important;
}



.topicons .dropdown-menu {
  background-color: #fff;
  width: 280px;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 1;
  left: -250px;
  padding: 0;
  margin-top: 10px;
}

.topicons .dropdown-menu li a {
  margin-bottom: 0;
  padding: 10px 15px;
  cursor: pointer;
}

.topicons .dropdown-menu li a:hover {
  background: #eee;
}

.topicons .dropdown-menu .glyphicon {
  color: #878787;
  font-size: 16px;
  float: left;
  margin-right: 10px;
}

/*Start Self updater*/
.progress {
  margin: 0px;
  height: 8px;
  background - color: #F1292B !important;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.loginpage.progress_bar_div {
  width: 100%;
  margin: 0px auto;
}

.progressstatus {
  top: 45%;
  text-align: center;
  width: 100%;
  color: #000;
}

.appdetails .appimage,
.appdetails .appname,
.appdetails .appversion {
  float: none;
  display: block;
}

.appversion {
  font-size: 12px;
}

.stepcount {
  font-weight: 700;
  text-align: left;
}

.appdetails .appimage {
  margin-bottom: 10px;
}

.appdetails .appimage img {
  width: 50px;
}

.appdetails .appname {
  font-weight: 700;
}

/*End Self updater*/

.getprofilepic {
  width: 90px;
  height: 90px;
  background: #ccc;
  margin: auto;
  border-radius: 100%;
}

.getprofilepic img {
  max-width: 80px;
  border-radius: 100%;
  margin-top: 5px;
}

hr {
  border-color: #ccc;
  margin-top: 15px;
}

.getprofilepicmain {
  min-height: 250px;
}

.getprofilepicmain .countcontainer {
  width: 100%;
  text-align: center;
}


.supervisionchecklist .myprofile .subgrouptwo,
.supervisionchecklist .myprofile .subgroupthree {
  display: none;
}

.supervisionchecklist .formlystyles .custommulticheck .lessonquizmain {
}

.supervisionchecklist .checkmark {
  border-radius: 1px !important;
  width: 20px;
  height: 20px;
}

.supervisionchecklist .formlystyles .custommulticheck .lessonlabel label {
  padding: 0px 20px 2px 35px !important;
  font-weight: normal !important;
}

.supervisionchecklist .checkboxcontainer .checkmark:after {
  left: 6px;
  top: 0px;
  width: 6px;
  height: 13px;
}

.supervisionchecklist .formlystyles .mainquestioncontainer {
  background: #fff;
  padding: 15px;
}

.supervisionchecklist .formlystyles .lessonnewquizstyles input {
  width: 100px;
}

.supervisionchecklist .formlystyles .questiondescription {
  display: none;
}

.supervisionchecklist .formlystyles .showlabel.grouplabeltitle label {
  margin-bottom: 0 !important;
  border: none;
  background: #fff;
  padding: 8px 15px;
  color: #4c4c4c;
  font-weight: normal !important;
  font-size: 1.5em !important;
}

.supervisionchecklist .viewformtemplate .mainquestioncontainer {
  margin-bottom: -1px !important;
}

.supervisionchecklist .formlystylesinput input {
  right: 13px;
}

.supervisionchecklist .mainquestioncontainer .showlabel label {
  color: #000;
  font-weight: normal !important;
  color: #4c4c4c;
  font-size: 1.2em !important;
}

.supervisionchecklist .showlabel.grouplabeltitle label {
  margin-top: 15px !important;
}

.supervisionchecklist .formlystylesinput input {
  margin-top: 16px;
}

.supervisionchecklist .repeatsectionlegend {
  margin-top: 0;
}

.supervisionchecklist .select2-container .select2-choice .select2-arrow b {
  background-position: -4px 10px !important;
}

.supervisionchecklist .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -22px 10px !important;
}

.supervisionchecklist .dynamicprofilepage .select2-container .select2-choice {
  border-color: #5f7d8b !important;
  background: #fff;
}



.supervisionchecklist .groupnewstyles {
  position: relative;
  margin-top: 50px;
}

.supervisionchecklist .groupoptions {
  position: absolute;
  top: 15px;
  right: 15px;
}

.supervisionchecklist .groupoptions i {
  font-size: 20px;
  cursor: pointer;
}

.groupcontent {
  background: #e2f6d7;
  padding: 5px;
  padding-left: 15px;
}

.groupcontent span {
  margin-right: 20px;
  /*text-transform: uppercase;*/
  font-family: 'regular' !important;
  color: #4c4c4c;
  font-size: 12px;
}

.minheight {
  float: left;
  width: 100%;
  height: 20px;
  background: #fff;
  margin-bottom: -1px;
}

.supervisionchecklist .groupcontent .btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none;
  font-size: 12px;
  color: #565c5d;
  text-shadow: none;
  padding: 5px !important;
  margin-left: 0px;
  min-width: auto;
  transition: 0.5s;
  font-family: 'regular' !important;
}

.supervisionchecklist .groupcontent .btn:hover {
  background: #fff !important;
  transition: 0.5s;
}

.supervisionchecklist .collapse,
.supervisionchecklist .collapsing {
  background: #e2f3f8;
  padding: 20px;
}

.supervisionchecklist .formlystylesinput.pointslabel input {
  background: #626262;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  height: auto;
  margin-top: 8px;
  font-size: 12px !important;
  border: none;
}

fieldset.repeatsectionstyles .message {
  width: 80%;
  margin: auto;
  text-align: center;
  margin-bottom: 0 !important;
  font-size: 16px !important;
  color: #999;
}

.supervisionchecklist .spacebetween {
  width: 20px;
  display: inline-block;
}

.tooltip-inner {
  max-width: 200px;
  width: 155px;
}

.supervisionchecklist .groupoptions span {
  cursor: pointer;
  display: inline-block;
}


.supervisionchecklist .termsconditions {
  position: absolute;
  bottom: -30px;
  left: calc(50% - 30px) !important;
}

.supervisionchecklist .termsconditions button {
  border-radius: 100%;
  width: 60px !important;
  height: 60px !important;
  min-width: auto !important;
  box-shadow: 2px 4px 11px 0px #333333;
  padding: 0 !important;
}

.supervisionchecklist .myprofile .dynamicprofilepage .termsconditions button {
  background: #fec10d !important;
}

.supervisionchecklist .formlystylesinput.pointslabel input {
  width: 155px !important;
}

.supervisionchecklist .formly-field-opinionscale ul {
  margin-left: 0 !important;
}

.supervisionchecklist .layout-thee-columns>li {
  text-align: center;
  padding-right: 0;
}

.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
  visibility: visible !important;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #13C277;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -8px;
  z-index: 3;
  width: 10px;
  height: 20px;
  cursor: pointer;
  background-color: #13C277;
  margin-left: 2px;
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #0d8250;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
  display: none;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {

}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: -25px;
  white-space: normal;
  transform: translate(-35%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}

.rangeslider ol,
.rangeslider ul {
  list-style: none !important;
}

.rangeslider ol li,
.rangeslider ul li {
  margin-top: 0 !important;
}

.rangeslider ol li::before,
.rangeslider ul li::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 1px;
  text-align: center;
  cursor: pointer;
  background: #10b56e;
  border-radius: 50%;
}

.rangeslidercontainer {
  width: 25% !important;
  position: absolute;
  right: 50px;
  top: -5px;
}

.rzslider .rz-tick-legend {
  font-size: 12px;
}

.progress-wrapper {
  position: relative;
  margin: 0px auto;
  font-size: 12px;
  text-align: left;
}


.progress-wrapper .progress {
  width: 100%;
  height: 12px !important;
  font-size: 1em;
  text-align: center;
  color: #bbb;
  font-weight: 100;
  background-image: linear-gradient(to bottom, #e0e0e0 0, #bdbdbd 100%);
  top: 50%;
  margin-top: 15px;
}

.progress-wrapper .loginprogress {
  background: transparent;
  width: 100%;
  margin-top: 50px;
  font-size: 12px;
  height: 15px !important;
}

round-progress {
  margin: auto;
}



.supervisionchecklist .progress-wrapper {
  position: absolute;
  margin: 0px auto;
  font-size: 12px;
  text-align: left;
  right: 15px;
  top: 10px;
  height: 44px;
}

.supervisionchecklist .progress-wrapper .loginprogress {
  background: transparent;
  width: 100%;
  font-size: 12px;
  height: initial !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: absolute;
  top: 16px;
  color: #000;
}

svg:not(:root) {
  position: relative;
  z-index: 99999;
}

.supervisionchecklist .rangeslider .middlecount {
  position: absolute;
  right: 8%;
  margin-top: 10px;
}

.supervisionchecklist .rangeslider .progress {
  box-shadow: none;
}

.supervisionchecklist .formlystyles .checkboxcontainer input {
  margin-left: 0 !important;
}

.checkboxholder {
  width: 100%;
  float: left;
}

.supervisionchecklist .switchform_radio label,
.supervisionchecklist .switchform_yesno label,
.supervisionchecklist .switchform_checkbox label {
  background: #fff !important;
}


.supervisionchecklist .checkbox input,
.supervisionchecklist .ion-android-done {
  position: absolute;
  left: 3px;
  bottom: -2px;
  color: #fff;
}

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

.supervisionchecklist .repeatsection .showlabel label {
  display: none !important;
  font-weight: bold !important;
}

.checkboxcontainer:hover input~.checkmark {
  background-color: #22b982;
}

.buttons.buttons-left .topicons span {
  margin-top: -7px !important;
  padding: 10px 0;
}

.buttons.buttons-left .topicons .notifcount {
  margin: 0 !important;
  padding: 0 !important;
}

.topicons.open .dropdown-menu a span {
  display: none;
}

.aemview .exportpdfexcel {
  top: 10px;
}

.aemview .scroll {
  padding-top: 40px;
}

.supervisionchecklist .repeatsectionstyles .repeatsection:before {
  content: counter(step-counter);
  counter-increment: index;
  position: absolute;
  left: 10px;
  top: 8px;
  z-index: 9999;
}

.supervisionchecklist .repeatsectionstyles .repeatsection {
  counter-increment: step-counter;
}

.supervisionchecklist .repeatsectionstyles .repeatsection:last-child {
  border: none !important;
}

.repeatsection .mainquestioncontainer textarea {
  resize: none;
}

.supervisionchecklist .repeatsection .pointscontainer .mainquestioncontainer {
  padding-top: 0;
}


.groupoptions .tooltip.top {
  margin-left: -53px;
}

.groupoptions .tooltip.top .tooltip-arrow {
  margin-left: 48px;
}

.profilemarks {
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
  border-radius: 5px;
  margin-bottom: 20px;
  position: relative;
  height: 120px;
}

.viewsupervision {
  background: url(../img/supervision_bg.png) no-repeat;
  background-size: cover;
}

.viewsupervision .userprofiletopsection.viewfieldscontainer {
  height: auto !important;
  margin-bottom: 0px;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .24), 0 17px 50px 0 rgba(0, 0, 0, .19);
  border-radius: 5px;
}

.viewsupervision .formpage.nocontentscroll {
  margin-top: 75px;
}

.viewsupervision .viewfieldscontainer {
  margin-top: 0;
}

.viewsupervision .exportedit,
.viewsupervision .exportpdfexcel button:last-child {
  color: #4c4c4c;
}

.viewsupervision .groupheadertitle .showlabel label {
  float: none !important;
  cursor: pointer;
  padding: 10px 15px;
}

.viewsupervision .supformcontainer {
  width: 100%;
  float: left;
  background: #eee;
  padding: 0px;
}

.viewsupervision .groupcontent {
  background: #fff;
}

.viewsupervision .grouptitle.groupheadertitle .labeltitle {
  margin-bottom: 0;
  padding-bottom: 0;
}

.supformcontainer .detaildescription.displaynone {
  display: none !important;
}

.supformcontainer .groupheadertitle {
  margin: 0;
}

.supformcontainer .dynamicids {
  float: left;
  width: 100%;
  padding: 15px 30px;
  background: #fff;
  margin-bottom: 15px;
  position: relative;
  box-shadow: 0px 0px 4px 1px #ccc;
  font-weight: normal !important;
}

.viewformtemplate.viewsupervision .mainquestioncontainer {
  margin-bottom: 0;
  width: 66%;
  margin-right: 4%;
}

.viewsupervision .viewformmode .mainquestioncontainer .showlabel label {
  margin-bottom: 0;
}

.viewsupervision .viewformmode .showlabel.groupcontent label {
  color: #4c4c4c;
  font-weight: normal !important;
  position: relative;
}

.viewsupervision .viewformmode .labeltitle label,
.viewsupervision .viewformmode .detaildescription,

.supervisionquestions {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
  height: 60px;
  vertical-align: middle;
  display: table;
}

.viewsupervision .viewformmode .labeltitle {
  width: 66% !important;
}

.viewsupervision .viewformmode .detaildescription {
  width: 30% !important;
  font-size: 14px;
}

.viewsupervision .grouptitle.groupheadertitle .labeltitle {
  width: 100% !important;
  box-shadow: 0px 0px 4px 1px #ccc;
}

.viewsupervision .groupcontent label i {
  position: absolute;
  right: 0;
  font-size: 18px;
  top: 18px;
}

.viewsupervision .grouptotalpts {
  position: absolute;
  top: -40px;
}

.viewsupervision .progress-wrapper {
  position: absolute;
  margin: 0px auto;
  font-size: 12px;
  text-align: left;
  right: 15px;
  top: 5px;
  height: 44px;
}

.viewsupervision .progress-wrapper .loginprogress {
  background: transparent;
  width: 100%;
  font-size: 12px;
  height: initial !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: absolute;
  top: 16px;
  color: #000;
}

.viewsupervision .rangeslider .progress {
  box-shadow: none;
}

.viewsupervision .rangeslider .middlecount {
  position: absolute;
  right: 10%;
  top: 20px;
}

.showlabel.groupcontent.collapsed .ion-plus:before {
  content: "\f218";
}

.showlabel.groupcontent .ion-plus:before {
  content: "\f209";
}

.mainquestioncontainer .questitle {
  font-weight: normal;
  font-size: 16px;
  float: left;
}

.viewsupervision .viewformmode .supervisionquestions label,
.viewformmode .supervisionquestions .detaildescription {
  vertical-align: middle;
  display: table-cell;
  height: 60px;
  float: none !important;
  font-weight: normal;
}

.mainquestioncontainer.rangeslider .questitle {
  height: 60px;
  vertical-align: middle;
  display: table-cell;
  float: none;
}

.viewsupervision .supervisionquestions .detaildescription {
  text-align: right;
  padding-right: 10%;
}

.supervisionchecklist {
  background: url(../img/supervision_bg.png) no-repeat;
  background-size: cover;
}

.control-group svg:not(:root) {
  z-index: 9;
}


.singlequestionload .overflow-scroll {
  /*overflow: hidden !important;*/
}

.viewsupervision .grouptitle.groupheadertitle .showlabel label {
  padding-top: 15px;
}

.viewsupervision .grouptotal {
  position: absolute;
  right: calc(25% - 50px);
  top: 10px;
  border: solid 3px #666;
  border-radius: 100%;
  width: 50px;
  height: 50px;
}

.viewsupervision .grouptitle.groupheadertitle .showlabel {
  position: relative;
}

.grouptotal .maintotal {
  text-align: center;
  margin-top: 10px;
  color: #666;
  font-size: 18px;
}

.viewsupervision .viewformmode .supervisionquestions label,
.viewsupervision .viewformmode .supervisionquestions,
.viewsupervision .supervisionquestions .detaildescription {
  height: auto;
  font-size: 16px;
}

.viewsupervision .viewformmode .supervisionquestions {
  padding: 5px 0;
}

.viewsupervision.viewfarmer .supervisionquestions .detaildescription {
  padding-right: 0;
}

.viewsupervision .viewformmode .supervisionquestions .labeltitle {
  width: 80% !important;
}

.external_link i {
  font-size: 13px;
  position: relative;
  top: -10px;
  left: 0;
  color: #636363;
}

.profilemarks .profiletitle {
  font-size: 24px;
  color: #4c4c4c;
  margin-bottom: 5px;
}

.profilemarks .subheadings {
  margin-bottom: 5px;
}

.profilemarks .subheadings.name {
  text-transform: capitalize;
}

.profilemarks .subheadings span {
  font-weight: 700;
}

.profilemarks .overallpoints {
  position: absolute;
  right: calc(25% - 65px);
  top: 15px;
  border: solid 5px #666;
  border-radius: 100%;
  width: 100px;
  height: 100px;
}

.profilemarks .totalnopoints {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #666;
  margin-top: 25px;
}

.supformcontainer .lastaccordion .dynamicids {
  margin-bottom: 0;
}

.lastaccordion .dynamicids .labeltitle {
  box-shadow: none !important;
  border: none !important;
}

.lastaccordion .dynamicids .labeltitle label {
  font-size: 16px !important;
  padding: 0 !important;
  cursor: auto;
  height: auto !important;
}

.lastaccordion .dynamicids .supervisionquestions .lastacc.detaildescription {
  display: block;
  width: 100% !important;
  float: left !important;
  text-align: left;
  margin-top: 5px;
}

.lastacc.detaildescription .labelans {
  display: list-item;
  margin-left: 20px;
  font-size: 14px;
  list-style-type: decimal;
  line-height: 26px;
  margin-bottom: 10px;
}

.supervisionquestions .lastacc.detaildescription {
  margin-bottom: 0;
}

.viewformmode .grouptitle.groupheadertitle .labelans.liststyles {
  margin-bottom: 10px !important;
}

.viewformmode .grouptitle.groupheadertitle .labelans.liststyles:last-child {
  margin-bottom: 0 !important;
}


.filtersrow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  /* width: 94%; */
  margin: auto;
  margin-bottom: 15px;
}

.all_order {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.newgridui .all {
  position: relative;
  margin-left: 10px;
  color: #00a965;
}

.alphabetpagi {
  display: inline-block;
  margin: 0px;
}

.alphabet_order {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.alphabetpagi button {
  display: inline-block;
  background-color: transparent;
  border: none;
  width: auto;
  background-image: none !important;
  box-shadow: none !important;
  padding: 5px 6px !important;
  color: #333;
  font-weight: 600;
}

.newgridui .topopenpanel,
.filtersrow,
.adsearch,
.alphabetpagi .btn-group .btn {
}

#custom-search-input {
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 300px;
  margin-left: 15px;
}

.search_order {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.filtersrow .ng-pristine {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#custom-search-input .search-query {
  padding-right: 3px;
  padding-right: 4px \9;
  padding-left: 10px;
  padding-left: 4px \9;
  background-color: #fff;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#custom-search-input input {
  margin: 0 0 0 0;
  background: none;
  border: 1px solid #a7a7a7;
}

#custom-search-input span {
  color: #ccc;
}

#custom-search-input button {
  border: 0;
  background: none;
  padding: 2px 5px;
  margin-top: 0px;
  position: relative;
  left: -28px;
  margin-bottom: 0;
  color: #444 !important;
}

#custom-search-input span {
  color: #ccc;
}

.f_g_4 {
  margin-left: auto;
}

.filters_order {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.adsearch {
  background-color: transparent !important;
  border: none !important;
  color: #fa7526 !important;
  font-size: 15px;
  background-image: none !important;
  text-decoration: underline;
  position: relative;
}

.alphabetpagi .btn-group>.btn:active,
.alphabetpagi .btn-group>.btn:focus,
.alphabetpagi .btn-group>.btn:hover {
  color: #00ab66 !important;
  text-shadow: none;
  background-color: transparent;
}

.newgridui .griduicontainer {
  width: 1120px;
  margin: 35px auto 0 auto;
}

.newgridui .topopenpanel .panel-heading {
  color: #333;
  position: relative;
  border-color: #efefef !important;
  background-color: #f9f9f9;
  background-image: none;
  border-top: 1px solid #969696;
  border-left: 1px solid #969696;
  padding: 15px 15px;
}

.newgridui .topopenpanel .panel-heading .panel-title {
  color: #313131;
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
}

.topopenpanel .panel-body {
  padding-top: 0;
}

.newgridui .row {
  width: 100%;
  display: table !important;
}

.newgridui .countprogress {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.topopenpanel .countprogress {
  margin-top: 0 !important;
}

.newgridui .count_content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.newgridui .count {
  font-size: 22px;
  font-weight: bold;
  margin-right: 15px;
}

.newgridui .progressbar {
  background-color: #ffcc45;
  width: 100%;
  height: 6px;
  border-radius: 8px;
}

.newgridui .captitle {
  /*text-transform: uppercase;*/
}

.newgridui .countprogress {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.topopenpanel .countprogress {
  margin-top: 0 !important;
}

.newgridui .count_content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.newgridui .progressbar.green {
  background-color: #00a966;
}

.newgridui .modulebtnewui {
  position: absolute;
  right: 0px;
  border: 0px !important;
  top: 8px;
  right: 15px;
  margin: 0;
  padding: 0;
  background-color: #03a866;
  border-radius: 24px;
  padding: 6px 15px;
  /*text-transform: uppercase;*/
  width: auto !important;
}

.newgridui .modulebtnewui span {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
}

.modinline {
  color: #3c4043;
  font-size: 12px;
}

.newgridui .modulebtnewui img {
  display: none;
}

.newgridui .profiledropdown {
  display: inline-block;
  cursor: pointer;
}

.header_profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #fff;
  float: right;
  position: relative;
  margin: 2px 0 0 0;
}

.header_profile h4 {
  margin: 0px;
  padding: 0px;
  font-size: 15px;
}

.profileinfo small {
  color: #aeffdc;
}

.profilepicture {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.37);
}

.header_profile i {
  font-size: 20px;
}

.newgridui .profiledropdown .dropdown-menu {
  right: 0px !important;
}

.newgridui .profiledropdown .dropdown-menu>li>a {
  color: #555;
  font-size: 16px;
}

.dropdown-menu>li>a {
  padding: 3px 20px 3px 10px;
}

.newgridui .bar.bar-stable,
.newgridui .bar.bar-stable {
  height: 65px !important;
}

.profilepicture img {
  height: auto !important;
  width: 40px !important;
  height: 40px !important;
}

.partner_logo {
  display: inline-block;
  width: 50px;
  height: 50px;
  box-sizing: content-box;
  margin: 3px 0 0 15px;
  border-radius: 100%;
  text-align: center;
}

.partner_logo img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 100%;
  object-fit: cover;
  filter: unset !important;
}

.newgridui .bar-stable .button.button-clear,
.newgridui .bar.bar-stable .title,
.newgridui .bar-stable .button.button-clear,
.newgridui .bar.bar-stable .title {
  margin-top: 10px !important;
}

.newgridui .bar.bar-stable .title {
  text-align: left !important;
  left: 125px !important;
  font-weight: bold;
  letter-spacing: 1px;
}

/*.newgridui .has-header {
  top: 65px;
}*/

.newgridui .newuigridpanel {
  display: flex !important;
  flex-direction: row;
  align-items: center;
}

.newgridui .ui-grid-pager-panel {
  padding: 0 !important;
  margin: 20px 0 0 0 !important;
  background-color: #f5f5f5 !important;
}

.exportdiv {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
}

.newgridui .select2-container {
  margin: 8px 0 0 0;
}

.newgridui .select2-container .select2-choice {
  width: 100%;
  border-radius: 0;
  background: #fff;
  height: 28px;
  padding: 0px 10px 0 10px;
  border: solid 1px #ccc;
  color: #404040;
}

.newgridui .select2-container .select2-choice,
.newgridui .select2-drop-active {
  border: 1px solid #dadada !important;
  color: #404040;
}

/*.newgridui .select2-container .select2-choice>.select2-chosen {
  color: #404040;
}*/

.newgridui .ui-grid-pager-row-count-picker {
  border: 1px solid #d5d5d5;
  padding: 0 5px 0 10px;
}

.newgridui .ui-grid-pager-row-count-picker select {
  border: 0px;
  margin-top: 0px;
  border: 0 !important;
  box-shadow: none;
}

.newgridui .ui-grid-pager-control button[disabled] {
  opacity: 0.5 !important;
}

.newgridui .userformgrid .ui-grid-pager-panel input {
  border: none;
  background: none;
  box-shadow: none !important;
  color: #13c277;
  font-weight: bold;
  font-size: 14px;
  text-align: center !important;
}

.newgridui .ui-grid-pager-control button {
  border-radius: 100% !important;
  width: auto;
  height: auto;
  border-color: #f5f5f5 !important;
  padding: 0 !important;
  margin-right: 5px;
  color: #888 !important;
  background: -webkit-linear-gradient(top, #f5f5f5, #f5f5f5) !important;
  opacity: 1 !important;
  position: relative;
}

.newgridui .userformgrid .ui-grid-pager-panel input {
  border: none;
  background: none;
  box-shadow: none !important;
  color: #13c277;
  font-weight: bold;
  font-size: 14px;
  text-align: center !important;
}

.newgridui .select2-container .select2-choice {
  width: 100%;
  border-radius: 0;
  background: #fff;
  height: 28px;
  padding: 0px 10px 0 10px;
  border: solid 1px #ccc;
  color: #404040;
}

.newgridui .ui-grid {
  border: none;
}

.newgridui .ui-grid-render-container {
  border: 1px solid #d4d4d4;
}

.calendarcolor {
  color: black !important;
  background-color: yellow;
  border: 1px solid yellow;
}

/* AEM Code */

.trainingdashboard .maincontentarea .progress {
  height: 5px;
  background: #e2e2e2;
  position: absolute;
  left: 50px;
  top: 0px;
  width: 200px;
}

.trainingdashboard .countcontainer span {
  min-height: 35px;
}

.progress-bar-info.blue {
  background: #3f51b5;
}

.progress-bar-info.orange {
  background: #ff5722;
}

.progress-bar-info.purple {
  background: #673ab7;
}

.progress-bar-info.skyblue {
  background: #2196f3;
}

.occupation {
  margin-top: 15px;
}

.cast {
  margin-top: 15px;
}

.marital {
  margin-top: 15px;
}

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

.customselect {
  padding: 5px 10px !important;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 12px !important;
  margin-bottom: 6px;
  margin-top: 0px;
}

.ewrtraininginfo {
  position: relative;
}

.ewrtraininginfo .innercontainer {
  position: relative;
  top: -10px;
}

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

.ewrcard {
  border-radius: 4px;
  margin-bottom: 15px;
  box-shadow: 2px 3px 8px 1px #bfbfbf;
  background: #fff;
  float: left;
  width: 100%;
  position: relative;
}

.ewrcard .footerdiv .leftside {
  width: 50%;
  font-size: 12px;
  text-transform: none;
}

.ewrcard .countcontainer {
  text-transform: none !important;
  font-weight: 700;
  color: #333333;
  font-size: 14px;
}

.ewrcard .footerdiv .rightside {
  width: 45%;
  font-size: 12px;
}

.ewrcard .countcontainer {
  width: 100%;
}

.ewrcard .thumbnails {
  position: absolute;
  top: 15px;
  right: 15px;
}

.countbody {
  display: block;
  text-align: left;
  font-size: 20px;
  padding: 0 0 0 0;
  clear: both;
}

.ewrcard .footerdiv {
  float: left;
  background: #eeeeee;
  width: 100%;
  text-align: left;
}

.footerdiv .leftside,
.footerdiv .rightside {
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  /*text-transform: uppercase;*/
}

.ewrcard .innconentspacer {
  padding: 15px;
  float: left;
  width: 100%;
}

.bootstraprow {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.bootstraprow:before {
  content: "";
  display: table;
}

.ewrcardmodules {
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ewrcardmodules .thumbnails {
  top: 25px;
}

.ewrcard .thumbnails img {
  width: 45px;
  height: auto;
}

.customstyletable {
  overflow-x: auto;
}

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

.map-div {
  height: 430px !important;
}

.progress .progress-bar {
  background: #10b872;
}

.onloginpage.loginpag.class_specific .content-block {
  margin-top: 0;
  /* width: 60% !important; */
}

.onloginpage.loginpag md-content {
  background: transparent !important;
  overflow: visible !important;
  height: 100% !important;
}

/* .onloginpage.loginpag.class_specific .content-block img {
  width: 100%;
} */

.onloginpage md-tabs[md-border-bottom] md-tabs-wrapper {
  border: none !important;
}

.onloginpage md-tabs-canvas {
  background: transparent;
}

.onloginpage md-tabs .md-tab.md-active {
  color: #fff;
}

.onloginpage md-tabs .md-tab {
  color: #c3c3c3;
}

.onloginpage .md-tab {
  text-transform: none !important;
}


/*New Ui*/
.onloginpage md-content.md-default-theme,
.onloginpage md-content {
  margin-top: 50px;
}

.onloginpage md-tabs-canvas,
.onloginpage md-pagination-wrapper {
  height: 50px;
}

.onloginpage md-tabs.md-default-theme md-ink-bar,
.onloginpage md-tabs md-ink-bar {
  color: #fa7526;
  background: #fa7526;
}

.onloginpage .md-padding {
  margin-top: 0;
}

.onloginpage md-tab-content>div {
  background: #fff;
}

.onloginpage .md-padding .scroll-content {
  background: transparent !important;
  margin-bottom: 200px;
}

.onloginpage md-tabs.md-dynamic-height md-tab-content.md-active {
  height: 100%;
}

.onloginpage .lessonnewquizstyles .showlabel label,
.onloginpage .message,
.onloginpage .select2-default,
.onloginpage .showlabel.grouplabeltitle,
.onloginpage .termsconditions {
  text-align: left !important;
}

.onloginpage .mainquestioncontainer .subgroupone {
  display: none;
}

.onloginpage .subgrouptwo,
.onloginpage .subgroupthree,
.onloginpage .mainquestioncontainer .subgroupthree {
  font-weight: normal;
}

.onloginpage .mainquestioncontainer textarea {
  width: 100%;
  height: 100px !important;
  padding: 15px;
}

.onloginpage .mainquestioncontainer.assignmentupload img {
  width: auto !important;
}

.onloginpage.loginpag .scroll {
  float: left;
  width: 100%;
}

.onloginpage.loginpag .login .content-block .login_form input {
  border-radius: 0;
  box-shadow: none;
  border-bottom: solid 1px #ccc;
  text-align: left;
  float: left;
  width: 100%;
}

.onloginpage.loginpag .login .content-block .button-ecd-join {
  margin-left: 0;
  margin-top: 30px;
  float: left;
}

.onloginpage.loginpag .select2-results li,
.onloginpage.loginpag .dynamicprofilepage .select2-container .select2-choice {
  text-align: left;
}

.lessoncontent.lesson_content .content-block .lesson-component {
  padding: 0;
}

.customregistration.globalfeedback .scroll {
  width: 70%;
  padding-top: 0 !important;
  margin-top: 70px !important;
}

.customregistration.globalfeedback .scroll .table-header-cell {
  text-align: left;
}

.table-body-cell .questionhead {
  text-align: left;
}

.questioncount {
  float: left;
  width: 22px;
}

.questionquestion {
  float: left;
  width: calc(100% - 30px);
}

.topicassessment .subgroupthree {
  font-size: 14px;
}

.help .header h2 {
  position: relative;
  z-index: 99999;
  color: #fff;
}

.headerbg.header h2 {
  margin: -5px 65px 0 65px;
  font-size: 18px;
}

.bar-ecd.bar .title {
  color: #fff;
  font-size: 18px;
}

.printtitle {
  display: none;
}


.onboardtitle {
  font-family: 'helveticaregular' !important;
  line-height: 35px;
  color: #000;
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
}

.onboard h2,
.onboard p {
  color: #000 !important;
  font-size: 15px;
  width: 80%;
  margin: auto;
  margin-bottom: 20px;
  font-family: 'gt_walsheimlight' !important;
}

.onboardfooter .signinbtn,
.onboardfooter .signupbtn {
  cursor: pointer;
}

.onboard .slider-pager .slider-pager-page.active {
  opacity: 1 !important;
}

.onloginpage md-tabs .md-tab span {
  font-family: 'helveticaregular' !important;
  font-size: 22px !important;
  letter-spacing: 1px;
}

md-tabs.md-dynamic-height md-tabs-content-wrapper {
  margin-top: 15px;
}

md-tab-data,
.onloginpage md-tabs-canvas,
.onloginpage md-pagination-wrapper {
  overflow: visible;
}

.onloginpage md-tabs md-ink-bar:before {
  border-top: 12px solid #f15522 !important;
}

.tab-nav.tabs .tab-item {
  font-family: 'boldfont' !important;
  color: #000 !important;
  font-size: 22px !important;
}

.sessiondiv .ecd-card h2 a {
  color: #000 !important;
  margin-top: 15px;
  line-height: 20px !important;
  font-weight: 700 !important;
}

.sessionprogress {
  font-size: 14px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.completedcourse {
  color: #078e6c !important;
}

.coursedetails_ui .item-body p {
  color: #000;
  font-size: 18px !important;
}

.startcourse_btn {
  font-weight: 700;
}

.lessionindexui.course_content .course-img h2 {
  font-family: 'sfns_displaybold' !important;
  line-height: 35px !important;
  /*text-transform: uppercase;*/
}

.lessionindexui .content-block .lessons-list .item-avatar h2 {
  font-size: 20px !important;
}

.lamborghini .gallardo:before {
  float: left;
  margin-right: 5px;
  font-size: 25px !important;
  padding-top: 5px;
}

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

.view-container .footer_next_prevbtns .lesson-footer .footer-title {
  font-size: 16px !important;
  /*text-transform: uppercase;*/
  font-family: 'helveticaregular' !important;
}

.orangetitle {
  font-family: 'sfns_displaybold' !important;
}

.trainerwelcomediv .countnumber {
  font-size: 26px;
  font-family: 'sfns_displaybold' !important;
}

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

.trainerdashboard .md-tab span {
  /* font-family: 'helveticaregular' !important; */
  font-size:15px;

}

.upcomingtrainings .media-heading,
.media.mediaspace p {
  font-size: 16px !important;
}

.courseposter img {
  top: 0 !important;
}

.resp-table-row,
#resp-table-header {
  font-size: 14px !important;
}

.trainings_ui .md-tab span {
  font-family: 'sfns_displaybold' !important;
  font-size: 20px;
  text-transform: none;
}

.sessioninfo .traindate,
.sessioninfo .locations,
.sessioninfo .attended,
.attendanceui .traindate {
  font-family: 'sfns_displaybold' !important;
  font-size: 16px;
}

.courselanding .ecd-col.maincontainer {
  float: left;
  margin-bottom:30px;
}

.courses.sesssions .view-container {
  padding-bottom: 180px;
}

.langdiv {
  position: absolute !important;
  right: 0;
  max-width: 100px !important;
}

.lamborghini .dropdown-menu {
  min-width: auto !important;
}

.attendanceui .lamborghini .gallardo {
  top: 0 !important;
}

.course_content .course-img {
  margin-top: 70px;
}

.lesson_content .content-block h2.title.fontsize0,
.darktitle,
.headertitle h4,
.attendancerpt .header h4 {
  font-family: 'helveticaregular' !important;
  /*text-transform: uppercase;*/
}

.date_pace_count .traindate,
.date_pace_count .locations,
.date_pace_count .attended {
  font-size: 16px !important;
}

.bar.bar-header .left-buttons button {
  top: 10px;
  line-height: normal !important;
}

.bar.bar-header {
  height: 70px !important;
}

.bar.bar-ecd .title.title-center.header-item,
.bar .title.title-left {
  margin-top: 8px;
}

.bar.bar-ecd .title.title-center.header-item span,
.bar .title.title-left span {
  line-height: 50px;
  font-size: 25px;
  margin-top: 5px;
  font-family: 'boldfont' !important;
  /*text-transform: uppercase;*/
}

.sessioninfo .sessiondetails {
  margin-top: 70px !important;
}

.lamborghini .Diablo {
  right: 0 !important;
}

.slider-pager-page i {
  font-size: 15px;
}

/* .mentor_insights.globalpage .scroll {
  margin-top: 70px;
} */

.mentorimage {
  float: left;
  width: 50px;
  margin-right: 10px;
}

.mentorreplyimage,
.mentorcommentimage {
  float: left;
  width: 40px;
  margin-right: 10px;
}

.mentorimage img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.mentorreplyimage img,
.mentorcommentimage img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}

.mentordesc {
  margin-top: 10px;
}

.mentorreplydesc,
.mentorcommentsnamedate {
  margin-top: 0px;
}

.mentorreplydesc p,
.mentorcommentsdesc p {
  margin-top: 10px;
  color: #000;
  font-size: 16px !important;
}

.mentordesc h2,
.mentorreplydesc h2 {
  font-family: 'sfns_displaybold' !important;
  color: #000 !important;
}

.mentornamedate h2,
.mentorreplynamedate h2,
.mentorcommentsnamedate h2 {
  color: #fa7526 !important;
  font-size: 18px !important;
  font-family: 'sfns_displaybold' !important;
  margin: 0;
}

.mentornamedate span,
.mentorreplynamedate span,
.mentorcommentsnamedate span {
  font-size: 16px;
  color: #000 !important;
}
.mentornamedate span {
  color: #8A8A8A !important;
}
.mentorreplynamedate h2,
.mentorcommentsnamedate h2 {
  font-family: 'sfns_displayregular' !important;
  font-size: 16px !important;
  margin: 0;
}

.mentorreplynamedate span,
.mentorcommentsnamedate span {
  font-size: 14px !important;
}

.reply2 .ion-reply {
  margin-right: 5px;
  font-size: 20px;
}

.mentorcomments a {
  color: #fa7526;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
}

.mentorcomment {
  float: left;
  width: 100%;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 10px;
}

.mentorcomment.userpicandreplydiv {
  padding-left: 30px;
}

.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.pageloader .fa {
  font-size: 35px !important;
  color: #fff;
}
.assessmentbutton button {
    /*text-transform: uppercase;*/
    font-size: 18px;
    background: #fa7526 !important;
    border: 0px;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 4px;
}
.assessmentbutton button.skip-button {
  background: #000 !important;
}

.maintitle_grey h4 span {
  font-family: 'boldfont' !important;
  font-size: 20px;
}

.filtersrow .alphabetpagi .btn {
  color: #000;
  font-family: 'helveticaregular' !important;
}

.filtersrow .alphabetpagi .btn:hover {
  color: #00ab66 !important;
}

.mainfiltersparent {
  position: relative;
  right: 140px;
  top: 15px;
}

.toggle {
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
  padding: 5px;
}

.mainfilters {
  display: block;
  position: absolute;
  z-index: 9999999;
  background: #fff;
  box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.38);
  width: 250px;
  border-radius: 4px;
}

.filtershead {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #f2f2f2;
  align-items: center;
  padding: 0px 0 0 10px;
  margin-bottom: 5px;
  font-size: 13px;
}

.orderfilters {
  margin-bottom: 30px;
  display: block;
  overflow: hidden;
  padding: 15px;
}

.fixed_bottom {
  display: block;
  background-color: #fa7526;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.filters_search_btn {
  background-color: #10b872;
  border: none !important;
  color: #fff;
  margin: auto;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 16px;
  width: 100%;
  font-size: 18px
}

.advancesearch {
  color: #474747;
  font-weight: bold;
  font-size: 16px;
}

.reports_responsive .ordersubmit,
.md-clear-btn {
  margin: 0px 10px 0 0;
  text-align: center !important;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  display: none;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
  height: 36px;
  width: 36px;
  position: absolute;
  padding: 8px;
}

.orderdate .md-datepicker-button {
  float: right;
  position: relative;
  right: 5px;
  z-index: 99999;
}

.mainfilters:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 0 8px 11px;
  border-color: #fa7526 transparent;
  display: block;
  width: 0;
  z-index: 1;
  top: -11px;
  right: 10px;
}

.filtersubmitclear {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 20px;
}

.newuiprompt .icon_container {
  padding: 0;
  background: transparent;
}

.newuiprompt .popup {
  padding: 30px 20px;
  border-radius: 10px;
  background: #fff;
}

.newuiprompt .icon_container img {
  width: 100px;
  border-radius: 100%;
  height: 100px;
}

.popup-container.newuiprompt .popup-buttons .button {
  padding: 5px 60px 5px 60px;
  border-radius: 0;
  /*text-transform: uppercase;*/
  font-size: 18px;
  margin-right: 20px;
}

.newuiprompt .popuptitle {
  /*text-transform: uppercase;*/
  color: #000;
}

.newuiprompt .popuptitlewithassessment {
  color: #000;
}

.filtersscroll {
  width: 250px;
  height: 240px;
}

.filtershead button {
  text-transform: none !important;
  margin: 0;
  min-width: auto;
}

.ui-select-bootstrap .ui-select-match-text span,
.trainerdashboard .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #fff;
}

.opacity-disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.5;
}


.slideswithcount {
  margin-top: 30px;
}

.slideswithcount .oneoffdiv {
  padding: 5px 25px;
}

.slideswithcount .backsvg,
.slideswithcount .nextsvg {
  width:60px !important;
}

.loginpag.loginnew .ui-select-container {
  right: auto;
}

.sessioninfo .traindate {
  text-align: left !important;
}

.training_box_main_title a {
  color: #fff;
}

.ecd-card {
  box-shadow: none !important;
}

.footer_next_prevbtns.singlebutton {
  width: auto !important;
  margin-bottom: 0px;
}

.footer_next_prevbtns.singlebutton .bar.bar-footer.lesson-footer {
  width: 100% !important;
}

.footer_next_prevbtns.singlebutton .lesson-footer {
  filter: brightness(100%);
  -webkit-filter: brightness(100%);
}

.footer_next_prevbtns.singlebutton .lesson-footer .footer-title {
  font-size: 18px !important;
}

.ui-select-bootstrap .ui-select-match-text span {
  color: #000 !important;
}

md-content {
  /* min-height: 100vh; */
}

.langdiv .ui-select-match-text span {
  color: #10b872 !important;
}

.footer_next_prevbtns {
  min-height: 30px;
  z-index: 99999;
}

.lesson.mentor_insights.bottomfixbutton {
  position: absolute !important;
  bottom: 240px;
  width: 100% !important;
}

.lesson.mentor_insights.bottomfixbutton .button.button-ecd {
  padding: 15px 0;
  line-height: 20px;
  font-size: 22px;
  width: 100%;
}

.footer_next_prevbtns {
  background: #fff;
}

.date_pace_count .traindate {
  text-align: left !important;
}

.selected_child {
  border-radius: 5px;
  padding: 2px 20px;
  border: 1px solid #c5c5c5;
  background-color: #ffffff;
  text-align: left;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
}

.selected_child span {
  display: block;
  color: #333333;
  font-size: 11px;
  font-weight: bold;
  text-transform: capitalize !important;
}

.selected_child span:first-child {
  opacity: 0.5;
}

.cousedescriptiontext {
  min-height: 50px !important;
  max-height: 50px;
  overflow: hidden;
}
.cousedescriptiontext p{
  font-size: 16px !important;
}
.lessionindexui .lessons-list {
  margin-top: 0px !important;
}

.profile_edit.webmode .header h2 {
  /*text-transform: uppercase;*/
}

.snostyle {
  width: 20px;
}

.attendancetitleright p img {
  width: 16px;
  margin-right: 10px;
}

.attendancetitleright p i {
  font-size: 18px;
  color: #000;
  margin-right: 5px;
}

.attendanceui .attendancetitleright .md-datepicker-input {
  text-align: right;
  min-width: 60px;
  max-width: 75px !important;
}

.attendanceui .attendancetitleright .md-icon-button+.md-datepicker-input-container {
  margin-left: 0;
}

.attendanceui .attendancetitleright .md-button.md-icon-button {
  width: 25px !important;
  padding: 0;
}

.attendanceui .attendancetitleright md-icon {
  width: 25px;
}

.attendancetable .item-checkbox {
  background: transparent;
}

.spacebetweenlines h4 {
  width: 120px;
  line-height: 20px;
}

.forgotpassword .content-block h3 {
  margin-top: 0;
  font-family: 'boldfont' !important;
  font-size: 22px !important;
  letter-spacing: 1px;
  /*text-transform: uppercase;*/
  margin-bottom: 20px;
}

.forgotpassword .content-block input {
  border: none;
  border-bottom: solid 1px #ccc;
  width: 100%;
  margin-bottom: 30px;
}

.forgotpassword .content-block .button.button-positive {
  width: auto;
  background: #f15522;
  border: none;
  border-radius: 0 !important;
  padding: 0px 30px;
  /*text-transform: uppercase;*/
  font-weight: normal;
  margin: auto;
  margin-bottom: 20px;
}

.backtologin a {
  /*text-transform: uppercase;*/
  color: #000;
}

.forgotpassword .loginform.login_form {
  margin-top: 30px !important;
}

.attendance_complete .md-calendar-date-selection-indicator {
  border: 2px solid #fa7526;
}

.md-calendar-date.attendance_complete {
  position: relative;
}

.md-calendar-date.attendance_complete i {
  position: absolute;
  bottom: 4px;
  right: 5px;
  background: #66c252;
  color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  font-size: 9px;
  padding-top: 3px;
}

.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 2px solid #fa7526;
  font-size: 16px;
  height: 46px;
  width: 46px;
  line-height: 46px;
}

.ask_mentor .dropdown-menu {
  min-width: 300px !important;
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll;
}

.ask_mentor .dashboard_languages_div .languages {
  min-width: 250px !important;
  margin-bottom: 15px;
  border-radius: 5px;
  border: none;
  padding: 5px;
}

.ask_mentor .text-muted {
  color: #000;
  font-size: 14px;
}

.ask_mentor .ui-select-bootstrap .ui-select-toggle>.caret {
  margin-top: -4px;
}

.ask_mentor .ui-select-bootstrap .ui-select-match-text span {
  font-size: 16px;
  width: 95%;
  text-overflow: ellipsis;
}

.filtersrowinner .all {
  margin-right: 15px;
  position: relative;
  top: 3px;
}

.table-responsive .nocontent {
  text-align: center;
  font-size: 20px;
  padding: 15px 0;
  font-weight: 700;
  color: #777;
}

.attendancerpt .scroll .row .col-lg-12 {
  width: 100%;
}

.attendrptoptions .blockholder {
  padding: 5px 15px;
  margin-right: 10px;
  float: left;
  width: auto;
}

.attendancerpt .row.attendreport {
  display: block;
}

.trainings_ui .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #7b7b7b;
}

.trainings_ui.customcls .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #fff !important;
}

.mainquestioncontainer.ratinginput .fa {
  font-size: 40px !important;
}

.requiredfield {
  font-size: 18px !important;
  color: #fb0808 !important;
}

.mysurvey .header-item h3 {
  line-height: 30px !important;
  font-size: 22px;
  /*text-transform: uppercase;*/
  font-family: 'boldfont' !important;
}

.submitbuttons .btn,
.feedbacksubmit button {
  /*text-transform: uppercase;*/
  font-size: 16px;
  padding: 0.35em 1.2em 0.35em 1.2em;
}

.feedbacksubmit {
  text-align: center;
  margin-top: 30px;
}

.globalfeedback .resp-table-row .table-body-cell,
.globalfeedback #resp-table-header .table-header-cell {
  text-align: center;
  /* newly added */
  font-size: 16px !important;
}

.globalfeedback .resp-table-row .table-body-cell input {
  float: none !important;
}

.globalfeedback .resp-table-row .table-body-cell.questionhead,
.globalfeedback #resp-table-header .table-header-cell:nth-child(2) {
  text-align: left;
  /* newly added */
  font-size: 16px !important;
}

.nocontent {
  text-align: center;
  font-size: 14px;
  padding: 0px 0 15px 0;
  color:#989898;
  font-family: 'helveticaregular' !important;
  /*text-transform: uppercase;*/
}
.vjs-control-bar .vjs-icon-placeholder,
.vjs-play-progress {
  font-family: 'VideoJS' !important;
}

.retrievepassword .scroll {
  margin-top: 55px;
  height: 100%;
}

.passwordtext {
  line-height: 24px;
  font-size: 16px;
  color: #888;
  margin: 20px 0px;
}

.formfields {
  width: 100%;
  float: left;
}

.formfields input {
  border: solid 1px #d6d6d6;
  width: 250px;
  float: left;
  padding: 10px;
  height: auto;
  font-size: 14px;
  height: 40px;
}

.formfields .button.button-positive {
  margin: 0;
  margin-left: 15px;
  padding: 8px 20px !important;
  line-height: 24px;
  min-height: auto;
  background: #fa7526;
  border: none;
  border-radius: 0;
  /*text-transform: uppercase;*/
}

.table-responsive.trainerdashboard {
  padding: 15px;
}

.retrievepassword #resp-table-header .table-header-cell {
  font-weight: 700;
}

.retrievepassword .nocontent {
  text-align: left;
  margin-top: 50px;
  padding-left: 15px;
}

.mainheadings {
  font-size: 22px;
  color: #343434;
  /*text-transform: uppercase;*/
  font-family: 'boldfont' !important;
  margin: 10px 0 30px 0;
}

.table-responsive.trainerdashboard {
  width: 100% !important;
}


.attendanceupload .subgroupthree {
  display: none;
}

.attendanceupload .showlabel label {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-top: 10px;
}

.attendanceupload .uploadfiles img {
  width: 100%;
}

.closeaddimage {
  position: absolute;
  color: #ff0000;
  right: -10px;
  top: -10px;
  font-size: 18px;
  background: #fff;
  border-radius: 100%;
  width: 17px;
  height: 20px;
}

.uploadedimage {
  position: relative;
  width: 125px;
  float: left;
  height: 100px !important;
  margin: 0 15px 15px 0;
}

.imagemodal.announcementspopup .close {
  opacity: 0.8;
}

.attendancetable .table-body-cell .list .item {
  cursor: pointer;
}

.coursedownload {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9999 !important;
  padding: 5px !important;
}

.coursedownload img {
  width: 20px !important;
  position: relative;
}

.attendance.dynamicprofilepage.widgetsurvey .attendanceupload,
.attendance.dynamicprofilepage.widgetsurvey .assignmentupload {
  margin-top: 30px;
}

.snappuzzle-piece.ui-draggable-handle {
  border: none !important;
  border-radius: 0;
}

.jigsaw.attachment.questionimageicon img {
  margin-left: 0;
}

.pure-u-md-1-2,
.pure-u-md-12-24 {
  width: 49% !important;
}

.jigsawpuzzle.row.picturechoice .picturechoicediv {
  height: inherit !important;
}

.jigsawpuzzle .picturechoicediv i.radio-icon {
  right: 0;
  top: 0;
}

.typeformcontent.lessonfeedback {
  padding-left: 0;
}

.main-content.fillinblanks {
  background: #5cc29f;
  padding: 0 30px 15px 30px;
}

.target.ui-droppable.reviewblanks {
  background: #fff !important;
  border-radius: 5px;
}

.resetblank {
  margin-top: 15px;
  border: none !important;
  background: #e0e0e0;
  color: #484746;
  border-radius: 2px;
}

.resetblank:hover {
  background: #e0e0e0;
  color: #484746;
  text-decoration: none;
}

.jigsawsubmitted img {
  max-width: 350px;
}

.jigsawpuzzle.row.picturechoice {
  padding: 0;
  margin-top: 25px;
}

.jigsawpuzzle.row.picturechoice .picturechoicediv {
  padding: 0 !important;
  margin: 0;
}

.formly-field-matchoption .ui-draggable-handle {
  border: none !important;
}

.formly-field-matchoption h2 {
  font-size: 20px;
}

.matchoptions .quiz-wrapper .answers {
  margin-top: 0 !important;
}

.main-content.matchoptions {
  padding: 0;
}

.matchoptions #boxcard div:first-child {
  margin-left: 5px !important;
}

.jigsawpuzzle.row.picturechoice .onlyradio .lessonlabel .item {
  width: 97% !important;
}

.jigsawstart .showlabel label,
.jigsawstart .subgroupthree {
  font-size: 20px;
}

.main-content.matchoptions .target {
  border: none !important;
}

.questionimages .picturequesoption li {
  float: left;
  padding-left: 0;
  list-style: none;
  width: 100px;
  margin: 5px 12px 12px 12px;
  text-align: center;
}

.questionimages .picturequesoption {
  padding-left: 0;
  float: left;
  width: 100%;
}

.matchoptionoptions {
  margin-right: 0 !important;
}

.matchoptionsmain .answers {
  margin-bottom: 10px !important;
}

[nav-view-transition="ios"][nav-view-direction="forward"],
[nav-view-transition="ios"][nav-view-direction="back"] {
  background: initial;
}


body.languagechange {
  direction: rtl;
}

.languagechange .coursedetails_ui .item-body p {
  text-align: right;
}

.languagechange .langdiv {
  left: 0 !important;
  right: auto !important;
}

.themecolor.pane {
  background: #10b872 !important;
  font-family: arial !important;
  letter-spacing: 1px;
}

.newcontainer {
  width: 80%;
  margin: auto;
  margin-bottom: 10px;
  margin-top: 25px;
  font-family: 'helveticaregular' !important;
}

.gettingstarted {
  /*text-transform: uppercase;*/
  font-size: 14px;
  margin-top: 20px;
  color: #fff;
  font-weight: 600;
  float: left;
  width: 100%;
}

.courseheading {
  font-size: 28px;
  color: #fff;
  font-weight: 600;
  font-family: 'helveticaregular' !important;
  /* margin-top: 10px; */
  display: inline-block;
}

.lessonheading {
  font-size: 20px;
  display: table;
}

.themecolor .owl-item.active .roundedcardmaincolor: #fff;
font-weight: 600;
line-height: 50px;
margin-top: 10px;
}

.lessonheading:before {
  content: '';
}

.lessonheading .countno {
  background: #fff;
  font-size: 20px;
  color: #10b872;
  border-radius: 100px;
  font-family: 'helveticaregular' !important;
  width: 35px;
  float: left;
  height: 35px;
  text-align: center;
  margin-right: 15px;
  line-height: 35px;
  ;
}

.headingtitle {
  float: none;
  color: #fff;
  line-height: 20px;
  display: table-cell;
  vertical-align: middle;
  font-family: 'helveticaregular' !important;
  text-align: left;
}

.roundedcardmain {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.4);
}

.cardtitle {
  color: #000;
  font-size: 18px;
  padding-bottom: 5%;
  min-height: 60px;
  margin: auto;
  width: 90%;
  margin-top: 20px;
  font-family: 'helveticaregular' !important;
}

.cardposter,
.cardposter img {
  width: 100%;
}

.cardposter img {
 /* border-radius: 50px;
  border: none !important;*/
  border-radius: 0px;
    border: none !important;
}

.cardicon {
  position: absolute;
  bottom: -40px;
  left: calc(50% - 50px);
}

.cardicon img {
  width: 100px;
}

.cardpostericon {
  position: relative;
}



.lamborghini .gallardo:before {
  padding-top: 0;
}

.onboardnew .lamborghini {
  padding: 10px;
  height: auto;
  background: #fff !important;
  border-bottom: solid 2px #f15522;
  height: 70px;
}

.onboardnew .logoleft {
  width: 45%;
  float: left;
  text-align: left;
}

.onboardnew .logoright {
  width: 45%;
  float: right;
  text-align: right;
}

.onboardnew .logoleft img,
.onboardnew .logoright img {
  /*max-width: 100%;
  height: auto;*/
  max-width: 200px;
    max-height: 50px;
}

.onboardonly .newdesign02 .headercontainer {
  margin: 0;
  display: flex;
    justify-content: space-between;
    align-items: center;
}
.headercontainer {
  margin: 0;
  display: flex;
    justify-content: space-between;
    align-items: center;
}

.onboardnew .footerlogo {
  width: 100%;
  text-align: center;
}
.onboardnew .footerlogo span{
  font-family: 'helveticaregular' !important;
  margin-right: 5px;
  font-size: 12px; line-height: 21px;
}

.onboardnew .footerlogo img {
  max-width: 200px;
}

.onboardlogos.newdesign {
  position: absolute;
  bottom: 75px;
  display: block;
  top: auto;
  width: 100%;
}

.onboard.onboardnew .newdesign02 .scroll {
  padding-top: 70px !important;
  background: #fff;
}

.class_specific .newdesign02 .select_language {
  top: 80px !important;
}

.class_specific .newdesign02 .select_language {
  right: 34%;
}

.themecolor .lamborghini .Diablo,
.themecolor .lamborghini .gallardo {
  padding: 0 10px;
  top: 0;
  max-height: 60px;
  left: 0;
}

.themecolor .lamborghini {
  height: 60px;
}

.themecolor .button:after {
  bottom: 0 !important;
}

.lamborghini .button:after {
  bottom: 0 !important;
}

.lamborghini .gallardo:before {
  padding-top: 0px;
}

.themecolor .owl-dots {
  display: block;
}

.themecolor .owl-item .roundedcardmain {
  height: 82% !important;
  position: relative;
}

.popquizcontainer {
  margin-top: 55px;
}



.themecolor .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.newdesign02 .statictext {
  font-size: 20px;
  color: #000;
  line-height: 26px;
  font-family: gt_walsheimlight !important;
}

.globalfeedback.newdesign02 .scroll {
  height: calc(100% - 80px);
}

.newdesign02 .statictext .customtabs {
  margin-top: 10px;
}

.newdesign02 .statictext .customtabs md-tabs-wrapper {
  background: transparent;
}

.newdesign02 .statictext .customtabs md-tabs-canvas.md-center-tabs {
  flex-direction: inherit;
}

.newdesign02 .statictext .customtabs md-tabs.md-default-theme md-ink-bar,
.newdesign02 .statictext .customtabs md-tabs md-ink-bar {
  color: #10b872 !important;
  background: #10b872 !important;
}

.newdesign02 .statictext .customtabs md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]) {
  color: #494a4a !important;
  font-weight: 700;
  font-size: 18px;
  text-transform: none;
}

.newdesign02 .statictext .customtabs md-tab-content>div {
  margin-top: 10px;
}

.newdesign02 .subheadingtext {
  font-size: 20px;
  font-weight: 600;
  color: #494a4a !important;
}

.newdesign02 .tabcontent img {
  float: left;
  margin-right: 20px;
}

.newdesign02 .subheading {
  float: left;
  width: 85%;
}

.newdesign02 .tabcontent {
  float: left;
  width: 100%;
}

.newdesign02 .subheading p {
  font-size: 16px;
  line-height: 22px;
  margin-top: 5px;
}

.newdesign02 .mainheading {
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
  font-family: 'helveticaregular' !important;
}

.newdesign02 .mainheadingtop {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: 'helveticaregular' !important;
}

.newdesign02 .mainheadingbottom {
  font-size: 24px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: 'helveticaregular' !important;
}

.scenarioposter img {
  width: 100%;
}

.scenario .statictext {
  width: 96%;
  margin: auto;
  padding-bottom: 20px;
  margin-top: 20px;
  position: relative;
  padding-top: 20px;
}

.scenarioheading {
  width: 100%;
  position: absolute;
  top: -35px;
  text-align: center;
}

.scenarioheading span {
  background: #10b872;
  color: #fff;
  padding: 5px 20px;
  border-radius: 20px;
}

.cardpostericon .questiontitle {
  color: #000;
  font-size: 22px;
  margin: auto;
  width: 90%;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'helveticaregular' !important;
}

.questionoptions {
  border: solid 1px #a8a8a8;
  border-radius: 20px;
  padding: 15px;
  font-size: 18px;
  font-family: 'helveticaregular' !important;
  color: #000;
  text-align: center;
  margin-bottom: 15px;
}

.questionof {
  position: absolute;
  top: -10px;
  width: 100%;
  text-align: center;
  left: 0;
}

.questionof span {
  background: #fff;
  padding: 5px 30px;
  font-weight: 700;
  border-radius: 20px;
  border: solid 1px #10b872;
  font-family: 'helveticaregular' !important;
}

.questionoptions.active {
  color: #10b872;
  border-color: #10b872;
}

.themecolor .progresstime {
  width: 50%;
  color: #14a267;
  font-weight: 600;
}

.themecolor .progresstime .progress {
  /* width: 44%; */
  float: left;
  margin-top: 25px !important;
}

.themecolor .progresstime .progresspercent {
  /* width: 15%;
  margin-left: 2%;
  float: left;
  line-height: 60px; */
}

.themecolor .progresstime .time {
  width: 36%;
  float: left;
  text-align: right;
  line-height: 60px;
}

.themecolor .progresstime .progress {
  height: 10px !important;
}

.themecolor .progress .progress-bar {
  background: #10b872;
}

.themecolor .owl-carousel .owl-item {
  opacity: 0.2;
  pointer-events: none;
}

.themecolor .owl-carousel .owl-item.active {
  opacity: 1;
  pointer-events: auto !important;
}

.statictext md-tabs-canvas.md-center-tabs .md-tab span {
  font-family: 'helveticaregular' !important;
}

.statictext .subheading,
.newdesign02 .subheadingtext,
.newdesign02 .subheading p,
.scenarioheading span {
  font-family: 'helveticaregular' !important;
}

.topics .topicheadings {
  background: #eaeaea;
  float: left;
  position: relative;
  width: 100%;
  padding: 10px;
  height: 140px;
}

.topics .leftlogo {
  float: left;
  width: 30%;
  margin-right: 3%;
}

.topics .leftlogo img {
  width: 100%;
}

.topics .lessonhead {
  font-size: 18px;
  /*text-transform: uppercase;*/
  color: #0f713a;
  font-family: 'helveticaregular' !important;
  margin-top: 10px;
}

.topics .headdesc {
  font-size: 18px;
  /*text-transform: uppercase;*/
  color: #000;
  font-family: 'helveticaregular' !important;
  margin-top: 10px;
}

.topics .rightcontent {
  float: left;
  width: 67%;
}

.topics .fixedheader {
  position: absolute;
  bottom: -20px;
  background: #4e8140;
  color: #fff;
  padding: 5px 20px;
  border-radius: 5px;
  font-size: 18px;
  font-family: 'helveticaregular' !important;
}

.newdesign02.topics .statictext {
  /*width: 90%;*/
  margin: auto;
  margin-top: 20px;
}

.lessontopics {
  /* float: left; */
  width: 100%;
  margin-bottom: 30px;
  /* height: 80px; */
  vertical-align: middle;
  /* display: table; */
  position: relative;
  /* border: solid 1px #ccc; */
  border-radius: 30px;
  /* box-shadow: 2px 0px 13px -2px #a0a0a0; */
}

.topicicon {
  /* float: left; */
  /* width: 100px; */
  margin-right: 15px;
  /* position: absolute; */
  /* left: -22px;
  top: -12px; */
  /* height: 100px; */
  border: solid 1px #ccc;
  background: #fff;
  /* overflow: hidden; */
  border-radius: 100%;
}

.topictitle {
  font-family: 'helveticaregular' !important;
  vertical-align: middle;
  /* display: table-cell;
  padding-left: 120px !important; */
}

.topicicon img {
  width: 100%;
}

.lesstionpicmain {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.countof {
  font-size: 30px;
  font-family: 'helveticaregular' !important;
  text-align: center;
  width: 90%;
  margin: auto;
}

.assignmentprogress .progress {
  width: 50%;
  height: 15px;
  margin-bottom: 10px;
}

.assignmentprogress .progress .progress-bar {
  border-radius: 50px;
  background: #10b872;
}

.percentcomplete {
  width: 50%;
  text-align: center;
  font-family: 'helveticaregular' !important;
  margin: auto;
  margin-bottom: 20px;
}

.timetaken {
  width: 50%;
  margin: auto;
  text-align: center;
  margin-top: 30px;
}

.timetaken .fa {
  font-size: 30px !important;
  color: #525252;
}

.timecount {
  font-size: 18px;
  color: #000;
  font-family: 'helveticaregular' !important;
  display: block;
  margin-top: 10px;
}

.resumebtn {
  width: 50%;
  margin: auto;
  text-align: center;
  margin-top: 30px;
}

.resumebutton {
  background: #10b872;
  color: #fff;
  padding: 5px 20px;
  cursor: pointer;
}

.topprofiledetails .profilename span {
  display: block;
  font-size: 16px !important;
  color: #10b872;
  font-weight: normal;
}

.topprofiledetails .profilename {
  float: left;
  margin-right: 25px;
  font-size: 20px;
  /*text-transform: uppercase;*/
  font-weight: 600;
  line-height: 26px;
}

.topprofiledetails .coursecompleteness {
  float: left;
}

.topprofiledetails {
  float: left;
  width: 100%;
}

.topprofiledetails .coursecompleteness div {
  width: 30px;
  height: 30px;
  text-align: center;
  float: left;
  color: #000;
  font-size: 12px;
  padding-top: 10px;
  font-weight: 600;
}

.topprofiledetails .coursecompleteness .yellowcolor {
  background: #eee353;
}

.topprofiledetails .coursecompleteness .greencolor {
  background: #10b872;
}

.topprofiledetails .coursecompleteness .redcolor {
  background: #e03a4d;
}

.topprofiledetails .profledetails {
  float: right;
}

.topprofiledetails .coursesblog,
.topprofiledetails .progressblog,
.topprofiledetails .minspentblog {
  float: left;
  font-size: 20px;
}

.topprofiledetails .progressblog {
  padding: 0 20px;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

.topprofiledetails .coursesblog {
  padding-right: 20px;
}

.topprofiledetails .minspentblog {
  padding-left: 20px;
}

.topprofiledetails .minspentblog span,
.topprofiledetails .coursesblog span,
.topprofiledetails .progressblog span {
  display: block;
  font-size: 22px;
  text-align: center;
  font-weight: 600;
  color: #10b872;
  line-height: 25px;
}

.profilecoursedetails {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.profilecoursedetails .mainhead {
  font-size: 24px;
  color: #000;
  font-weight: 600;
}

.profilecoursedetails .detailscore .details {
  width: 33%;
  float: left;
  padding: 0 15px;
  font-size: 18px;
  text-align: center;
}

.profilecoursedetails .detailscore .details span {
  display: block;
  font-weight: 600;
  font-size: 20px;
}

.profilecoursedetails .detailscore {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.detailscore .progress {
  height: 10px;
  float: left;
  margin-top: 30px;
  width: 100%;
  background: #ccc;
  margin-bottom: 80px;
}

.detailscore .progress .progress-bar {
  border-radius: 50px;
}

.profilecoursedetails .detailscore .details .textred {
  color: #d01f27;
}

.profilecoursedetails .detailscore .details .textgreen {
  color: #1db087;
}

.themecolor.quizcards .owl-item {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  margin-top: 20px;
  box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.4);
}

.themecolor.quizcards .lblforaudio {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  margin: auto;
  width: 90%;
  line-height: 30px;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'helveticaregular' !important;
}

.themecolor.quizcards .subgroupthree {
  display: none;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .list label {
  border: solid 1px #a8a8a8 !important;
  width: 100% !important;
  border-radius: 20px !important;
  padding: 15px !important;
  font-size: 18px !important;
  font-family: 'helveticaregular' !important;
  color: #000 !important;
  text-align: center !important;
  margin-bottom: 15px !important;
  background: transparent !important;
}

.themecolor.quizcards .questioncount {
  display: none;
}

.themecolor.quizcards .lessonlabel .item-radio .item-content {
  padding: 0 !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .item.activated_wrong label {
  border-color: #ff0000 !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .item.activated_wrong input:checked~.item-content {
  background: transparent !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .item.activated_correct label {
  border-color: #10b872 !important;
}

/* .themecolor.quizcards .lessonnewquizstyles .form-group .item.selectedans label {
  border: solid 1px #37af0e !important;
} */
.themecolor.quizcards .lessonnewquizstyles .form-group .item.selectedans label {
  border: solid 1px #14a267 !important;
  background: #59e0a8 !important;
}
.themecolor.quizcards .lessonnewquizstyles .form-group .item.selectedans label .questionquestion {
  width: 100%;
  /* color: #10b872; */
  color: #045031;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .item .questionquestion {
  width: 100% !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .item.activated_correct input:checked~.item-content {
  background: transparent !important;
}

.themecolor.quizcards .item.activated_correct .optionoption.questionquestion {
  color: #10b872 !important;
}

.themecolor.quizcards .item.activated_wrong .optionoption.questionquestion {
  color: #ff0000 !important;
}

.themecolor.quizcards .item.activated_correct .icon.ion-checkmark {
  display: none;
}

.videocontainermain .quizcontentdiv.themecolor.quizcards {
  margin-top: 0 !important;
}

.videocontainermain .themecolor.quizcards .form-group {
  margin-bottom: 0 !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .list label:last-child {
  margin-bottom: 10px !important;
}

.lesson_content .content-block .carousalbg h2.title.fontsize0 {
  font-family: 'helveticaregular' !important;
  color: #fff;
}

.course_detail .course-card h2 {
  padding-top: 15px !important;
}

.nomargin {
  margin-top: 20px !important;
}

.newdesign02 .login_bg {
  margin-bottom: 20px !important;
}

.introtext .lamborghini {
  padding: 0 15px;
}

.introtext .lamborghini .fa.fa-sign-out {
  color: #fff;
  font-size: 35px !important;
  float: right;
  line-height: 70px !important;
}

.introtext .startcourse_btn {
  padding: 20px !important;
  float: right;
}

.introtext .ui-select-match .form-control {
  width: auto !important;
}

.introtext .ui-select-bootstrap>.ui-select-choices {
  width: auto !important;
}

.introtext .ui-select-bootstrap .ui-select-match-text span {
  color: #fff !important;
  font-size: 20px;
}

.introtext .ui-select-bootstrap .btn-default:active:hover {
  color: #fff !important;
}

.lesson_content.themecolor.introtext .content-block .lesson-component {
  height: auto !important;
  position: relative;
}

.themecolor.introtext .scenariotitle {
  width: 100%;
  position: absolute;
  top: -10px;
  text-align: center;
}

.themecolor.introtext .scenariotitle span {
  top: 0 !important;
  margin-top: 0;
  font-size: 22px;
  background: #10b872;
  color: #fff;
  padding: 5px 20px;
  border-radius: 20px;
  font-family: 'helveticaregular' !important;
}

.introtext .cardpostericon {
  width: 100%;
  position: static;
  text-align: center;
}

.introtext .cardpostericon .cardposter {
  width: 100px;
  height: 100px;
  display: block;
  margin: auto;
}

.introtext .cardpostericon .cardposter img {
  border-radius: 00px;
  border: none;
}

.introtext .cardtitle {
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
}

.introtext .roundedcardmain .subheadingtext {
  font-size: 22px;
  text-align: center;
  display: block;
  margin-top: 30px;
}

.introtext .newdesign02 .mainheading {
  text-align: center;
}

.introtext .startcourse_btn {
  font-weight: normal !important;
}

.themecolor.introtext .footer_next_prevbtns .lesson-footer .footer-title {
  text-transform: none !important;
}

.contentheader {
  background: #fff;
  float: left;
  width: 100%;
  height: 180px;
  display: table;
  vertical-align: middle;
}

.contentheader .iconimage {
  float: left;
  margin-right: 5%;
  width: 180px;
  height: 180px;
}

.contentheader .iconimage img {
  width: 100%;
}

.contentheader .lessontopicname {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 100%;
}

.contentheader .lessontopicname h2 {
  color: #017100;
  font-size: 26px;
  font-family: 'helveticaregular' !important;
  margin-bottom: 0;
  width: 95%;
}

.contentheader .lessontopicname p {
  font-family: 'helveticaregular' !important;
  font-size: 20px;
  color: #7f984b;
  text-align: left;
  width: 95%;
}

.lessoncontent.lesson_content .content-block .lesson-component.carousalquiz {
  height: 100% !important;
}

.themecolor.introtext .lessonquizmain .item-radio input:checked~.item-content {
  background: transparent !important;
}

.themecolor.themecolor .lessonnewquizstyles .mainquestioncontainer .showlabel label {
  text-align: center;
  color: #000;
  font-family: 'helveticaregular' !important;
  font-weight: 600;
  margin-bottom: 10px;
}

.scalecontainer .snos {
  float: left;
  border: solid 1px #ccc;
  padding: 5px 10px;
  min-width: 40px;
  text-align: center;
  margin-right: -1px;
  font-weight: 600;
}

.scalecontainer .snos.red {
  border-top: 10px solid #ec3f52;
}

.scalecontainer .snos.yellow {
  border-top: 10px solid #efe453;
}

.scalecontainer .snos.green {
  border-top: 10px solid #10b872;
}

.scalecontainer .snos.red.activecolor {
  background: #ec3f52;
}

.scalecontainer .snos.yellow.activecolor {
  background: #efe453;
}

.scalecontainer .snos.green.activecolor {
  background: #10b872;
}



.scalecontainer .titlename {
  font-size: 20px;
  margin-bottom: 10px;
  float: left;
  width: 100%;
  color: #10b872;
}

.scalecontainer {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.recommendedcourses .coursethumbails {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.recommendedcourses .coursethumbails .snos {
  float: left;
  margin-right: 25px;
  width: 100px;
  text-align: center;
}

.recommendedcourses .globalfeedback.newdesign02 .scroll {
  height: 100%;
  margin-top: 0;
  padding-bottom: 0 !important;
}

.webmode.recommendedcourses .globalfeedback .customregistration {
  padding-bottom: 0 !important;
}

.recommendedcourses .coursethumbails .snos img {
  width: 70px;
}

.recommendedcourses .coursethumbails .snos span {
  display: block;
  text-align: center;
  line-height: 20px;
  font-weight: 600;
  margin-top: 10px;
}

.recommendedcourses .coursecontainer {
  height: calc(100vh - 230px);
  float: left;
  width: 100%;
  margin-top: 40px;
  overflow: auto;
}

.recommended .courseposter img {
  border-radius: 8px 8px 0 0 !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .activated_correct label {
  border: solid 1px #37af0e !important;
}

.themecolor.quizcards .lessonnewquizstyles .form-group .activated_correct label .optionoption {
  color: #10b872 !important;
}

.scalelogout {
  cursor: pointer;
}

.introcontent {
  font-family: 'helveticaregular' !important;
  font-size: 16px;
}

.radio_carousal_view.picturechoicediv {
  float: left;
  width: 50% !important;
  position: relative;
  margin-bottom: 15px;
  margin-right: 0 !important;
}

.radio_carousal_view .item {
  padding: 0 !important;
}

.picturechoicediv.picquiz.radio_carousal_view .card {
  margin: 0 5px !important;
  padding: 0 !important;
}

.radio_carousal_view.picturechoicediv .card.right img {
  width: 100%;
  border: 0;
  max-height: 80px !important;
}

.radio_carousal_view.picturechoicediv .card.right input {
  display: none;
}

.radio_carousal_view.picturechoicediv .answer {
  position: absolute;
  top: 0px;
  right: 5px;
  background: rgba(255, 255, 255, 0.5);
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 0 0 0 5px;
  z-index: 99999 !important;
}

.radio_carousal_view.picturechoicediv .answer i {
  color: #000;
}

.introcontent .red {
  color: #ec3f52;
}

.introcontent .yellow {
  color: #ded670;
}

.introcontent .green {
  color: #10b872;
}


.footer_next_prevbtns .next_btn {
  margin-left: auto;
}

.match_option_carousal .quiz-wrapper .answers .target {
  height: 90px !important;
  overflow: hidden;
  width: 115px;
}

.match_option_carousal .quiz-wrapper .answers .target img {
  height: 90px;
  margin-top: 0;
}

.btn.btn-link.resetblank {
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  text-decoration: none;
}

.match_option_carousal .quiz-wrapper ul.options li.option {
  height: 90px !important;
}

.match_option_carousal #boxcard .target.ui-droppable {
  float: left;
  width: 115px;
  height: 90px !important;
  margin: 0;
  padding: 0px;
  border: 1px solid #21bd34 !important;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .5);
  background: #fff;
  z-index: 2;
  text-align: center;
}

.match_option_carousal #boxcard div {
  height: auto !important;
  border: none !important;
  min-height: 120px;
  box-shadow: none !important;
  width: 115px !important;
  margin: 12px !important;
}

.match_option_carousal .dropboxtitle {
  float: left;
  width: 100%;
  margin-bottom: 5px;
  font-weight: 600;
  line-height: 15px;
  font-size: 14px;
  text-align: left;
  letter-spacing: 0;
}

.match_option_carousal #boxcard div:first-child {
  margin-left: 12px !important;
}

.match_option_carousal {
  width: 100% !important;
}

.themecolor.introtext .next_btn.swipenext,
.themecolor.introtext .prev_btn.swipeprev {
  background: transparent !important;
  display: inline-block;
  position: absolute;
  right: 10%;
  top: 30%;
}

.themecolor.introtext .prev_btn.swipeprev {
  left: 5% !important;
  right: auto !important;
  top: 30%;
}

.next_btn.swipenext img,
.prev_btn.swipeprev img {
  width: 40px;
  height: 40px;
}

.webmode.introtext .customregistration .scroll {
  background: transparent !important;
}

.webmode.introtext .globalfeedback .customregistration {
  background: #10b872;
}

.introicons img {
  width: auto !important;
  height: auto !important;
  border: none !important;
  margin: 25px 0px 5px 0px;
  display: inline-block !important;
}

.introicons .introtitle {
  font-weight: 600;
  color: #10b872;
  font-size: 18px;
  text-align: center;
  font-family: 'helveticaregular' !important;
}

.introicons .introdesc {
  color: #444444;
  font-size: 14px;
  line-height: 18px;
  font-family: 'helveticaregular' !important;
}

.introicons .top20 {
  margin-top: 25px;
  font-size: 14px;
  color: #444444;
  line-height: 18px;
}

.headerprofile {
  line-height: 18px;
  white-space: nowrap;
  padding-top: 5px;
  margin-right: 20px;
  color: #14a267;
}

.newuiprompt .popup .icon_container {
  text-align: center;
}

.newuiprompt .popup .popuptitle {
  text-align: center;
  color: #10b872;
}

.newuiprompt .popup .popup-body div {
  text-align: center;
}

.termsandconditionspopup .popup-body h3,
.termsandconditionspopup .popup-body p {
  text-align: left;
}

.dasbhoardcards {
  width: 100%;
  float: left;
}

.dasbhoardcards .maincard {
  float: left;
  width: 46%;
  margin: 2%;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 10px;
  min-height: 100px;
}

.customregistration.globalfeedback.newdesign02 .dashboardnew .scroll {
  margin-top: 70px !important;
  padding-top: 0;
}

.dashboardnew .numbercount {
  border: solid 2px #10b872;
  border-style: solid dotted dotted solid;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  text-align: center;
  float: left;
  margin-right: 40px;
}

.dashboardnew .numbercount:last-child {
  margin-right: 0 !important;
}

.bcidashboard .maincontainerdiv {
  margin-top: 50px;
  padding: 5px;
}

.bcidashboard .ff_welcome {
  box-shadow: none !important;
}

.bcidashboard .templatediv {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: auto;
  margin-bottom: 15px;
  width: 47%;
  margin-left: 2% !important;
  margin-bottom: 30px;
}

.bcidashboard .footerbtn {
  background: #10b872;
  padding: 8px 0;
  float: left;
}

.bcidashboard .assessmentprogress,
.bcidashboard .templateheader {
  padding: 10px;
  float: left;
  width: 100%;
}

.bcidashboard .organisationname {
  float: left;
}

.bcidashboard .organisationcount {
  float: left;
}

.bcidashboard .organisationcount span {
  text-align: left;
  float: left;
  font-size: 14px;
  font-family: 'helveticaregular' !important;
}

.bcidashboard .organisationname h3 {
  font-size: 16px;
  font-weight: 600;
  /*text-transform: uppercase;*/
  font-family: 'helveticaregular' !important;
}

.bcidashboard .organisationcount .numbercount {
  font-size: 20px;
  font-family: 'helveticaregular' !important;
}

.bcidashboard .assessmentprogress small,
.bcidashboard .courseprogressdiv small {
  font-size: 16px;
  margin-bottom: 15px;
  display: block;
  font-family: 'helveticaregular' !important;
}

.bcidashboard .assessmentprogress .progressbarlabel {
  font-size: 16px;
  width: 30%;
  margin: 3px;
  font-family: 'gt_walsheimlight' !important;
}

.bcidashboard .assessmentprogress .progress {
  width: 40%;
}
.smallheading{font-size: 12px;}

.bcidashboard .assessmentprogress .progressval {
  font-family: 'helveticaregular' !important;
  font-size: 16px;
}

.bcidashboard .assessmentprogress .progress {
  margin-bottom: 10px;
}

.bcidashboard .courseprogressdiv {
  width: 100%;
  padding: 10px;
  float: left;
}

.bcidashboard .courseprogressdiv .circlestyles {
  width: 70px;
  height: 70px;
  font-family: 'helveticaregular' !important;
  font-size: 16px;
  margin:auto !important;
  float:none !important;
}
.bcidashboard .courseprogressdiv .circlediv p.labeltext{font-size: 14px; line-height: 18px; padding: 8px;}
.bcidashboard .circlediv .circle1 {
  border: solid 3px #aa3cb3;
}

.remainderstatus button {
  background: #10b872;
  color: #fff;
  border: none;
  padding: 3px 15px 1px 15px;
  font-size: 13px;
  border-radius: 8px;
  line-height: 20px;
  display: block !important;
  float: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.remainderstatus span {
  font-size: 12px;
  display: inline-block;
  min-width: 40px;
  color: #000000 !important;
  border: solid 1px #fff;
  font-family: 'gt_walsheimlight' !important;
  font-size: 16px !important;
}

.reminderstatusinner {
  min-width: 150px;
  text-align: center;
  margin: 0 0 0 auto;
}

.remainderstatus span strong {
  font-size: 14px;
  font-family: 'gt_walsheimlight' !important;
  color: #000000;
  font-weight: normal;
}

.not-started {}

.in-progress {
  color: #ff6a00 !important;
}

.ffbaselineinprogress{
  border: none !important;
}

.coursesdate {
}
md-option {
  height: 30px !important;
}

@media (min-width:482px) and (max-width:684px) {
  .container-fluidd {
    display: flex;
    flex-direction: column;
  }

  .container-fluidd .col-xs-6 {
    width: 100% !important;
  }

  /* .assesment_inner {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  } */
}

@media (min-width:900px) and (max-width:1080px) {
  .webmode {
    width: 75%;
    margin: auto;
  }

}

@media (max-width:660px) {
  .bcidashboard .organisationname h3 {
    font-size: 12px;
  }
}

.scrolling_ctrl {
  overflow-x: scroll;
}



.course_new_ui.courselanding .courses,
.coursedetails_ui .course-block,
.course_content .content-block,
.lesson_content .content-block {
  background: #fff !important;
}

.profile.customscroll .categorymaincls h3 {
  width: 100% !important;
  margin-bottom: 20px;
}

.profile.customscroll .maincontainer .subcategories .ecd-card .item.item-avatar {
  padding: 0 !important;
}

.lessonowl.themecolor .webcarousel {
  width: 100%;
}

.slideswithcount.topsection {
  margin-top: 0;
}

.slideswithcount.topsection .oneoffdiv {
  margin: auto;
}

.trainerdashboard .tabledatacontent .table-body-cell {
  white-space: nowrap;
}

.ipdashboardcontainer {
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
}

.webmode .imageslider.content-block {
  width: auto !important;
}

.content-blocks .onlyimage,
.content-blocks .lesson-component.maincont,
.imageslidermain.slider .slider-slide {
  background: #fff;
}

.content-blocks .oneoffdiv {
  margin-top: 15px !important;
}

.imageslidermain.slider {
  /* height: 100%; */
  overflow: auto;
}

.content-blocks .onlyimage {
  margin-bottom: 10px;
}

.c3 text, .bcidashboard .learnername {
  font-family: 'helveticaregular' !important;
}

.imageslidermain.slider .onlyimage img {
  margin-top: 5px;
}

.slideleftright {
  position: absolute;
  top: 0%;
  width: 100%;
}

.slideleftright .nextsvg {
  position: absolute;
  right: 0;
}

.slideleftright img,
.slideleftleft img {
  margin-top: 0 !important;
}

.imageslidermain.slider .onlyimage img {
  border: solid 1px #ccc;
  padding: 5px;
  border-radius: 10px;
}

.imageslidermain.slider .onlyimage .slideswithcount.slideleftright img {
  border: none;
  height: auto !important;
  padding: 0;
}
.slideswithcount{top: 40% !important;}


.fixedposition {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  background: #fff;
  padding-left: 70px;
  font-weight: 600;
  padding-top: 5px;
}

.trainingdb #tab-content-2 .md-padding {
  padding-top: 0px;
}

.ipdashboard .lamborghini,
.bcidashboard .lamborghini {
  justify-content: flex-start;
}

.ipdashboard .lamborghini .headertitle,
.bcidashboard .lamborghini .headertitle {
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: -1;
}

.ipdashboard .lamborghini img,
.bcidashboard .lamborghini img {
  margin-left: 10px;
  margin-right: 10px;
  /* max-height: 40px; */
  margin-top: 0px !important;
}
.bcidashboard.courselanding .tab-ecd {
  margin-top: 90px;
}

.bcidashboard.courselanding .sessioncontent {
  width: 100%;
}

.bcidashboard .maincontainer {
  margin: 0 !important;
}

.bcidashboard.courselanding .tab-ecd.sessiondetail {
  margin-top: 30px !important;
}

.bcidashboard .md-tab span {
  font-size:16px;
  font-family: 'helveticaregular' !important;
}

.ui-select-bootstrap .ui-select-match-text span,
.bcidashboard .ui-select-bootstrap .ui-select-toggle>.caret {
  color: #10b872;
}

.opacity-disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.5;
}

.table-responsive.bcidashboard {
  padding: 15px;
  width: 100% !important;
}

.bcidashboard .tabledatacontent .table-body-cell {
  white-space: nowrap;
}

.ui-select-bootstrap>.ui-select-choices,
.ui-select-bootstrap>.ui-select-no-choice {
  overflow-y: auto;
}

.loginlogo {
  display: block;
  margin-top: 30px;
}

.loginlogo img {
  width: 120px !important;
}

.newuiprompt .icon_container img {
  border: solid 1px #ccc;
  width: 80px;
  height: 80px;
}

.popup-container .popup {
  width: 350px;
  padding: 0px;
}

.popup-container .popup-buttons .button {
  padding: inherit;
}

.popup-container.newuiprompt .popup-buttons .button {
  margin-right: 5px;
  text-transform: capitalize;
  padding: 0;
  line-height: 35px;
  border-radius: 4px;
}

.popup-container.newuiprompt .popup .popup-buttons {
  margin: inherit;
  padding-bottom: 0;
}

.profile_edit .picquiz.withimages .lessonlabel .attachment img {
  height: auto !important;
}

.profile_edit .lessonquizmain .item-radio input:checked~.item-content {
  background: transparent !important;
}

.profile_edit .picquiz.picturechoicediv.withimages .lessonlabel label {
  width: auto !important;
  min-width: auto !important;
}

.item.item-avatar.courseposter {
  margin-bottom: 0;
}

.sessiondiv.subcategories .item.item-text-wrap h2 {
  margin-top: 10px;
}

.globalfeedback .likertdesign .table-body-cell {
  position: relative;
  font-family: 'gt_walsheimlight' !important;
}
.globalfeedback .table-header-cell span, .globalfeedback .table-header-cell{
  font-family: 'gt_walsheimlight' !important;
}

.radiochecknew:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

input:checked~.radiochecknew:after {
  display: block;
}

.radiochecknew:after {
  content: "";
  position: absolute;
  display: none;
}

input:checked~.radiochecknew {
  background-color: #2196F3;
}

.likertdesign input:hover~.radiochecknew {
  background-color: #ccc;
}

.radiochecknew {
  position: absolute;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
  margin-left: -20px;
  margin-top: 8px;
}

.likertdesign input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 25px !important;
  height: 25px;
  margin-top: 0 !important;
  z-index: 999999;
  margin-left: -20px;
}

.likertdesign .table-body-cell {
  vertical-align: top !important;
}

.popup-body .popuptitlewithassessment {
  color: #505050;
  line-height: 20px;
}

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

.globalfeedbackbtn {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 15px;
}

.globalfeedbackbtn button {
  border-radius: 4px !important;
}

.nocontentscroll.myprofile .submitbuttons {
  text-align: center;
  margin-top: 20px;
}

.lessonstatus {
  color: #10b872;
  font-weight: 600;
  padding-bottom: 30px;
  width: 90%;
  margin: auto;
}

.lessonowl.themecolor .owl-dots {
  margin-top: 0 !important;
}

.newuiprompt .popup-buttons {
  padding:10px 10px  0 10px !important;
}

.icon_container img {
  margin-top: 20px;
}

.menulogotop {
  position: absolute;
  top: 0;
  right: 0;
}

.menulogotop img {
  width: 120px !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  height: auto !important;
}

.courselanding .lamborghini.header_lg img {
  margin-right: auto;
  padding-top: 2px;
}

.headerlogonew {
  /*height: 40px;*/
  margin-top: 8px;
  padding-top: 0 !important;
}

.courselanding .lamborghini.header_lg .headertitle {
  position: absolute;
  text-align: center;
  width: 100%;
}

.courselanding.newheader .lamborghini .Diablo {
  z-index: 9999999;
  margin-right: 10px;
}

.sendfeedback .lamborghini .gallardo,
.sendfeedback .lamborghini .Diablo {
  top: 0px;
}

.sendfeedback .lamborghini .Diablo {
  top: 5px;
}

.sendfeedback .lamborghini {
  height: 55px;
}

.sendfeedback .scroll {
  margin-top: 70px !important;
  display: inline-block !important;
  width: 100%;
}

.sendfeedback .dynamicprofilepage.lessonnewquizstyles .showlabel.grouplabeltitle {
  display: none;
}

.sendfeedback .dynamicprofilepage.lessonnewquizstyles .showlabel label {
  font-family: 'helveticaregular' !important;
  font-size: 18px;
}

.sendfeedback .mainquestioncontainer .subgrouptwo {
  display: none;
}

.angular-input-stars>li .active.angular-input-stars-hover {
  box-shadow: none;
  text-shadow: none;
}

.sendfeedback .mainquestioncontainer textarea {
  font-family: 'helveticaregular' !important;
  font-size: 16px;
}

.sendfeedback .lessonnewquizstyles .showlabel label {
  margin-bottom: 10px;
}

.sendfeedback .pageheadertitle {
  font-family: 'helveticaregular' !important;
  margin-bottom: 0;
  font-size: 30px;
}

.sendfeedback .feedbacksubmit button {
  font-family: 'helveticaregular' !important;
}

.coursewelcome {
  width: 100%;
  margin: auto;
  margin-top: 55px;
  padding: 5px 20px;
  border-bottom: solid 1px #f1f1f1;
  font-family: 'helveticaregular' !important;
  font-size: 18px !important;
}

.coursewelcome h3 {
  display: inline;
  font-size: 18px !important;
}

.uploadprofilepic {
  font-size: 20px !important;
  background: #fff;
  padding: 8px;
  border-radius: 100px;
  border: solid 1px #10b872;
  bottom: -10px;
  position: absolute;
  right: -10px;
}

.profileinfodetails.profile_info {
  padding-top: 0 !important;
  position: relative;
}

.profile .profileinfodetails.profile_info img {
  border-radius: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none;
  max-width: none;
}

.profilename {
  width: 150px;
  text-align: center;
  font-family: 'helveticaregular' !important;
  margin: auto;
  margin-top: 10px;
  font-size: 18px;
}

.profileedit .scroll {
  margin-top: 30px;
}

.profileinfotable .text-right {
  float: right;
  margin-bottom: 5px;
  font-family: 'helveticaregular' !important;
  width: 65%;
  text-align: left;
}

.profileinfotable .text-left {
  float: left;
  margin-bottom: 5px;
  font-family: 'helveticaregular' !important;
  width: 40%;
  text-align: right;
}

.courselanding .scalelogout img {
  padding-top: 0 !important;
}

.courselanding .scalelogout {
  z-index: 9999999;
  padding-right: 10px;
}

.mentor_insights .scalelogout,
.globalfeedback .scalelogout,
.announcementpage .scalelogout {
  padding-right: 5px;
}

.globalfeedback .lamborghini .headertitle,
.announcementpage .lamborghini .headertitle {
  text-align: center;
  width: 100%;
}

.lesssoncarousel .owl-carousel .owl-stage-outer {
  overflow: visible;
}

.owl-stage-outer .item.item-avatar.courseposter {
  margin-bottom: 10px !important;
}

.owl-item .ecd-card .item {
  padding: 0 0.2em !important;
}

.profileedit .learner-lession-progress,
.profileedit .learnergriddata {
  padding: 0;
}

.profileedit .learnergriddata .scroll {
  margin-top: 0;
}

.profileedit .learnergriddata {
  background: #fff;
}

.learnergriddata table {
  margin-bottom: 10px;
  white-space: normal;
}

.profiledetailinfo {
  /* float: left;
  width: 100%; */
  background: #fff;
}

.profileedit .profiledetailinfo {
  margin-top: 30px;
}

.profileedit .learnergriddata thead th {
  background: #f1f1f1 !important;
}

.profileedit .profiledetailinfo {
  margin-top: 0;
}


.lamborghini.headerwithbg .ui-select-container {
  right: 50px;
  width: 95px;
  left: auto !important;
}

.lamborghini.headerwithbg .ui-select-bootstrap .ui-select-match-text {
  padding-right: 10px;
}

.attendanceui .lamborghini.headerwithbg .ui-select-container {
  right: 0 !important;
}

.c3 svg {
  z-index: 9999;
}

.childvideo .video-js {
  background: #000 !important;
  border: solid 1px #000;
}

.childvideo {
  margin: auto;
  padding: 10%;
  padding-top: 5%;
  position: relative;
}

.childvideo .childvideocancel {
  position: absolute;
  right: calc(10% - 33px);
  top: -15px;
  background: #ff6f6f;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  font-size: 15px;
  font-weight: 700;
  z-index: 999;
  line-height: 20px;
  min-height: auto;
  min-width: auto;
  transition: 0.5s;
}

.childvideo .childvideocancel:hover {
  background: #ff0000;
}

.md-dialog-is-showing md-dialog {
  width: 50%;
  background: transparent;
  box-shadow: none;
  top: 1%;
  position: absolute;
}

.md-dialog-is-showing .childvideo {
  margin-top: 5% !important;
}

.childvideo .childvideocancel span {
  color: #fff;
}

.md-dialog-is-showing .md-dialog-backdrop {
  width: 50%;
  margin: auto;
  margin-top: 0px;
}

.vjs-fullscreen .childvideo {
  margin-top: 0 !important;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999 !important;
}


.owl-stage-outer .owl-stage .owl-item .formly-field.formly-field-radio {
  width: 100%;
}

.coursescale .customregistration.globalfeedback .scroll {
  height: auto !important;
}

.onboard.onloginpage.loginpag md-content {
  min-height: inherit !important;
}

.main-logo-holder{
  width:80px;
  height:40px;
}
.main-logo-holder img{
  max-width:100%;
  height:auto;
}

.word-break.textleft{text-align: left;}
.resp-table-row .table-body-cell span{
 font-size: 16px;}

.newheader.learners_ui.webmode .learnergriddata{padding: 0;}
.newheader.learners_ui.webmode .scroll{padding-bottom: 30px;}
.cellminwidth{min-width:200px;}
.learners_ui .learnergriddata .table-body-cell{border-top:none; font-size: 16px;}
.tablecellheader{font-size: 16px; color: #10b872; /*text-transform: uppercase;*/ font-weight: 600;}
.newheader.learners_ui.webmode .learnergriddata tbody:nth-child(even) tr{background: #fff;}
.tablecellheader td{padding-top: 20px;}
.learners_ui .learnergriddata .table-header-cell{font-size: 16px; /*text-transform: uppercase;*/}
.modulecell{width: 300px;}
.ipdashboard .facilitators .table-header-cell{white-space: normal !important;  font-family: 'helveticaregular' !important; font-size: 16px;}
.learners_ui .trainerwelcomediv .trainername h4{font-weight: 600;}
.trainerwelcomediv .learnerprofile{padding-right: 20px;}
.trainerwelcomediv .reminderstatusinner{margin-right: 15px;}
.trainerwelcomediv .reminderstatusinner .scorecolor{padding: 5px 10px 0 10px; font-family: 'helveticaregular' !important;}
.cellminwidthmed{min-width: 125px;}
.cellminwidthsmall{min-width: 65px;}
.cellminwidthlarge{min-width: 210px;}
#resp-table-body .remainderstatus span strong, #resp-table-body .remainderstatus span{font-size: 16px !important;}


.opinionscale_div{float: left; border:solid 1px #ccc; padding: 10px 0 10px !important; position: relative; z-index: 999; text-align: center; cursor: pointer; color: #33906e; font-size: 15px;
display: flex;
     justify-content: center; 
     align-items: center; 
     text-align: center;
}
.opinionscale_div:hover{background-color:#c7e8e0;}
.opinionscale_div.activeButton{background-color: #c7e8e0;}
.openionscalelines .first .line{margin-left:24%;}
.openionscalelines .third .line{margin-right:24%;}
.line{height: 15px; margin-top:-22px; overflow: hidden;}
.openionscalelines{width: 100%; float: left;}
.test_2 .line, .test_4 .line{display: none;}
.openionscalelines .line{display: inline-block; position: relative;margin-top: -10px;
  height: 20px; width: 32.9%;}
.openionscalelines .line:before{content: ''; width: 2px; height: 50px; background: #ccc;
  position: absolute; bottom: -35px; left: 50%; margin-left: -2px; display: none;}
.openionscalelines .line span{display: none; text-align: center;}
.layout-thee-columns>li.first{padding-right: 10px;}
.layout-thee-columns>li{padding-top: 0px; padding-bottom: 17px; word-break: break-word;}
.layout-columns>li{display: table-cell; width: 2%; word-break: break-word;}
.layout-thee-columns>li{padding-top: 0px; padding-bottom: 17px; word-break: break-word;}
.layout-thee-columns>li.third{padding-left: 10px;text-align: right;}
.formly-field-opinionscale ul{margin-left: 0 !important;}
.layout-thee-columns>li{text-align: center; padding-right: 0;}
.showlabel .snumber{float: left; margin-right: 8px;}
.showlabel.subgroupthree{float: left; width: 100%; text-align: left;}
.formly-field-opinionscale .field-input input{display: none;}
.layout-thee-columns>li.text-align-left{text-align: left;}

.roundedcardmain .lessonstatus span img{
  max-width: 100%;
  height: auto;
  padding: 10px;
  position: relative;
  top: -2px;
}


.lessoncontainerdiv{height: 85px; vertical-align: middle; display: table-cell;}

.roundedcardmain .lessonstatus{position: absolute; right: -15px; bottom: -5px; padding-bottom: 0;
    width: 45px; height: 45px; text-align: center;  border-radius: 100%;
    background: #fff; line-height: 45px; font-size: 20px; box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.4);
    overflow: hidden;
  }




.roundedcardmain .lessonstatus .ion-checkmark{
  color: #14a267;
  padding-left: 3px;
  font-size: 24px;
  position: relative;
  top: 2px;
}
.roundedcardmain .lessonstatus i{font-size:24px !important;}
.lessonowl.themecolor .courseheading{font-size: 24px;}
.courselanding .lamborghini.headerwithbg .ui-select-container{top: 0;}
.courselanding .btn-default:active:hover{color: #10b872;}
.lessonquizholder{
  /* border:solid 1px #ccc; */
   border-radius: 10px; 
   padding: 10px; 
   /* width:80% !important; */
  margin: auto; 
  margin-top: 0px !important;
}
.feedbacktext.correctwrongans{
  border-radius: 10px; 
  padding:30px 10px 30px 10px !important; 
  /* width:60% !important; */
 margin: auto; 
 /* margin-top: 70px !important; */
  background:#14a267; 
  vertical-align: middle;
  display: table;
}
.pagemiddle{vertical-align: middle; display: table-cell;}

.quizcontentdiv .showlabel span, .quizcontentdiv .mainquestioncontainer .subgroupthree,
 .quizcontentdiv .mainquestioncontainer .item-content .listname span{font-family: 'helveticaregular' !important;
  font-weight: normal !important; color: #000000;}
.quizcontentdiv .lessonnewquizstyles .showlabel label{margin-bottom: 5px;}

.quizcontentdiv .lessonsubmitbutton{text-align: center;}
.quizcontentdiv .lessonsubmitbutton .skipbutton button{padding:0 !important; font-family: 'helveticaregular' !important;}
.quizcontentdiv .lessonsubmitbutton button{float: none !important; font-family: 'helveticaregular' !important; border:none; /*text-transform: uppercase;*/}
.quizcontentdiv .feedbacktext h3, .quizcontentdiv .reviewanswer, .quizcontentdiv .quiztryagain{font-family: 'helveticaregular' !important;}
.quizcontentdiv .feedbacktext{
  /* margin-top: 0;  */
  padding: 10px 0;
}
.quizcontentdiv .lessonsubmitbutton .skipbutton{display: inline-block;}

.ratingfeedback.sendfeedback .scroll{width: 50% !important; margin: auto; margin-top: 70px; display: block !important; text-align: center;}
.ratingfeedback.sendfeedback .scroll .custommobileview{width: 100%; margin: auto; background: #10b872; padding: 20px 0; border-radius: 10px;}
.ratingfeedback .feedbacknote, .correctwrongans .feedbacknote{font-size: 30px; color: #fff; font-weight: 600; font-family: 'helveticaregular' !important;}
.congratsbtn{width: 40px; margin-bottom: 20px;}
.ratingfeedback .feedbacksubmit button{background: #fff !important; color: #525252; opacity: 1; min-width: 150px; padding: 10px 25px;
 text-transform: capitalize; font-size: 18px; margin-bottom: 15px; min-width: 200px;}
.ratingfeedback .feedbacksubmit{width: 200px; margin: auto;}
.ratingfeedback .feedbacksubmit .skipbutton{background: transparent !important; border:solid 1px #fff; color: #fff;}
.ratingfeedback .dynamicprofilepage.lessonnewquizstyles .showlabel label{color: #fff; margin-bottom: 50px;}
.sendfeedback .angular-input-stars>li .active{color: #fff !important;}
.ratingfeedback .angular-input-stars>li{color: #fff !important;}
.correctwrongans .reviewanswer{margin-top: 30px; background: transparent !important; border:solid 1px #fff; font-family: 'helveticaregular' !important;
 font-size: 18px; border-radius: 4px; min-width: 210px;}
.contentholder{min-width: 33%; float: left;}
.feedbacktext.correctwrongans p{font-family: 'gt_walsheimlight' !important;  font-size: 20px; color: #fff; font-weight: 600;}

.tablebg th{background: #f1f1f1; font-weight: 600;}
.tablemainheading{float: left; width: 100%; font-size: 18px; color: #10b872; /*text-transform: uppercase;*/
  padding:30px 10px 5px 10px; text-align: center; font-weight: 600; font-family: 'helveticaregular' !important;}
.onboard .scroll-content{background: #fff;}



/*Review Changes*/

.coursescale .overflow-scroll{padding-bottom:50px;}
.needhelpdiv{position: absolute; bottom:50px; right: 10px; background: #14a267; border:solid 1px #19905e; border-radius: 4px; padding:2px 8px;}
.needhelpdiv span{font-family: 'helveticaregular' !important; font-size: 12px; color: #fff;}
.needhelpdiv img{width: 40px;}
.lesson_content .feedbacktext.correctwrongans p{font-weight: normal !important;}
.video-flex-container .slideswithcount h3{font-weight: bold !important;}
.onboardfooter .signinbtn:hover{text-decoration: none;}
.lessonquizholder.fixheightdiff{height: calc(100vh - 180px); overflow: auto;}
.lessonquizholder{
    /* height: calc(100vh - 130px); 
    overflow: auto;  */
  margin-top: 15px;
}
.ratingfeedback.sendfeedback .scroll{height: 100%;}
.ratingfeedback.sendfeedback .scroll{ margin-top: 80px !important;}
.feedbacktext.correctwrongans{ 
  /* margin-top: calc(50vh - 250px) !important;
   min-height: calc(90vh - 85px) !important; */
  }
.customrowclass .table-body-cell{padding: 0; margin-top: 15px; display: block;}
.customrowclass .remainderstatus span{min-width: 42px !important;}
.customrowclass .profilename{display: none !important;}
.owl-item .item.item-text-wrap h2 a, .course_new_ui .tab-nav.tabs .tab-item .tab-title,
.startcourse_btn span, .sessiondiv .ecd-card h2 a{font-family: 'helveticaregular' !important; padding-top: 3px;}
.cousedescriptiontext, .completedcourse, .sessionprogress, .learnerflow .categorymaincls h3,
 .lamborghini .gallardo, .coursedetails_ui .item-body p, .course_type_count span, .course_detail .lamborghini .gallardo,
  .course_detail .lamborghini .Diablo, .langdiv .ui-select-match-text span{font-family: 'helveticaregular' !important;}
.course_detail .course-card h2{font-family: 'helveticaregular' !important}
.menu_list .col.card a.item, .menu_list .col.card .item, .popuptitlewithassessment span,
 .newuiprompt .popup .popuptitle, .popup-container.newuiprompt .popup-buttons .button{font-family: 'gt_walsheimlight' !important;}
.learnergriddata .table-body-cell span, .learnergriddata .table-header-cell span{font-family: 'helveticaregular' !important; text-transform: capitalize;}
.slideswithcount .backsvg, .slideswithcount .nextsvg{filter:none !important;}
.cousedescriptiontext, .coursedetails_ui .item-body p{font-size: 14px !important; font-family: 'gt_walsheimlight' !important;}
.video-flex-container .slideswithcount h3{text-align: center; font-size: 16px; font-family: 'helveticaregular' !important; width: 80%; line-height: 20px;}
/*.lesson-component li, .main-content li, .main-content p, .videocontenttext p, .videocontenttext p strong{font-family: 'gt_walsheimlight' !important;}*/
.courselanding .courses._md md-tabs{height: 100vh;}
.courselanding  md-tabs md-content .tab-ecd{margin-top:25px;}
.courselanding md-tabs-canvas .md-tab span{font-family: 'helveticaregular' !important; color: #000; font-size: 18px;
    text-transform: capitalize;}
.courselanding md-tabs md-ink-bar{display: none;}
.courselanding md-tabs .md-tab.md-active{border-bottom: 3px solid #10b872 !important}
.courselanding md-tabs md-tabs-wrapper{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.13); z-index: 999;}
.courselanding md-tabs-content-wrapper{margin-top: 10px;}
.menu-open .courselanding.webmodeforcourse.webmode{margin: initial !important;}
.lessonnewquizstyles .mainquestioncontainer .message, .scalecontainer .snos{font-family: 'gt_walsheimlight' !important;}
.globalfeedback .module_quizz .btn, .ui-select-bootstrap .ui-select-choices-row>span div{font-family: 'helveticaregular' !important;}
.coursewelcome h3, .headerprofile, .scalecontainer .titlename{font-family: 'helveticaregular' !important;}
.menu-open .ecd_menu .menu_list .profile_info h3, .ecd_menu.menu.menu-left .menu_list .profile_info h3, .ecd_menu.menu.menu-right .menu_list .profile_info h3{
   font-family: 'helveticaregular' !important;}
.menu-open .ecd_menu .menu_list .profile_info p, .ecd_menu.menu.menu-left .menu_list .profile_info p,
 .onloginpage.loginpag .login .content-block .login_form input{font-family: 'helveticaregular' !important;}
.formly-field-statement .field-title .statementtitle{font-family: 'helveticaregular' !important; font-weight: 600; margin-bottom: 0; font-size: 16px; color: #000; }
.formly-field-statement .field-title .description{font-family: 'gt_walsheimlight' !important; font-size: 16px;}
.formly-field-statement .field-title .statementtitle i{display: none;}
.lessonnewquizstyles .mainquestioncontainer .message{margin-left: 0px;}
.statementfield .col-xs-12, .statementfield .description{padding: 0;}
.statementfield .description{margin:10px 0; float: left; width: 100%;}
.webmode.coursescale .customregistration.newdesign02 .scroll{padding:25px 15px;}
.twolinebreak{width: 90px !important; top: 50%; text-align: center !important; left: calc(50% - 45px) !important;}
.md-padding.facilitators._md .pagination>.active>a{background: #10b872; color: #fff !important; border-color:#356723;}
.pagination>li>a, .pagination>li>span{
  color: #000 !important;
  font-family: 'helveticaregular' !important;
  font-size: 16px;
}
.md-padding.facilitators._md .paginationselect select, .md-padding.facilitators._md .paginationselect select option{height: 30px; margin-top: 0px; font-family: 'gt_walsheimlight' !important; margin-left: 15px; border: solid 1px #ddd;}
.md-padding.facilitators._md .paginationselect{margin-top: 20px; display: flex; margin-bottom: 10px;}
.md-padding.facilitators._md .paginationselect .pagination{margin: 0;}
.ipdashboard md-tabs.md-dynamic-height md-tabs-content-wrapper{margin-top: 0;}
.trainerdashboard.ipdashboard md-tabs md-tabs-wrapper{margin-bottom: 0;}
/* .themecolor.introtext .footer_next_prevbtns .backbtn .footer-title{margin-left: 20px !important;} */
.backbtn.skipbackbutton{max-width: none !important; width: auto; min-width: 65px;}
.assesmenttool .lamborghini .headerprofile{vertical-align: middle; display: table; height: 50px; padding-top: 0 !important;}
.assesmenttool .lamborghini .headerprofile .profilesub{vertical-align: middle; display: table-cell;}
.row.profile_info a:hover{text-decoration: none;}
.childvideo .video-js .vjs-control-bar{display: flex !important;}
.childvideo button.vjs-big-play-button{display: none !important;}
.childvideo .video-js .vjs-fullscreen-control{display: none !important;}
.xrayrelatedimg h4, #divrelatedtopics .xray h4{color: #fff; font-size: 18px; margin:0px; margin-top: 10px; font-family: 'helveticaregular' !important;
    text-align: left; margin-bottom: 15px;}
#relatedtopicsoverlay .ion-chevron-down{color: #fff;}
.relatedtopicimg img{width: 45px !important; margin-bottom:0px; margin-top: 5px;}

.quiztemplate .correctwrongans .feedbacknote{font-size: 20px !important;  font-family: 'gt_walsheimlight' !important;}
.quiztemplate .correctwrongans .quizscore{font-size: 30px; font-family: 'helveticaregular' !important;}
.video-js .vjs-overlay{height: calc(100% - 30px) !important;}
.video-js button.custom-next-btn{background: #3359F7 !important; box-shadow: none !important; font-weight: normal;
    color: #fff !important; right: 10px; padding: 8px 12px !important; text-transform: capitalize; border-radius: 4px !important; font-family: 'helveticaregular' !important;}
.video-js button.custom-next-btn i{margin-right: 10px;}
.topfixbtns{width: 100%; text-align: right; padding: 0px 0px 15px 0;}
.fixedbottombtn{width: 100%; text-align: center; padding-top: 0px;}
.maincontent.lessoncontentpage.onlyquizdiv{overflow: hidden !important;}
.topfixbtns .reviewanswer, .fixedbottombtn .reviewanswer{padding: 5px 15px !important; border-radius: 4px !important;
 background: #10b872 !important;}


@media (min-width:320px) and (max-width:580px) {
.lessonquizholder{margin-top: 15px !important; width: 100% !important; height: calc(100vh - 205px);}
.lessonquizholder.fixheightdiff{margin-top: 0 !important; height: calc(100vh - 180px);}
.fixheightdiffmain{padding-top: 0 !important;}
.ratingfeedback.sendfeedback .scroll{margin-top: calc(50% - 100px) !important;}
.feedbacktext.correctwrongans{margin-top: calc(50% - 60px) !important;}
.ratingfeedback.sendfeedback .scroll .custommobileview{padding: 10px 0 !important;}
.ratingfeedback .feedbacknote{font-size: 26px !important;}
.courselanding .ecd-col.maincontainer{margin-bottom: 15px;}
.categorymaincls h3{font-size: 16px !important;}
.subcategories .owl-item .ecd-card .item h2{font-size: 16px !important;}
.subcategories .cousedescriptiontext{font-size: 16px !important; margin: 10px 0; max-height: none !important;}
.owl-stage-outer .subcategories .ecd-card h2 a{min-height: auto !important; font-size: 16px;}

.lesson-component.maincont .videocontenttext{font-size: 14px;}
.lesson-component li, .main-content li, .main-content p{line-height:20px;}
.webmode.coursescale .customregistration.newdesign02 .scroll{padding: 0; margin-top: 65px !important;}
.tablemainheading{padding-top: 10px;}
}
@media (min-width:600px) and (max-width:890px) {
/* .lessonquizholder{height: calc(100vh - 205px);} */
.lessonquizholder.fixheightdiff{height: calc(100vh - 250px);}
/* .feedbacktext.correctwrongans{margin-top: calc(50% - 120px) !important; min-height: calc(70vh - 85px) !important;} */
.cousedescriptiontext{font-size: 16px !important; min-height: 70px !important; max-height: 70px;}
.webmode.coursescale .customregistration.newdesign02 .scroll{padding: 0; margin-top: 65px !important;}

}
@media (min-width:280px) and (max-width:330px) {
  .ratingfeedback .feedbacknote{font-size: 22px !important;}
  .congratsbtn{width: 40px;}
  .sendfeedback .dynamicprofilepage.lessonnewquizstyles .showlabel label{font-size: 16px !important;}
  .ratingfeedback .dynamicprofilepage.lessonnewquizstyles .showlabel label, .ratinginput .field-input{margin-bottom: 20px;}
  .mainquestioncontainer.ratinginput .fa{font-size: 26px !important;}
  .course_new_ui.courselanding .tab-nav.tabs{display: flex;}
  .course_new_ui .tab-nav.tabs .tab-item{white-space: normal;}
}
@media (min-width:280px) and (max-width:360px) {
  .courselanding.course_new_ui .tab-nav.tabs .tab-item{font-size: 12px !important;}
  .feedbacktext.correctwrongans{
    margin-top:calc(50vh - 220px) !important;
  }
  .lessonheading .countno{width: 25px !important; height: 25px !important; line-height: 25px !important; font-size: 14px !important;}
  .headingtitle{line-height: 14px !important; font-size: 12px !important;}
  .lessoncontainerdiv{height: 60px !important;}
  .courseheading, .lessonowl.themecolor .courseheading{margin-top: 0 !important; font-size: 16px !important;}
  .cardicon img{width: 80px !important;}
  .cardicon{left: calc(50% - 40px) !important; bottom: -30px}
  .roundedcardmain .lessonstatus{font-size: 12px !important; min-height: auto; padding-bottom: 0;}
  .cardtitle{font-size: 12px !important; line-height: 14px !important; margin-top: 30px !important;
  }
  .lessonowl.themecolor .owl-dots{margin-top: 10px !important;}
  .globalfeedback .myprofile .scroll{margin-top: 65px !important;}
  .globalfeedback .showlabel label, .globalfeedback .resp-table-row .table-body-cell.questionhead,
  .globalfeedback .resp-table-row .table-body-cell, .globalfeedback #resp-table-header .table-header-cell,
  .globalfeedback .resp-table-row .table-body-cell.questionhead, .globalfeedback #resp-table-header .table-header-cell:nth-child(2){font-size: 14px !important;}

}
.relatedtopicimg{
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  width: 75px;



  color: #000 !important;


  position: absolute !important;
  top: 0;

}
.relaed-text{
  font-size: 13px;
  font-weight: bold;
  width: 100px;
  color: #ffffff;
  margin-bottom: 5px;
  font-family: 'helveticaregular' !important;
}

.mcrpdashboard .paginationselect select{height: 28px; border-color: #ddd; border-radius: 3px; margin-top: -2px; margin-left: 5px;}



.helpfaq .faqhelpcls .item{margin-bottom: 0px; border-color: #fff !important; display: flex; align-items: center; box-shadow: none !important; padding: 20px 0;}
.helpfaq .faqhelpcls .item h2{font-family: 'helveticaregular' !important;}
.helpfaq .faqhelpcls .item-accordion{padding: 15px; background: #f7f7f7;}
.helpfaq .faqhelpcls .item-accordion{font-family: 'gt_walsheimlight' !important; font-size: 16px;
    color: #000; margin-bottom: 0 !important;}
.helpfaq .faqhelpcls .item.active{background: #f1f1f1;}
.helpfaq .faqhelpcls .item-icon-right i{font-size: 24px;}
.helpfaq .scroll{margin-top: 55px;}

#ecd_menu .menulogo {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0rem;
  margin: 1.25rem 0;
  color: #fff;
  font-size: .625rem;
}

#ecd_menu .menulogo img {
  width: 9.375rem;
}
.menulogo, .footerversion{text-align: center; color: #fff; font-family: 'gt_walsheimlight' !important;}
.footerversion{color: #000 !important;}

.video-js .relatedtopicimg {color: #FFF !important; font-size: 13px; font-weight: bold; width: 90px; margin: 8px; cursor: pointer; font-family: 'helveticaregular' !important;}
.video-js .relatedtopicimg i{margin-left: 10px;}
.topfixbtns button.reviewanswer{margin-right: 15px;}

.vjs-fullscreen .relatedvideopopupdiv .childvideocancel{right: calc(16% - 50px); top: calc(5% - 15px);}
.vjs-fullscreen .relatedimagepopupdiv .childvideocancel{right: calc(25% - 50px); top: calc(5% - 15px);}
.vjs-fullscreen .childvideo .lesson-component.maincont{padding: 15px 0 20px 0 !important;}
.relatedimagepopupdiv .minbutton{padding: 5px 10px; background: rgba(0, 0, 0, 0.5); min-height: auto;
    width: auto; min-width: auto; left: calc(0% - 10px);}
.contentinfullscreen .relatedimagepopupdiv .minbutton{left: 0 !important;}
.relatedvideopopupdiv .minbutton{padding: 0px; background: transparent; min-height: auto;
    width: auto; min-width: auto; left: 0; margin: 4px 8px;}
.relatedimagepopupdiv .minbutton:hover{background: rgba(0, 0, 0, 0.6);}
.relatedimagepopupdiv .minbutton span, .relatedvideopopupdiv .minbutton span{font-size: 24px; color: #fff;}
.relatedimagepopupdiv .maxbutton span{font-size: 24px; color: #fff;}
.relatedimagepopupdiv .maxbutton{padding: 5px 10px; background: rgba(0, 0, 0, 0.5); min-height: auto;
    width: auto; min-width: auto; left:-8px; line-height: 0;}
.md-dialog-is-showing .childvideo .relatedimagepopupdiv{margin-top: 55px;}
.vjs-fullscreen .relatedimagepopupdiv{margin-top: 0px !important;}
.relatedimagepopupdiv .childvideocancel{right: calc(29% - 50px); top: -15px;}
.relatedvideopopupdiv{width: 100% !important; height: 85% !important; margin-top: 65px !important}
.relatedvideopopupdiv .maxbutton span{font-size: 24px; color: #fff;}
.relatedvideopopupdiv .maxbutton{padding:0px; background: transparent; min-height: auto;
    width: auto; min-width: auto; left:0px; line-height: 0; margin: 4px 8px;}
.vjs-fullscreen .relatedvideopopupdiv{margin-top: 0 !important;}
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{width: 80px !important; margin: 0 20px;}
.vjs-fullscreen .imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{width: 60px !important;}
.relatedimagepopupdiv{}
.popbottom{position: absolute; bottom: 0px; right: 0px;}
.videopopbottom{position: absolute; bottom: 0px; right: 0px; z-index: 9999;}
.relatedimagepopupdiv .popbottom .maxbutton{right: 0; left: auto; padding: 2px 5px;}
.relatedimagepopupdiv .popbottom .maxbutton span{font-size: 20px;}
.relatedimagepopupdiv .popbottom .maxbutton:hover{background: rgba(0, 0, 0, 0.6);}
.relatedvideopopupdiv .video-js .vjs-time-control{margin-right: 28px !important;}
.contentinfullscreen .relatedvideopopupdiv{padding-top: 45px !important;}

.learnergriddata .table th{font-weight: bold;    font-size: 16px;
    /*text-transform: uppercase;*/ font-family: 'helveticaregular' !important;
    text-transform: capitalize;
  }
.learnergriddata  .table-responsive{
  white-space: nowrap;
}

.vjs-fullscreen .childvideo .childvideocancel{right: calc(10% - 22px) !important; top: 50px !important;}
.md-dialog-is-showing .childvideo .childvideocancel{right: calc(10% - 20px); top: 10px;}

.mainquestioncontainer.assignmentupload .btn.btn-success, .submitbuttons .btn.submit-button, .profile_info.newprofiledesign .button.button-ecd, .tableprofile .table>tbody>tr>td{font-family: 'helveticaregular' !important;}
a.coursesdate{text-decoration: underline; color: #255dde;}
a.coursesdate:hover{text-decoration: underline; color: #14a267;}
.rightheaderlogo{margin-left: auto; margin-right: 2px;}
.ipdashboard .lamborghini .rightheaderlogo img{margin-top: -17px !important;}
.coursesdate .fa{font-size: 18px !important; color: #14a267;}
.greenpatch{
  height: 10px;
  width: 100%;
  background: #14a267;
  margin-top: 52px;
  border-top: solid #25912d 1px;
  position: relative;
  z-index: 99999;
}
.profilelogout{
  float: right;
  width: auto;
  margin-left: auto;
  padding-top: 0px;

  display: flex;
    justify-content: flex-start;
    align-items: center;
  }



.ipdashboard .lamborghini .profilelogout img{width: 40px !important; height: 40px !important;
    margin-top: 0px !important; margin-left: 0 !important; margin-right: 10px; float: left; border-radius: 100px; border:solid 1px #ccc;}
.profile-info-right{
  float: right;
  min-width: 95px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}


.profile-info-right div{line-height: 18px; font-family: 'helveticaregular';}
.profile-info-right .profile-name{
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
}

.swipelessoncard{width: 90% !important; margin-left: 5% !important; overflow: auto !important; height: 94% !important;
  min-width: auto; border-radius: 5px; box-shadow:0px 4px 10px 2px rgba(173, 173, 173, 0.1); margin-top: 5% !important; }
#swipecardlist .swipe-cards, #swipecardlist .pagescrolling{margin-top: 0 !important;}
#swipecardlist .bluetheme.video-flex-container .lesson-img{margin-top: 0 !important;}
#swipecardlist .lesson-component.maincont, #swipecardlist .videocontenttext>div{padding-bottom: 0 !important; float: left; width: 100%;}
#swipecardlist .videocontenttext table{background: #ffffff; display: table;}
#swipecardlist .lesson-component.maincont, #swipecardlist .videocontenttext>div{padding-bottom: 0 !important;}


/*CGA Tab Styles*/
.onboarding .tabsetmain{background: #f1f1f1; border-bottom: solid 2px #0cc579;}
.registration-wrappr .nav-tabs{justify-content: left !important;}
.registration-wrappr .nav-tabs>li>a{font-size: 14px !important; font-family: 'helveticaregular' !important;}
.profile_edit.customregistration .pane{background: #fff !important;}

.registration-wrappr md-tabs.md-primary>md-tabs-wrapper{/*background: #f1f1f1; border-bottom: solid 2px #0cc579;*/ background: #fff; border:none; box-shadow: 1px 6px 7px 0px #ececec;}
.registration-wrappr .md-tab{color: #484848 !important; line-height: 22px; font-size: 18px !important; font-family: 'helveticaregular' !important; text-transform: none;}
.registration-wrappr .md-tab.md-active{/*background: #0cc579 !important; color: #fff !important;*/}

.registration-wrappr md-tabs.md-default-theme md-ink-bar, .registration-wrappr md-tabs md-ink-bar{/*display: none;*/}
.registration-wrappr md-tabs.md-default-theme md-ink-bar, .registration-wrappr md-tabs md-ink-bar{background: #14a267; height: 5px;}
.registration-wrappr md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){height: calc(100vh - 70px);}
.form_layout .registration-wrappr md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){height: calc(100vh - 50px);}


.registration-wrappr md-tab-content{padding: 20px;}

.registration-wrappr .field-title .statementtitle{margin-top: 15px;}
.registration-wrappr md-tab-content .lessonlabel label, .registration-wrappr .module_quizz input{border:dashed 1px #14a267 !important; padding-right: 10px !important;}
.registration-wrappr .mainquestioncontainer .customdatepicker input{border-left: none !important;}
.registration-wrappr .mainquestioncontainer .showlabel label{font-family: 'helveticaregular' !important; font-weight: normal !important; width: calc(100% - 35px);}
.registration-wrappr .mainquestioncontainer .subgrouptwo{font-family: 'helveticaregular' !important;}
.registration-wrappr .module_quizz input{margin-bottom: 0 !important; font-family: 'helveticaregular' !important;
    font-size: 14px !important;}
.registration-wrappr .modulenext, .registration-wrappr .moduleprevious, .registration-wrappr .formsubmitbtn{background:#14a267; font-family: 'helveticaregular' !important;
    color: #fff; padding:6px 15px; margin-top: 30px; border: none; border-radius: 3px; float: right;min-height: auto !important;
    line-height: 20px; text-transform: none; font-size: 16px !important; margin-right: 0; margin-left: 0;}
.registration-wrappr .moduleprevious{background: #14a267 !important; float: left;}
.registration-wrappr .lessonlabel.multiselectcheckbox .item-content{font-family: 'helveticaregular' !important;
    font-weight: normal;}
.registration-wrappr .lessonlabel.multiselectcheckbox .optionnumber{width: 22px; margin-right: 5px; float: left; text-align: center;}
.registration-wrappr .lessonlabel.multiselectcheckbox .optionoption{float: left; width: calc(100% - 45px);}
.registration-wrappr .lessonlabel.multiselectcheckbox .listname .fa.fa-check{position: absolute; color: #000 !important; font-size: 16px !important; right: 10px;}
.profile_edit.customregistration.newheader .lamborghini .Diablo{top: 5px;}
.profile_edit.customregistration .header h2{/*text-transform: uppercase;*/}
.registration-wrappr .md-datepicker-input-container{margin-left: 0;}
.registration-wrappr .md-button.md-icon-button{margin: 0; margin-top: -12px; height: 34px;
    background: #14a267; border-radius: 0;}
.registration-wrappr .md-button.md-icon-button md-icon{color: #fff;}
.registration-wrappr .md-button.md-icon-button:hover{background: #14a267;}
.registration-wrappr .icon.ion-checkmark{font-size: 14px !important; color: #000 !important;}


.row.onlycheckbox.optiondivs{display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.checkboxoptiondivs{display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: flex-start;}
.registration-wrappr .modulenext:hover{background: #14a267;}
.registration-wrappr .formsubmitbtn:hover{background: #14a267;}



/*Mentor plan event creation popup*/

.modal-popup-close-btn {
    background-color: transparent;
    border: 0px;
    padding: 25px;
    display: inline-block;
    width: auto;
    margin: 15px -19px;
    float: right;
    z-index: 9999999999999;
    position: relative;
}
.pmsdataform .closebtn {
    width: 60%;
    margin: auto;
    position: relative;
}
.pmsdataview .closebtn i, .pmsdataform .closebtn i {
    right: 10px;
    top: 10px;
    position: absolute;
    z-index: 9999;
    background: #ff0000;
    color: #fff;
    border-radius: 100%;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.registrationpopup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 20%;
    background: #ffffff;
    border: none;
}
.pmsdataform .registrationpopup {
    height: 90%;
    overflow: auto;
    width: 60%;
    text-align: left;
    padding: 0;
    z-index: 99;
}
.lookuppopupview.pmsdata .forms md-content {
    background-color: #ffffff;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
.pmsdataform md-content {
    padding: 20px;
}

.popup-container.ionic_timepicker_popup{
    z-index: 9999;
}
.ionic_timepicker_popup .time_picker_box_text {
    color: black;
}
.md-datepicker-calendar-pane {
  z-index: 9999;
}
.forms .customdatepicker {
    display: inline-flex;

    justify-content: flex-start;
}
.formly-field.formly-field-hidden{
  display: none;
}


.eventpopup .md-button.md-icon-button{border-radius: 0; margin-top:0; top:0; margin:0;}
.eventpopup .md-icon-button+.md-datepicker-input-container{margin-left: 0;}
.eventpopup .md-icon-button+.md-datepicker-input-container input{height: 40px !important; border:solid 1px #ccc; padding-left: 10px;}
.eventpopup .md-button.md-icon-button md-icon{color: #fff;}
.eventpopup .forms .mainquestioncontainer .showlabel label, .eventpopup .forms .mainquestioncontainer .subgroupthree{font-size: 14px !important;}
.tableborders .table>tbody>tr>td{border:1px solid #ddd !important;}
.eventpopup .required-error{position: absolute;}
.eventpopup .formly-field-timepicker, .eventpopup .formly-field-timepicker .subgroupthree{font-size: 14px; color: #333333;}
.eventpopup .row.onlycheckbox.optiondivs{padding: 0;}
.eventpopup .row.onlycheckbox.optiondivs .list .item{margin-top:0; margin-bottom: 0;}
.eventpopup .formly-field-timepicker .questiondescription{margin-bottom: 10px;}
.eventpopup md-input-container .md-errors-spacer{display: none;}
.registrationpopup.eventpopup .customregistration{margin-top: 30px;}
.ionic_timepicker_popup.active .popup{border:solid 1px #10a041 !important;}
.ionic_timepicker_popup .heading{background:#10a041 !important;}
.ionic_timepicker_popup .popup-buttons{padding-bottom: 10px !important;}
.ionic_timepicker_popup .button_close, .ionic_timepicker_popup .button_set{font-family: 'helveticaregular' !important;
  padding: 8px 15px !important; line-height: 18px;}
.customdatepicker .md-button.md-icon-button{border-radius: 0;}
.customdatepicker .md-button.md-icon-button md-icon{color: #fff;}
.customdatepicker .md-datepicker-input-container{margin-left: 0;}
.adddetailsbtn{float: right;}
.adddetailsbtn button{background: #14a267; padding: 8px 15px; color: #fff; border:none; margin-bottom: 10px;
 font-family: 'helveticaregular' !important; font-size: 16px; border-radius: 4px;}
.formly-field-picturegeo .textfield .field-title h3 small{float: left; font-family: 'helveticaregular' !important; font-size: 16px; color: #333 !important;}
.formly-field-picturegeo .textfield .field-title h3{float: left; width: 100%; font-size: 1.8rem; font-weight: normal !important;}
.formly-field-picturegeo{margin-bottom: 30px;}
.formly-field-picturegeo .textfield .field-title .typeformlabel{display: none;}
.formly-field-picturegeo .textfield .titlequestion legend{width: auto; padding: 0 10px; font-family: 'helveticaregular' !important;
font-size: 16px !important; margin-bottom: 0; color: #666 !important;}
.formly-field-picturegeo .textfield .titlequestion fieldset p{font-family: 'helveticaregular' !important; font-size: 14px !important;}



.aacoaching ._md-datepicker-floating-label>md-datepicker .md-datepicker-button{top: 0; margin-top: 0; margin:0;}
.aacoaching .md-datepicker-input-container input{height: 30px; border:solid 1px #ccc; padding-left: 10px;}
.aacoaching .lessonnewquizstyles .showlabel label{margin-bottom: 20px;}
.aacoaching .formly-field-select, .aacoaching .form-group, .aacoaching .formly-field {margin-bottom: 30px;}
.aacoaching .repeatsectionlegend{margin-top: 0;}
.aacoaching md-input-container .md-errors-spacer{display: none;}
.aacoaching .repeatsectionstyles legend{font-size: 1.8rem !important; font-family: 'helveticaregular' !important;}
.aacoaching .multiselectoptions, .aacoaching .select2-chosen{font-family: 'helveticaregular' !important;}
.aacoaching .ui-select-container{width: auto !important; right: auto;}
.aacoaching .repeatsection{padding: 0;}
.aacoaching .lessonquizmain .list .item{margin-top: 0; margin-bottom: 0;}
.aacoaching .select2-container .select2-choice .select2-arrow b{background: url('../img/select2.png') no-repeat 0 0px !important;}

.picturegeo fieldset .AddNewButton .picturebutton{color: #fff !important;}
.picturegeo fieldset .AddNewButton .picturebutton i{margin-top: -3px !important;}



.calendar-action-btns .view-btn{cursor: pointer;}

.profiledetailrow{float: left; width: 100%; font-family: 'helveticaregular' !important; margin-bottom: 15px;
 padding:0 10px; font-size: 16px; border-bottom: solid 1px #f1f1f1; padding-bottom: 10px;}
.profiledetailrow .labeltext, .profiledetailrow .labelans{float: left;}
.profiledetailrow .labeltext{width: 50%; margin-right: 5%;}
.profiledetailrow .labelans{width: 45%;}
/* .tableprofile md-tab-content.md-no-scroll{padding-bottom: 50px;} */


.viewbaseline .tab-on_going-content .scroll{margin-top: 60px;}
.viewbaseline .tab-on_going-content .scroll .tableprofile{width: 100%;}
.viewbaseline .tab-on_going-content md-tabs-content-wrapper{margin-top: 20px !important;
 padding: 0 20px !important; margin-bottom: 30px;}
.viewbaseline .profiledetailrow{padding: 0 0px; padding-bottom: 8px; margin-bottom: 10px; font-size: 14px;}
.viewbaseline .profiledetailrow .labeltext{font-family: 'helveticaregular' !important; width: 48%; margin-right: 2%;}
.viewbaseline .devidercol{font-weight: 500; margin-right: 20px; color: #434343;}
.viewbaseline .row.profilecompleteness{margin-bottom: 20px !important;}
.viewbaseline .profilecontainer .pictureimage{float: left; display: none; width: 60px; height: 60px;
    border: solid 1px #ccc; border-radius: 100px; margin-right: 10px; text-align: center;}
.viewbaseline .pictureimage img{width: 60px; height: 60px; margin-top: 0px; border-radius: 100%;}
.viewbaseline .profilecompleteness .profilefields{float: left; text-align: left; position: static; background: transparent; display: block;}
.viewbaseline .profilecontainer .fieldsets{display: block; margin-bottom: 5px; font-size: 14px;
    font-family: 'helveticaregular';}
.viewbaseline .profilecontainer .fieldsets span{font-weight: 600; color: #000; font-size: 14px;}
.viewbaseline .profilecomplete{display: flex; flex-direction: row; justify-content: flex-start;
    align-items: center; font-family: 'helveticaregular';}
.viewbaseline .profilecompleteness .profilecompletetitle{margin-right: 15px;}
.profilecompleteness .profilecontainer{margin-bottom: 10px;}
.viewbaseline .profilecompletetitle{font-weight: bold; font-size: 14px; color: #434343;}
.viewbaseline.trainerdashboard .md-tab{padding: 12px 15px;}
.viewbaseline.attendanceui .lamborghini .gallardo{left: 0;}
.viewbaseline.trainerdashboard  .headertitle h4{color: #10b872 !important;}
.marginl10{margin-left: 10px;}
.lamborghini a:hover{text-decoration: none;}

.ftmadashboard .assesment_area{min-height:auto !important;}
.dncalendar-filters-list{float: left; width: 100%; margin: 10px 0;}
.dncalendar-filters-list .searchoptions{float: left; margin:0 6px; padding:3px 10px; position: relative;
  font-family: 'helveticaregular' !important; border-radius: 20px; background: #fff;
  border:dashed 1px #10b872; text-transform: capitalize; margin-bottom:10px;}
.searchoptions .closefilter{color: #fff; background: #ff0000; width: 15px; height:15px;
  padding: 0 !important; border-radius: 100px; line-height: 12px; display: inline-block;
  text-align: center; position: absolute; top: -5px; cursor: pointer;}
.searchoptions .closefilter i{font-size: 8px;}
.dncalendar-links .dncalendar-add-event{margin-right:  25px;}
.updatedpopup.search .listname .icon.ion-checkmark, .updatedpopup .checkboxoptiondivs .icon.ion-checkmark{font-size: 14px !important; color: #333 !important;}
.repeatsectionstyles .md-datepicker-input-container input{padding-right: 12px !important;}
.repeatsection .mainquestioncontainer textarea{margin-left: 0 !important;}

.left-menu-container .card .item{font-family: 'helveticaregular' !important;}

/*
.icon_container{
  padding-top: 10px;
  padding-bottom: 10px;
} */
.icon_container i {
    font-size: 55px;
    color: #fff;
    line-height: normal;
}

.popuptitle{
  padding: 20px 0 15px 0;
  display: block;
}
.popup-buttons{
  margin-bottom: 10px !important;
}
.popup-container .popup-buttons .button {
    font-family: 'helveticaregular' !important;
}

.lamborghini .Diablo{z-index: 99999;}
.helpfaq .header{position: absolute; width: 100%; text-align: center;}
.scalelogout .ion-power{color: #10b872; font-size: 24px;}

.assesmenttool .lessoncontentpage .lessonquizmain .list .item{overflow: visible;}
.assesmenttool .lessoncontentpage .radio_carousal_view{width: 100%;}
.bcidashboard .lamborghini .header-partnerlogo img{}
.searchbar.slidesearchbar{position:relative; display: flex !important; right: 72px; top:34px; height:32px;
  background-color: #fff; width: auto !important; min-height: 27px !important;}
.searchbar.slidesearchbar input{font-family: 'helveticaregular' !important; padding-left: 0 !important;}
.filter-tags span{font-family: 'helveticaregular';}
.assesment_area.displayresults{text-align: center; background: #fff; border-bottom: solid 1px #f1f1f1;}
.assesment_area.displayresults span{display: block; color: #000000; font-weight: 700;
  font-size: 18px; font-family: 'helveticaregular' !important; width: 65px; height: 65px;
    border: 3px solid #ccc; border-radius: 100%; margin: auto; line-height: 56px;}
.assesment_area.displayresults h3{margin-top:10px; font-family: 'helveticaregular' !important; font-weight: normal;
 font-size: 16px;}
.ff_welcome{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2) !important;}
.locationdetails, .datedetails, .topicdetails{
  /* width: 48%; 
  margin-right: 2%; 
  float: left;  */
  text-align: center;
}
.locationdetails h3, .datedetails h3, .topicdetails h3{font-size: 14px;font-family: 'helveticaregular' !important; font-weight: 600;
margin-bottom: 5px;}
.profilecompleteness .details{font-size: 14px; font-family: 'helveticaregular';}
/* .profilecompleteness .col-md-5, .profilecompleteness .col-md-4, .profilecompleteness .col-md-3, .profilecompleteness .col-md-6
{padding-left: 8px; padding-right: 8px;} */
.datedetails{width: 48%;}
/* .topicdetails{width: 38%;} */
.border_orange{border-color: #f59541 !important;}

.tdcustomwidth:first-child{min-width:190px !important;}
.ipdashboard .ftmadashboard .facilitators a{margin-left: 0; float: left;}
.searchbar .searchbar-input{font-family: 'helveticaregular';}
.newheader .lamborghini .gallardo {color:#10b872 !important;}























.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}
.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
}

g.c3-chart {
  g.c3-event-rects {
    rect.c3-event-rect {
      pointer-events: none;
    }
  }
}

/*.viewform-content-inner .viewformmode .labeltitle{text-align: right;}*/

.ssdashboard .noshadowdiv, .listsummary{height: 100%; background: #fff; padding-top: 10px;}
.listsummary .item-card {
    background-color: #eeeeee;
    box-shadow: none;
    border: none;
    margin: 0 0 25px 0;
    padding-top: 25px;
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.item-card h3 {
    font-weight: bold !important;
    font-size: 14px;
}
/* .listsummary .row{margin-left: 0; margin-right: 0;} */
.sssales .lamborghini a{padding-left: 0;}
.repeatsection{background: transparent !important;}
.module_quizz .repeatsection .formly-field.formly-field-radio{flex-basis: 100%;}
.repeatsection .formly-field.formly-field-radio .form-group .list label{display: inline-block; width: auto !important; min-width: auto !important;
    background-color: #c1c1c1; color: #000000; padding: 10px 20px 32px 20px;
    cursor: pointer; margin: 0 10px 10px 0; border-radius: 25px;
    padding: 4px 20px 28px 20px; font-weight: 500; font-size: 12px;}
.repeatsection .formly-field.formly-field-radio .item, .repeatsection .formly-field.formly-field-radio .item-content{white-space: nowrap !important;}
.repeatsection .formly-field.formly-field-radio .row{padding: 0; margin-right: 0; margin-left: 0;}
.repeatsection .formly-field.formly-field-radio .list .item{margin: 0;}
.repeatsection .formly-field.formly-field-radio .form-group .list label:hover, .repeatsection .formly-field.formly-field-radio .lessonquizmain .item-radio input:checked~.item-content{background: #10b872 !important; color: #fff !important;}
.repeatsection .formly-field.formly-field-radio .lessonquizmain .item-radio input:checked~.radio-icon{display: none;}
.forms .repeatsectionstyles .repeatsection{border:none; padding: 10px !important;}
.repeatsection .formly-field.formly-field-radio .form-group .list label .item-content{padding: 6px 20px !important;}
.repeatsection .formly-field.formly-field-radio .questioncount{width: auto; margin-right: 10px; display: none;}
.listsummary .item-card img{width: 60px; height: 60px;}
.forms .aacoaching .globalfeedbackbtn button{padding: 8px 20px;font-family: 'helveticaregular';
font-size: 16px; /*text-transform: uppercase;*/}
.repeatsection .formly-field.formly-field-radio .questionquestion{width: 100%;}
.aacoaching .lessonquizmain .list .item .item{margin-bottom: 0; font-weight: normal;}
.repeatsection .formly-field.formly-field-radio .form-group .list label{background: #fff !important;}
.module_quizz .repeatsection input{background: #fff;}
/* .card-body{font-family: 'helveticaregular';} */
.dashboard-items{font-family: 'helveticaregular';}
.forms .repeatsection .mainquestioncontainer .showlabel label{width: 100% !important;}

/* .popup-container .popup .icon_container{padding:20px 0 0 0 !important;} */

/*Repeat Section Styles*/
/* Farmer registration css starts */
.ileap-dc .bar.bar-stable{
  height: 60px !important;
}
.ileap-dc .bar.bar-stable{
  background-color: #ffffff !important;
}
.ileap-dc .header-bar-border{
  background-color: #ffffff !important;
  border-bottom: 5px solid #14a267;
}
.ileap-dc .lamborghini{
  background-color: #ffffff;
  min-height: 50px;
}

.ileap-dc .lamborghini .Diablo{
  top: 0px;
}
.ileap-dc .lamborghini .headertitle h4{
  color: #10b872;
}
.ileap-dc .ui-select-container{
  position: relative;
  right: 0px !important;
}

.dc-farmer-registration-dashboard{
  padding-top:60px;
  height:100vh;
  overflow:auto;
  width: 75%;
  margin: auto;
}

.dc-farmer-registration{
  padding-top:60px;
  height:100vh;
  overflow:auto;
  width: 60%;
  margin:0px auto;
}
.dc-farmer-registration md-tabs md-tabs-wrapper {
    position: relative;
    overflow: hidden;
    display: block;
    height: 48px;
    background: #fff;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.56);
    border:none;
    z-index: 1;
}
.dc-farmer-registration md-tabs.md-dynamic-height md-tabs-content-wrapper{
  margin-top: 0px;
}
.dc-farmer-registration md-content{
  padding: 2rem 2rem 2rem 2rem;
}

.dc-farmer-registration md-tabs.md-default-theme .md-tab.md-active,
.dc-farmer-registration md-tabs .md-tab.md-active,
.dc-farmer-registration md-tabs.md-default-theme .md-tab.md-active md-icon,
.dc-farmer-registration md-tabs .md-tab.md-active md-icon,
.dc-farmer-registration md-tabs.md-default-theme .md-tab.md-focused,
.dc-farmer-registration md-tabs .md-tab.md-focused,
.dc-farmer-registration md-tabs.md-default-theme .md-tab.md-focused md-icon,
.dc-farmer-registration md-tabs .md-tab.md-focused md-icon {
    color: rgb(20, 162, 103);
}


.dc-farmer-registration md-ink-bar {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 0;
    height: 5px;
}

.dc-farmer-registration md-tabs.md-default-theme md-ink-bar, .dc-farmer-registration md-tabs md-ink-bar {
    color: rgb(20, 162, 103);
    background: rgb(20, 162, 103);
}



/* .bar.bar-stable{
    background: #14a267 !important;
    border-color: #14a267 !important;
} */
.ileap-dc-header{
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  padding-right: 10px;
}
.ileap-dc-header .left-buttons{
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.ileap-dc-header .left-buttons button{
  color: #14a267;
  font-size: 30px;
}

.ileap-dc-header .left-buttons span{
  align-self: center;
}
.ileap-dc-header .rightside-buttons{
  position: relative;
}
.ileap-dc-header .rightside-buttons .dropdown,
.ileap-dc-header .rightside-buttons .dropup{
  position: initial;
}

.ileap-dc-header .partner_logo{
  margin-top: 0px;
}
.ileap-dc-header .partner_logo img{
  vertical-align: baseline !important;
}
.ileap-dc-header .page-title{
  font-size: 22px;
  font-weight: 500;
  color: #ffffff;
}
.ileap-dc-header .page-title {
    font-size: 22px;
    font-weight: 600;
    color: #14a267;
}
.ileap-dc-header .header_profile{
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ileap-dc-header .profileinfo small,
.ileap-dc-header .header_profile h4 {
    color: #333333;
}
.ileap-dc-header .header_profile .profilepicture{
  width: 45px;
  height: 45px;
  overflow: hidden;
  padding: 2px;
}
.ileap-dc-header .header_profile .profilepicture img{
  max-width: 100%;
  width: 100% !important;
  height:auto !important;
  vertical-align: baseline !important;
}
.ileap-dc-header .profileinfo{
  display: flex;
  flex-direction: column;
}
.ileap-dc-header .profileinfo small{
  line-height: 22px;
}
.ileap-dc .filtersrow{
  display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
}



.ileap-dc .actions-grid-cell {
    position: absolute;
    background: #14a267;
    width: 180px;
    height: inherit;
    margin-top: -35px;
    right: 0px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.ileap-dc .iconsholder{
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ileap-dc .iconsholder p{
  margin-bottom: 0px;
}
.ileap-dc .iconsholder i{
  width: auto !important;
  line-height: 0px;
  font-size: inherit !important;
}
.ileap-dc .exportpdfexcel{
  float: right;
}
.ileap-dc .exportdiv{
  display: inline-block;
}
.ileap-dc .select2-container{
  margin-top: 0px;
  margin-bottom: 0px !important;
  min-width: 90px;
}
.ileap-dc .collapse.in .select2-container{width: 100% !important;}
.ileap-dc .collapse.in .select2-container .select2-choice > .select2-chosen{margin-right: 20px;}
.newgridui .collapse.in .select2-container .select2-choice{padding:0 5px !important;}
.ileap-dc .exportpdfexcel button{
  background-color: transparent !important;
  border:none;
}
.ileap-dc #custom-search-input .search-query{
  border-radius: 25px;
}
.ileap-dc #custom-search-input input{
  box-shadow: none !important;
      border: 1px solid #d8d7d7
}
.ui-grid-top-panel{
  background: none !important;
  background-color: #ffffff !important;
}
.ileap-dc .ui-grid-header-cell,
.ileap-dc .ui-grid-cell{
  padding:6px;
}

.ileap-dc .ui-grid-header-cell{
  border: none;
}
.ileap-dc .ui-grid-cell{
  border: none;
  font-family: 'gt_walsheimlight' !important;
}
.ileap-dc .ui-grid-header{
  border-bottom: 0px !important;
  font-family: 'helveticaregular' !important;
}
.ileap-dc .ui-grid-render-container{
  border: none !important;
  font-family: 'helveticaregular' !important;
}

.ileap-dc .ui-grid-column-menu-button {
    position: absolute;
    right: 1px;
    top: 12px;
}
.ileap-dc .farmernameid{
  position: relative;
  top: -6px;
  font-size: 12px;
}
.ileap-dc .farmernameid span{
  font-size: 11px;
  color: #14a267;
  font-family: 'helveticaregular' !important;
}
.ileap-dc .ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
    background-color: #ffffff;
}
.nocontentscroll{
  margin: auto;
}
.profilecontainer{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.profilecontainer div:first-child{
  flex: 1 1 auto;
  margin-right: 1rem;
}
.profilecontainer div:nth-child(2){
  flex-basis: 100%;
}
.data-profilefields .fieldsets{
  font-family: 'helveticaregular' !important;
}
.data-profilefields .fieldsets span{
  font-family: 'helveticaregular' !important;
  color: #000000;
}
.profilecontainer img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border:1px solid #cccccc;
  padding: 5px;
}
.row-margin{
    margin-left: auto !important;
    margin-right: auto !important;
}
.ileap-dc .profile-complete-info{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px 15px 0 15px;
  background-color: #ffffff;
}
.profilecomplete{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.viewpicturegeodiv{
  display: none;
}
.grouptitle.groupheadertitle .labeltitle.fomrmaintitle{
  width:100% !important;
border-bottom: 1px solid #14a267;
margin-bottom: 10px;
margin-top: 10px;
}
.grouptitle.groupheadertitle .labeltitle.fomrmaintitle label{
  color: #14a267 !important;
  font-size: 16px;

}

.userprofiletopsection.viewfieldscontainer button{
  background-color: transparent;
  border: none;
  color: #14a267 !important;
}
.userprofiletopsection.viewfieldscontainer{
  position: relative;
}
.userprofiletopsection.viewfieldscontainer .editforms{
  top: 10px;
}
.percompleted{
      position: relative;
}
.percompleted span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ileap-dc .mainquestioncontainer {
    margin-bottom: 0px;
    border-bottom: 0 !important;
    display: block;
}
.ileap-dc .table-responsive{
  margin: 15px;
}
.ileap-dc .viewformdatanew .mainquestioncontainer .subgroupone{
  display: none;
}
.ileap-dc .viewformdatanew .mainquestioncontainer .subgrouptwo,
.ileap-dc .viewformdatanew .mainquestioncontainer .showlabel{
  display: inline-block;
}
.ileap-dc .viewformdatanew .mainquestioncontainer .showlabel{
  min-width: 200px;
  margin-left: 1rem;
}
.ileap-dc .lessonnewquizstyles .showlabel label{
    margin-bottom: 4px;
    font-family: 'helveticaregular' !important;
    width: 100% !important;
    font-size: 14px !important;
    color: #000000 !important;
    margin-bottom: 10px;
}
.ileap-dc .profilecompleteness{
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}


.f_profile{
 position: absolute;
 z-index: 999;
 left: 0;
 right: 0;
 margin: 0 auto;
  top: -17px;
  text-align: center;
  display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center

}
.f_profile .buttontgle{
  background-color: transparent;
  border: none;
  color: #14a267;
  font-size: 30px;
  margin:0 auto;
}
.info_profile{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 320px;
  box-shadow: 0 2px 11px rgba(0, 0, 0, 0.31);
  border-radius: 6px;
  padding: 1rem;
  background-color: #ffffff;
  position: relative;
  top: -15px;
  margin: auto;

}
.pictureimage{
  width: 60px;
  height: 60px;
  margin-right: 1rem;
  flex: 1;
}
.info_profile_content{
  flex: 1;
  text-align: left;
}
.pictureimage img{
   width: 60px;
  height: 60px;
  border-radius: 50%;
}
.f_profile .fieldsetsname{
  font-size: 16px;
  color: #000000;
  font-family: 'helveticaregular' !important;
}
.repeatsectionstyles .repeatsection .formly{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  /*align-items: baseline;*/
  width: 100% !important
}
.module_quizz .repeatsection .formly-field{
  flex: 1;
  flex-basis: 48%;
  margin: 5px;
}
.module_quizz .repeatsection .select2-container,
.module_quizz .repeatsection .ui-select-container {
    border: none;
    right: 0px;
}
.module_quizz .repeatsection input{
   border: dashed 1px #14a267 !important;
   min-height: 30px;
   height: 30px;
   padding-left: 10px;
   padding-right: 10px;
}
.module_quizz .repeatsection .subgrouptwo{
  display: none !important;
}
.module_quizz .repeatsection input{
  margin-bottom: 0px !important;
}
.repeatsection {
    padding: 10px 20px;
    background: #efefef;
    border: solid 1px #ccc;
    position: relative;
}
.repeatsection .showlabel{
  margin-left: 0 !important;
}
.repeatsection .borderstyles .showlabel label{
  padding-right: 0px !important;
}
.repeatsection .addfieldclose{
  position: absolute;
  top: -10px;
  right: -10px;
}
.profile-complete-info .percompleted{
  margin-right: 0px;
}
.profilepic img{
  width: 100px !important;
  height: 100px !important;
  border-radius: 50%;
}
.md-tab{
   font-family: 'helveticaregular' !important;
}
.month-wise-demand .table{
  margin-bottom: 0px;
}
.month-wise-demand .table th{
font-family: 'helveticaregular' !important;
}
.month-wise-demand .table td{
font-family: 'helveticaregular' !important;
}
.month-wise-demand .table th,
.month-wise-demand .table td{
  border: 1px solid #ddd;
}
.month-wise-demand .table th:last-child,
.month-wise-demand .table td:last-child{
  border-right:none !important;
}


.month-wise-demand .rptsecheader{
  font-family: 'helveticaregular' !important;
  font-size: 18px;
  margin-bottom: 1rem;
  margin-left: 15px;
  margin-right: 15px;
}
.ileap-dc .newuigridpanel {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.ileap-dc .ui-grid-pager-panel{
  margin: 0px !important;
}
.ileap-dc .ui-grid-pager-row-count-picker {
    border: none;
    padding: 0 5px 0 10px;
}
.ileap-dc .griduicontainer{
  width: 100% !important;
}
.ileap-dc .adsearch{
 font-family: 'helveticaregular' !important;
}
.ileap-dc .mainfiltersparent{
  z-index: 9;
}
.ileap-dc .advancesearch{
  font-size: 14px;
}
.ileap-dc .filtersscroll{
  /* overflow: hidden;
  overflow: auto; */
  padding-bottom: 20px;
  min-height: 300px;
}
.ileap-dc .filtersscroll .subgroupthree{
  display: none;
}
.ileap-dc .filtershead{
  padding: 10px;
}
.ileap-dc .popupfields.popupfieldsnewui{
  padding:15px;
}
.ileap-dc .popupfields.popupfieldsnewui input{
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.ileap-dc .filtersscroll .clearall{
  color: #ff0000;
  font-family: 'helveticaregular' !important;
}
.ileap-dc .popupfields.popupfieldsnewui input{
  border: 1px solid #cccccc;
}

/* Farmer registration css ends */



/* Farmer registration css Media queries start */
  @media (max-width:1500px){
    .repeatsectionstyles .repeatsection .formly{
      justify-content: flex-start;
    }
      .module_quizz .repeatsection .formly-field {
        flex: initial;
        flex-basis: 30%;
    }
  }
  @media (max-width: 1366px){
    .repeatsectionstyles .repeatsection .formly{
      justify-content: flex-start;
    }
      .module_quizz .repeatsection .formly-field {
        flex: initial;
        flex-basis: 30%;
    }
    .ui-grid-pager-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
  .ileap-dc .ui-grid-pager-first, .ileap-dc .ui-grid-pager-last{
    display: none;
  }
  }
  @media (max-width:1024px){

    .repeatsectionstyles .repeatsection .formly{
      justify-content: flex-start;
    }
      .module_quizz .repeatsection .formly-field {
        flex: initial;
        flex-basis: 30%;
    }
    .dc-farmer-registration{
      width: 100%;
    }
    .dc-farmer-registration-dashboard{
      width: 100%;
    }
    .ileap-dc .alphabetpagi{
      width: 100%;
    }
    .ileap-dc .alphabetpagi .btn-group{
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 100%;
    }
    .ileap-dc #custom-search-input{
      margin-left: 0px;
    }
    .ui-grid-pager-container {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .ileap-dc .ui-grid-pager-first, .ileap-dc .ui-grid-pager-last{
      display: none;
    }
  }
  @media (max-width:960px){
    .ileap-dc-header .page-title {
      display: block;
  }
  .dc-farmer-registration{
    width: 100%;
  }
  .dc-farmer-registration{
    padding-top: 65px;
  }
  .module_quizz .repeatsection .formly-field {
      flex-basis: 31%;
      flex-grow: 0;
      /*flex-shrink: 0;*/
  }
  }
  @media (max-width:768px){
    .ileap-dc-header .page-title {
      display: none;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }
  .dc-farmer-registration{
    width: 100%;
  }
  .dc-farmer-registration{
    padding-top: 60px;
  }
  .module_quizz .repeatsection .formly-field {
      flex-basis: 46%;
      flex-grow: 0;
      /*flex-shrink: 0;*/
  }
  }
  @media (max-width:480px){
    .ileap-dc-header .page-title {
      display: none;
  }
  .dc-farmer-registration{
    width: 100%;
  }
  .dc-farmer-registration{
    padding-top: 65px;
  }
  .module_quizz .repeatsection .formly-field {
      flex-basis: 100%;
      flex: auto;
  }
  .ileap-dc #custom-search-input {
      width: auto;
  }

  .ileap-dc .alphabetpagi .btn-group{
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap;
      width: 100%;
    }
  .ui-grid-pager-container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
    }
  .ileap-dc .ui-grid-pager-first, .ileap-dc .ui-grid-pager-last{
    display: none;
  }
  .ileap-dc .ui-grid-pager-count-container{
    text-align: right;
    /*flex-basis: 100%;*/
  }
  }
/*Farmer registration css Media queries end */

.module_quizz .repeatsection .formly-field.formly-field-textarea{flex-basis: 100% !important;}

.intellisearch {
   display: block;
   clear: both;
   position: absolute;
   background: #fff;
   padding-left: 1rem;
   padding-right: 1rem;
   z-index: 99;
   box-shadow: 0 2px 4px rgba(0,0,0,0.2);
   max-height: 250px;
   overflow-y: auto;
   /*left: 15px;*/
   min-width: 160px;
   border-radius: 4px;
}
.intellisearch .searchinner {
   display: block;
   padding-top: 10px;
   padding-bottom:10px;
   border-bottom: 1px solid #eee;
   color: #333;
   font-size: 14px;
   font-weight: 500;
}
.intellisearch::-webkit-scrollbar {
  width: 0px;
}

.md-pane-open .md-datepicker-input-mask-opaque{left: 22px !important; width: 110px !important;}



.assesment_area .assesmentbox{border: 1px solid #f1f1f1 !important; box-shadow: 3px 6px 10px -2px rgba(132, 132, 132, 0.2);
 padding: 10px 0;}
.assesment_area.displayresults .assesmentbox span{width: 100%; line-height: 26px; font-size: 16px;
 font-family: helveticaregular !important; font-weight: normal !important; border:none !important;}
.assesment_area.displayresults .splitcells{float: left; width: 50%; padding: 0px 0;}
.assesment_area.displayresults .splitcells span{border:none !important; margin-bottom: 0; font-weight: 700 !important; font-size: 16px !important;
 height: auto;}
.assesment_area.displayresults h3{font-family: 'helveticaregular' !important; font-size: 16px; border-bottom: solid 1px #f1f1f1;
    padding-bottom: 10px; margin-top: 0;}
.assesment_area.displayresults .splitcells:first-child{border-right:solid 1px #f1f1f1 !important;}
.ftmadashboard .assesment_area.displayresults .col-md-4.col-xs-4{padding-right: 8px; padding-left: 8px;}
.notes-count.coachingcontent{background: #3F51B5 !important;}
.dncalendar-header.calprevnext h2{margin-left: 0;}
.dncalendar-header.calprevnext .header-title{padding-left: 15px;}
.dncalendar-header.calprevnext .header-month{width: auto; text-align: center; position: relative; left: 20px; top: 3px;}
/*.campaigncontainer .profilefields{background: rgba(0, 0, 0, 0.3);}*/

.assesment_area.displayresults .fullwidth .splitcells{width: 100%; border:none !important; float: none;}
.viewfieldscontainer .farmerprofiledata label{margin-bottom: 0;}
.viewfieldscontainer .detaildescription .labelans{line-height: 25px;}
.campaignbanner{margin-top: 0 !important; height: 80px !important;}
.campaignbanner img{width: 100px !important; height: 80px !important;}
.popup-container.maximize-image .popup{border:solid 1px #fff;}

.mdtadscroll .table-responsive{overflow-x: inherit; box-shadow: none;}
.ipdashboardcontainer.ftmadashboard .md-tab{padding: 12px 18px;}

.customonlycheck{text-align: right !important; margin-top: -70px; margin-left: 20px; position: relative; margin-bottom: 70px; display: flex;}
.customonlycheck .subgroupthree{display: none;}
.customonlycheck input{width: 20px !important; height: 20px; z-index: 99999; position: absolute;
    right: 0; cursor: pointer; opacity: 0;}
.check_mark{position: absolute; top: 5px; right: 0; height: 20px; width: 20px;
    background-color: #fff; border: solid 2px #10b872; border-radius: 4px;}
.customonlycheck input:checked ~ .checkmark{background-color: #10b872;}
.customonlycheck .checkmark{border-radius: 4px !important; width: 20px; height: 20px;
    background: #10b872; border: solid 2px #10b872;}
.checkmark{position: absolute; top: 5px; right: 0;}
.checkmark span::after{content: ""; left: 6px; top: 1px; margin-left: 5px; width: 5px;
    margin-top: 1px; height: 12px; border: solid white; border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
    display: block;}


.customonlycheck.left{text-align: left !important;}
.customonlycheck.left input, .customonlycheck.left .check_mark, .customonlycheck.left .checkmark{left: 0; right: auto;}
.customonlycheck.left .showlabel{float: left; margin:5px 0 0 30px;}
.customonlycheck.right .showlabel{float: right; margin:5px 30px 0 0px;}
.customonlycheck.left input{position: absolute;}


.sub_group_container textarea{margin-left: 0 !important; resize: none;}
.listname .icon.ion-checkmark{font-size: 14px !important;}

.forms .width50 textarea{width: 50% !important;}
.width50 .customonlycheck{width: 54% !important;}
.forms .width70 textarea{width: 70% !important;}
.width70 .customonlycheck{width: 74% !important;}
.forms .width80 textarea{width: 80% !important;}
.width80 .customonlycheck{width: 84% !important;}
.forms .width90 textarea{width: 90% !important;}
.width90 .customonlycheck{width: 94% !important;}

.event-card-width .dncal .col-sm-9{width: 80%;}
.event-card-width .dncal .col-sm-3{width: 30%;}

.viewbaseline{font-family: 'gt_walsheimlight' !important; font-size: 14px; color: #14a267; margin: auto;
border-bottom: solid 1px; padding-bottom:2px; cursor: pointer;font-weight: 600;}
.globalfeedback .viewbaseline{width: 200px; border: none; float: left; font-family: 'helveticaregular' !important; margin:10px 0 30px 0; font-size: 16px;}
.globalfeedback .viewbaseline img{vertical-align: bottom;}

.accordiontable{width:80%; margin: auto; margin-top: 10px; margin-bottom: 10px;}
.accordiontable .paginationselect{margin-bottom: 0 !important;}
.accordiontable table{border-left:solid 1px #ccc;border-right:solid 1px #ccc; box-shadow: 0px 2px 8px 3px #bbbbbb;
  border-radius: 5px; overflow: hidden;}
 .accordiontable table thead tr{background: #fff !important;}

/*#aa_baseline .table-striped tbody:nth-child(even) td{background: #fff !important;}*/

.formly-field-checkbox .customonlycheck .showlabel label{position: absolute; right: -5px; margin: 0px; margin-top: -20px;
font-family: 'helveticaregular'; font-size: 14px;}

.accordiontable th{white-space: nowrap;}
.table-custom .accordiontable td, .table-custom .accordiontable th{padding: 8px !important;}
.baselinetble tr td, .baselinetble tr th{padding:8px !important;}
.baselinetble tbody{border:solid 1px #ddd !important;}
.accordiontable .mainhead{text-align: center; font-size: 16px; font-weight: 600; margin-bottom: 15px; font-family: 'helveticaregular' !important;}

.opt50 .attachment{float: none !important; text-align: center;}
.opt50 .picquiz.withimages .lessonlabel .attachment img{width: auto !important; height: auto !important;
 float: none !important; margin-top: 15px; max-width: 45px !important; max-height: 45px !important;}
.opt50 .picquiz.withimages .lessonlabel .optiontitle{text-align: center; min-height: 70px;}
.opt50 .lessonquizmain .item-radio input:checked~.item-content{background: transparent !important;}
.opt50 .lessonquizmain.withimages .item-radio i.radio-icon{bottom: auto !important; top: 0 !important; border-radius: 0 0 0 5px !important;
 right: 0; width: 25px; height: 25px !important; font-size: 15px; padding-top: 2px;}
.opt50 .lessonquizmain .list .item .item{width: auto !important; min-width: 150px !important; max-width: 150px;
 border-radius: 0; border:none;}
.opt50 .mainquestioncontainer .lessonquizmain.withimages{margin-right: 0 !important;}
.opt50 .spin-add{-webkit-animation:  blink 0s linear; -moz-animation: blink  0s linear;
     animation: blink 0s linear;}
.product_details .repeatsection .formly-field.farmer_name input{width:150px;}
.emptydiv{width: 27px; height: 25px; padding-left: 10px;}


/*.inputbutton{display: flex;}*/
.dynamicprofilepage .inputbutton button{border:none; background: #0cc579 !important; color: #fff; border-radius: 0px 5px 5px 0;
 text-align: center; line-height: 10px; font-size: 14px; padding: 0 10px;}
.module_quizz .repeatsection .inputbutton input{width: 150px !important;}
.genderopts .picquiz.withimages .lessonlabel .attachment img{width: 100px !important; height: auto !important;}
.genderopts .row.onlycheckbox.optiondivs .list .item{min-width: 120px !important; margin-right: 0 !important;}
.globalfeedbackbtn button{padding: 5px 10px; font-size: 16px; font-family: 'helveticaregular';}
.inputbtnintell{/*margin-top: 36px;*/ font-family: 'helveticaregular' !important;}
.newgridui .viewspage .modulebtnewui{top: 20px;}
/* .views-pos.viewspage{padding-top:65px;} */
.views-pos.viewspage .container-fluid{display: flex; width: auto !important; justify-content: flex-end;}
.views-pos.viewspage .container-fluid #custom-search-input{width: auto !important; margin-right: 15px; margin-left: 0;}
.views-pos.viewspage .container-fluid #custom-search-input input{border: 1px solid #d8d7d7; border-radius: 25px; padding: 0 5px 0 10px;
 font-family: 'helveticaregular' !important; width: 100%;}
.views-pos.viewspage .container-fluid #custom-search-input button{padding-top: 5px;}
.views-pos.viewspage .container-fluid .all{font-family: 'helveticaregular' !important;}
.grid-ui-control.viewspage{display: block; margin-top: 0; padding: 10px;}
.views-pos.viewspage .filtersrow{margin-bottom: 0 !important;}


.namefield input{width:220px !important;}
.mobilefield input{width: 140px !important;}
.agefield input{width: 40px !important; min-width: 40px !important; max-width: 40px !important;}
.repeatsection .formly-field.genderfield.formly-field-radio .row{flex-wrap: nowrap;}
.product-details-container .repeatsection{/*overflow-x: auto;*/ padding: 10px !important;}
.product-details-container .repeatsection::-webkit-scrollbar, .farmerattended .product-details-container::-webkit-scrollbar{display: block !important;}
.lessonnewquizstyles .product-details-container .repeatsection .showlabel label{width: 100% !important; margin-bottom: 10px;}
.agefield input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-inner-spin-button,
.agefield input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}
.product-details-container .repeatsection .formly-field:nth-last-child(2){padding-right: 15px !important;}
.product-details-container .repeatsection .genderfield .lessonlabel .optiontitle{display: none;}
.repeatsection .formly-field.genderfield.formly-field-radio .lessonquizmain .item-radio input:checked~.item-content,
.repeatsection .formly-field.genderfield.formly-field-radio .form-group .list label:hover{background: #7ad499 !important;}
.repeatsection .formly-field.genderfield.formly-field-radio .form-group .list label .item-content{padding: 0px !important;}
.repeatsection .formly-field.genderfield.formly-field-radio .form-group .list label{border-radius: 0; margin: 0;}
.genderfield .picquiz.withimages .lessonlabel .attachment img{height: auto !important; width:33px !important;}
.module_quizz .repeatsection .formly-field.genderfield.formly-field-radio{flex-basis: 0 !important;}
.repeatsection .formly-field.genderfield.formly-field-radio .row {padding: 0;}
.repeatsection .formly-field.genderfield.formly-field-radio .lblforaudio{/*text-align: center;*/}
.farmerattended fieldset .product-details-container{overflow-x: auto;}
.farmerattended .emptydiv{width: 0; height: 0;}
.farmerattended .form-group{margin-bottom: 0;}
.opt50 .lessonquizmain .list .item .item{margin:0;}
.opt50 .lessonquizmain .list .item{margin-bottom: 0;}


.ui-grid-render-container-body .ui-grid-viewport::-webkit-scrollbar{overflow-y:hidden !important; display:block !important; height:5px;}
.ui-grid-viewport{overflow-y: hidden !important;}

.newgridui .gridview.viewparent .ui-grid{width: 100% !important;}
.gridview{width: 100% !important;}
.ileap-dc .newuigridpanel{bottom: -3px;}
.ileap-dc .ui-grid-column-menu-button, .ui-grid-invisible{display: none;}

.lookupstyles.customlookup span.right-label{font-family: 'helveticaregular' !important; font-size: 14px; color: #666;}
.inputlookup{position: relative; width: 250px; border-right: none; height: 30px;}
.inputlookup input{border-bottom: none !important; padding-left: 5px; height: 30px;}
.inputlookup .customlookupbtn{position: absolute; top: 0; border: none; padding: 8px 13px;
    color: #fff; font-size: 18px; height: 30px; right: 0;}

.repeatsectionlegend .md-datepicker-input-container input{font-size: 14px;}
.repeatsectionlegend .select2-container .select2-choice{font-size: 14px; min-width: 140px; background: transparent;
 border:none;}
.repeatsectionlegend .multiselectoptions{font-size: 12px;}
.product_details .repeatsection .formly-field.farmer_name input{font-size: 14px;}
.multiplebtn{display: flex; flex-direction: row; align-items: flex-end; text-align: right; float: right; margin-top: 15px;}
.aacoaching .lessonquizmain .list .activated_correct .item.item-checkbox{background-color: #10b872 !important; color: #fff !important;}
.opt50 .picquiz.withimages .lessonlabel .optiontitle{color: #000;}
.picquiz.picturechoicediv.withimages .item-radio .radio-icon{display: none !important;}
.genderfield .picquiz.picturechoicediv.withimages .item-radio .radio-icon{display: none !important;}
.customdatepicker .md-button.md-icon-button{height: 31px; min-height: 31px; padding: 4px; width: 32px;}
.multiplebtn .SaveNewButton button{font-size: 12px; font-family: 'helveticaregular' !important;}
.multiplebtn .AddNewButton button{margin-left: 10px;}
.multiplebtn .AddNewButton{margin-top: 0;}
.customdatepicker .md-button.md-icon-button md-icon{min-height: 20px; min-width: 20px; height: 20px; width: 20px;}
.viewformdisrow .mainquestioncontainer{float: left; border:dashed 1px #0d965d; border-radius: 4px; padding: 5px;
 margin: 0 5px 5px 0; clear: none;}
.viewformdisrow .viewformmode .labeltitle{
  /* width: auto;  */
  margin-right: 0;
  font-size: 14px;
}
.viewformdisrow .viewformmode .detaildescription{width: auto; font-size: 14px;}
.viewform-content-inner .viewformdisrow .farmerprofiledata{border:none; padding: 0;}
.viewformdisrow .devidercol{margin-right:20px;}
.viewformdisrow label{margin-bottom: 0;}
.viewformdisrow .mainquestioncontainer.viewformdatarepeat{border:none; width: 100%; margin: 0;}
.viewformdisrow .grouptitle.groupheadertitle .labeltitle.fomrmaintitle{border:none; margin-bottom: 0;}
.viewformdisrow .rptsecheader, .staticgeofencing label{color: #5e5e5e !important; font-family: 'helveticaregular' !important; font-weight: 700; margin-bottom: 10px;
 font-size: 18px;}
.viewformdisrow .table-header-cell{padding:8px 5px; border-top: none; font-family: 'gt_walsheimlight' !important; font-size: 14px;}
.viewformdisrow .table-body-cell{padding:8px 5px; vertical-align: middle;  border-bottom: none; font-size: 14px;}
.viewformdisrow .resp-table-row .table-body-cell span{font-size: 14px;}
.viewformdisrow #resp-table{border-left: none; border-right: none;}
.viewformdisrow .mainquestioncontainer.customviewform{display: block; clear: both; border:none; margin-top: 20px; padding: 0;}
.viewformdisrow .mainquestioncontainer.customviewform .devidercol{display: none;}
.viewformdisrow .viewformmode .mainquestioncontainer.customviewform .labeltitle{display: block; width: 100%; margin-bottom: 10px;}
.viewform-content-inner .viewformdisrow .mainquestioncontainer.customviewform .farmerprofiledata{display: block;}
.viewform-content-inner .viewformdisrow .mainquestioncontainer.customviewform .farmerprofiledata .labelans{background: #ddf5eb; padding: 5px 10px;
 border:dashed 1px #0d965d; color: #0d965d; border-radius: 4px;}
.viewformdisrow .mainquestioncontainer.defaultformview{border:none; width: 100%; margin: 0;}
.viewformdisrow .mainquestioncontainer.defaultformview .labeltitle{width: 200px !important;}
.viewformdisrow .mainquestioncontainer.defaultformview .report-description img{width: 60px; height: 60px; border-radius: 100%;
 border:solid 3px #eee;}
.viewformdisrow .mainquestioncontainer.defaultformview .report-pic{margin-top: 0; margin-bottom: 0; }
.viewform-content-inner .mainquestioncontainer.defaultformview .farmerprofiledata{border-bottom: solid 1px #ccc; padding-bottom: 5px;}
.viewformdisrow .mainquestioncontainer.viewformdatarepeat .rptsecheader{margin-top: 10px;}
.defaultformview .labeltitle.fomrmaintitle{margin-bottom:10px !important;}
.defaultformview .labeltitle.fomrmaintitle .showlabel{width: 100%; margin-top: 10px;}
.viewformdisrow .grouptitle.groupheadertitle .labeltitle.fomrmaintitle label{width: 100%; border-bottom: solid 1px #ccc; padding-bottom: 5px;}
.viewformeditdel{float: right; margin:10px; margin-bottom:20px; position: absolute; right: 0;}
.viewformeditdel.mt-0 {
  margin-top: -51px !important;
  margin-bottom: 30px !important;
}
.viewform-content-inner .mainquestioncontainer.defaultformview.firstchild .labeltitle{vertical-align: middle; display: table; height: 60px;}
.viewform-content-inner .mainquestioncontainer.defaultformview.firstchild .labeltitle .showlabel{vertical-align: middle; display: table-cell;}
.viewform-content-inner .mainquestioncontainer.defaultformview.firstchild .detaildescription{vertical-align: middle; height: 60px; display: table;}
.viewform-content-inner .mainquestioncontainer.defaultformview.firstchild .devidercol{vertical-align: middle; display: table-cell;}
.viewformdisrow .mainquestioncontainer.defaultformview .report-pic{margin-left: 5px;}
.viewformdisrow .labeltitle{font-family: 'gt_walsheimlight' !important; color: #333 !important;}
.viewformdisrow .grouptitle.groupheadertitle .labeltitle.fomrmaintitle label{font-family: 'gt_walsheimlight' !important;}
.campaign-main.viewformcamp{float: left;}
/* .profile .contents.viewformpane{margin-top: 55px !important;} */
/*.viewformeditdel button.editbtn{background: rgba(221, 245, 235, 0.6); border:none; padding: 3px 10px; color: #0d965d; font-size: 18px; border-radius: 5px;}*/
.viewformeditdel button.editbtn{background: #3359F7; border:none; padding: 3px 10px; color: #FFF; font-size: 18px; border-radius: 5px;}
.viewformeditdel button.deletebtn{background: rgba(255, 207, 199, 0.4); border:none; padding: 3px 10px; color: #af0a0a; font-size: 18px; border-radius: 5px;
 margin-left: 5px;}
.aacoaching .formly-field.formly-field-questionGroup{margin-bottom: 15px !important;}
.formly-field .mainquestioncontainer, .formly-field.formly-field-picturegeo{margin-bottom: 30px !important;}
.accordion .formly-field .mainquestioncontainer{margin-bottom: 0 !important;}
.formly-field.formly-field-lookup{margin-bottom: 30px !important;}
.lessonquizmain .list .item .multiselectcheckbox{margin-bottom: 5px !important; float: left;}
.lessonquizmain .list .item .multiselectcheckbox .item{margin-right: 0 !important;}
.nofieldset legend{margin-bottom: 10px; font-family: 'helveticaregular' !important; color: #10b872; font-size: 16px;}
.picquiz.lessonquizmain .item .item{margin-right: 0 !important;}
.formly-field input{border: dashed 1px #10b872 !important; font-size: 14px; padding: 5px; height: 35px;}
.dynamicprofilepage.lessonnewquizstyles{display: flex; flex-wrap: wrap; justify-content: flex-start;
    align-items: baseline;}
.aacoaching .formly-field-select, .aacoaching .form-group, .aacoaching .formly-field{float: none !important;}
.formly-field.agefield{width:40px;}
.formly-field .alert-danger{position: absolute; z-index: 9999; font-family: 'helveticaregular';}
.simform-inner .globalfeedbackbtn button{border:none; padding: 5px 20px !important; font-size: 14px !important;}
.simform-inner .globalfeedbackbtn{margin-top: 0;}
.btn.btn-primary:hover, .panel-body button:hover{background: #52dca0;}
.btn.btn-primary{transition: 0.5s;}
.panel-body button{min-height: auto; line-height: 18px; font-size: 14px; /*text-transform: uppercase;*/ padding: 5px 10px;
 font-family: 'helveticaregular'; border:none; transition: 0.5s;}
.panel-body button.clear{background: transparent !important; color: #ff0000;}
.panel-body button.clear:hover{color: #ff0000;}
.dynamicprofilepage .AddNewButton.addrowbtn button{background: #f6f6f7 !important; font-size: 14px; font-family: 'helveticaregular' !important;
    color: #04a261; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.38); border-radius: 6px;}
.courselangdiv .langdiv{float: right; margin-top: 5px; line-height: 18px !important; z-index: 99; max-width: 90px; min-width: 90px;
 right:20px !important;}
.courselangdiv .ontabactive.langdiv{margin-top:57px;}
.courselangdiv .ontabactive.langdiv.ui-select-bootstrap .ui-select-toggle>.caret{color: #fff; margin-top: 0px;}
.courselangdiv .langdiv .open>.dropdown-menu, .courselangdiv .langdiv .dropdown-menu{width: 120px; min-width: 120px;}
.courselangdiv .langdiv .btn-default{display: flex;}
.courselangdiv .langdiv.ui-select-bootstrap .ui-select-match-text{width: auto;}
.courselangdiv .langdiv.ui-select-bootstrap .ui-select-toggle>.caret{position: relative; float: left;}
.formly-field-single_checkbox .lessonlabel{position: relative;}
.formly-field-single_checkbox .lessonlabel input{width: 20px; height: 20px;}
.formly-field-single_checkbox .lessonlabel .checkmark{border: solid 2px #10b872; border-radius: 5px; height: 20px;}
.formly-field-single_checkbox .checkmark span::after{border-color: #10b872;}
.formly-field-single_checkbox .lessonlabel input{opacity: 0; cursor: pointer; min-height: auto !important; position: relative;
 z-index: 99999;}
.formly-field-single_checkbox .check_mark, .formly-field-single_checkbox .checkmark{left: 0; margin: 0;}
/*.formly-field-single_checkbox{width: 60px;}*/
/*.addoptionbtn{background: #f6f6f7 !important; color: #04a261;}*/
.aacoaching .formly-field.training_remarks_title.formly-field-questionGroup{margin-bottom: 0 !important;}
.ui-grid-contents-wrapper .ui-grid-cell-contents{padding: 0;}
.newgridui .ui-grid-cell, .ui-grid-header-cell{height: auto !important; min-height:33px; border-left: solid 1px #eee !important;}
.ui-grid-contents-wrapper .ui-grid-row{height: auto !important;}
.newuigridpanel .ui-grid-pager-row-count-picker select{padding: 5px !important; background: #fff !important;}
.newgridui .userformgrid .ui-grid-pager-panel input{background: #fff;}
.ui-grid-pager-container{font-family: 'helveticaregular';}
.registrationpopup.eventpopup .item-content .attachment{float: none !important;}
.registrationpopup.eventpopup .picquiz.withimages .lessonlabel .optiontitle{display: none;}
.registrationpopup.eventpopup .lessonquizmain .item-radio input:checked~.item-content{background: #7ad499 !important;}
.registrationpopup.eventpopup .picquiz.withimages .lessonlabel .attachment img{width: 100% !important;}
.registrationpopup.eventpopup .genderopts .row.onlycheckbox.optiondivs .list .item{min-width: 55px !important; max-width: 55px;}
.addfarmerreg .popuptitlename{font-size: 16px; margin-bottom:15px; text-align: center;
 color: #10b872;}
.pmsdataform.addfarmerreg .registrationpopup{width: 30% !important; min-width: 30% !important; height: 62%;}
.pmsdataform.addfarmerreg .registrationpopup .scroll{width: 100% !important; padding: 20px;}
.addfarmerreg .registrationpopup.eventpopup .customregistration{margin-top: 0;}
.pmsdataform.addfarmerreg .closebtn{width: 30% !important;}
.pmsdataform.addfarmerreg .lessonnewquizstyles .showlabel label{margin-bottom: 10px !important;}
.pmsdataform.addfarmerreg .modal-popup-close-btn{position: absolute; right: 5px; top: 5px; padding:5px; margin: 0;
 background: #ff0000; width:25px; height:25px; color: #fff; border-radius: 100%; line-height: 0;}
.pmsdataform.addfarmerreg .globalfeedbackbtn button{border: none; padding: 5px 20px !important;
    font-size: 14px !important; background: #13c276; /*text-transform: uppercase;*/}
.pmsdataform.addfarmerreg .globalfeedbackbtn button:hover{background: #52dca0;}
.pmsdataform.addfarmerreg .globalfeedbackbtn{margin-top: 0; margin-bottom: 0px !important;}

/*.intellisearch {position: fixed !important;}
.product_details .repeatsectionlegend, .repeatsection, .product_details fieldset .product-details-container{position: static !important;}
*/
.picquiz.picturechoicediv.withimages .item-radio .radio-icon{display: block !important;}
.picquiz.lessonquizmain .item-radio .radio-icon{display: none !important;}
.genderopts .picquiz.picturechoicediv.withimages .item-radio .radio-icon{display: none !important;}
.checkboxoptiondivs .multiselectcheckbox .listname .icon.ion-checkmark{display: none !important;}
.aacoaching .formly-field.formly-field-questionGroup .grouplabeltitle label{font-family: 'gt_walsheimlight' !important; color: #10b872 !important;
 font-size: 16px !important; margin-bottom: 0 !important; font-weight: 700;}
.formly-field.formly-field-questionGroup{ flex-basis: 100% !important;}
.checkboxoptiondivs .lessonquizmain .list, .picquiz.lessonquizmain .onlyradio .list{padding-top: 0; padding-bottom: 0;}
/*.lamborghini .button.Diablo{display: flex; flex:1;}*/
.picquiz.lessonquizmain .questionquestion{width: 100% !important;}
.picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding: 5px 10px !important;}
.picquiz.lessonquizmain .questioncount{display: none;}
.formly-field.formly-field-textarea{flex-basis: 100% !important;}
.formly-field.formly-field-textarea textarea{margin-left: 0 !important; min-height:100px !important; max-height: 100px !important;
 font-size: 14px !important; font-family: 'helveticaregular' !important; border:dashed 1px #10b872 !important; padding: 10px !important;}
.genderopts .picquiz.withimages .lessonlabel label{border:dashed 1px #10b872; background: #fff !important;}
.genderopts .picquiz.withimages .lessonlabel label .item-content{padding: 5px !important;}
.grid-ui-control.viewspage{flex-wrap: wrap;}
/*.formly-field .form-group .mainquestioncontainer input{min-width: 140px; max-width: 140px; text-overflow: ellipsis; border:dashed 1px #10b872 !important;}*/
.formly-field .form-group .mainquestioncontainer input {
  width: 100%;
  height: auto !important;
  padding: 10px;
  /* border: 1px solid #D8DDE1 !important; */
  border: 1px solid #aaa !important;
  border-radius: 4px;
}
.formly-field .form-group .mainquestioncontainer.singlecheckbox input{min-width: 20px;}
.formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input{min-width: 111px !important;}
.formly-field .form-group .mainquestioncontainer .labelvalue{min-width: 140px; font-family: 'helveticaregular';    white-space: nowrap;
    width: 140px; overflow: hidden; text-overflow: ellipsis;}
.w65{width: 65px; min-width: 65px !important; max-width: 65px !important;}
.formly-field.w65 .form-group .mainquestioncontainer input{width: 100%; min-width: 65px !important; max-width: 65px !important;}
.w80{width: 80px; min-width: 80px !important; max-width: 80px !important;}
.formly-field.w80 .form-group .mainquestioncontainer input{width: 100%; min-width: 80px !important; max-width: 80px !important;}
.w40{width: 40px; min-width: 40px !important; max-width: 40px !important;}
.w60{width: 60px; min-width: 60px !important; max-width: 60px !important;}
.w200{width: 200px; min-width: 200px !important; max-width: 200px !important;}
.w250{width: 250px; min-width: 250px !important; max-width: 250px !important;}
.w350{width: 350px; min-width: 350px !important; max-width: 350px !important;}
.w220{width: 220px; min-width: 220px !important; max-width: 220px !important;}
.w140{width: 140px; min-width: 140px !important; max-width: 140px !important;}
.w115{width: 115px; min-width: 115px !important; max-width: 115px !important;}
.learnergriddata .module.text-center{text-align: center !important;}
.formly-field.fluidinput .form-group .mainquestioncontainer input{width:100% !important; max-width: inherit;}
.fluidinput{width: auto; min-width: auto; max-width: auto !important; flex:1 !important;}

.formly-field.w200 .form-group .mainquestioncontainer input{width: 100%; min-width: 200px; max-width: 200px;}
.formly-field.w220 .form-group .mainquestioncontainer input{width: 100%; min-width: 220px; max-width: 220px;}
.formly-field.w250 .form-group .mainquestioncontainer input{width: 100%; min-width: 250px; max-width: 250px;}
.w100{width: 105px; min-width: 105px !important; max-width: 105px !important;}
.w150{width: 150px !important; min-width: 150px !important; max-width: 150px !important;}
.w160{width: 160px !important; min-width: 160px !important; max-width: 160px !important;}
.w120{width: 120px !important; min-width: 120px !important; max-width: 120px !important;}
.formly-field.w150 .form-group .mainquestioncontainer input{width: 100%; min-width: 150px !important; max-width: 150px !important;}
.formly-field.w100 .form-group .mainquestioncontainer input{width: 100%; min-width: 105px !important; max-width: 105px !important;}
.formly-field.w160 .form-group .mainquestioncontainer input{width: 100%; min-width: 160px !important; max-width: 160px !important;}
.product-details-container .repeatsection .emptydiv{padding-left: 0px !important; width: 25px !important;
    height: 25px !important; margin-left: 10px;}
::-webkit-input-placeholder{font-size: 13px !important; font-family: 'helveticaregular' !important; color: #999 !important;
 color: #d4d4d4 !important;}
.product_details fieldset .product-details-container.addscroll{padding-bottom: 10px; overflow-y: auto !important;}
.customviewform .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding: 0 !important;}
.formly-field .select2-default{color: #d4d4d4 !important;}
.ui-grid-pager-row-count-picker select{width: auto !important;}
.newgridui .userformgrid .ui-grid-pager-panel input{padding: 0 5px 0 3px !important; width: auto !important;
 border:dashed 1px #b3b3b3 !important; color: #666 !important; font-size: 12px !important; font-weight: normal !important;}
.newgridui .userformgrid .ui-grid-pager-panel input[type=number]::-webkit-inner-spin-button,
.newgridui .userformgrid .ui-grid-pager-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;}
.ui-grid-pager-control .ui-grid-pager-max-pages-number{margin-right: 10px; margin-top: 3px;}
.newgridui .newuigridpanel .ui-grid-pager-row-count-picker select{ border:dashed 1px #b3b3b3 !important;}
.textcenter{text-align: center !important;}
.ui-grid-viewport{overflow:auto !important;}
.ui-grid-pager-panel.newuigridpanel{border:none !important;}
.ileap-dc .newuigridpanel{bottom: 0 !important;}
.w80 .labelvalue{width: 100% !important; min-width: 100% !important;}
.w65 .labelvalue{width: 100% !important; min-width: 100% !important;}
.w100 .labelvalue{width: 100% !important; min-width: 100% !important;}
.w160 .labelvalue{width: 100% !important; min-width: 100% !important;}

.grid-ui-control.viewspage .filtersscroll{overflow: inherit;}
.mainquestioncontainer .input-label{padding: 0 !important; font-size: 14px; font-family: 'helveticaregular' !important;}
.onlycheckbox .item-radio input:checked+.radio-content .item-content{background: #10b872 !important;}
.onlycheckbox .item-radio input:checked+.radio-content .item-content .input-label{ color: #fff !important;}
.picturechoicediv .item-radio input:checked+.radio-content .item-content{background: transparent !important;}
.picturechoicediv.withimages .radio-content .input-label{display: block !important; width: 100%;}
.formly-field.formly-field-radio .picquiz.lessonquizmain .item-radio input[type='radio']{display: none;}
.ui-grid-header-cell .ui-grid-cell-contents{font-size: 14px !important;}
.ui-grid-header-cell-wrapper .ui-grid-header-cell-row{background: #fff;}
.ui-grid-sort-priority-number{display: none;}
.ui-grid-tree-header-row .ui-grid-cell .ui-grid-cell-contents{font-weight: 700 !important;}
.collapse.in .popupfields.popupfieldsnewui{border:solid 1px #e3e3e3; border-top: 0;}
.card-header.filter-search-header:hover{cursor: pointer;}
.genderfield .picturechoicediv .item.selectedans .radio-content .item-content{background: #10b872 !important;}
.mainquestioncontainer .input-label{color: inherit !important;}
.input-label{color: inherit !important;}
/* .formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item{margin-bottom: 3px !important;} */
.repeatsectionstyles .formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item{margin-bottom: 0 !important;}
.ui-grid-row.ui-grid-tree-header-row .ui-grid-cell{background:#f3f5f7 !important; border-color: #f5f5f5 !important;}
.ui-grid-cell.ui-grid-disable-selection{background:#fff !important;}
.newgridui .ui-grid-render-container-body .ui-grid-row .ui-grid-cell{border-bottom: solid 1px #eaeaea !important;}
.newgridui .ui-grid{border-color: #eaeaea !important;}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{border-color: #eaeaea !important;}
.ui-grid-row.ui-grid-tree-header-row .ui-grid-cell{border-color: #eaeaea !important;}
.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{border-color: #eaeaea !important;}
.ui-grid-header-cell-wrapper .ui-grid-header-cell {border-color: #eee !important; display: flex; align-items: center; background: #f5f5f5 !important;}
.ui-grid-canvas{padding: 0 !important;}
.ui-grid-scrollbar-placeholder{background-color: #f5f5f5 !important; height: 5px !important;}
.ui-grid-footer-cell .ui-grid-cell-contents{padding: 6px;}
.ui-grid-footer-cell .ui-grid-cell-contents div{font-weight: 700;}
.ui-grid-footer-panel{background: transparent !important;}


.customfilters .form-actions-btns{float: left !important; display: block !important; margin-top: 30px; width: 100%;}
.filtersrow .customfilters .ng-pristine{display: block !important;}
.customfilters .accordion .card .formly-field{float: left !important; margin-bottom: 10px !important;}
.customfilters .accordion .card .formly-field.formly-field-group{float: none !important;}
.customfilters .collapse.in .popupfields.popupfieldsnewui{display: inline-block !important;}


.grid-ui-control.viewspage ::-webkit-scrollbar{display: block !important;}

.ileap-dc .ui-grid-render-container{overflow: auto !important;}
.ui-grid-footer-panel{overflow: visible !important; width: max-content;}
.ui-grid-footer-cell{border:none !important;}

/*.groupgridscroll .ui-grid-footer-panel{display: none !important;}*/
.groupgridscroll .ui-grid-render-container.ui-grid-render-container-body .ui-grid-viewport{overflow: auto !important; width: 100% !important;
padding-bottom: 5px;}
.ui-grid-contents-wrapper .ui-grid-render-container.ui-grid-render-container-body .ui-grid-viewport{
  padding-bottom: 5px;}

.groupgridscroll .ui-grid-header-viewport{width: 100% !important;}
.groupgridscroll .ui-grid-top-panel{width: 100% !important;}
.ui-grid-contents-wrapper ::-webkit-scrollbar{display: block !important;}
/*.groupgridscroll .ui-grid-header-canvas{ width: max-content !important;}
.ileap-dc.groupgridscroll .ui-grid-header{ width: max-content;}
.ui-grid-footer-canvas {width: max-content !important;}
.groupgridscroll .ui-grid-canvas{width: max-content !important;}*/

.repeatsectionlegend [role=listbox] .multiselectoptions{font-size: 14px;}
.repeatsectionstyles .printlabel{display: flex; flex-direction: row; align-items: center !important; padding-top: 8px;}
.printlabel .w100{width: 105px !important; min-width: 105px !important; max-width: 105px !important;}
.aacoaching .lessonnewquizstyles .eachlabel .showlabel label{margin-bottom: 0 !important;}
.printlabel .eachlabel{min-width: 140px; margin: 5px;}
.printlabel .eachlabel .showlabel label{padding-left: 5px;}
.eachlabel .showlabel label{margin-bottom: 0 !important; font-size: 14px; font-family: 'helveticaregular' !important;}
.eachlabel .showlabel label .requiredfield{margin-left: -3px;}
.printlabel .genderfield{min-width: 80px;}
.printlabel .agefield{min-width: 40px;}
.printlabel .emptydiv{width: 30px !important; margin-left: 5px;}

.ui-grid-footer-cell .fixedfootertitle{position: fixed; font-weight: 700 !important;}
.select2-choice button.clear{background: transparent; border: none; color: #969191; font-size: 12px;
    padding: 0; width: 15px; line-height: 15px;}
.formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input{cursor: pointer;}


.formly .formly-field-group{width: 100%;}
.picquiz.withimages .lessonlabel label{border:none !important;}
.picquiz.withimages .attachment{float: none !important; text-align: center; min-width: 150px; max-width: 150px;}
.picquiz.withimages .attachment img{/*background-color: #cccccc !important;*/ border-radius: 50% !important; padding: 5px;
  max-width: 70px !important; max-height: 70px !important; text-align: center !important; float: none !important; margin-top: 15px;}
.picquiz.withimages .lessonlabel .optiontitle{min-height: auto; padding: 5px 16px !important; text-align: center;
    white-space: normal !important; background: #ffffff !important; color: #000;}
.picquiz.lessonquizmain.withimages .lessonlabel .item-radio .item-content{padding: 0 !important;}
.mainquestioncontainer .lessonquizmain.withimages{ min-width: 150px; max-width: 150px; margin-right: 5px !important;}
.formly-field.col-xs-12{padding: 0 !important; margin-right: 0 !important;}
.formly-field.col-xs-6{margin-right: 0; padding-left: 0;}
.mainquestioncontainer .lessonquizmain.withimages .item-radio i.radio-icon{top: 0px !important; right: 30px !important;
 width: 25px; height: 25px !important; font-size: 15px; padding: 3px 7px;}

.repeatsection .picquiz.withimages .attachment{min-width: auto; max-width: none;}
.repeatsection .picquiz.withimages .attachment img{margin-top: 0; background: transparent !important; padding: 0 !important;}
.repeatsection .mainquestioncontainer .lessonquizmain.withimages{min-width: auto; max-width: none; margin-right: 0 !important;}

.formly-field-viewdate .containerholder, .formly-field-viewinput .containerholder{border: dashed 1px #0d965d; border-radius: 4px; padding: 5px;
 font-family: 'helveticaregular' !important;}
.aacoaching .formly-field-viewdate .form-group, .aacoaching .formly-field-viewinput .form-group{margin-bottom: 0px !important;}
.formly-field-viewdate, .formly-field-viewdate{margin-right: 5px !important;}
/* .containerholder span{font-weight: 700;} */
.aacoaching .module_quizz{position: relative;}
.formly-field-viewradio .showlabel label, .forms .formly-field-viewcheckbox .mainquestioncontainer .showlabel label{
  font-family: 'helveticaregular' !important; font-size: 14px !important; color: #000 !important; font-weight: 700 !important;}
.forms .formly-field-viewcheckbox .mainquestioncontainer .showlabel label span{font-family: 'helveticaregular' !important; font-weight: 700 !important;}
.formly-field-viewradio .lessonlabel input{display: none;}
.aacoaching .formly-field.formly-field-viewradio{display: block; width: 100%; margin-bottom: 20px !important;}
.formly-field-viewradio .onlycheckbox .item-radio input:checked+.radio-content .item-content .input-label{color: #0d965d !important; padding:0;}
.formly-field-viewradio .withimages{background: #ddf5eb; padding:2px 5px; border: dashed 1px #0d965d;
    color: #0d965d; border-radius: 4px; margin: 0 3px 5px 3px;}
.aacoaching .formly-field-viewradio .lessonquizmain .list .item .item{background: transparent !important; min-width: auto !important; max-width: none !important;}
.formly-field-viewradio .lessonquizmain.withimages .item-radio i.radio-icon{display: none !important;}
.aacoaching .formly-field-viewradio .lessonquizmain .list{line-height: 0 !important;}

.popup_container .mainquestioncontainer .lessonquizmain.withimages, .profile_edit .mainquestioncontainer .lessonquizmain.withimages{min-width: auto; max-width: none;}
.popup_container .picquiz.withimages .attachment img, .profile_edit .picquiz.withimages .attachment img{background: transparent !important; border-radius: 0 !important; margin-top: 0;}
.popup_container .picquiz.withimages .attachment, .profile_edit .picquiz.withimages .attachment{min-width: auto; max-width: none;}
.popup_container .picquiz.withimages .lessonlabel label, .profile_edit .picquiz.withimages .lessonlabel label{border: dashed 1px #10b872 !important;}
.profile_edit .lessonnewquizstyles.picquiz.withimages .list label{background: transparent !important;}
.profile_edit .picquiz.withimages .item.selectedans label{background: #10b872 !important;}
.aacoaching .formly-field.formly-field-viewcheckbox, .formly-field-viewrepeatSection{display: block; width: 100%;}
.aacoaching .formly-field-viewcheckbox .lessonquizmain .list .activated_correct .item.item-checkbox{padding: 5px 10px !important;
     border: dashed 1px #0d965d; background: #ddf5eb !important; color: #0d965d !important;}
.aacoaching .formly-field-viewcheckbox .mainquestioncontainer{margin-bottom: 0px !important;}

.newgridui .ui-grid-render-container-body .ui-grid-row .ui-grid-cell:first-child{border-left:none !important;}
.ui-grid-header-cell-wrapper .ui-grid-header-cell:first-child{border-left:none !important;}
.aacoaching .repeatsection .ui-select-container{max-width: 140px;}
.collapse.in .popupfields.popupfieldsnewui{padding: 0px 15px 5px 15px !important;}
.views-pos.viewspage .filtersscroll .card{margin-bottom: 10px;}
.newgridui.ileap-dc .filtersscroll .card{margin-bottom: 0px;}
.card-header.filter-search-header.collapsed{margin-bottom: 10px;}
.norecords-img{margin-top: 5px;}
.product_details .repeatsectionlegend.hidescrollicon:before{display: none;}
/* .forms .formly-field-viewcheckbox .mainquestioncontainer .showlabel label span{font-weight: 700 !important;} */
.fluidcontainer{flex-basis: 100% !important;}
.formgender .mainquestioncontainer .lessonquizmain.withimages{min-width: auto; max-width: none;}
.video_simulation_div .popquiz{background: none !important; vertical-align: middle; display: table;}
.video_simulation_div .popquiz .dynamicprofilepage{vertical-align: middle; display: table-cell;}
.aacoaching .video_simulation_div .popquiz .lessonquizmain .list .item .item{background: #363635 !important; color: #fff !important;}
.video_simulation_div .onlycheckbox .item-radio input:checked+.radio-content .item-content{background: #363635 !important; color: #fff !important;}
.video_simulation_div .picquiz.lessonquizmain .questionquestion{font-size: 18px !important;}
.iframeclass .video_simulation_div .mainquestioncontainer .showlabel label{font-size: 20px !important;}
.video_simulation_div .popquiz .showlabel{margin: 0 !important;}
.video_simulation_div .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{border:solid 1px #fff !important; border-radius: 5px !important;}
.video_simulation_div .input-label{max-width: none !important; width: 100% !important;}
.video_simulation_div .picquiz.lessonquizmain, .video_simulation_div .picquiz.lessonquizmain .list .item{width: 100% !important;}
.aacoaching .video_simulation_div .lessonquizmain .list .item .item{max-width: none; width: 100% !important;}
.aacoaching .video_simulation_div .item-content{white-space: normal !important;}
.pop_quiz_main .iframeclass .lessonquizmain .lessonlabel{width: 100% !important;}
.video_simulation_div .formly-field{margin: 0 15px;}
.popquizcontainer.pop_quiz_main{margin-top: 0 !important;}

.aacoaching .pop_quiz_div .lessonquizmain .list .item .item{background: #dcdcdc !important;}
/*.pop_quiz_main .pop_quiz_div .popquiz{background: #fff !important;}*/
.pop_quiz_main .pop_quiz_div .questionquestion{padding-left: 0 !important;}
.aacoaching .pop_quiz_main .pop_quiz_div .formly-field{margin-right: 0 !important; width: 100%;}
.pop_quiz_main .pop_quiz_div .picquiz.lessonquizmain{width: 100%;}
.pop_quiz_main .pop_quiz_div .picquiz.lessonquizmain .list .item{width: 100% !important;}
.pop_quiz_main .pop_quiz_div .picquiz.lessonquizmain .questionquestion{color: #000;}
.pop_quiz_main .pop_quiz_div .onlycheckbox .item-radio input:checked+.radio-content .item-content .input-label .questionquestion{color: #fff !important;}
.pop_quiz_main .pop_quiz_div .popquiz .showlabel{margin-top: 0 !important; margin-bottom: 0 !important;}
.pop_quiz_main .pop_quiz_div .popquiz .showlabel .lblforaudio{font-size: 16px !important;}
.iframeclass .lessonsubmitbutton button{width: auto !important; font-size: 14px; color: #fff; padding: 10px 20px;}
.input-btns-inner{
  display: flex;
}
.pos-db-farmers-count-numer p,
.db-reports-card-title{
  /*text-transform: uppercase;*/
}
.pos-db-title{
  font-size:12px;
  font-weight: 400 !important;
}
.pos-db-farmers-count-numer h4{
  font-size: 18px;
  margin-bottom: 0px;
}

.dynamicprofilepage .formly-field-select .select2-container .select2-choice{background: transparent; border: dashed 1px #14a267 !important;}
.formly-field-select .select2-drop-active{border-color: #10b872;}
.formly-field-picturegeo .picturegeo{width: auto;}
.formly-field-picturegeo .picturegeo .titlequestion .AddNewButton{margin: 0 !important;}
.formly-field-picturegeo .picturegeo .titlequestion .AddNewButton button{margin-top: 0 !important;}
.formly-field-picturegeo .pic-jeo-single{margin-top:10px; height: auto !important; max-height: 100px;}
.geolocationpopup .takesignappsign .button-energized{min-height: auto !important; line-height: 30px; color: #fff;}
.geolocationpopup .takesignappsign .button-energized:hover{color: #fff;}
.campaign-main.viewformcamp .farmerprofiledata .report-pic img{width: 100px; height: 80px; border-radius: 0%; border: solid 3px #eee;}
.campaign-main .viewformdisrow .mainquestioncontainer{float: none; border:none;}
.campaign-main .viewform-content-inner .mainquestioncontainer .farmerprofiledata{border-bottom: solid 1px #ccc;
    padding-bottom: 8px; text-transform: capitalize;}
.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle{
  /* width: 200px !important;  */
  min-width: 200px;
}
.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle label{font-weight: 700;}
.campaign-main .w200, .campaign-main .w220, .campaign-main .w250, .campaign-main .w100, .campaign-main .w80, .campaign-main .w160{max-width: none !important; width: 100%;}
.campaign-main .grouptitle.groupheadertitle .labeltitle.fomrmaintitle label{font-weight: 700; margin-top: 10px;}

.open>.dropdown-menu{display: block;}
.pull-right{float: right!important;}
.caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle;
    border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent;
    border-left: 4px solid transparent;}

.progress .progress-bar{height: 12px;}
.coursescale .customregistration.globalfeedback.newdesign02 .scroll{
  margin-top: 65px !important;
  /* width: 100% !important; */
}
.event-card-width .dncal{padding-left: 0 !important;}
.viewformeditdel{z-index: 99999;}
.uploadpic .pic-jeo-single .close{display: none;}

/*Formlayout Styles*/
.formly-field.col-6, .formly-field.col-3{margin-right: 0 !important;}
.formly-field.col-6 .form-group .mainquestioncontainer input{max-width: 100% !important;}
.formly-field.col-4 .form-group .mainquestioncontainer input{max-width: 100% !important;}
.viewformdata .formly-field-viewradio .showlabel label{width: 200px; float: left; color: #000; font-weight: 700;}
.viewformdata .formly-field-viewradio .showlabel{display: flex;}
.viewformdata .formly-field-viewradio .showlabel .optiondivs{float: left;}
.viewformdata .formly-field-viewradio .onlycheckbox .item-radio input:checked+.radio-content .item-content{background: transparent !important;
 padding:2px !important; margin-left: 5px; color: #000;}
.viewformdata .lessonnewquizstyles .formly-field-viewradio .form-group .list label{border:none !important;}
.viewformdata .formly-field-viewradio .onlycheckbox .item-radio input:checked+.radio-content .item-content .input-label{color: #0d965d !important;}
.viewformdata .aacoaching .formly-field.formly-field-viewradio{margin-bottom: 0 ;}
.viewformdata .formly-field-group .row{border-bottom: solid 1px #ccc; margin-bottom: 10px;}


.mentor_dashboard_inner .card{border:none; display: flex; align-items: center; flex-direction: row; margin-left: auto;}
.mentor_dashboard_inner .card .Desc{font-size: 20px; color: #fff; font-family: 'gt_walsheimlight' !important;
color: rgba(255, 255, 255, 0.8) !important}
.mentor_circle_cards .card span{color: #fff !important; display: block; font-size: 18px;}
.notificationtext .datefield{display: block; font-size: 16px; font-family: 'helveticaregular' !important;}
.notificationtext{float: left; width: 100%; margin-bottom: 15px; padding: 0; font-family: 'helveticaregular' !important;
    color: #5c5a68; border-bottom: solid 1px #ccc; padding-bottom: 10px; border-radius: 4px; overflow: hidden;
    box-shadow: #ccc 1px 2px 7px 3px; padding: 10px; border-left: solid 5px #10b872; padding-left: 10px;}
.notificationpage .nocontent{font-weight: 700 !important; display: block !important; top: 30px; text-transform: none; font-size: 18px;
 color: #777;}

.dashboardicons{background: url(../img/survey3.png); height: 450px !important; position: absolute !important; z-index: 0 !important;
    width: 100% !important; top: 0 !important; opacity: 0.2 !important;}
.mentor_circle_cards .card .card-body{background: transparent !important; border:none; box-shadow: none !important;
border-radius: 5px !important; position: relative; z-index: 9999;}
.mentor_dashboard_inner .boxone .card{
  /* background: #f7ba5b !important; */
  background-color: #168440!important;
}


.mentor_dashboard_inner .boxtwo .card{background: #898e10 !important;}
/* .mentor_dashboard_inner .boxthree .card{background: #168440 !important;} */

.mentor_dashboard_inner .boxthree .card{background: #07b19e !important;}

/* .mentor_dashboard_inner .boxone, .mentor_dashboard_inner .boxtwo, .mentor_dashboard_inner .boxthree{display: table;} */
.notitime{font-size: 10px; margin-top: 5px; color: #8e8c8c; float: right; text-align: right;
    border: solid 1px #ccc; padding: 2px 5px;}
.lessonowl.overflow-auto{overflow: hidden !important;}
.trainerdashboard .card-body{flex: 0;}
.headdesc{line-height: 30px;}

.formly-field-viewrepeatSection #resp-table{border-top: none; border-bottom: none; border-left: none;
    border-right: none;}
.formly-field .labelheading{color: #10b872 !important; font-size: 16px; font-family: 'gt_walsheimlight' !important; font-weight: 700;}
.tableindcells{margin-bottom: 10px;}
.tableindcells span{font-size: 14px !important;}
.aacoaching .form-group, .aacoaching .formly-field{margin-bottom:0 !important;}
.aacoaching .formly-field.formly-field-viewtextarea, .aacoaching .formly-field.formly-field-viewradio, .aacoaching .formly-field.formly-field-viewpicturegeo,
.aacoaching .formly-field.formly-field-viewdate, .aacoaching .formly-field.formly-field-viewinput, .formly-field-viewcheckbox{border-bottom: solid 1px #ccc; padding-bottom:8px !important; margin-bottom:8px !important;
flex-basis: 100% !important;}
.viewleftlabel, .formly-field-viewradio .lblforaudio{float: left; margin-right: 15px; width: 200px; font-weight: 700; font-family: 'helveticaregular' !important;}
.formly-field-viewpicturegeo .uploadedimage img{width: 60px !important; padding: 1px !important; height: 60px !important; border-radius: 100px;}
.aacoaching .lessonnewquizstyles .formly-field-viewradio .showlabel label{margin-bottom: 0 !important; top: 0 !important;
font-family: 'helveticaregular' !important;}
.formly-field-viewdate{flex-basis: 100%;}
.formly-field-viewdate .containerholder, .formly-field-viewinput .containerholder{border:none !important; padding: 0 !important; margin-top: 0 !important;}
.formly-field-viewdate .form-group{margin-bottom: 0 !important;}
.formly-field-viewrepeatSection .labelheading{margin-top: 20px;}
.formly-field-viewcheckbox .lessonquizmain .list .item{margin: 0 2px 5px 3px !important;}
.viewformdata .lessonnewquizstyles .formly-field-viewradio .form-group .list label .radio-content .item-content .input-label .optionoption{color: #000 !important;}
.formly-field-questionGroup{width: 100%; border-bottom: solid 1px #ccc; padding-bottom: 5px;}
.formly-field-viewrepeatSection .containerholder{margin-top: 0;}
.formly-field-viewpicturegeo .titlequestion{margin-top: 8px;}
.formly-field-viewpicturegeo .uploadedimage{width: 60px; height: 60px !important; margin-left: 5px !important; margin-right: 2px;}
/* .profile.customscroll.newheader.viewformdata.pane .has-header{top: 55px;} */
.formly-field-viewpicturegeo .viewleftlabel{height: 80px; vertical-align: middle; display: table;}
.formly-field-viewpicturegeo .viewleftlabel span{vertical-align: middle; display: table-cell;}
/*.viewformeditdel.addeditbtns{display: none;}*/
/*.aacoaching .module_quizz .viewformeditdel{display: none;}*/
.viewformeditdel.addeditbtns{margin:10px 15px 0 0 !important;}
.formly-field.formly-field-viewtextarea, .formly-field.formly-field-viewradio, .formly-field.formly-field-viewpicturegeo,
.formly-field.formly-field-questionGroup, .formly-field.formly-field-viewrepeatSection, .formly-field.formly-field-viewcheckbox,
.formly-field.formly-field-viewinput, .formly-field.formly-field-viewdate{margin-right: 0 !important;}

.hidecourse .allowdownload{pointer-events: auto !important; cursor: pointer !important;}
.courselanding .item{margin-bottom: 0 !important;}
.lesssoncarousel .sessiondiv.subcategories .courseposter{min-height: 160px; max-height: 160px;}
.lesssoncarousel .sessiondiv.subcategories .courseposter .comingsoon{min-height: 160px; max-height: 160px;
 vertical-align: middle;display: table; padding-bottom: 0 !important;}
.lesssoncarousel .sessiondiv.subcategories .courseposter img{height: auto !important;}
.lesssoncarousel .sessiondiv.subcategories .courseposter .comingsoon span{vertical-align: middle; display: table-cell;}

.content-card-bottom{justify-content: flex-start !important;}
.lookuppopupview.lookupcustomstyles .registrationpopup .filtersscroll .card{margin-bottom: 0;}
.lookuppopupview.lookupcustomstyles .registrationpopup .filtersscroll{margin-bottom: 0 !important;}
.lookuppopupview.lookupcustomstyles .registrationpopup .formly-field.formly-field-ui-grid{margin-right: 0 !important;}
.askquestionpopup#signature-pad{width: 30% !important;}
.askquestionpopup.picgeo#signature-pad{width:100% !important;}
.geolocationpopup .askquestionpopup.picgeo .custom.closepoll{right:-8px !important; top: -15px !important;}
.geolocationpopup .askquestionpopup.picgeo .takesignappsign .appsign .button-energized{background: #e86b75 !important; color: #fff !important;}
.askquestionpopup.picgeo#signature-pad{padding: 0 !important;}
.askquestionpopup.signpad canvas{width: 90% !important; margin-left: 5% !important; margin-top:20px !important;}
.scancontainer{position: relative; width: 165px;}
.scancontainer .aadharscanbtn{position: absolute; right: 0; top:0px;}
.scancontainer .aadharscanbtn button{border:none; height: 35px; color: #fff !important; font-family: 'helveticaregular' !important; margin-right: 0 !important;
 border-radius: 0px 4px 4px 0px !important;}
.formly-field .form-group .mainquestioncontainer .scancontainer input{min-width: 122px !important; max-width: 122px !important;}
.courselangdiv .langdiv .btn-default{background: rgba(0, 0, 0, 0.4) !important; font-size: 14px !important;
    padding:5px 15px; height: 30px; min-height: auto; line-height:22px;}
.courselangdiv .langdiv .ui-select-match-text span{color: #fff !important;}
.trainerdashboard.sssales.sub-category .noshadowdiv{top: 0 !important; margin-top: 20px;}
.trainerdashboard.sssales.sub-category .ui-select-bootstrap .ui-select-toggle>.caret{margin-top:0px;}
/*.trainerdashboard.sssales.sub-category .lamborghini button.Diablo{max-width: 50px;}*/
.trainerdashboard.sssales.sub-category .lamborghini .header-partnerlogo{margin-top: 0 !important;}
.geolocationpopup .picgeo .right_div img{object-fit: cover !important;}
.statictext .lesstionpicmain .lessontopics .topicdetails{
  /* width: calc(100% - 95px); 
  margin-left: 95px; 
  padding-right:35px;  */
  text-align: left;
 vertical-align: middle; 
 /* display: table-cell;  */
 float: none;
}
.statictext .lesstionpicmain .lessontopics .topicdetails .topictitle{
  padding-left: 0 !important; 
  /* margin-left: 100px !important; */
    float: left; clear: both;
  }
.formly-field.formly-field-record_audio { flex-basis: 100% !important; }
.topiclanding .newheader .lamborghini .Diablo, .lamborghini .Diablo{display: block;}
/* .trainerdashboard.ssdashboard .notification::before, .mydashboard.trainerdashboard.attendanceui .notification::before{top: -30px;}
.forms.newheader.forms-main .notification::before, .profile.viewformdata .notification::before{top: -23px;} */
.left-menu-container .card .item:hover{color: #14a267 !important;}
.courselangdiv .langdiv .btn-default .btn.pull-right{background: none !important; border:none;}
.owl-stage-outer .roundedcardmain .cardpostericon .cardicon{display: none;}
.statictext .lesstionpicmain .lessontopics .topicdetails .descriptiontext{clear: both; margin-left: 100px; font-family: 'helveticaregular';}
.topiclanding .overflow-scroll{background: #fff;}
.onboard.onloginpage.loginpag .select_language .ui-select-bootstrap>.ui-select-match>.btn{padding: 0px 5px 4px 5px !important;}
.onboard.onloginpage.loginpag .select_language .ui-select-bootstrap .ui-select-match-text{padding-top: 4px;}
.quiz-wrapper ul.options li.option img{width: 100%;}
.video-js.vjs-fullscreen #custommmoverlay .popquiz{background: rgba(255, 255, 255, 0.8) !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz{background: rgba(0, 0, 0, 0.5) !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .mainquestioncontainer::-webkit-scrollbar{display: block !important;   width: 6px !important;
  height: 6px !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .lessonlabel .questionquestion{padding-left: 0 !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz{background: #fff !important;}
.formly-field-record_audio textarea.autotextarea{height:auto !important; min-height:150px !important;}
#custommmoverlay .videoquizcontainer .popquiz.quiz_end_invoke{max-width: 94% !important; margin-left: 3% !important; max-height: none !important;
  height:96% !important; margin-top: 3% !important; }
.dncalendar-note-list .card.card-width .row{margin-left: 0; margin-right: 0;}
.dncal .col-sm-9, .dncal .col-sm-3{padding-left: 10px !important; padding-right: 10px !important;}
.pop_quiz_div .draggable-objects li{width: 60px; height: 60px;}
.pop_quiz_div .draggable-objects li img{width: 60px; height: 60px;}
.pop_quiz_div .dragdropanscontainer [ng-drop]{width:100px; height:auto !important; border:solid 1px #eaeaea; font-size: 10px; /*display: table;*/
    vertical-align: middle;  background: #f9f9f9 !important; padding: 5px; min-height: 105px;}
.pop_quiz_div .dragdropcards{height: 120px; margin-top: 10px; width: 72px;}
.pop_quiz_div .dragdropanscontainer{margin-top: 0px; margin-bottom: 5px;}
.pop_quiz_div .dragdropanscontainer [ng-drop] .dosdonts{vertical-align: middle; display: table; margin-top:5px; padding: 0px;  font-family: 'helveticaregular' !important;
 position: absolute; bottom: 5px; height: 25px; line-height: 12px; width: calc(100% - 10px);}
 .pop_quiz_div .dragdropanscontainer [ng-drop] .dosdonts .dosdontssub{vertical-align: middle; display: table-cell; color: #fff !important;}
.pop_quiz_div [ng-drag], .pop_quiz_div [ng-drag] .contentmiddle img{width: 60px; height: 60px;}
.pop_quiz_div .dragdropanscontainer{display: inline-flex; flex-wrap: wrap; justify-content: space-evenly;}
.pop_quiz_div .dragdropanscontainer [ng-drop]{margin:auto; margin-left: 10px; margin-right: 10px;}
.pop_quiz_div .dragdropheading{font-size: 12px; margin-bottom: 15px; font-family: 'helveticaregular' !important; line-height: 18px;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz{padding: 10px !important;}
.pop_quiz_div .dragdropanscontainer [ng-drag]{padding: 0 !important; border:none; width:100px; height: 60px; background: transparent;}
.pop_quiz_div .btn.btn-link.resetblank i{background: transparent !important; padding:0; color: #000; font-size: 18px; color: #696969; font-size: 26px;}
/*.pop_quiz_div .btn.btn-link.resetblank:hover{color: #fff !important;}*/
.pop_quiz_div .btn.btn-link.resetblank i span{display: block; font-size: 13px; font-family: 'helveticaregular' !important;}
.pop_quiz_div .btn.btn-link.resetblank{background: transparent !important; margin-top: -30px; padding: 10px 20px !important; color: #666 !important; cursor: pointer;}
.pop_quiz_div .dragdropanscontainer .dropbox0{background: #fff !important; border-top:solid 5px #e1546d;}
.pop_quiz_div .dragdropanscontainer .dropbox1{background: #fff !important; border-top:solid 5px #c44056;}
.pop_quiz_div .dragdropanscontainer .dropbox2{background: #fff !important; border-top:solid 5px #7cc3cb;}
.pop_quiz_div .dragdropanscontainer .dropbox3{background: #fff !important; border-top:solid 5px #589da4;}

.pop_quiz_main .pop_quiz_div .picquiz.lessonquizmain{width: 33.3%;}
.iframeclass .lessonsubmitbutton button.resetblank:active:focus{background: transparent !important;}


/*.videoquizcontainer.iframeclass, .videoquizcontainer.iframeclass .pop_quiz_div, .videoquizcontainer.iframeclass .pop_quiz_div .mycustomlesson,
 .videoquizcontainer.iframeclass .pop_quiz_div .mycustomlesson .expandcollstyle, .videoquizcontainer.iframeclass .pop_quiz_div .mycustomlesson .expandcollstyle form,
  .videoquizcontainer.iframeclass .pop_quiz_div .mycustomlesson .expandcollstyle .onlyheight, .tainer.iframeclass, .vjs-overlay.vjs-overlay-center.vjs-overlay-background.popquizcontainer.pop_quiz_main{height: 100%;}*/

.videoquizcontainer.iframeclass .pop_quiz_div .mycustomlesson .expandcollstyle .onlyheight, .imageslidermain.slider,
.imageslidermain.slider .pagescrolling{height: 100% !important; overflow-y: auto; overflow-x: hidden !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz .onlycheckbox .item-radio input:checked+.radio-content .item-content .questionquestion{color: #fff !important;}


.pop_quiz_div .dragdropcards.text_dragdropcards .draggable-objects li{width: 100px; vertical-align: middle; display: table;}
.pop_quiz_div .dragdropcards.text_dragdropcards .draggable-objects .dragdroptextmiddle{vertical-align: middle; display: table-cell;}
.pop_quiz_div .dragdropanscontainer.text_dragdropanscontainer [ng-drag]{background: #fff !important; padding: 0 2px !important;}


#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz .onlycheckbox .item-radio input:checked+.radio-content .item-content{background: #10b872 !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz .selectedans .lessonlabel .questionquestion{color: #fff !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .selectedans .item-radio input:checked + .radio-content .radio-icon{display: none !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz .lessonlabel .item-radio .item-content{padding: 10px !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .popquiz .lessonlabel{word-break: break-word !important;}


.viewformdata .contents.viewformpane .campaignscrolldiv.viewfieldscontainer .detaildescription{width: 45% !important;}
.viewformdata .contents.viewformpane .campaignscrolldiv.viewfieldscontainer .detaildescription .labelans video.video-js{width: 230px !important;
 margin-top: 5px; margin-bottom: 10px;}
.viewfieldscontainer .detaildescription .labelans{width: 100%;}

.profile_edit.customregistration.newheader.registration .lamborghini.headerwithbg .Diablo{justify-content: flex-end;}
.profile_edit.customregistration.newheader.registration .lessonnewquizstyles .mainquestioncontainer .message{margin-left: 0;}


.statictext .lesstionpicmain .lessontopics .topicicon img{width: 100px; height: 100px;}
.statictext .lesstionpicmain .lessontopics .topicdetails p.markcomplete{
  vertical-align: middle; 
  /* height: 80px; */
   margin: 0; 
   padding: 10px 10px; 
   /* display: table; */
  }
.statictext .lesstionpicmain .lessontopics .topicdetails p.markcomplete i{
  vertical-align: middle;
   /* display: table-cell;  */
   color: #10b872;
  }



.registration-wrappr .baselinetabs .mainquestioncontainer{width: 100%;}
.registration-wrappr .baselinetabs .mainquestioncontainer .lessonquizmain .list .item{padding: 0 !important; width: auto !important;
 min-width: auto !important;}
.registration-wrappr .baselinetabs .lessonlabel.multiselectcheckbox .optionoption{width: 100% !important;}
.baselinetabs .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding: 8px 10px !important;}
.baselinetabs .formly-field-radio .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding: 5px 10px !important;}
.baselinetabs .formly-field-radio .picquiz.lessonquizmain .lessonlabel label{border-radius: 4px;}
.registration-wrappr .baselinetabs .formly-field-checkbox .mainquestioncontainer .lessonquizmain .list .item .multiselectcheckbox .item{padding: 5px 10px !important;}
.baselinetabs .formly-field-checkbox .lessonlabel label{border-radius: 4px;}
.baselinetabs .formly-field-checkbox .lessonquizmain .list .item .multiselectcheckbox.activated_correct .item{background: #10b872 !important; color: #fff !important;}
.baselinetabs .md-tab{overflow:visible !important;}
.registration-wrappr .baselinetabs .prevnextbtns .modulenext, .registration-wrappr .baselinetabs .prevnextbtns .moduleprevious{margin: auto !important;}

.themecolor.introtext.assesmenttool .onlycheckbox .item-radio input:checked+.radio-content .item-content{background: transparent !important;}
.assignmentprogress .progress{height: 12px; border-radius: 15px;}
.assesmenttool .themecolor.quizcards .lessonnewquizstyles .lessonquizmain.checkboxmaindiv{width: 100% !important;}
.assesmenttool .themecolor.quizcards .lessonnewquizstyles .lessonquizmain .list .item .multiselectcheckbox{width: 100% !important;}

#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .popquiz{background-image:linear-gradient(#d6d5d5, #f5f5f5, #ffffff) !important}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .popquiz{background-image: linear-gradient(#d6d5d5, #f5f5f5, #ffffff) !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .dragdropcards{float:left !important; width: 150px; margin-top:10px;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .dragdropcards.text_dragdropcards .draggable-objects li{width: 150px; height: 120px;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .clear{clear: none !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .dragdropanscontainer{margin-top:15px; width:70%; align-items: flex-start;}
.pop_quiz_div .drag-n-drop_container .dragdropcards.text_dragdropcards .draggable-objects .dragdroptextmiddle{font-family: 'helveticaregular' !important; font-size: 14px; line-height: 20px;}
.pop_quiz_div .drag-n-drop_container .dragdropanscontainer.text_dragdropanscontainer [ng-drag]{font-family: 'helveticaregular' !important;
height:100px; line-height: 14px;}
.pop_quiz_div .drag-n-drop_container .dragdropanscontainer [ng-drop]{border-radius: 10px; box-shadow: 0px 1px 8px 1px #dedede; width:  margin-left: 5px;
    margin-right: 5px; width: auto;}
.pop_quiz_div .drag-n-drop_container .dropdropbox{display: flex; flex-direction: column; flex: 1;}
.pop_quiz_div .drag-n-drop_container .dropdropbox .dosdonts{margin-top: 10px;}

.pop_quiz_div .drag-n-drop_container .dragdropanscontainer [ng-drop]{width: auto !important;}
.pop_quiz_div .drag-n-drop_container .draggable-objects li{width: 150px; height: 120px; vertical-align: middle; display: table;}
.pop_quiz_div .drag-n-drop_container .draggable-objects li .dragdroptextmiddle{vertical-align: middle; display: table-cell;}
.pop_quiz_div .drag-n-drop_container .draggable-objects li img{max-width: 80px; max-height:80px;}
.pop_quiz_div .drag-n-drop_container .dragdropanscontainer [ng-drag]{width: 120px; height: 90px; display: flex; justify-content: center; margin:auto; margin-top: 10px;}
.pop_quiz_div .drag-n-drop_container .dragdropanscontainer [ng-drop]{min-height: 120px !important; max-height: 120px;}
.pop_quiz_div .drag-n-drop_container .dragdropheading{text-align: left; font-weight: 700; font-family: 'helveticaregular' !important;
 width: calc(100% - 20px); float: left;}
.dropdropbox .dosdonts .dosdontssub{font-family: 'helveticaregular';}
.popquiz .mainquestioncontainer.radioboxbtn .showlabel label span{font-family: 'helveticaregular' !important;}
.pop_quiz_div .drag-n-drop_container .dragdropheading{font-size: 14px; font-weight: normal !important; line-height: 20px;}
.pop_quiz_div .drag-n-drop_container [ng-drag], .pop_quiz_div .drag-n-drop_container [ng-drag] .contentmiddle img{width: 80px; height: 80px;}
.pop_quiz_div .drag-n-drop_container .draggable-objects li img{width: 80px; height: 80px;}

.appsurvey{margin-left: auto; margin-right: 15px; line-height: 25px; text-align: center; color: #10b872;}
.appsurvey a span{font-size: 18px; font-family: 'helveticaregular' !important;}
.appsurvey i.ion-clipboard{font-size: 28px;}
.lessonnewquizstyles .form-group .radioboxbtn label{display: flex; flex-direction: column; align-items: center;}
.lessonnewquizstyles .form-group .radioboxbtn label.item{padding: 0px; margin-bottom: 0 !important; height: 100%; padding-bottom: 10px;}
.lessonnewquizstyles .form-group .radioboxbtn label.item h4{white-space: normal; line-height: 18px; border-top:3px solid #10b872; margin-top:5px;
 padding: 10px; margin-bottom:0px;}
.lessonnewquizstyles .form-group .radioboxbtn label.item img{padding:10px 0 5px 0;}
.lessonnewquizstyles .form-group .radioboxbtn label.item input{display: none;}
.lessonnewquizstyles .form-group .radioboxbtn .withimages .card{margin: 0;}
.popquiz .mainquestioncontainer.radioboxbtn .lessonquizmain.withimages{margin: 5px !important;
    max-width: none !important; width: auto !important; min-width: auto !important; flex:1;}
.radioboxbtn .clicktosee{background: #48a548; color: #fff; font-size: 14px; border-radius: 30px; padding: 4px 20px;
    text-align: center; width: 150px; margin: auto; margin-bottom: 0px;}
.popquiz .mainquestioncontainer.radioboxbtn .lessonquizmain.withimages .card, .popquiz .mainquestioncontainer.radioboxbtn .lessonquizmain.withimages .cardmaincontainer
{height: 100%;}
.popquiz .mainquestioncontainer.radioboxbtn .lessonquizmain.withimages .cardmaincontainer .answer{display: none !important;}
.dropgendericons{height: 40px; margin-bottom: 5px;}

.pop_quiz_div .dragdropanscontainer .boysmens{border-top:solid 5px #1c99f2;}
.pop_quiz_div .dragdropanscontainer .girlswomen{border-top:solid 5px #dc589a;}
.pop_quiz_div .dragdropanscontainer .boysgirls{border-top:solid 5px #2dac68;}
.pop_quiz_div .dragdropanscontainer .malegender{border-top:solid 5px #77bfc6;}
.pop_quiz_div .dragdropanscontainer .malesex{border-top:solid 5px #5ba1a9;}
.pop_quiz_div .dragdropanscontainer .femalegender{border-top:solid 5px #e75770;}
.pop_quiz_div .dragdropanscontainer .femalesex{border-top:solid 5px #c03c51;}
.pop_quiz_div .drag-n-drop_container .dragdropanscontainer.text_dragdropanscontainer [ng-drag]{width: auto; height: auto; line-height: 14px;
    font-size: 12px; margin:auto;}
.pop_quiz_div .drag-n-drop_container .dragdropanscontainer.text_dragdropanscontainer [ng-drop]{display: flex;}
.formly-field.formly-field-drag-n-drop .message{font-style: italic; font-size: 12px;font-family: 'gt_walsheimlight' !important; text-align: left;
 margin-top: 0px; color: #000; margin-bottom: 5px;}
.popquiz .mainquestioncontainer.radioboxbtn .showlabel label i, .formly-field-drag-n-drop i{font-size: 20px; color: #000; float: left; margin-right: 5px; line-height: 24px;}
.formly-field-drag-n-drop i{line-height: 20px !important;}

.pagination>li>a, .pagination>li>span{border: 1px solid #ddd; margin-left: -1px; font-family: 'gt_walsheimlight' !important;
border-color: #ddd !important; font-size: 12px; padding: 5px 10px !important;}
.md-padding.facilitators._md .paginationselect select{height: 26px;}
.pagination>li>a:hover, .pagination>li>span:hover{background: #eee;}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span{border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;}


.video-js .vjs-picture-in-picture-control {display: none !important;}
/* .ipdashboard .ipdashboardcontainer .assesment_area{background: #fff; padding-left: 0 !important;
    padding-right: 0 !important;} */
.ipdashboard .ipdashboardcontainer .assesment_area .row{margin-left: 0; margin-right: 0;}
/* .ipdashboard .ipdashboardcontainer .assesment_area .row .assesment_inner{border:solid 1px #dddddd; padding: 10px;
 display: flex; height: 100%; flex-direction: column;} */



.dragdropmaindiv{display: flex; flex-direction: row; float: left; width: 100%;}
.dragdropmaindiv .dragdropcards{display: flex; flex:1; float: none !important; width: auto !important;}
.dragdropmaindiv .dragdropanscontainer{display: flex !important; flex:1 !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .dragdropmaindiv .dragdropcards{width: auto !important; position: relative;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .dragdropmaindiv .dragdropcards.text_dragdropcards .draggable-objects li{width: auto !important; margin-left: 0px;}
.pop_quiz_div .drag-n-drop_container .dragdropmaindiv .dragdropcards.text_dragdropcards .draggable-objects .dragdroptextmiddle{padding: 0 5px;}
.dragdropmaindiv .draggable-objects li{position: absolute !important; margin-right: 0 !important;}
.pop_quiz_div .dragdropmaindiv .dragdropanscontainer [ng-drop]{margin-left: 5px !important; margin-right: 0 !important;}
#custommmoverlay .videoquizcontainer.iframeclass .pop_quiz_div .drag-n-drop_container .dragdropmaindiv .dragdropcards.text_dragdropcards .draggable-objects li{height: 120px !important; width: 100% !important;}
.pop_quiz_div .drag-n-drop_container .dragdropmaindiv .dragdropcards.text_dragdropcards .draggable-objects .dragdroptextmiddle{font-size: 12px; line-height: 14px;}
.pop_quiz_div .drag-n-drop_container .draggable-objects li{width: 100% !important;}

.video-js .displaynone{display: none !important;}

.quiztemplate .onlycheckbox .item-radio input:checked+.radio-content .item-content{background: transparent !important;}
.quiztemplate .lessonnewquizstyles .form-group .list label{border:dashed 1px #828282 !important;}
.quiztemplate .lessonquizmain .item-radio .radio-icon{padding:4px;}
.quiztemplate .onlyradio .item.activated_wrong .ion-checkmark:before, .quiztemplate .onlyradio .item.activated_correct .ion-checkmark:before{font-size: 16px;}
.quiztemplate .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding-right: 25px !important;}
.quiztemplate .picquiz.lessonquizmain .item-radio .radio-icon{display: block !important;}
.aacoaching .quiztemplate .lessonquizmain .list .item .item{margin-bottom: 5px !important;}


.bcidashboard.surveydashboard .organisationname{height: 50px; width: 70%; margin:auto; vertical-align: middle; display: table;}
.bcidashboard.surveydashboard .organisationname h3{vertical-align: middle; display: table-cell; font-size: 14px;
 text-transform: none; font-family: 'gt_walsheimlight' !important; text-align: center; line-height: 20px;}
.modal-backdrop .geomappopup{background: #fff; width: 400px !important; margin:auto; font-family: 'helveticaregular' !important;}
.modal-backdrop .geomappopup #MGmap{width: 100% !important; height: 300px !important;}
.active .modal-backdrop-bg{opacity: 0 !important;}
.modal-backdrop .geomappopup input{border:solid 1px #e8e8e8; font-family: 'helveticaregular'; padding: 5px; height: auto; width: 250px;}
.modal-backdrop .geomappopup .titleclass{float: left; margin-right: 10px; width: 100px;}
.modal-backdrop .geomappopup .maptitles{display: flex; margin-bottom: 10px;}
.modal-backdrop .geomappopup .mapdetails{padding: 10px;}
.modal-backdrop .geomappopup .mapdetails button{border:none; background: #10b872; border-radius: 4px; color: #fff; padding: 5px 10px; 
  margin:20px 10px 0 0;}
.modal-backdrop .geomappopup .mapdetails button:last-child{background:#f98a00;}
.modal-backdrop .geomappopup{position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 450px;}
.geomapbtn{background: #10b872; border:none; padding: 5px 10px; color: #fff; border-radius: 4px; margin-bottom: 30px;}
.geomap .ion-close-circled{position: absolute; right: -10px; top: -10px; z-index: 9999; color: #ff0000; background: #ffffff; 
  font-size: 18px; border-radius: 100%; width: 18px; height: 18px; text-align: center; line-height: 18px;}
.geomap{position: relative; padding: 5px; border: solid 1px #e4e4e4; margin-bottom: 15px; float: left;
    margin-right: 5px;}
.formly-field-geo-fencing .clear{clear: both !important;}
.aacoaching .formly-field.formly-field-geo-fencing{margin-right: 0 !important; width: 100% !important; margin-bottom: 30px !important;}
.geomap{width: 48% !important; margin:0 1% 15px 1%; font-family: 'helveticaregular' !important;}
.geomap map{width: 100% !important;}
.geomap .gm-svpc{top: 30px !important;}
.myprofile .dynamicprofilepage .geomap map button{background: #fff !important;}
.geomap .gmnoprint .gm-style-mtc div{height: auto !important; font-size: 14px !important; font-family: 'helveticaregular' !important;
 padding: 5px !important;}
.gmnoprint .gm-style-cc, .gmnoprint.gm-style-cc, .gm-style-cc{display: none;}
.gm-style a img{display: none;}

.maincontainerdiv.graphsdiv .bottom25{margin-bottom: 25px;}
.maincontainerdiv.graphsdiv .bottom20{margin-bottom: 0px !important;}

.survey-report-table td{white-space: nowrap; padding: 5px 10px; vertical-align: middle;}
.survey-report-table .ip-column, .survey-report-table .barriers-rating, .survey-report-table .name-column{min-width: auto !important; max-width: none !important;}
.survey-report-table thead td{font-weight: 700;}
.survey-report-table .survey-report-fixwidth{min-width: 250px !important; max-width: 250px !important; white-space: normal !important;}
text-accessbility-buttons button[disabled]{cursor: not-allowed !important;}
.appsurvey .learning-report-table table td{padding: 5px 10px !important; border: none; border-bottom: solid 1px #dddddd; line-height: 18px;
 vertical-align: middle !important;}
.appsurvey .learning-report-table td{min-width: 50px;}
.appsurvey .ip-column{min-width: 150px !important; max-width: 150px !important;}

.myprofile .dynamicprofilepage .formly-field-geo-fencing button{background: #fff !important;  font-family: 'helveticaregular' !important;}
.myprofile .dynamicprofilepage .formly-field-geo-fencing button.clearbtn{background: #e6e6e6 !important;  font-family: 'helveticaregular' !important;
border-radius: 4px; padding: 5px 12px;}

.formly-field-geo-fencing .gmnoprint .gm-style-mtc div{height: auto !important; font-size: 14px !important; font-family: 'helveticaregular' !important;
 padding: 5px !important;}
.formly-field-geo-fencing .clearbtn{background: transparent !important; border:none; margin-right: 5px;}
.myprofile .dynamicprofilepage .formly-field-geo-fencing button{font-size: 14px !important;}
.myprofile .dynamicprofilepage .formly-field-geo-fencing .createbtn{background: #10b872 !important; color: #fff; border:none;
 padding: 5px 8px; border-radius: 4px;}
.myprofile .dynamicprofilepage .formly-field-geo-fencing .stopbtn{background:#f98a00 !important; color: #fff; border:none; padding: 5px 8px; border-radius: 4px;
  margin-left: 5px;}
.mapgeoform{width: 100%;}
.mapgeoform map{width: 100% !important; height:350px !important; float: left !important; margin-bottom:15px;}
.mapgeoform .geovalue{float:left; margin-left: 5px;}
.mapgeoform .geovalue span{display: inline-block; margin-right: 10px; margin-bottom:15px; font-size: 14px; font-weight: 700;  border:dashed 1px #ccc; 
  padding:5px 15px; border-radius: 30px; font-size: 12px; background: #f9f9f9; font-family: 'helveticaregular' !important;}
.formly-field-geo-fencing md-radio-button{float:left; display: inline-block; margin-right: 15px;}
.formly-field-geo-fencing md-radio-button.md-default-theme .md-on, .formly-field-geo-fencing md-radio-button .md-on{background: #10b872;}
.formly-field-geo-fencing md-radio-button.md-default-theme.md-checked .md-off, .formly-field-geo-fencing md-radio-button.md-checked .md-off{border-color: #10b872;}
.mapgeoform .geovalue span b{font-weight: normal !important;}


.surveydashboard .xlexportbtn .dsexport{font-size: 12px; margin-left: 20px;}
.ipwisedata .templatedivwidth{flex-direction: column; padding: 0px;}
.ipwisedata .titlecol, .ipwisedata .valuecol{width: 48%; float: left;}
.ipwisedata .templateheader{display: flex !important; flex-direction: row !important;}
.ipwisedata table td{padding:2px 6px; border: solid 1px #e0e0e0; border-left:none; border-right:none; font-family: 'helveticaregular' !important;}
.ipwisedata .tablehead{font-weight: 700;}
.ipwisedata .valuetd{text-align: right; width: 50px;}
.ipwisedata .tablehead{border-top:none;}

.withfavicon .favicon{position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: 999999; border-radius: 0 0 0px 10px;}
.withfavicon .favicon a{color: #fff !important; min-height: 30px !important; max-height: 30px;}
.withfavicon .favicon a.button-icon.icon:before{font-size: 20px; margin-top: 0; line-height: 30px;}
.ng-toast__list .alert.alert-info{background: #000 !important; color: #fff !important; border:none !important; font-family: 'helveticaregular' !important;}

.profile.profileedit .ecd-col.maincontainer:first-child{margin-top: 0;}
/* .profile.profileedit md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){min-height: 100%;} */
.profile.profileedit md-content{min-height: 100% !important;}
/* .profile.profileedit .profiletabtabs{height: 100%;} */
.profilemainheading{font-size: 18px;font-family: 'helveticaregular' !important; text-transform: capitalize;}
.profile.profileedit.customscroll .categorymaincls h3{margin-top: 30px; margin-bottom: 10px;}
.profile.profileedit.customscroll .categorymaincls h3:first-child{margin-top: 0 !important;}
.profile.profileedit .owl-carousel.owl-loaded{margin-bottom: 30px;}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar{background: none !important;}
.profile.profileedit .categorymaincls{width: 100% !important;}
.playincreasetext{display: flex; justify-content: flex-start; align-items: center; height: 30px;}
.playincreasetext .font-size-btns{top: 0; margin-left: 20px;}
.course_detail .course_type_count{margin-bottom: 35px;}
.playincreasetext img{width: 30px;}
.nocoursefound p{width: 100%; text-align: center; font-family: 'helveticaregular' !important; font-size: 16px;}
.xlexportbtn .dsexport .fa-file-excel-o{font-size: 16px !important; margin-right: 2px; color: #03a933;}
.playincreasetext{margin-top: 15px;}


.viewformdataform .viewformdisrow .viewformmode .mainquestioncontainer.customviewform .labeltitle{width: 200px !important;}
.viewformdataform.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle{width: 200px !important; font-family: 'helveticaregular' !important;}
.viewformdataform.campaign-main .viewformdisrow .viewformmode .detaildescription{width: auto !important;}
.viewformeditdel.addeditbtns .mt-4{margin-top: 0 !important;}
.profile.viewformdata .tab-on_going-content .d-flex.view-form-data-btns .print_pdf{margin-right: 100px;}

.course_detail.coursedetails_ui .course-card{border:none !important;}
.repeatsectionstyles.repeatsection-wrap .product-details-container .repeatsection .formly{flex-wrap: wrap !important;}
.forms .product_details .repeatsectionstyles.repeatsection-wrap .repeatsection {padding:10px !important;
    box-shadow: 0px 12px 7px -6px rgba(0, 0, 0, 0.12) !important; border: solid 1px #ececec !important;
    margin-bottom: 25px !important; }
.product_details .repeatsection-wrap .repeatsection .emptydiv{position: absolute !important; top: 5px !important;
 right: 5px !important;}
.repeatsection-wrap .product-details-container .repeatsection .formly-field-geo-fencing{padding-right: 0 !important;}
.formly-field.formly-field-repeatSection{margin-right: 0 !important;}
.lessonnewquizstyles .repeatsection-wrap .product-details-container .repeatsection .showlabel label{font-family: 'helveticaregular' !important; font-size: 14px !important;}
.repeatsection-wrap .product-details-container .repeatsection .formly-field .mainquestioncontainer{margin-bottom:20px !important;}



.modal-backdrop.active .modal-wrapper .blank_modal.blank_modal_askq.modal{display: block; height: 100%;}
.modal-backdrop.active .ask_mentor .dashboard_languages_div .languages{margin-left: 0;}
.blank_modal.blank_modal_askq .contents .text-container form textarea{border-radius: 5px; padding: 10px; font-family: 'helveticaregular'; margin-bottom: 15px;}
.modal-backdrop.active .dashboard_languages_div .ui-select-bootstrap>.ui-select-match>.btn{font-family: 'helveticaregular';}

.topiccontent.tile_view.topicstemp .contents{margin-top: 0 !important;}
.topiccontent.tile_view.topicstemp .has-header{top: 50px;}
.topiccontent.tile_view.topicstemp .row{max-width: none !important;}
.topiccontent.tile_view.topicstemp .scroll{width: 100% !important; margin:auto;}
/*.topiccontent.tile_view.topicstemp{width: 60%; margin: auto;}*/
.topiccontent.tile_view.topicstemp .newtopicdesign{display: flex; flex-direction: row;
    justify-content: flex-start; flex-wrap: wrap;}
.topiccontent.tile_view.topicstemp .row .col{/*max-width: none !important;*/ padding: auto !important;}
.topiccontent.tile_view .contents .main-content{width: 100% !important;}
.topiccontent.tile_view .contents .row{padding: auto !important;}

.course_content .content-block .tab-nav a.tab-item{margin-right: 0;}
.w150{min-width: 150px; max-width: 150px;}

.casestudycustom.main-content .row{flex-wrap: nowrap; display: flex; margin-right: 0; margin-left: 0;}
.modal-backdrop.active .modal-wrapper .modal{display: block; min-height: 100% !important;}
.casestudycustom.main-content .card .item:last-child, .quiz_mcq.customimagequiz .content-block .row.picturechoice .card .item{margin-bottom: 0 !important;}
.casestudycustom.main-content .card .item h4, .quiz_mcq.customimagequiz .content-block .row.picturechoice .card .item h4{font-family: 'helveticaregular' !important;}
.blank_modal .blank_modal_article .lessonpopupcontainer.text-container p{font-family: 'helveticaregular' !important;}
.video-flex-container, .lesson-component.maincont.disable_quiz_scroll{height: 100%;}
.quiz_mcq.customimagequiz .content-block .row.picturechoice{margin-right: 0; margin-left: 0;}
.quiz_mcq.customimagequiz .content-block .row.picturechoice .card .item h4{padding: 0.7em 0;}
.customimagequiz.quiz_mcq .main-content .card .item img{width: 100% !important;}

/*.quiztemplate.interactivequiz [ng-drop]{background: transparent; margin:0; border:none;}*/
/*.quiztemplate.interactivequiz .drag_drop .main-content .buckets .right_bucket .card, .quiztemplate.interactivequiz .drag_drop .main-content .buckets .wrong_bucket .card{vertical-align: middle; display: table; width: 100%;}
.quiztemplate.interactivequiz .drag_drop .main-content .buckets .card .answer{position: static; vertical-align: middle; display: table-cell;}*/


.quiz_mcq.customimagequiz .content-block .subhead{margin:0 !important;}
.interactivequiz .quiz_mcq.customimagequiz .main-content .card{margin-top: 0 !important; margin-bottom: 10px !important;
 box-shadow: 1px 0px 10px 1px rgba(0, 0, 0, 0.2) !important;}
.interactivequiz .quiz_mcq.customimagequiz .content-block .quizbg{background: transparent !important; box-shadow: none;}
.drag_drop .main-content{background: transparent !important;}
.swipe_left_right .drag_drop .main-content h5.info{color: #999; font-family: 'helveticaregular' !important;}
.interactivequiz .drag_drop .main-content .drag_question{width: 155px; padding: 4px; border-radius: 5px;}
.quiztemplate.interactivequiz .bar-ecd-footer{padding: 0; bottom: 35px; right: 0px !important; height: 30px;
    width:65px !important; left: auto;}
.quiztemplate.interactivequiz .bar-ecd-footer .button-ecd{margin:0;}
.quiztemplate.interactivequiz .bar-ecd-footer .button-ecd{padding: 0px 15px; border-radius: 20px; font-size: 16px;
    height: 30px; line-height: 30px; background: #14a267; font-family: 'helveticaregular' !important;}
.quiztemplate.interactivequiz .drag_drop .main-content .buckets .card .answer{top:calc(90% - 110px);}
.quiztemplate.interactivequiz.swipe_left_right .main-content h4.info{color: #666; font-family: 'helveticaregular' !important;
text-transform: none;}
.quiztemplate.interactivequiz.swipe_left_right .stack swipe-card{font-family: 'helveticaregular' !important;}
.swipe_left_right .main-content h5.info, .swipe_left_right .main-content #questions .drag_question span{font-family: 'helveticaregular' !important;}
.quiztemplate.interactivequiz .main-content .row.swipers{width: 100%; margin:0;}
.swipe_left_right .row .col h4{font-family: 'helveticaregular' !important; margin-top: 10px;}
.swipe_left_right .case_studies .row .col h4, .swipe_left_right .quiz_mcq.customimagequiz .row .col h4{margin-top: 0;}
.gradientbackground .scroll-content{position: static;}
.imageslidermain.slider .slider-slide, .imageslidermain.slider .content-blocks .lesson-component.maincont{background: transparent !important;}
.theme3 .imageslidermain.slider .onboard .board{margin:auto !important;}
.gradientbackground p .high{font-family: 'helveticaregular' !important;}
.gradientbackground p{font-size: 20px !important;}

/* .lessoncontent.lesson_content .bluetheme.video-flex-container .lesson-img{min-height: 250px !important;} */
.gradientbackground .slider-pager{height: 25px;}
.tile_view .contents .row .markcomplete i{color:#fff !important;}

.formly-field-radio .mainquestioncontainer .lessonquizmain.withimages{width: auto !important; min-width: auto !important;}
.formly-field-radio .mainquestioncontainer .picquiz.withimages .attachment{width: auto !important; min-width: auto !important;}
.formly-field.formly-field-group .row.formly{align-items: baseline;}
.formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages .attachment img{margin-top: 0; border-radius: 0 !important; height: 50px !important; width: auto !important;
 background: transparent !important; padding: 0 !important;}
.formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages .attachment{/*width: 50px !important; height:45px !important;*/ }
.formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages .listname .optiontitle{display: none;}
.formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages .list .radio-icon{display: none !important;}
.formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages .list .selectedans .lessonlabel .item.item-radio{
  background: #5468FF !important;}
.formly-field.imgsmall.formly-field-radio .form-group .list .lessonlabel label{border:none !important;}

.grid-ui-control.viewspage .gridview .text-uppercase.pull-left{float: none !important; padding-left: 0 !important;}

.viewformdata .viewformpane .custommobileview section.forms-inner .simform-inner .dynamicprofilepage .formly-field.formly-field-group .row.formly{flex-direction: column; border:none;}
.viewformdata .viewformpane .custommobileview section.forms-inner .simform-inner .dynamicprofilepage .formly-field.formly-field-group .row.formly .formly-field{max-width: 100% !important;}
.form_layout .formly-field{margin-right: 0 !important;}
.repeatsectionlegend.nofieldset .repeatsectionstyles .formly-field.formly-field-radio .flex-row.onlycheckbox.optiondivs .picquiz.mb-2{margin-bottom: 0 !important;}
.form_layout .formly-field .form-group .mainquestioncontainer input{max-width: 100% !important;}
.form_layout .genderfield .mainquestioncontainer{top: 5px;}
.form_layout .repeatsectionstyles .product-details-container .eachlabel{padding: 0 !important;}
.form_layout .repeatsectionstyles .product-details-container .repeatsection .formly-field{padding: 0 !important; margin-right: 5px !important;}
.viewformdata .viewformpane .custommobileview section.forms-inner .simform-inner .dynamicprofilepage .formly-field.formly-field-group .row.formly .formly-field-viewtextarea .viewrightlabel{
  float: right; width: calc(100% - 245px);}
.form_layout .viewformdata .layoutviewformdata .formly-field-group .row{margin-left: 0; margin-right: 0;}
.form_layout .viewformdata .layoutviewformdata .formly-field-group .row .formly-field{margin-bottom: 0 !important; padding: 0;}
.viewcheckboxoptions{width: calc(100% - 25px); display: flex; flex-wrap: wrap;}

.viewformdataprinteditdel{float: left !important; width: 100% !important; display: block !important;}
.form_layout .viewformdata .layoutviewformdata{float: left; width: 100%;}
.layoutviewformdata .view-form-data-btns{top: 15px;}
.formly-field-picturegeo .picturegeo .pic-jio .uploadedimage{margin-bottom: 15px;}

.db-footer span{font-family: 'helveticaregular' !important; margin-right: 5px; line-height: 21px;}

.product_details fieldset .product-details-container{padding-bottom:0px !important;}
.globalpage.activity-calendar.pane .container-fluid.mb-3{margin-bottom: 50px !important;}

.newcardstyle .headingtitle{color: #10b872; font-family: 'helveticaregular' !important;}
.newcardstyle .lessonheading .countno{background: #def3ea; font-family: 'helveticaregular' !important; font-size: 16px; margin-right: 5px;
 width: 30px; height: 30px; line-height: 30px;}
.newcardstyle .lessonheading{font-size: 16px; margin-bottom: 15px;}
.newcardstyle .lessoncontainerdiv{height: 40px; margin-bottom: 10px;}
.themecolor .owl-item .roundedcardmain.newcardstyle{height: 100% !important;}

.formly-field.genderfield.formly-field-radio .mainquestioncontainer{top: 5px !important;}
.staticgeofencing{border-bottom: solid 1px #ccc; padding-bottom: 15px;}
.viewformdisrow .viewformdatarepeat .customstyletable #resp-table{border-top: none;}
.staticgeofencing label{margin-top: 15px;}
.staticgeofencing map{width: 100% !important; min-height: 300px; margin-bottom: 10px;}
.staticgeofencingrepeat i{font-size: 20px !important; color: #ce1f11;}
.formly-field.col-sm-12.formly-field-viewgeo-fencing{padding: 0; margin-bottom: 15px !important; border-bottom: solid 1px #ccc;}
.formly-field-viewgeo-fencing .showlabel label{color: #10b872 !important; font-size: 16px;
    font-family: 'gt_walsheimlight' !important; font-weight: 700; margin-top: 15px;}
.formly-field.col-sm-12.formly-field-viewgeo-fencing map{margin-bottom: 15px;}
.viewformpane .viewformeditdel .formly-field.col-sm-12{padding: 0 !important;}
.viewformpane .formly-field-viewradio .withimages{background: transparent; border: none; margin: 0;
    padding: 0; border-radius: 0; color: #ccc;}
.geomappopup.geomap{padding: 15px; width: 40% !important;}
.geomappopup.geomap map{width: 100%; min-height: 350px;}
.formly-field.formly-field-viewpicturegeo .pic-jeo-single{width:100px; height: auto;}
.formly-field.formly-field-viewpicturegeo .titlequestion{display: flex;}
.geomappopup.geomap .ion-close-circled{width: 30px; height: 30px; font-size: 30px;}
.viewformeditdelformly .formly-field.col-sm-12{padding-right: 0; padding-left:0;}
.repeatsectablecells{margin-bottom:5px;}
.modal-backdrop.active .geomappopup.geomap .geovalue{margin-top: 15px;}
.viewformdisrow .viewformmode .mainquestioncontainer.correctionss.viewformdatarepeat #resp-table .resp-table-row .table-body-cell{border-bottom: solid 1px #f1f1f1;}
.viewformdisrow .viewformmode .mainquestioncontainer.correctionss.viewformdatarepeat #resp-table .resp-table-row:last-child .table-body-cell{border:none;}


.form_layout .nofluidclass .product_details .repeatsectionlegend .printlabel .eachlabel{margin: 0; min-width: 150px; margin-right: 5px;}
.form_layout .nofluidclass .product_details .repeatsectionlegend .printlabel .eachlabel .showlabel label{padding-left: 0;}
.form_layout .module_quizz .repeatsection .formly-field{margin: 0;}
.form_layout .module_quizz .repeatsection .formly-field .form-group .mainquestioncontainer input{min-width: 150px;}
.form_layout .module_quizz .repeatsection .formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input{min-width: 115px !important;}
.form_layout .gridview .filtersrow .accordion .formly-field{margin-right: 5px !important;}

.form_layout .registrationformlyform .tabsetmain.baselinetabs .tabformlyform.formly .formly-field-group{width: auto !important;} 
.form_layout .registrationformlyform .tabsetmain.baselinetabs .tabformlyform.formly .formly-field-group .row{width: auto !important;}
.form_layout .registrationformlyform .tabsetmain.baselinetabs .tabformlyform.formly{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: baseline;}
.form_layout .registrationformlyform .tabsetmain.baselinetabs .tabformlyform.formly .formly-field-group .row .formly-field{width: 100% !important;
 max-width: none !important; flex:100%;}
.form_layout .registrationformlyform .tabsetmain.baselinetabs .tabformlyform.formly .formly-field-group .row .formly-field input{width: auto !important;
 min-width: auto !important;}
.form_layout .registrationformlyform .tabsetmain.baselinetabs .tabformlyform.formly .formly-field-group .row .formly-field .md-datepicker-input-container input{min-width: 115px !important;}

.form_layout .viewbaselineformly md-tabs-canvas{height: 48px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .row-flex div{max-width: 100% !important; flex:100% !important; padding: 0;}
.form_layout .viewbaselineformly .profilecontainer div:first-child{margin-right: 0;}
.ipdashboard .viewbaselineformly md-tabs.md-dynamic-height md-tabs-content-wrapper{padding:1rem !important; margin-top: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets .showlabel{width: 200px !important; float: left;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets{border-bottom: solid 1px #ccc; padding-bottom: 5px; font-weight: normal;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field{padding-right: 0 !important; padding-left: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness{margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field .viewleftlabel{margin-right: 0; font-family: 'helveticaregular' !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field .devidercol{font-weight: 600;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .form-group{border-bottom: solid 1px #ccc; padding-bottom: 5px; font-weight: normal;} 
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecontainer{margin-bottom: 0;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel{display: flex;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .lblforaudio{margin-right: 0; margin-bottom: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .radio-content .item-content{padding: 0 !important; background: transparent !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .onlycheckbox .list label{background:transparent !important; border:none !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewinput .form-group{margin-bottom: 5px; display: inline-block; width: 100%;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .form-group{margin-bottom: 5px; display: inline-block; width: 100%;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewcheckbox .form-group{margin-bottom: 5px; display: inline-block; width: 100%;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewcheckbox{border:none;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewdate .form-group{margin-bottom: 5px !important; display: inline-block; width: 100%;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .radio-content .listname.input-label{color: #000 !important;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets{font-family: 'helveticaregular' !important;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecomplete .profilecompletetitle{width: 200px; flex:auto !important; min-width: 200px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecomplete .percompleted span{left: 30px !important;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecomplete{border-bottom: solid 1px #ccc; padding-bottom: 5px; margin-bottom: 5px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecomplete .percompleted{margin-bottom: 5px;}

.form_layout .aacoaching .formly-field-select .ui-select-container{width: 100% !important;}
.questiongroupdesc{font-family: 'helveticaregular' !important; font-size: 12px; font-style: italic;}
.ui-grid-footer.ui-grid-footer-viewport .ui-grid-cell-contents{height: auto;}

.tabsetmain.baselinetabs .md-padding{padding: 0 !important;}
.tabsetmain.baselinetabs md-tabs.md-primary>md-tabs-wrapper{background: transparent !important; border:none; box-shadow: 1px 6px 7px 0px #ececec; z-index: 9999;}
.tabsetmain.baselinetabs .md-tab{color: #484848 !important; line-height: 22px; font-size: 18px !important;
    font-family: 'helveticaregular' !important; text-transform: none;}
.tabsetmain.baselinetabs md-tabs md-ink-bar{background: #14a267; height: 5px;}
.tabsetmain.baselinetabs md-tab-content{
  padding: 5px 10px;
}
.tabsetmain.baselinetabs md-tabs{height: 100%; position: static;}
/*.tabsetmain.baselinetabs .customfilters .accordion .card .formly-field{float: left !important;}*/

.profiledetailinfo.shadow table tr td{
  /* width: 50%;  */
  padding: 6px !important;
}
.profiledetailinfo.shadow table tr td:first-child{font-weight: bold;}
.profile .contents .profile_info.newprofiledesign .button.button-ecd{min-height: auto !important; padding: 5px 25px !important; line-height: 20px !important;
    border-radius: 5px; height: auto; text-transform: none !important;}
.globalfeedback .formly-field.formly-field-grid .form-group .showlabel label{font-weight: 600; font-size: 16px !important;}
.globalfeedback #resp-table-header .table-header-cell, .globalfeedback #resp-table-header .table-header-cell:nth-child(2){font-weight: 600 !important; font-size: 14px !important;}

.formly-field-qr_code_scanner .scancontainer{width: auto !important;}
/* dashboardicons */
.forms-main .nocontentscroll.customregistration.forms.noscrollcontent .has-header{margin-top: 0px !important;}
.noscrollcontent .tabsetmain.baselinetabs md-tab-content .mintabheight{min-height: calc(100vh - 160px);}
.customfilters .accordion .card .formly-field.formly-field-group{float: none !important;}
.noscrollcontent .customfilters .accordion .card .formly-field{float: none !important; width: 100%;}
.noscrollcontent .customfilters .accordion .card .formly-field-group .display-flex .formly-field{float: left !important; display: block !important; width: auto !important;}
.noscrollcontent .globalfeedbackbtn.pb-4{padding: 0 !important; margin:0 !important;}


/*.noscrollcontent md-tabs-content-wrapper{overflow: visible !important; height: 100vh !important;}
.noscrollcontent .custommobileview.aacoaching{height: 100vh; overflow: visible;}
.noscrollcontent .tabsetmain.baselinetabs md-tabs{height: 100vh; overflow: visible !important;;}
.noscrollcontent .tabsetmain.baselinetabs md-tab-content{overflow: hidden !important;}*/

.newfooterstyle .db-footer.text-left{float:left;}
.newfooterstyle .db-footer.text-right{float:right;}


.noscrollcontent .tabsetmain.baselinetabs md-tabs-canvas .md-tab img{vertical-align: top; margin:0 5px; height: 25px !important; width: 25px !important;}
.aacoaching .repeatsection .w200 .ui-select-container{width: 100% !important; max-width: none !important;}
.iosscroll.forms.newheader.forms-main .repeatsectionstyles .repeatsection .formly{justify-content: start;}

.accordion.shadow-sm .select2-results .select2-result-label{font-size: 14px;}

 .ileap-dc .filtersscroll .accordion.shadow-sm .clearall{font-family: 'helveticaregular' !important; font-size: 14px;}

.opensurvey .dynamicprofilepage.lessonnewquizstyles{display: block !important;}
.formly-field-welcomescreen .welcometitle, .formly-field-thankyouscreen .welcometitle{font-size: 30px; margin-bottom:10px; font-weight: 700;}
.formly-field-welcomescreen .welcomeimg{height:120px; margin-bottom: 20px; width: 100%;}
.formly-field-thankyouscreen .welcomeimg{width:80px; margin-bottom: 20px;}
.enterskipbtns{margin-top: 30px;}
.enterskipbtns button{border:none; padding: 5px 20px; color: #fff; border-radius: 4px;}
.enterskipbtns span{margin-left: 25px; color: #676767;}
.myprofile .dynamicprofilepage .enterskipbtns button{background: #13c276 !important;}
.opensurvey .globalfeedback .subgroupthree{font-size: 16px !important;}
.opensurvey.forms .mainquestioncontainer .showlabel label, .opensurvey.forms .mainquestioncontainer .showlabel label span{font-size: 16px !important;
width: calc(100% - 35px) !important; font-family: 'helveticaregular' !important;}
.opensurvey.forms .formly-field .showlabel label{width: calc(100% - 35px) !important; font-family: 'helveticaregular' !important; font-weight: normal !important;}
.opensurvey .globalfeedback .subgroupthree{font-weight: normal !important; font-family: 'helveticaregular' !important;}
.opensurvey.forms .message{margin-top: -10px !important;}


.lessonnewquizstyles.show_question_numbers .mainquestioncontainer .message{margin-left: 20px;}
.ui-grid-contents-wrapper .usernotes{padding: 5px 10px;}

.lessonowl .newcontainer{margin-top: 60px;}
.lessonowl .lamborghini .Diablo{right: 0 !important;}
 .themecolor .lamborghini .gallardo{color: #fff !important;}
.lessonowl .lamborghini .Diablo{display: inline-block !important;}

/* .altertopics .topicicon img {
    width: 100% !important;
    height: 100% !important;
} */

.col-sm-6.gendergraph.sidebyside.c3{margin-left: -30px;}

.formly-field.formly-field-welcomescreen .welcomescreen, .formly-field.formly-field-thankyouscreen{height: calc(100vh - 85px); vertical-align: middle; display: table-cell; width: 100vw;
text-align: center; font-family: 'helveticaregular'; font-size: 16px;}
.formly-field.formly-field-welcomescreen .welcomescreen.minimalwelcome{height:auto !important;}


.customregistration.myprofile.altertopics.topicstylescontent .scroll{margin-top: 60px !important; padding:15px !important;}
.has-header.lesson-content-warpper.bg-white{top: 55px !important;}
.has-header.lesson-content-warpper.bg-white .bluetheme.video-flex-container .lesson-img{margin-top: 0 !important;}

.ipdashboard.mentordashboard.mentor-circles-cards .table-custom table.table{background:#fff;}
.ipdashboard.mentordashboard.mentor-circles-cards .searchbar .searchbar-input{background: transparent;}
.bg-white md-content.trainingdb, .ipdashboard.mentordashboard.mentor-circles-cards .bg-white md-content{background: #fff !important;}
#ffbaseline.table-custom .table thead th{font-size: 14px !important; background: #f5f5f5; padding: 6px !important; border:solid 1px #e2e2e2 !important;}
#ffbaseline.table-custom .table td{border:solid 1px #eaeaea !important; font-size: 14px !important; padding: 6px !important; font-family: 'helveticaregular' !important;}
/* .table-custom .table .learnername{font-size: 16px !important;} */
#ffbaseline.table-custom .table-striped tbody tr:nth-of-type(odd){background: #fff !important;}
.ipdashboard.mentordashboard.mentor-circles-cards .shadow.bg-white md-content{min-height: auto !important;}
.ipdashboard.mentordashboard.mentor-circles-cards .shadow.bg-white md-content .md-padding.facilitators._md .paginationselect{margin-bottom: 10px;}

.tabsetmain.baselinetabs md-tabs-canvas, .tabsetmain.baselinetabs md-tab-content{background: #fff !important;}


.lessonowl.themecolor .altertopics .statictext .lesstionpicmain .lessontopics{align-items: start;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain .lessontopics .topicicon img{width: 180px; height: 120px;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain .lessontopics .topictitle{padding-right: 0 !important;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain{margin-top: 0; padding-top: 15px;}

.trainerdashboard.ipdashboard.mcrp_dashboard.pane .card.shadow .tabrightsection{top:12px;}
.trainerdashboard.ipdashboard.mcrp_dashboard.pane .card.shadow .tabrightsection input{background-color: transparent !important;}
.trainerdashboard.ipdashboard.mcrp_dashboard.pane .tabledatacontent .paginationselect{display: flex; margin-top: 15px; margin-left: 15px;}
.trainerdashboard.ipdashboard.mcrp_dashboard.pane .tabledatacontent i.fa{margin-left: 15px; margin-top: 5px;}

.newdesign02.topics .statictext.topicsubtopics{display: inline-block; padding: 0; width: 100%;}
.statictext .lesstionpicmain .lessontopics .topicdetails p i{display: none;}
.statictext.topicsubtopics .lesstionpicmain{margin-top: 15px;}
.statictext.topicsubtopics .lesstionpicmain .lessontopics .topicicon img{width: 180px; height: 120px;}
.statictext.topicsubtopics .lessontopics:nth-child(even){flex-direction: row-reverse;}
.altertopics .statictext.topicsubtopics .topictitle{padding-right: 0 !important;}

.profile.profileedit.customscroll  md-content{background: #fff !important;}
.mentor-circles-cards .mentor_circle_cards.mentorcirclestyles .card .card-body{width: 120px !important; height: 120px !important; font-size: 16px; padding: 0 !important;}
.mentorcirclestyles .row .innermodule{/*box-shadow: 2px 3px 8px 1px #bfbfbf; margin: 0 15px;*/}
.mentor_dashboard_inner.mentorcirclestyles{padding-top: 20px !important;}
.altertopics .statictext .lessontopics .topicicon{border:none;}
.pos-db-container.px-2 .select-year .slect-box-title{line-height: 30px;}

/*.mcrpdashboardtop .pos-db-farmers-count{margin-bottom: 0 !important;}*/
.dashboardgendergraph .gendergraphmobile.sidebyside.floatright{
  padding: 10px; 
  /* margin-top: 65px;  */
  /* height: 225px; */
}
.imgviewgrid .table-responsive{margin-top: 0 !important;}
.imgviewgrid .table-responsive .table-custom td, .imgviewgrid .table-responsive .table-custom th{padding: 6px 10px !important;}

.mentor_dashboard .secondary-title{font-family: 'helveticaregular' !important; color: #333333;
    font-size: 16px; padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03);}
.mentor_dashboard .mentor_dashboard_inner.mentorcirclestyles{padding-top:5px !important;}
.mentor_dashboard .ipdashboardcontainer.baseline_listing_content{height: auto !important;}
.mcrpdash .pos-db-farmers-count-numer p{font-family: 'helveticaregular' !important;}
.imgviewgrid .table-responsive .table-custom td img{width:40px; height:30px;}
.popup-container.maximize-image.carousel-image.popup-showing.active .carousel-inner .carousel-item.active img{width: 100%;}
.popup-container.maximize-image.carousel-image.popup-showing.active .popup{border:solid 5px #fff !important; border-radius: 6px;}
.popup-container.maximize-image.carousel-image.popup-showing.active .popup .popup-buttons{top: -25px; right: -30px;}
.pos-db-farmers-count{width: 100%;}

.mcrp_dashboard .yellowbgnew .pos-db-farmers-count{padding: 0 !important; overflow: hidden; align-items: normal; }
.yellowbgnew .pos-db-farmers-count-numer{flex-direction: row; margin-right: auto; align-items: center;}
.yellowbgnew .pos-db-farmers-count-numer h5{background: #ffcc57; padding:10px; align-items: center; line-height: inherit; height: 100%;
min-width: 50px; text-align: center;}
.yellowbgnew .pos-db-farmers-count img{padding: 5px;}
.yellowbgnew .pos-db-farmers-count-numer p{margin:0 10px;}

.loginsignup .profile_edit .lessonquizmain .list .item{width: 100% !important;}

.mappopover{display: inline-flex; flex-direction: row; justify-content: space-between; width: auto;
    background-color: #ffffff; border: 1px solid #eeeeee; margin-top: auto; border-radius: 4px;
    position: relative; max-width: 630px; min-width: 630px;}
.mappopover .pos-db-body-right{display: none;}
.locationmap{width: 100%; height: 350px;}
.mapaasummary{padding: 0px; position: relative;}
/*.mapcontent{position: absolute; min-width: 480px; right: 0; bottom: 20px; margin: auto 80px 20px auto;
    display: flex; justify-content: flex-end; display: block; max-width: 673px;}*/
.column-1{background-color: #eeeeee; padding: 10px;}
.map-box-profile{width: 65px; height: 65px; border-radius: 100%; background-color: #ffffff; display: flex;
    align-items: center; justify-content: center;}
.map-popup-box-inner{display: flex; flex-direction: column; justify-content: center;
    align-items: center; text-align: center; margin: 5px 0;}
.map-popup-box-inner-title{font-size: 13px;}
.map-popup-box-inner-des{font-size: 13px; font-weight: 600;}
.location-details{position: relative; display: flex; flex-direction: row; align-items: center;
    justify-content: flex-start; height: 100%; padding: 0 0px 0 0px; justify-content: flex-end;}
.map-popup-box-inner{display: flex; flex-direction: column; justify-content: center; align-items: center;
    text-align: center; margin: 8px 0;}
.location-details .mappopover .rightdiv{background-color: #fff; width: 100%;}
.location-details .mappopover .rightdiv .map-popup-box-inner{background-color: #eeeeee; min-width: 140px;
    max-width: 140px; height: 100%; padding: 0px; min-height:60px; margin:8px 2px 2px 8px;}
    .location-details .mappopover .rightdiv.secondcolm .map-popup-box-inner {
      max-width: inherit;
      width: 60%;
    }
.mappopover .column-1{ display: flex; flex-direction: column; /*justify-content: space-between;*/
    align-items: center; max-width: 170px; min-width: 170px;}
.mappopover .column-1 .map-popup-box-inner{margin:10px 0;}
.location-details .mappopover .rightdiv .row{margin-right: 0; margin-left: 0;}
.map-box-profile-circle{width: 50px; height: 50px; border-radius: 100%; margin-top: auto;}
.ipdashboardcontainer #ffbaseline.table-custom .table thead th{border:solid 1px #d8d8d8 !important;}
.ipdashboardcontainer #ffbaseline.table-custom .table td{border:solid 1px #f9f9f9 !important;}


.printeditdelbtn.align-items-end{align-items: flex-end !important;}
.printeditdelbtn.justify-content-end{justify-content: flex-start !important;}
.printeditdelbtn.flex-column-reverse{flex-direction: row-reverse !important; margin-top: 10px !important;}
.printeditdelbtn .view-form-data-btns{top: 0 !important;}
.printeditdelbtn .view-form-data-btns button{font-size: 20px !important;}

.rightdiv .mapnodata{vertical-align: middle; display: table; height: 100%; width: 100%; padding: 25px; text-align: center;}
.rightdiv .mapnodata .title{font-family: 'helveticaregular'; vertical-align: middle; display: table-cell; font-size: 16px;}
.showallopts .mappopover{width: 100% !important; min-width: 100% !important; padding: 15px;}
.location-details.showallopts .mappopover .rightdiv span{font-family: 'helveticaregular'; margin: 5px 0 0 8px;}
.map-close{position: absolute; right: -15px; top: -15px; background: #F44336; border: none; border-radius: 50%;
    width: 25px; height: 25px; color: #fff; z-index: 99;}
/*.location-details.showallopts .mappopover .rightdiv{width: auto !important;}*/

.appdashstyles .top-btns-row{padding: 0; margin: 0; box-shadow: none;}
.appdashstyles .pos-db-farmers-count{margin-bottom:15px; min-height: 65px;}
.appdashstyles .pos-db-item{margin-bottom:15px; min-height: 65px;}
.appdashstyles .profilecard{display: flex; flex-direction: row; align-items: center; 
    padding: 1rem 0; border-right: 1px solid #eee;}
.appdashstyles .profilepiccard{width: 100px; height: 100px; border-radius: 100%; overflow: hidden; border: 1px solid #dedede; 
  /*padding:1rem;*/ max-width: 200px; text-overflow: ellipsis; overflow: hidden;}
.appdashstyles .profilepiccard.staticprofile{padding: 1rem;}
.appdashstyles .profilepiccard img{max-width: 100%; height: auto;}
.appdashstyles .profileinfocard{padding-left: 1rem;  max-width: 100%;}


.appdashstyles .profilecard h4{
  margin: 0px; 
  padding: 0px; 
  /* font-family: 'helveticaregular';  */
  font-size: 16px;
}


.appdashstyles .profilecard h2{
  margin: 0px; 
  padding: 0px; 
  font-size: 20px; 
  font-weight: 500; 
  /* font-family: 'helveticaregular'; */
    display: block; 
    /* white-space: nowrap;  */
    text-overflow: ellipsis; 
    overflow: hidden;
  }

.appdashstyles .personalinfoinnerleft{
  font-size: 15px !important;
  /* font-family: 'helveticaregular'; */
}
.appdashstyles .personalinfoinnerright{
  /* font-family: 'helveticaregular';  */
  font-size: 15px;
}
.appdashstyles .personalinfomain{display: flex; flex-direction: column; margin-top: auto; margin-bottom: auto;
    height: 100%; border-right: 1px solid #eee;}
.appdashstyles .personalinfo{display: flex; flex-direction: row; margin-top: auto; margin-bottom: auto; margin-bottom: 5px;}
.appdashstyles .personalinfo .personalinfoinnerleft{font-size: 16px; text-align: left; width: 35%; padding-right: 2rem;}

.appdashstyles .personalinfo .personalinfoinnerright{
  font-size: 15px !important; 
  font-weight: 500; 
  text-align: left; 
  width: 48%;
}

.appdashstyles .personalinfomain.w-100 .personalinfo .personalinfoinnerleft{font-size: 15px !important;}
.appdashstyles .personalinfomain.w-100 .personalinfo .personalinfoinnerright{font-size: 15px !important;}
.appdashstyles .areainfomain{display: flex; flex-direction: column; margin-top: auto; margin-bottom: auto; height: 100%;}
.appdashstyles .personalinfo{display: flex; flex-direction: row; margin-top: auto; margin-bottom: auto; margin-bottom: 10px;}
.appdashstyles .personalinfo .personalinfoinnerleft{font-size: 15px !important; text-align: left; width: 45%; padding-right:1rem;}
.pt15{padding-top: 15px;}
.pb15{padding-bottom: 15px;}
.contentcontainer .secondary-title{font-size: 16px; font-weight: 700; color: #444444; background: #efefef; padding: 10px;
    margin-bottom: 20px; text-align: left; margin-top: 0;}
.pb15 .bottom-space-50{margin-bottom: 0;}
.appdashstyles .bg-white{border-radius: 6px;}
.badge{display: inline-block; min-width: 10px; padding: 3px 7px; line-height: 1; font-size: 10px; font-weight: 500;
    color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777;
    border-radius: 10px;}
.aaoneview.has-header{padding-top: 75px; top: 0;}
.aaoneviewfilters{line-height: 30px; font-family: 'helveticaregular';}
.tableborderstyles .table-border-left, .tableborderstyles .table-border-right{border:solid 1px #dee2e6 !important;}
.tableborderstyles thead tr th, .tableborderstyles tbody tr td{border:solid 1px #dee2e6 !important;}
.aaoneviewfilters .help-text-top{margin-top: 0; margin-left: 15px; margin-bottom: 0;}
.location-details.showallopts .mappopover .rightdiv.firstcolm{width: 145px !important; box-shadow: 2px 3px 8px 1px #e0e0e0; min-width: 160px; max-width: 150px; 
  margin-right: 15px; border-radius: 5px;}
.location-details.showallopts .mappopover .rightdiv.secondcolm{box-shadow: 2px 3px 8px 1px #e0e0e0; border-radius: 5px;}

.location-details.showallopts .mappopover .rightdiv.firstcolm .map-popup-box-inner{margin:10px 0px 0px 2px;}

.location-details.showallopts .mappopover .rightdiv.secondcolm .map-popup-box-inner{
/* margin:8px 0px 0px 2px; */
margin:6px 0 0px 0;
}

.location-details.showallopts .mappopover .rightdiv .headtitle{background-color: #eee; padding: 5px 10px; width: 100%; display: block; margin: 0;}
.fontbold{font-weight: 600;}


::-webkit-scrollbar {
  display: none;
}
svg g.c3-chart-arc path{stroke:transparent;}
/*.table-with-border .tableborderstyles tr td{padding: 5px !important;}
.ipdashboard .facilitators .table-with-border .tableborderstyles .learnername{padding-bottom: 0 !important;}
.table-with-border .tableborderstyles tbody td, .table-with-border .tableborderstyles thead th{min-width:175px !important;}
.table-with-border tbody::-webkit-scrollbar{display: block !important;}
.table-with-border table {
  position: relative;
  width:100vw !important;
  background-color: #fff;
  overflow: hidden;
  border-collapse: collapse;
}
.table-with-border thead {
  position: relative;
  display: block;
  width: 100vw !important;
  overflow: visible;
}

.table-with-border thead th {
  background-color: #fff;
  min-width: 120px;
  height: 40px;
  border: 1px solid #f1f1f1;
}

.table-with-border thead th:nth-child(2) {
  position: relative;
  display: block;
  background-color: #fff;
}
.table-with-border tbody {
  position: relative;
  display: block;
  width: calc(100vw - 176px);
  height: 239px;
  overflow: scroll;
}

.table-with-border tbody td {
  background-color: transparent;
  min-width: 120px;
  border: 1px solid #f1f1f1;
}

.table-with-border tbody tr td:nth-child(2) {
  position: relative;
  display: block;
  background-color: #f2f2f2;
  height:32px;
}
.table-with-border .table-striped tbody tr:nth-of-type(2n + 2){background-color: #fff;}
.table-with-border tbody tr td:nth-child(1), .table-with-border thead th:nth-child(1){min-width: 50px !important;}*/


.genderinnerdiv{vertical-align: middle; /*display: table-cell;*/}
.ftma-aa-operations .dashboardgendergraph .gendergraphmobile.sidebyside.floatright{vertical-align: middle; display: table; padding-left: 0;}
.genderinnerdiv .maleicon .countcontainer, .genderinnerdiv .femaleicon .countcontainer{text-transform: none !important; width: 85%;}
.genderinnerdiv .maleicon .countcontainer b, .genderinnerdiv .femaleicon .countcontainer b {
  display: block;
  font-weight: normal;
}
.graphtogglediv{position: relative;}
.graphtoggle{position: absolute; top: 10px; z-index: 999999; right: 0;}
.graphtoggle input[type="checkbox"], .graphtoggle input[type="radio"]{position: absolute; opacity: 0; z-index: -1;}
.graphtoggle label{position: relative; display: inline-block; margin-right: 10px; margin-bottom: 10px; padding-left: 30px;
  padding-right: 10px; line-height: 36px; cursor: pointer;}
.graphtoggle label::before{content: " "; position: absolute; top: 6px; left: 0; display: block; width: 24px; height: 24px;
  border: 2px solid #8e44ad; border-radius: 100px; z-index: -1;}
.graphtoggle .topcheck label::before{border: 2px solid #48ab1f;}
.graphtoggle .leastcheck label::before{border: 2px solid #e67c31;}
.graphtoggle input[type="radio"] + .graphtoggle label::before{border-radius: 18px;}
.graphtoggle input[type="checkbox"]:checked + label,
.graphtoggle input[type="radio"]:checked + label{padding-left: 10px; color: #fff;}
.graphtoggle input[type="checkbox"]:checked + label::before,
.graphtoggle input[type="radio"]:checked + label::before{top: 0; width: 100%;
  height: 100%; background: #e67c31;}
.graphtoggle .topcheck input[type="checkbox"]:checked + label::before,
.graphtoggle .topcheck input[type="radio"]:checked + label::before {
  top: 0; width: 100%; height: 100%; background: #48ab1f;}
.graphtoggle .topcheck, .graphtoggle .leastcheck{float: left; /*margin-right: 10px;*/}
.graphtoggle label, .graphtoggle label::before{-webkit-transition: .25s all ease; transition: .25s all ease;}
.graphtogglediv .c3{margin-top: 30px;}
/*.dashboardgendergraph.gendersmallgraph .gendergraphmobile.sidebyside.floatright{height: 290px !important;}*/
.gendersmallgraph .graphtoggle .leastcheck label::before{border:2px solid #47bdef;}
.graphtoggle .topcheck input[type="checkbox"]:checked + label::before,
.gendersmallgraph .graphtoggle .topcheck input[type="radio"]:checked + label::before {background: #bcaed7;}
.gendersmallgraph .graphtoggle .topcheck label::before{border:2px solid #bcaed7;}
.gendersmallgraph .graphtoggle input[type="radio"]:checked + label::before{background: #47bdef;}


/* Estilos generales */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table-container::-webkit-scrollbar{display: block;}
.table-with-border .table-container{overflow-y: auto !important; max-height: 610px;}
/*Table fixed cell styles*/
.table-container {
  overflow: scroll !important;
  position: relative;
}

th,
.fixed-cell, tfoot td{
  background: #eee;
}

.cross {
  position: relative;
  z-index: 1;
}

/*Table fixed cell styles End*/

.graphtoggle.emptydiv{display: block; min-height: 45px;}
.blukuploadbtn{text-align: center; margin:10px 0 20px 0;}
.templateslist p{margin-bottom: 0px;}
.templateslist.transactio-text span{font-size: 18px; line-height: 18px;}

.loaddatacontainer.row{width: 100%;}
.loaddatacontainer.row .data-load-table{width: 100%; overflow: auto; height: 400px; }
.loaddatacontainer.row .col-12{padding: 0;}
.loaddatacontainer.row .data-load-table .table th{white-space: nowrap;}
.loaddatacontainer.row .data-load-table .table th, .loaddatacontainer.row .data-load-table .table td{border:1px solid #dee2e6;}
.loaddatacontainer.row .data-load-table .table th.w400{min-width: 400px;}
.loaddatacontainer.row .data-load-table .table th.w200{min-width: 200px;}
.loaddatacontainer.row .data-load-table::-webkit-scrollbar{display: block !important;}
.newgridui .viewgrid .ui-grid{border: solid 1px #eaeaea !important;}
.newgridui .viewgrid.viewspage.pb-3{padding: 0;}
.newgridui .viewgrid.viewspage .formly-field.formly-field-ui-report-grid{padding: 0; margin: 0;}
.newgridui .viewgrid.viewspage .select2-container .select2-choice, .newgridui .viewgrid.viewspage .select2-drop-active{
  border:1px dashed #10b872 !important;}
.tabsetmain.baselinetabs #tab-content-0 .nofieldset legend{margin-top: 10px;}
.tabsetmain.baselinetabs #tab-content-2 .nofieldset legend{margin-top: -10px;}
/*.ui-grid-contents-wrapper .ui-grid-render-container-body .ui-grid-viewport{overflow-x: hidden !important;}*/ 
.table.table-striped.tableborderstyles{}
.ipdashboardcontainer.baseline_listing_content .tabrightsection .xlexportbtn{padding: 10px;}
.ipdashboardcontainer.baseline_listing_content .tabrightsection .xlexportbtn .dsexport{padding: 0; padding-left: 5px;}
.ipdashboardcontainer.baseline_listing_content .tabrightsection .xlexportbtn .dsexport i{font-size: 18px !important;}

.table-with-border .table.table-striped.tableborderstyles tr th{border:solid 1px #b5bbc1 !important;}

.location-details .mappopover .rightdiv.profcolm .map-popup-box-inner{height: auto;}
.location-details .mappopover .rightdiv.profcolm .map-box-profile{width: 100%;}
.location-details .mappopover .rightdiv.profcolm .map-box-profile-circle{width: 55px; height: 55px; border:solid 1px #ccc;}
.valuechainmulti .colone{background:#ffcc57;}
.valuechainmulti .coltwo{background:#eeeeee;}
.valuechainmulti .pos-db-body{padding: 0;}
.valuechainmulti .pos-db-body .container .row{margin: 0;}
.valuechainmulti .pos-db-body .container{margin: 0; padding: 0;}
.valuechainmulti .pos-db-body .col{margin:0; padding: 5px; /*border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;*/ border: solid 1px #ddd; border-right: none !important;
    border-bottom: none !important}

.aaoneviewfilters.top-right-column .select-year select{font-size: 14px;padding:2px; height: 25px;
    margin-top: 3px;}
.aaoneviewfilters.top-right-column .select-year .slect-box-title{font-size: 14px;}

.videoWrapper.vimeovideo iframe{width: 100% !important;}

.headerdivider{border-left: 1px solid #b3b3b3; background: #b3b3b3; width:2px; height:30px; margin:0 15px;}

.newuidesign .row .innermodule{display: block !important;}
.newuidesign .row .innermodule p{text-align: center; font-family: 'helveticaregular' !important; font-size: 13px; /*text-transform: uppercase;*/ line-height: 18px;}
.newuidesign .pos-db-farmers-count{box-shadow: none; background: #ffdc5a;}
.ftma-aa-operations .transaction-summary-counts.newuidesign .pos-db-farmers-count-numer h5{background: transparent;}
.ftma-aa-operations .transaction-summary-counts.newuidesign .pos-db-farmers-count{padding:15px 10px !important; border-radius: 10px; margin-bottom: 5px !important;}
.ftma-aa-operations .transaction-summary-counts.newuidesign .pos-db-farmers-count img{filter: grayscale(1); padding: 0;}
.newuidesigntrxs .pos-db-body, .newuidesigntrxs .pos-db-footer{display: block; float: left; width: auto;}
.newuidesigntrxs .pos-db-item{display: inline-block; box-shadow: none;}
.newuidesigntrxs .pos-db-body{padding: 0;}
.newuidesigntrxs .pos-db-footer{margin-left:5px;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-left, .newuidesigntrxs .pos-db-footer .pos-db-footer-right{padding: 5px 10px !important;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-left{background: #7f7f7f; color: #fff; border-radius: 4px; margin-bottom: 5px; text-align: center !important; min-width: 95px;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-right{background: #ffdc5a; color: #000; border-radius: 4px; text-align: center !important; min-width: 95px;}
.newuidesigntrxs .pos-db-title{margin-bottom: 10px; font-size: 13px;}
.newuidesigntrxs .indicators .greybg, .newuidesignvc .indicators .greybg{background: #7f7f7f; color: #fff; padding:5px 10px !important; border-radius: 4px; margin-right: 5px;
min-width: auto; font-weight:700;}
.newuidesigntrxs .indicators .yellowbg, .newuidesignvc .indicators .yellowbg{background: #ffdc5a; color: #000; padding:5px 10px !important; border-radius: 4px; margin:0 5px 0 30px;
min-width: auto; font-weight:700; }
.newuidesigntrxs .indicators, .newuidesignvc .indicators{display: flex; align-items: center; margin-left: auto; font-size: 12px; font-family: 'helveticaregular' !important;
 display: none;}
.newuidesignvc .pos-db-item{box-shadow: none; margin-bottom: 30px;}
.newuidesignvc .pos-db-title{font-family: 'helveticaregular' !important; font-size: 14px; color: #000; text-align: center; margin-bottom: 10px;}
.newuidesignvc .pos-db-body{display: block;}
.newuidesignvc .pos-db-body-left{display: flex;}
.newuidesignvc .greybg{background: #7f7f7f; color: #fff; padding:5px 10px !important; border-radius: 4px; margin-right: 5px; min-width:49%; text-align: center;}
.newuidesignvc .yellowbg{background: #ffdc5a; color: #000; padding:5px 10px !important; border-radius: 4px; min-width:48%; text-align: center;}
/*.newuidesignvc .greybg span, .newuidesignvc .yellowbg span{display: none;}*/
.newuidesignvc .os-db-count{font-size: 12px;}
.newuidesignvc .indicators{margin-top:0px; margin-bottom: 5px;}
.notepoints{float: left; width: 100%; margin-top: -20px; font-size: 12px; font-family: 'helveticaregular'}
.indicators.aaoneview{padding-bottom: 15px; justify-content: flex-end;}
.newuidesign .row .innermodule p small{font-size: 100%; text-transform: capitalize;}
.ftma-aa-operations .transaction-summary-counts.newuidesign .ksh{text-transform: capitalize;}
.gendergraphdetails .card{margin-top: 10px;}
.gendergraphdetails .dashboardgendergraph .card-header{background: #f1f1f1;}
.gendergraphdetails .card-header h6{font-size:14px !important;}

.switch{position: relative; display: inline-block; width: 110px; height:35px; margin-left: 5px;
    margin-bottom: 0px; margin-right: -2px;}
.switch input{display: none;}
input:checked+.slider-switch{background-color: #ffffff; /*border: 1px solid #28922f;*/}
.slider-switch.round{border-radius: 34px;}
.slider-switch{position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff;
    transition: .4s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none; border: 1px solid #cccccc;}
input:checked+.slider-switch:before{-webkit-transform: translateX(46px); transform: translateX(46px);
    background-color: #5e5e5e;}
.slider-switch.round:before{border-radius: 34px;}
.slider-switch:before{position: absolute; content: ""; height: 28px; width: 55px; left: 4px;
    bottom: 3px; background-color: #5e5e5e !important; transition: .4s;}
.switch-non{position: absolute; top: 50%; -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%); left: 22px; color: #000000; font-size: 16px;}
input:checked+.slider-switch>.switch-oui{color: #FFF;}
.switch-oui{position: absolute; top: 50%; -webkit-transform: translate(-150%, -50%);
    transform: translate(-150%, -50%); right: -9px; color: #000000;    font-size: 12px;}
input:not(:checked)+.slider-switch>.switch-non{color: #FFF;}
.switchtitle .slect-box-title{line-height: 35px !important;}
.newuidesigntrxs .pos-db-body-right img, .newuidesignvc .pos-db-body-right img{width: 45px !important; margin-bottom: 5px;}
.newuidesigntrxs .pos-db-body{min-width:80px; text-align: center;}
.newuidesigntrxs{padding-top: 10px !important;}
.topfileters .help-text-top{display: block; float: left; width: 100%;}
.reporttable tfoot tr td{font-weight: 700;}

.indicators .indicatordiv{display: flex; align-items: center;}
.lessoncompletetable tr td, .lessoncompletetable tr th{padding: 6px !important; font-size: 14px; 
 font-family: 'helveticaregular' !important;}
.learnergriddata .lessoncompletetable .c_status{text-align: center !important;}
.learners_content .learner-lession-progress{padding-bottom: 0 !important;}
.newuidesignvc .btn.btn-info{background: transparent; padding: 0; color: #000; border:none; font-family: arial !important;
 font-size: 14px; font-weight: 700 !important; box-shadow: none !important;}
.showhidediv .btn-info:not(:disabled):not(.disabled):active:focus{box-shadow: none !important;}
.showhidediv .btn-info:not(:disabled):not(.disabled):active{background: transparent; color: #000 !important;}
.showhidediv{display: block; text-align: right; margin-bottom:5px; margin-top: -25px; position: relative;}
.newuidesignvc .collapse.show{margin-bottom:0px;}



.mentor_dashboard .topnewui .secondary-title, .aaoneview .topnewui .secondary-title, .mentordashboard .topnewui .secondary-title {text-transform: capitalize !important; padding: 0 !important;
    border: none; font-size: 20px; margin-bottom: 0 !important;}
.ftma-aa-operations .topnewui .transaction-summary-counts.newuidesign .pos-db-farmers-count, 
.aaoneview .transaction-summary-counts.newuidesign .pos-db-farmers-count{background: #fff !important; display: block; padding-bottom: 50px !important;}
.topnewui .pos-db-farmers-count-numer h5{font-size:18px;}
.topnewui .newuidesign .row .innermodule p, .aaoneview .newuidesign .row .innermodule p{text-transform: capitalize !important; font-size: 16px; color:#7b7b7b; font-weight: normal;}
.topnewui .newuidesign .row .innermodule p small, .aaoneview .newuidesign .row .innermodule p small{font-weight: normal;}
.topnewui .border-bottom{display: none;}
.topnewui .cardimage, .aaoneview .cardimage{width: max-content; margin: auto; text-align: center; background: #16e7cf;
    padding: 15px; border-radius: 100px;}
.topnewuivc .col{padding-left: 10px; padding-right: 10px;}
.topnewuivc .pos-db-item{background: #fff; width: 100%; padding: 15px 20px !important; border-radius: 10px; padding-bottom: 30px !important;}
.mentor_dashboard .topnewui .secondary-title span{font-size: 15px; font-weight: normal;}
.topnewui .mentor_dashboard_inner.mentorcirclestyles{margin-bottom:45px;}
.topnewui .mentor_dashboard_inner.mentorcirclestyles.topnewuivc{margin-bottom:30px;}
.topnewui .mentor_dashboard .mentor_dashboard_inner.mentorcirclestyles{padding-top: 10px;}
.topnewui .topnewuivc .pos-db-body-right{display: table; vertical-align: middle; height: 45px; width: 100%;}
.topnewui .topnewuivc .pos-db-body-right .pos-db-title{vertical-align: middle; display: table-cell; text-align: left; font-size: 18px; color: #929292;}
.topnewui .topnewuivc .pos-db-body-right img{float: right;}
.topnewui .topnewuivc .pos-db-body{width: 100%;}
.topnewui .topnewuivc .pos-db-body-right img{width: 30px;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-right, .newuidesigntrxs .pos-db-footer .pos-db-footer-left{color: #929292 !important;
 background: transparent !important; padding: 0 !important; text-align: left !important; font-size: 16px !important; font-weight: normal !important;}
.topnewui .newuidesigntrxs .pos-db-footer{width: 100% !important; margin-top: 10px; margin-left: 0;}
.topnewui .ksh{font-size: 16px; padding-right: 5px;}
.topnewui .newuidesigntrxs .pos-db-footer .pos-db-footer-left{border-bottom: solid 3px #1db100; border-radius: 0; width:70% !important;
 margin-bottom: 15px; padding-bottom: 5px;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-right{border-bottom: solid 3px #16e7cf; font-family: arial !important; border-radius: 0; width:60% !important; padding-bottom: 5px;}
.newuidesignvc.topnewuivc .pos-db-body-left{display: block;}
.newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.greybg{text-align: left; background: transparent; color: #929292; padding: 0 !important;
 border-bottom: solid 3px #1db100; border-radius: 0; width: 70% !important; margin-bottom: 15px; font-size: 16px; font-weight: normal;}
.newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.yellowbg{text-align: left; background: transparent; color: #929292; padding: 0 !important;
 border-bottom: solid 3px #16e7cf; border-radius: 0; width: 60% !important; margin-bottom: 15px; font-size: 16px; font-weight: normal;}
 .topnewui .newuidesignvc .pos-db-body-left{margin-top: 10px;}
.topnewui{padding-left: 0; padding-right: 0;}
.headingtopindicators{display: flex;}
.headingtopindicators .topindicators{display: flex; margin-left: auto;}
.headingtopindicators .topindicators div{margin-left:45px; font-size: 16px; color: #929292 !important; position: relative;}
.mentor_dashboard .topnewui .mentor_dashboard_inner.mentorcirclestyles{padding-top: 10px !important;}
.indicatorleft::before{content: ""; height: 3px; width: 15px; background: #1db100; position: absolute;
    top: 12px; left: -20px;}
.indicatorright::before{content: ""; height: 3px; width: 15px; background: #16e7cf; position: absolute;
    top: 12px; left: -20px;}
.maxwidthtable table{width: auto !important; margin: auto;}
.maxwidthtable.table-responsive{box-shadow: none;}
.trainerdashboard .ftmaaadashboard.headertitle h4{font-family: arial !important; color: #000 !important; font-size: 24px !important;}
.views-template .ui-grid-render-container-body .ui-grid-viewport{overflow: auto !important;}
.aaoneview .topnewui .secondary-title{background: transparent; color: #333;}
.aaoneview .newuidesign .row .innermodule p{margin-top: 10px; margin-bottom: 5px;}
.aaoneview .newuidesign .secondary-title{text-transform: capitalize !important; padding: 0 !important;
    border: none; font-size: 20px; margin-bottom: 0 !important; background: transparent;}
.aaoneview .aaoneviewrow .secondary-title{margin-bottom: 10px !important;}
.aaoneview .aaoneviewrow{padding-left: 0px !important; padding-right: 0px !important;}
.aaoneview .aaoneviewrow .col{padding-left: 10px !important; padding-right: 10px !important; margin-bottom: 10px;}
.mrbtm{margin-bottom: 45px;}
.aaoneviewrow.mrbtm, .topnewui.mrbtm{margin-bottom:30px;}
.viewgrid .gridview .ui-grid-contents-wrapper .ui-grid-render-container.ui-grid-render-container-body .ui-grid-viewport{overflow:auto !important;}

.griduicontainer.innerpagecontent .ui-grid-header-viewport{width: auto !important;}
.griduicontainer.innerpagecontent .newgridui .viewgrid .ui-grid{width: max-content !important;}
.newgridui .viewgrid .ui-grid{width: max-content !important;}
.nodataavailable{font-size: 18px; width: 100%; text-align: center; max-width: none !important;
    flex: 100%; font-weight: 700; font-family: arial !important;}
.ipdashboardcontainer.baseline_listing_content .tabrightsection .orderfilterscontentt.xlexportbtn{display: flex;}

.showsummarycls{margin-top: 55px; font-family: 'helveticaregular' !important; font-size: 16px;}
.showsummarybtn{clear: both; text-align: center; margin-top: 30px;}
.showsummarybtn button{background: #28a745; padding: 5px 20px; border-color: #28a745;}
.showsummarybtn button:hover{background: #218838 !important;}
.showsummarycls .title{font-size: 18px; color: #8a8a8a; margin-bottom: 30px;}
.showsummarycls .roundcircles{border:solid 3px #00b9ff; width: 100px; height: 100px; border-radius: 100%;
    margin: auto; line-height: 100px; font-size: 18px; margin-bottom: 10px;}
.showsummarycls .col{text-align: center;}
.showsummarycls .roundcircles.corrans{border-color: #28a745;}
.showsummarycls .roundcircles.wrongans{border-color: #ff0000;}
.showsummarycls .col span{font-size: 20px; color: #00b9ff;}
.showsummarycls .col span.corrans{color: #28a745;}
.showsummarycls .col span.wrongans{color: #ff0000;}
.showsummarycls .col .circleinner{background: #f0f2f7; padding: 15px;}


.viewheading{background-color: #10b872; color: #fff; width:max-content; font-size: 15px; padding: 5px 20px;}
.topnewui .newuidesigntrxs .completenotcomplete .pos-db-footer .pos-db-footer-left{width: 100% !important; text-align: center !important; border:none !important;
 font-weight: 700 !important;}
.newuidesigntrxs .completenotcomplete .pos-db-footer .pos-db-footer-right{width: 50% !important; float: left; border:none !important;
 font-size: 14px !important; text-align: center !important;}
.newuidesigntrxs .completenotcomplete .pos-db-footer .pos-db-footer-right.borderright{border-right:solid 1px #ccc !important;}
.topnewuivc .completenotcomplete .pos-db-item{height: 100%; padding-bottom: 15px !important;}

.forms.forms-main .mainquestioncontainer .showlabel label{width:calc(100% - 35px) !important;}

.popupfields.popupfieldsnewui .mainquestioncontainer .showlabel label{
  height: 50px !important;
  display: flex;
  align-items: flex-end;
}

.popupfields.popupfieldsnewui .form-actions-btns{
  margin-top: 60px;
}


.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_correct input:checked+.radio-content .item-content{background: #3359f7 !important; padding: 15px 20px !important;}
.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_wrong input:checked+.radio-content .item-content{background: #ff6f6f !important; padding: 15px 20px !important;}
.ans-desc-div{margin-top: 5px !important; font-size: 14px !important;}
.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_correct .radio-content{background: #10b872 !important; color: #fff !important;}

.headingtopindicators.graphtogglediv .graphtoggle{position: static; margin-left: 25px; margin-top: -5px;}
.headingtopindicators.graphtogglediv .graphtoggle label{margin-bottom: 0;}
.headingtopindicators.graphtogglediv .graphtoggle .bottomcheck label::before{border: 2px solid #47bdef;}
.headingtopindicators.graphtogglediv .graphtoggle .bottomcheck{float: left; margin-right: 10px;}
.headingtopindicators.graphtogglediv .graphtoggle .bottomcheck label::before{border:2px solid #47bdef;}
.headingtopindicators.graphtogglediv .graphtoggle .bottomcheck input[type="radio"]:checked + label::before{background: #47bdef;}

.kfsassessmentsurvey{
  font-style: italic;
  color: #FFF;
}


.ftma-aa-operations .transaction-summary-counts.newuidesign .pos-db-farmers-count.fixedht{max-height: 193px;}
.newuidesigntrxs.remodifyclass .col{margin-bottom: 15px;}
.onlymobile{display: none;}
.db-footer.d-block{display: flex !important;}

.product_details .repeatsection .formly-field.wfill.formly-field-multiselect{min-width: 100px;}
.product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group, 
.product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .multiselect-parent, .product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .multiselect-parent div, 
.product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .multiselect-parent div button{width: 100%; display: flex;}
.product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .multiselect-parent div button{background: transparent !important; text-align: left !important;
 border:dashed 1px #14a267 !important; font-family: 'helveticaregular' !important; font-size: 14px; color:#666;}
.product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .multiselect-parent div button .caret{color: #888; margin-top: -4px;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu.dropdown-menu-form .checkbox label{display: block !important;  font-family: 'helveticaregular' !important; font-size: 14px;
 margin-bottom: 0; padding: 5px 10px !important; cursor: pointer !important;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu.dropdown-menu-form .checkbox label input{display: block !important; width:15px !important; height:15px !important; padding: 0 !important; 
 border:none !important; border-radius: 0 !important; min-height:15px !important; margin-right: 10px; float: left;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu.dropdown-menu-form li:nth-child(1), 
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu.dropdown-menu-form li:nth-child(2){display: none !important; padding: 0 !important;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu>li>a{padding: 0 !important; font-family: 'helveticaregular' !important; font-size: 14px;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu.dropdown-menu-form .checkbox{padding: 0 !important;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .form-group .dropdown-menu.dropdown-menu-form li{/*padding: 5px !important;*/}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .checkbox input:before, .lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .checkbox-icon:before{border-radius: 0 !important; background: transparent;
    border-color: #10b872;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .checkbox input:checked + .checkbox-icon:before, .lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .checkbox input:checked:before{background: #10b872 !important;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .open>.dropdown-menu{box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.4); padding: 5px 0; min-width: 325px !important;}
.lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect .checkbox input:checked:after, .lessonnewquizstyles .repeatsection .formly-field.wfill.formly-field-multiselect input:checked + .checkbox-icon:after{width: 8px; height: 4px;}
.formly-field.wfill.formly-field-multiselect .dropdown-toggle::after{display: none;}
.dynamicprofilepage .formly-field.wfill.formly-field-multiselect .multiselect-parent button.dropdown-toggle .caret{display: block !important; margin-top:10px !important;}
.repeatsectionlegend .formly-field.namefield.fluidinput.formly-field-input, .repeatsectionlegend .eachlabel.namefield.fluidinput{max-width: 250px !important; min-width: 250px !important;}
/*.module_quizz .repeatsection .select2-search-field input{border:none !important; padding:0 5px !important;}
.formly-field.wfill.formly-field-multiselect, .eachlabel.wfill{width: auto !important; flex:1 !important;}*/
.aacoaching .repeatsection .formly-field.wfill.formly-field-multiselect .ui-select-container{max-width: none !important; width: 100% !important;}
.formly-field.wfill.formly-field-multiselect .select2-container-multi .select2-choices .select2-search-choice{white-space: nowrap; width: 80px; text-overflow: ellipsis; overflow: hidden;}
.formly-field.wfill.formly-field-multiselect .select2-choices .ui-select-match{width: auto; display: flex;}
.formly-field.wfill.formly-field-multiselect .select2-choices{display: flex;}
#resp-table-header .table-header-cell:nth-child(1), #resp-table-body .table-body-cell:nth-child(1){min-width:30px !important; max-width:30px !important; display: table-cell; text-align: center;}
#resp-table-header .table-header-cell:nth-child(2), #resp-table-body .table-body-cell:nth-child(2){min-width: 100px !important; max-width: 100px !important; display: table-cell; text-align: center;}
#resp-table-header .table-header-cell:nth-child(6), #resp-table-body .table-body-cell:nth-child(6){min-width: 250px !important; max-width: 250px !important; display: table-cell; white-space: normal !important;}
#resp-table-header .table-header-cell:nth-child(5), #resp-table-body .table-body-cell:nth-child(5){padding-right: 15px;}
#resp-table-header .table-header-cell, #resp-table-body .table-body-cell{width: auto; display: table-cell; min-width: 100px; vertical-align: middle; text-align: center;}
#resp-table-header .table-header-cell, #resp-table-body .table-body-cell input{float: none !important; cursor: pointer; width: 25px !important; height: 25px;}
#resp-table-header .table-header-cell, #resp-table-body .table-body-cell .radiochecknew{margin-top: 0 !important; margin-left: -25px !important;}

/*  .onboardnew .logoright img{width: auto; max-width: none;}*/


.mentorlearnsummary .xlexportbtn .dsexport i{font-size: 16px !important;}
.mentorlearnsummary .lessoncompletetable table{width: auto; margin: auto;}

.btn:focus, .btn.focus{box-shadow:none !important;}
.dynamicprofilepage .multiselect-parent button.dropdown-toggle .caret{}


.product_details .repeatsection .formly-field.wfill.formly-field-multiselect .form-group div{width: 100% !important;}
.rowheadingfiltersbottom.mentorcirclestyles .row .innermodule{margin-bottom: 15px;}

.topnewui .newuidesign .row .innermodule p{font-size: 16px !important;}
.ftma-aa-operations .topnewui .transaction-summary-counts.newuidesign .pos-db-farmers-count{padding-bottom: 30px !important;}


.modal-backdrop .modal-wrapper .payment-popup-main h5{font-size: 14px !important;  font-weight: normal !important;
    line-height: 22px; font-family: 'helveticaregular' !important;}

.appdashstyles .profilepiccard img {min-width: 120px;max-height: 120px;height: 120px;max-width: 120px;border-radius: 50%;}
.appdashstyles .profilepiccard {
  width: 100px;
    height: 100px;
    flex: none;
}

.learnerreg .learnerreginner .mainquestioncontainer .showlabel label{margin-bottom: 5px !important;}
.learnerreg .learnerreginner .module_quizz input{margin-bottom: 20px !important;}
.learnerreg .learnerreginner .mainquestioncontainer .message{margin-top:-5px !important;}
.learnerregbtn .dynamicprofilepage.lessonnewquizstyles{display: block;}

.learnerlistdash .spaceremove.tablestyles{background: transparent !important; padding-top: 15px;}
.recordcount{text-align: center; font-size: 18px; color: #10b872; font-family: 'helveticaregular' !important;}
.learnerlistdash .spaceremove.tablestyles .addnewuserbtn{position: absolute; top: 10px; right: 15px;}
.learnerlistdash .spaceremove.tablestyles .addnewuserbtn button{background:#10b872; z-index: 99999; color: #fff; padding:5px 10px; font-size: 14px; min-height: auto; line-height: 20px;}
.learnerreg .learnerreginner .mainquestioncontainer .showlabel label{font-weight: normal !important;}
.learnerlistdash .spaceremove.tablestyles .table-custom th{text-transform: none;}
.headprofnotify{display: flex;}
.headprofnotify .notification{margin-top: 4px;}
.learnerreg .mainquestioncontainer .showlabel label{font-weight: normal !important;}
.carouselmaindiv{width: 100% !important;}

.loginbutton{width: 40%; margin: auto; background: transparent; border: 1px solid #1D9C8E; border-radius: 10px};
.primelogin.loginregistration .loginbutton{background: #ff8600 !important; margin-top: 10px; font-family: 'poppins_mediumregular' !important; border-color: transparent !important;}
.primelogin .sifnwith .loginbutton{background: #4167b2 !important; color: #fff; margin-bottom: 20px;}
.loginbutton.google{background: transparent !important; color: #000; border-color: #dfe2e7 !important; margin-top: 20px;}
.loginbutton.google img{vertical-align: sub; float: left;}
.sifnwith .forgotpass span{color: #36bc77 !important;}
.sifnwith{text-align: center; position: relative; bottom: 0;  width: 100%; right: 0; left: 0;}

/*.customloginblock .login_form .btn-success{width: 80%; margin-top: 10px;}*/
/*.onloginpage.loginpag .login .customloginblock.content-block .login_form input{border:solid 1px #d8d8d8 !important; border-radius: 6px; padding: 8px; height: 45px;}*/
.customloginblock.content-block .login_form .loginbutton.google {background: transparent !important; color: #000; border-color: #dfe2e7 !important; margin-top: 20px;}
.customloginblock.content-block .login_form .loginbutton.google img {vertical-align: sub; float: left;}
.customloginblock.content-block .login_form .loginbutton{margin: auto; background: transparent; border: 1px solid #1D9C8E; border-radius: 10px;          
    color: #fff; margin-bottom: 20px; padding: 10px; display: block; font-size: 16px; line-height: 22px;}
.socialloginbtns{display: flex;}
.onloginpage.loginpag .customloginblock .formly-field .form-group .mainquestioncontainer input{max-width: none; margin-bottom: 20px;}
.onloginpage.loginpag .customloginblock .lessonnewquizstyles .showlabel label{margin-bottom: 5px;}
.onloginpage.loginpag .customloginblock .lessonnewquizstyles .mainquestioncontainer .message{margin-top: -10px !important; margin-bottom: 5px !important;}
.onloginpage.loginpag .customloginblock .termsconditions span.text{text-decoration: underline; color: #0d36ff;}

/* .mydashboard.trainerdashboard .graphtoggle{position: absolute; left: 300px; width: 220px;} */
.mydashboard.trainerdashboard .graphtoggle{position: absolute; }
.mydashboard.trainerdashboard .tabrightsection{top: 8px !important;}

.table-with-border .table.table-striped.tableborderstyles tr th.firstcolcolor{background: #c5e0b3 !important; border:1px solid #dcffc5 !important;}
.table-with-border .table.table-striped.tableborderstyles tr th.secondcolcolor{background: #f7caac !important; border:1px solid #ffdac1 !important;}
.table-with-border .table.table-striped.tableborderstyles tr th.thirdcolcolor{background: #bdd6ee !important; border:1px solid #cfe7ff !important;}

.learnerreg .profile_edit.customregistration .mainquestioncontainer .showlabel label{margin-bottom: 5px;}
.learnerreg .profile_edit.customregistration .mainquestioncontainer input{margin-bottom: 0;}
/* .learnerreg .profile_edit.customregistration .pane{top: 55px;} */


.lessoncontent.lesson_content .lessonquizholder .mainquestioncontainer .lessonquizmain.withimages{min-width: 250px !important; max-width: 250px !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .form-group label{display: block !important; margin-bottom: 15px !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .form-group label.control-label{display: none !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages{display: block !important; padding: 0 !important; margin-bottom: 0 !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages img{width: 100% !important; max-height: 120px; min-height: 120px;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .item input{display: none;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .item{padding:0;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .item h4{padding:10px; text-align: center; font-family: 'helveticaregular' !important; font-size: 14px; margin-bottom: 0 !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .selectedans .answer{position: absolute;
  right: 10px; top: 0; background: rgba(16, 184, 114, 0.5); padding: 5px 10px;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .card{margin:0 10px 0 0px;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages{position: relative;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .selectedans .answer i{font-size: 20px;}
.mydashboard.trainerdashboard.attendanceui.ipdashboard.learnerlistdash .filters-tags-main{display: none;}

.lessoncontent.lesson_content .lessonquizholder .formly-field.formly-field-trainerradio .row.onlycheckbox{margin-left: 0; margin-right: 0;}
.lessoncontent.lesson_content .lessonquizholder .formly-field.formly-field-trainerradio {margin-bottom: 30px !important;}
.aacoaching.lessoncontent.lesson_content .quiztemplate.interactivequiz .quizcontentdiv.customclass.lessonquizcontainer .fixheightdiffmain .dynamicprofilepage.lessonnewquizstyles{display: block;}
.aacoaching.lessoncontent.lesson_content .quiztemplate.interactivequiz .quizcontentdiv.customclass.lessonquizcontainer .fixheightdiffmain .dynamicprofilepage.lessonnewquizstyles .row.onlycheckbox{display: flex !important;}
.aacoaching.lessoncontent.lesson_content .quiztemplate.interactivequiz .quizcontentdiv.customclass.lessonquizcontainer .fixheightdiffmain .dynamicprofilepage.lessonnewquizstyles .row.onlycheckbox .picquiz.lessonquizmain .lessonlabel label input{display: none;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .message{margin-top: -5px !important;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .lessonlabel label.item input{display: none;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .jigsawpuzzle.row{margin-left: 0; margin-right: 0; margin-top: 5px;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .attachment.questionimageicon img{margin-bottom: 0 !important;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .row.picturechoice .picturechoicediv:last-child{margin-bottom: 20px;}
.customloginblock .loginlogo img{margin-left: 5px; vertical-align: text-top;}
.lessonquizholder .scroll-down{display: none;}
.font-control-aboutkuza .scroll-content, .user-settings.privacypolicy .scroll-content{width: 50% !important; margin: auto; background: #fff; margin-top:55px;}
.mcb-wrap-inner h4 b, .mcb-wrap-inner h5 b a, .mcb-wrap-inner h5{font-size: 14px !important;}
.font-control-aboutkuza .scroll-content .list-style-disc li, .user-settings.privacypolicy .list-style-disc li{margin-bottom:5px;}
.font-control-aboutkuza .scroll-content .list-style-disc, .user-settings.privacypolicy .list-style-disc{list-style-type: disc; padding-left: 15px;}
.learnerreg .customregistration .formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages .attachment{/*height: 35px !important; width: 40px !important;*/}
.learnerreg .customregistration .formly-field.imgsmall.formly-field-radio .onlycheckbox.optiondivs .mb-2.picturechoicediv.withimages{margin-bottom: 0 !important;}
.formly-field-legal .termsconditions .text{text-decoration: underline; color: #64b7ff;}
.footerlogo img{margin-left: 5px;}
.video-js .vjs-control-bar{padding: 0 8px;}
.profile_edit.customregistration .picquiz.withimages .lessonlabel .attachment img{width: 40px !important;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap{padding: 15px !important;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .product-details-container .repeatsection .formly-field.formly-field-textarea{min-width: 215px;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .product-details-container .repeatsection .formly-field.formly-field-textarea textarea{line-height: 18px;}
.repeatsection-wrap .product-details-container .repeatsection .formly-field.formly-field-textarea .mainquestioncontainer{margin-bottom:20px !important;}
.mcrp .repeatsection-wrap .product-details-container .repeatsection, .repeatsection-wrap .product-details-container .repeatsection{border:none !important; border-bottom: solid 1px #e4e4e4 !important; margin-bottom: 15px !important;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .repeatsection .emptydiv{top:45% !important;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .repeat-actions-main .multiplebtn{margin-top: 0;}
.formly-field.shorttext.formly-field-grid #resp-table-body .table-body-cell .likerttext{width: fit-content; margin: auto;}
.formly-field.shorttext.formly-field-grid #resp-table-body .table-body-cell .likerttext input{height: 30px;}
.formly-field.shorttext.formly-field-grid #resp-table-header .table-header-cell:nth-child(1), #resp-table-body .table-body-cell:nth-child(1){min-width: 15px !important; max-width: 15px !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .formly-field.formly-field-questionGroup .form-group label{margin-bottom: 0 !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .formly-field.formly-field-questionGroup{margin-bottom:20px !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .formly-field.formly-field-grid .form-group .showlabel label, 
 .lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .formly-field.formly-field-textarea .form-group .showlabel label{font-size: 16px !important; margin-bottom:5px !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .formly-field.formly-field-grid .form-group .message{margin-top: 0 !important; margin-bottom: 10px;}
.owl-carousel .owl-item img{width: 80% !important; margin: 20px auto;}
.owl-carousel .owl-item .lessonstatus span img{width: 100% !important; margin: 0;} 


/*Typeform Styles*/
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent{width: 100% !important;}
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent .mycustombottomright{position: static !important; justify-content: flex-end;}
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent .mycustombottomright .updownarrows{justify-content: flex-end;}
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent .mycustombottomright .updownarrows.mycustombottomfixdata .btn{margin-bottom: 0 !important;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_radio .customradiooptiondiv label input{display: none;}
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent .mycustombottomleft .progressbar .progress{height: 4px !important; background: #10a041 !important; margin: 0 !important;}
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent .mycustombottomleft .progressbar .bar{overflow: hidden;}
.typeformui .mainformcontainer.submission-form .field-directive .field.radio .field-title h3{display: flex; font-weight: 600; color: #000; font-size: 16px !important; line-height: 20px; margin-bottom: 0;}
.typeformeffects .activeField h3, .typeformeffects .field-directive h3{line-height: 20px !important; margin-bottom: 15px !important; line-height: 24px !important;}
.typeformui .mainformcontainer.submission-form .field-directive .field.radio .field-title h3 small{font-size: inherit !important; font-weight: 600 !important; line-height: inherit !important;}
.typeformui .mainformcontainer.submission-form .field-directive .field.radio .field-title .answerdescription{margin-top: -15px !important; display: block;}
.typeformui .mainformcontainer.submission-form .field-directive .field.radio .field-title h3 .typeformlabel{margin-left:5px; line-height: 20px; margin-bottom: 0;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_radio .optionsdiv label.customradiowithoutimg{float: left !important;}
.typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent .mycustombottomleft .progressbar .label span{color: #10a041 !important;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_radio .customradiooptiondiv .radiocorretionimg .customradiowithimg{float: left; cursor: pointer;}
.typeformui .mainformcontainer.submission-form .field-directive .attachment.questionimageicon img{width: auto !important; max-width: 200px; margin-left: 0;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_yesno label{font-size: 14px; padding: 8px 35px 8px 12px !important; margin-right: 10px; line-height: 18px; max-width: 100% !important; flex: 100%;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_yesno label.quizlistyesnolable input{display: none;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_yesno label .letter{margin-top: 0 !important;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_yesno{justify-content: flex-start; min-width: 230px;}
.typeformui .mainformcontainer.submission-form .field-directive .shortbutton button{border:none; margin-top: 10px; background: #b6ece3; color: #10a041; padding:5px 15px; font-size: 12px;}
.radiomaindiv{float: left; width: 100%;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_checkbox .custommultichk input{display: none;}
.typeformui .form-fields.surveymainform_questiondiv .mainformcontainer.submission-form{width: 100%; overflow: hidden;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_checkbox .custommultichk{width: 100%; max-width: none;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_checkbox .custommultichk .checktext{width: 100%; float: none !important;}
.surveymainformcontainer .row.fieldshow.inActiveField{width: 100% !important;}
.typeformeffects form .field-input.inputsubmitcontainer .keyborardokbtnmain{display: none;}
.formheader.has-header{top: 40px !important;}
.row.field-directive .fielddirectiveheight .keyborardokbtnmain{display: none !important;}
.hideshowpassdiv{position: relative;}
.hideshowpassdiv .hideshowpasswordnew{position: absolute; top:15px; right: 0px;}
.hideshowpassdiv .hideshowpasswordnew .hideshowpassword i{font-size: 22px;}
.module_quizz input {border-bottom: dashed 1px #10b872 !important;}
.subgroupquestion .btn.check-element button .fa.fa-check.hidden-xs, .btn.check-element button .fa.fa-check{display: none;}
.btn.check-element{min-width: auto !important;}
.btn.check-element .okenter{display: none !important;}
.subgroupquestion .btn.check-element .okenter{display: none !important;}
.btn.check-element button{padding: 5px 10px !important;}
h3 .typeformlabel{margin-left: 5px !important;}
.typeformeffects form .field-input > input.text-field-input{height: 45px !important;}
.typeformeffects .select2-container{border:none !important;}
.typeformeffects .select2-container .select2-choice{border:dashed 2px #ccc !important; padding:6px 10px; height:38px;}
.typeformeffects .select2-results{padding: 0; margin: 0;}
form .dropdown > .field-input .ui-select-choices-row-inner{margin: 0 !important; padding: 5px 10px !important;}
.typeformeffects .select2-results .select2-highlighted{background: #10a041 !important;}
.typeformeffects .fielddirectiveheight .select2-container .select2-choice .select2-arrow{top: 5px !important;}
.field.dropdown.singledrpdwn .field-input.switchform_gender input{display: none;}
.typeformeffects .field-title p.titledescription{font-size: 80% !important; margin-top: -15px; display: block;}
.text-left.completereviewbutton{text-align: center; border-bottom: solid 2px #b24040; font-size: 16px; width: fit-content; padding: 10px 30px !important; margin: auto; margin-bottom: 30px;}
.text-left.completereviewbutton img{margin-right:5px;}
.typeformui .typeformeffects input, .typeformui .public-form input.ng-touched.ng-valid, .typeformui .public-form textarea.ng-valid{font-family: 'roboto_slabregular' !important; font-size: 16px !important;}
section.public-form .btn.btn-file.uploadfilebtn{color: #fff !important; height: 40px; border:solid 1px !important; border-radius:0 5px 5px 0; border-left: none !important;}
.typeformui .mainformcontainer.submission-form .field-directive .jigsawctl .attachment.questionimageicon img{max-width: 300px;}
.rearrangectl .matchpairmain .main-content{float: left; width: auto !important;}
.rearrangectl .field-input{display: none;}
.rearrangectl .showcase ul, .rearrangectl .showcase ol{margin-top: 0; padding-left: 10px !important;}
.rearrangectl .matchpairmain .drag-list > li .nocount{width: 20px !important; height: 20px !important; font-size: 10px; top: -8px; padding-top: 2px !important;}
.rearrangectl .matchpairmain .drag-list > li{background: #e3f3f0; border:1px solid #b6ece3 !important; border-radius: 0 !important;}
.rearrangectl .matchpairmain .drag-list .title{padding: 8px 12px !important; font-family: 'roboto_slabregular'; color: #666; font-size: 14px;}
.fillblanksctl .main-content.fillinblanks{width: 100% !important;}
.fillblanksctl .quiz-wrapper .answers .target{height: auto !important; border-radius: 0 !important;}
.fillblanksctl .quiz-wrapper ul.options li.option{height: auto !important; padding: 5px 15px !important; width: auto !important;}
.videocapctl .field-input img, .audiopathctl, .capimgctl{border:solid 1px #efefef !important;}
.audiocapctl .field-input input, .videocapctl .field-input input, .imgcapctl .field-input input, .ratingctrl .field-input input{display: none !important;}
.ratingctrl .field-input li .fa{font-size: 24px !important;}
.ratingctrl .field-input ul{margin-bottom: 0 !important;}
.fillblanksctl .field-input input, .matchoptctrl .field-input input, .matchpairpicsctrl .field-input input{display: none;}
.matchoptctrl .main-content.matchoptions{width: 100% !important;}
.matchoptctrl .main-content.matchoptions .matchoptionoptions{margin:0 12px !important;}
.matchpairpics{float: left; width: 100%;}
.matchpairpics #picbox{width: 100% !important;}
#matchoptionboxcard div:first-child, .matchoptctrl .main-content.matchoptions .matchoptionoptions:first-child{margin-left: 0 !important;}
.matchpairpicsctrl .shortbutton{margin-left: 12px;}
.matchpairpicsctrl .matchpairpics #boxbuttons{text-align: left; margin-left: 12px;}
.matchpairpicsctrl .matchpairpics #boxbuttons .button{margin: 0;}
.jigsawctl .jigsawpuzzle .lessonlabel .item input{display: none;}
.dragdropctrl .field-input, .truefalsectrl .field-input{display: none;}
.dragdropctrl .dragdropmaindiv{display: block !important;}
.dragdropctrl .dragdropmaindiv .dragdropanscontainer .dropdropbox{margin: auto;} 
.dragdropctrl .dragdropmaindiv .dragdropcards.text_dragdropcards{ width: 175px !important; height: 200px;}
.dragdropctrl .dragdropmaindiv .dragdropcards.text_dragdropcards .draggable-objects li{width:170px; height: 150px; vertical-align: middle; display: table;}
.dragdropctrl .dragdropmaindiv .dragdropcards.text_dragdropcards .draggable-objects .dragdroptextmiddle{width: 205px; height: 120px; line-height:18px; font-size: 14px;
 vertical-align: middle; display: table-cell; padding: 5px 10px;}
.dragdropctrl .dragdropmaindiv .dragdropanscontainer .dosdonts{position: absolute; top: -40px; left: 0; right: 0; color:#10a041; font-size: 16px;}
.truefalsectrl .truefalse .radio-group.custom .radio label{border:1px solid #b6ece3 !important; font-family: 'roboto_slablight'; color: #000; padding: 8px 12px !important; background: #e3f3f0  !important; width: 75px; cursor: pointer;}
.truefalsectrl .truefalse .radio-group.custom .radio label input{display: none;}

.checkmarklist .item{margin-bottom: 0; padding: 0 16px; background: none; margin: 0; border: 0;}
.checkmarklist .main-content{white-space: initial; text-align: left; padding: 0 10px; font-size: 14px; background: none;
    display: table-cell; vertical-align: middle; line-height: 25px; color: #333333;}
.checkmarklist .swipe-li, .checklistdiv .save{height: 80px;}
.checkmarklist .swipe-li ul li.pane.accept {background: #7CDD90; color: #46cf62; width: 100% !important;}
.checkmarklist .swipe-li ul{width: 100% !important;}
.lessoncontentmain.flex-basis-0{flex-basis: 100% !important; padding-bottom: 0 !important;}
.aacoaching .typeformui .md-datepicker-input-container input{height:40px !important; max-width: 125px !important;}
.aacoaching .typeformui .customdatepicker .md-button.md-icon-button{min-height: 40px !important; height: 40px !important; width: 40px;}
.aacoaching .lessonquizmain .list .item.selectedans .lessonlabel label{background:#04d07b !important;}
.aacoaching .lessonquizmain .list .item.selectedans .lessonlabel label{}
.course_detail.coursedetails_ui .course-card{padding-bottom: 30PX !important;}
.plotregistration_links {
    width: 31%;
    float: left;
    margin: 1% 1% 0;
}
.plotregistration_links .button {
    width: 100%;
    border: none;
    line-height: 25px;
    padding: 0 0 20px;
    /*background: #e2e2e2;*/
    background: #FFF;
    box-shadow: 0 0px 20px rgba(60,128,209,0.2);
    border-radius: 10px;
    margin-bottom: 20px !important;
}
.courselanding.learnerflow.course_new_ui .scroll-content{width: 65%; margin: auto; overflow: auto;}
.categoriesland .courselanding.learnerflow.course_new_ui .scroll-content{width: 100%; margin: auto; overflow: auto; margin-top:55px; overflow-x: hidden;}
.courselanding.learnerflow.course_new_ui.newheader.theme3styles.pane{background: #fff !important;}
.surveycontent {
    text-align: center;
    width: 80%;
    /*height: 150px;*/
    vertical-align: middle;
    display: table;
    margin: 15px auto;
    color: #484848;
    font-size: 14px;
    line-height: 20px;
}
.mainsurvey .title {
    border: 1px solid #3d4da7;
    color: #3d4da7;
}
.plotregistration_links .title {
    font-size: 14px;
    width: 80%;
    padding: 10px;
    margin: auto auto 0;
    border: 1px solid #4ea0d2;
    /*text-transform: uppercase;*/
    position: relative;
}
/*.mainsurvey .mainicons {
    background: -webkit-linear-gradient(rgba(60,80,170,.8),rgba(60,80,170,.8)),url(../img/survey_bg.png) center no-repeat;
}*/
/*.divbgimg{background: url(../img/survey_bg.png) center no-repeat; position: absolute; top: 0; width: 100%; height: 130px; opacity: 0.1;}*/
.mainicons {
    padding: 30px 0;
    height: 130px;
    border-radius: 10px 10px 0 0;
}
.custommainheading {
    margin-left: 15px;
    vertical-align: middle;
    /*text-transform: uppercase;*/
    font-size: 18px;
    color: #fff;
}
.plotregistration_links .button.activated{background: #e2e2e2;}
.courselandingpg .courselanding.learnerflow.course_new_ui .scroll-content{width: 100% !important;}
.plotregistration_links .progress{width: 80%; background: #ccc !important;}
.plotregistration_links .progress .progress-bar{background: #9042ae !important;}
.plotregistration_links .title i{margin-left: 30px; font-size: 24px; position: absolute; right: 15px;}
.courselandingpg .courselanding.learnerflow.course_new_ui .scroll-content .owl-carousel .owl-item img{width: 100% !important; margin: 0;}
.courselangdiv{z-index: 99999;}
.contentmainpart{width: 100%; font-family: 'helveticaregular' !important; font-size: 16px;}
.contentmainpart .leftimgpart{float: left; margin-right: 30px;}
.catoverviewmain .topbar{padding: 20px; background: #9d5ecd; margin-bottom: 15px; display: flex;}
.catoverviewmain.courses{width: 100%; float: left; margin-top: 20px !important; border:solid 1px #9d5ecd; padding: 10px;}
.catoverviewmain .topbar h1{color: #fff; font-size: 24px; margin-bottom: 0; font-family: 'helveticaregular' !important; /*text-transform: uppercase;*/}
.topbar_right{margin-left: auto; color: #fff; font-size: 16px;}
.overviewvalues{display: flex; justify-content: space-between; font-family: 'helveticaregular' !important; /*text-transform: uppercase;*/ margin-top: 50px;}
.overviewvalues .valuecontent{ text-align: center;}
.overviewvalues .valuecontent span{display: block !important; font-family: 'helveticaregular' !important; }
.overviewprogress{display: flex; margin-top: 50px; justify-content: flex-end;}
.overviewprogress .progress{width: 100%;}
.overviewprogress .overprogcont.one{width: 50%; margin-right: 30px;}
.overviewprogress .overprogcont button{border:none; padding: 5px 20px; background: #ccc; border-radius: 4px;}
.contentmainpart .maincontainer, .course_new_ui.courselanding .contentmainpart .courses{width: auto !important;}
.contentmainpart .webcarousel.bluethemes{width: 100% !important;}
.contentmainpart .webcarousel .owl-carousel .owl-stage{padding-left: 15px !important;}
.contentmainpart .newcontainer{display: none;}
.contentmainpart .owl-carousel .owl-item img{margin: 0; width: 100% !important;}
.contentmainpart .categorymaincls h3{font-size: 18px; text-transform: none; height: 45px; vertical-align: middle;
    display: table-cell;}
.contentmainpart .sessiondiv.subcategories .item.item-text-wrap h2{height: 45px; vertical-align: middle; display: table-cell;}
.sess_stru .contentmainpart {}
.sess_stru .contentmainpart .owl-stage-outer .lessonheading{display: none;}
.sess_stru .contentmainpart .owl-stage-outer .owl-item{margin-top: 15px;}
.sess_stru .contentmainpart .roundedcardmain .headingtitle{color: #000 !important; height: 40px; font-size: 14px; line-height: 18px; width: 90%; margin: auto; display: block;}
.sess_stru .contentmainpart .roundedcardmain{padding: 0 !important; overflow: hidden;}
.sess_stru .contentmainpart .owl-carousel .owl-item img{margin-bottom: 10px; height: 120px;}
.sess_stru .contentmainpart .roundedcardmain .lessonstatus{display: none;}
.sess_stru .contentmainpart .owl-carousel .owl-stage-outer{padding-bottom: 20px;}
.courselanding .sess_stru .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px !important;}
.courselanding .sess_stru .cardtitle{margin-top: 5px; font-size: 12px; line-height: 16px;}

.lookuppopupview.lookupcustomstyles.newgridui .accordion .select2-container{margin-top: 0 !important;}
.lookuppopupview.lookupcustomstyles.newgridui .accordion .mainquestioncontainer input{border-radius: 4px;}
.lookuppopupview.lookupcustomstyles.newgridui .accordion .form-actions-btns{margin-top:32px;}
.lookuppopupview.lookupcustomstyles.newgridui .accordion .filters_search_btn{padding: 8px 20px !important;}
.lookuppopupview.lookupcustomstyles.newgridui .accordion .mainquestioncontainer .showlabel label{height: auto !important; margin-top:5px;}

.typeformeffects .lessoncontentmain{width: 50% !important; margin:auto;}
.typeformeffects .fixedfootermaincotent .mycustombottomright .updownarrows.mycustombottomfixdata.quizupdownbuttons{max-width: 100% !important; padding: 0; min-width: 100% !important;}
.typeformeffects .typeformui .mainformcontainer.submission-form .field-directive .switchform_checkbox .custommultichk .checktext{width: auto; max-width: none !important;}
.typeformeffects .typeformui .mainformcontainer.submission-form .field-directive .switchform_checkbox .custommultichk{width: auto; max-width: none !important;}
.typeformeffects .typeformui .mainformcontainer.submission-form .field-directive .switchform_radio .optionsdiv label.customradiowithoutimg{max-width: none !important;}
.typeformeffects .typeformui .form-fields.surveymainform_questiondiv .mainformcontainer.submission-form{max-width: 85% !important; width: 80%; flex: 100%;}
.schedulepopupcontainer{width: 80%; margin: auto; overflow: auto; background: #fff; margin-top: 20px; height: 90vh; padding: 20px;}
.schedulepopupcontainer .schduleclosebtn{position: fixed; right: 9%; top: 8px; font-size: 24px; margin-right: 0px; color: #f00;
    background: #fff; border-radius: 100%; width: 25px; height: 25px; line-height: 14px; text-align: center;}
.schedulepopupcontainer .farminfo{padding: 0px;}
.schedulepopupcontainer .farminfo h3{font-size: 18px;}
.schedulepopupcontainer .schedulebtn{border:none !important; background:#3359f7; border-radius: 7px; padding: 5px 15px; font-size: 16px; color: #fff; font-family: 'helveticaregular' !important;}
.schedulepopupcontainer .farminfo .inforow{display: flex; flex-direction: column; margin-right: 20px; text-align: center; border-right: solid 1px #ccc; padding-right: 15px;}
.schedulepopupcontainer .farminfo .inforow .farmername{margin-right: 10px; font-weight: 700;}
.inforowmain{display: flex; border-top: solid 1px #ccc; padding: 10px; border-left: none; border-right: none; font-family: 'helveticaregular' !important;}
.schedulepopupcontainer #resp-table-body .table-body-cell.inputdatepick input{width: 110px !important; padding-left:10px; height: 35px !important; border:solid 1px #e8e8e8 !important;}
.schedulepopupcontainer #resp-table-header .table-header-cell, .schedulepopupcontainer #resp-table-body .table-body-cell{min-width: 80px !important;}
.schedulepopupcontainer #resp-table-header .table-header-cell:nth-child(1), .schedulepopupcontainer #resp-table-body .table-body-cell:nth-child(1){min-width: auto !important;}
.schedulepopupcontainer #resp-table-header .table-header-cell:nth-child(2), .schedulepopupcontainer #resp-table-body .table-body-cell:nth-child(2){min-width: 200px !important;}
.schedulepopupcontainer ._md-datepicker-floating-label>md-datepicker .md-datepicker-input-container{float: left;}
.modal-backdrop.active .modal-wrapper{height: calc(100% - 40px) !important;}
/*.modal-backdrop.active .modal-wrapper form.ng-pristine{height: 100vh;}*/
/*.schedulepopupcontainer .tablescroll .zoomingclass{height: auto !important;}*/
.takesignature .titlequestion img{margin-top: -30px !important;}
.typeformeffects .repeatsectionstyles .repeat-actions-main .multiplebtn .btn-primary{background: #10a041; border:none; color: #fff;}


.video-js.vjs-fullscreen #custommmoverlay .popquiz .formly-field.formly-field-radio .flex-row.onlycheckbox.optiondivs{flex-direction: column !important; width: max-content;}
.aacoaching .video_simulation_div .popquiz .lessonquizmain .list .item .item{background: transparent !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .lessonlabel .item-radio .item-content{background: rgba(0, 0, 0, 0.5) !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .onlycheckbox .item-radio input:checked+.radio-content .item-content{background: rgba(0, 0, 0, 0.5) !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .lessonlabel .item-radio:hover{background:rgba(0, 0, 0, 0.4) !important;}
.floating-girl-relative{box-shadow: 0 0px 36px rgba(51,111,169,0.5); width: 120px; height: 120px; border-radius: 100%;}
.floatingrelative{width: 100%; text-align: center;}
.pmsdataform.addfarmerreg .registrationpopup.closebuttons{height: 30px !important;
    min-width: 30px !important;
    z-index: 99999;
    overflow: visible;
    min-height: 35px !important;
    top: calc(50% - 210px);
    right: 0 !important;}
.pmsdataform.addfarmerreg .modal-popup-close-btn{right: -15px;}
.popvideoduration{text-align: right; margin: 5px 10px 5px 0; background: transparent;}
.popvideotitle{color: #3e4b5d; font-size: 20px; padding:0 20px; line-height: 24px; margin-bottom: 15px;}
.popvideoprofilename{color: #3e4b5d;font-size: 20px; margin-bottom: 20px; line-height: 24px; text-align: center; font-weight: 500; margin-top: 15px;}
.popvideoprofilename small{font-size: 16px; color: #3a4da9; display: block; font-weight: 600;}
.newregpopupwindow .registrationpopup.eventpopup{box-shadow:1px 3px 30px rgba(60, 128, 209, 0.9); border-radius: 15px;}
/* .newregpopupwindow .video-js .vjs-progress-control{display: none !important;}
.newregpopupwindow .video-js .vjs-control-bar{background: transparent !important;}
.newregpopupwindow .video-js vjs-play-control vjs-control vjs-button vjs-paused{display: none !important;} */
.simplebtnstyles button{border:solid 1px #10b872; height: 35px; color: #fff; background: #10b872 !important; padding: 5px 10px; font-family: 'helveticaregular' !important;}
.formly-field.formly-field-date .customdatepicker .md-button.md-icon-button{margin-top: 0 !important;}
.typeformeffects .registration_fullname .resetbtnlink{background: transparent !important; border:none !important; color: #000 !important; padding: 0;
    margin: 0;margin-left: 10px; margin-top: 5px;}
.typeformeffects .registration_fullname .resetbtnlink .ion-refresh:before{margin-right: 5px;}
.modal-backdrop.active .digital-coach-pop .timer{display: none;}
/* .digital-coach-pop .progress-bar{display: none;} */
.digital-coach-pop .progress-bar.topprogressbar{display: block;}
.digital-coach-pop .progress-bar.topprogressbar span{display: block;}
.modal-backdrop.active .digital-coach-pop{padding-bottom: 0;}
.durationrefresh{display: flex; justify-content: flex-end;}
.durationrefresh i{margin-right: 20px; font-size: 16px;margin-top: 3px;color: #6a6f78;}
.digital-coach-pop .video-screen .vjs-control-bar .vjs-play-control{display: none !important;}
.digital-coach-pop .video-screen .vjs-control-bar{background: transparent;}
.courselanding.learnerflow  .owl-nav.disabled{display: none;}

.main-container-for-all .course-name .col-md-4 img{width: 20px;}
.main-container-for-all .course-name{margin-bottom: 10px !important;}
.assessmenttopic{display: flex; justify-content: flex-start; margin-top: 5px;}
.assessmenttopic span{margin-right: 10px; font-size: 14px;}
.main-container-for-all .course-name{min-height: 70px;}
.main-container-for-all .course-cat .box{min-height:380px;}
.main-container-for-all .post-meta .col-md-8{padding-left: 0; font-size: 12px;}
.main-container-for-all .post-meta {margin-bottom: 0;}
.course-cat.course-session .carouselmaindiv .course-name.active:after{display: none !important;}
.course-cat.course-session .carouselmaindiv.active_course .course-name.active:after{display: block !important;}
.course-cat.course-session .carouselmaindiv.active_course .course-name:after{position: absolute;
    left: 40%;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #FFF transparent transparent transparent;
    bottom: -29px;}
.course-cat.course-session .carouselmaindiv .box{opacity: 0.4;}
.course-cat.course-session .carouselmaindiv.active_course .box{opacity: 1;}
.main-container-for-all .course-cat.course-session{margin-bottom:35px;}
.catoveriew .main-container-for-all .course-cat.course-session{margin-bottom:5px;}
.course-listing .listing.active .cricleprogress{margin-left: 5px; position: relative; top: -32px;}

.digital-coach-pop .vjs-overlay.vjs-overlay-center.vjs-overlay-background{display: none !important;}
.main-container-for-all .course-listing .listing.active.progress_arc h3{margin-top: -60px;}


.plantixui .croplistings img, .croplistingspopcontent img{width: 100%; border-radius: 5px;}
.plantixui .croplistings h2, .croplistingspopcontent h2{font-size: 16px; font-family: 'gt_walsheimlight' !important; margin:10px 0 5px 0; font-weight: 600;}
.plantixui .croplistings .descriptiontext, .croplistingspopcontent .descriptiontext{font-size: 16px; font-family: 'gt_walsheimlight' !important; line-height: 18px; margin-bottom: 10px;}
.plantixui .croplistings .readmoretxt{color: #09b7ca;}
.plantixui .croplistings .croplistcontainer{border: solid 1px #f3f3f3; padding: 10px; border-radius:5px;}
.plantixui .croplistings{margin-bottom: 15px; padding-left: 5px; padding-right: 5px;}
.croplistingspopcontent{width: 50%; margin: auto;}
.plantixheaderpart{font-family: 'helveticaregular' !important; background: #efefef; padding: 15px; width: 100%; margin-bottom:15px; border-bottom: solid 2px #e6e6e6;}
.plantixheaderpart h1, .croplistinheading h1{font-family: 'helveticaregular' !important; color: #444; font-size: 24px; margin: 0;}
.plantixheaderpart small{font-size: 14px; color: #444;}
.croplistinheading{margin-bottom: 20px;}
.croplistinheading h1{font-size: 20px;}
.subheadbg{background: #efefef;color: #000; border: solid 1px #ccc; padding: 2px 15px; width: max-content; font-size: 12px;
    font-family: 'helveticaregular' !important; margin-bottom: 10px;}
.croplistcontainer img{margin-bottom: 15px;}
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent{width: 100%;}
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer img{width: 50%; float: left; margin-right: 20px;}
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer .croplistinheading{float: left; width:calc( 50% - 20px);}
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer .descriptiontext{float: left; width:calc( 50% - 20px);}
.table-body-cell.inputdatepick.secondclass{width: 100%; display: block; border: none; padding: 0; float: left;}
.table-body-cell.inputdatepick.secondclass .popdatepickctrl{display: flex; flex-direction: column; width: 50%; float: left;}
.table-body-cell.inputdatepick.secondclass .popdatepickctrl label{font-weight: 700;}
.table-body-cell.inputdatepick.secondclass .popdatepickctrl .md-datepicker-input-container input{border: solid 1px #ccc; height: 35px; border-left: none; padding-left: 10px;}
.table-body-cell.inputdatepick.secondclass .lessonlabel.popupdatepicker{display: flex; position: relative; width: 50%; margin-top: 25px;}
.table-body-cell.inputdatepick.secondclass .lessonlabel.popupdatepicker label{border:none; font-weight: 600;}
.table-body-cell.inputdatepick.secondclass .lessonlabel.popupdatepicker input{margin-top: 10px;}
.descriptiontext.dectxtformfields button{border: none;padding: 6px 20px; font-size: 16px; color: #fff; border-radius: 4px;
    background: #10b872; margin-top: 20px;}
.table-body-cell.inputdatepick.secondclass .lessonlabel.popupdatepicker .checkmark, .table-body-cell.inputdatepick.secondclass .lessonlabel.popupdatepicker .check_mark{display:none;}
.courselanding .owl-dots{display: none;}
.askkuzachatpopup{box-shadow: 2px 6px 20px rgba(51,111,169,0.5);}
.askkuzachatpopup .close-icon{position: absolute; z-index: 999; right: -15px; top: -15px; width: 40px;}
.categoriesland.notificationsland .scroll-content{width: 50% !important; margin: auto !important;}
.categoriesland.notificationsland .scroll-content .main-container-for-all.notifications-center img.posterimg{width:50%;}
.categoriesland.notificationsland .scroll-content .main-container-for-all.notifications-center p{font-size: 20px; line-height: 24px;}
.categoriesland.notificationsland .top-thread{display: flex; font-size: 16px;}
.categoriesland.notificationsland .notifications-top .top-text{line-height: 35px !important; font-size: 24px !important;}
.categoriesland.notificationsland .notifications-top .top-text span{padding: 5px 15px; line-height: 20px;}
.categoriesland.notificationsland .noti-content .listing{display: flex; padding: 10px; border-radius:0 10px 10px 0 !important; margin-bottom: 5px;}
.categoriesland.notificationsland .noti-content .listing img{margin-right: 20px; width: 65px; height: 65px; margin: 0;}
.categoriesland.notificationsland .noti-content .listing .notifycontent{margin-left: 20px; width: 100%; font-size: 18px;}
.categoriesland.notificationsland .noti-content .listing .notifycontent .complete{float: right; background-color: #2c4fa3; line-height: 20px; margin-top: 15px; margin-right:5px;
    color: #FFF; float: right; margin-left: 10px; padding: 8px 15px; border-radius: 7px;}
.categoriesland.notificationsland .noti-content .listing .notifycontent span{font-size: 14px; color: #2c4fa3;}
.categoriesland.notificationsland .noti-content span{color: #2c4fa3;}

.newheader .lamborghini.header_lg{padding: 0 0px !important; display: flex; flex-direction: row; justify-content: space-between;}
.newheader .lamborghini.header_lg .top-text{width: 100%; text-align: center; float: left; text-transform: uppercase;}
.newheader .lamborghini.header_lg .menu-toggle-top img{/*height: 20px;*/ height: 40px; padding: 10px; margin-top: -5px !important}
.courselanding.newheader .lamborghini.header_lg .header-right-icons img{height: 25px !important; margin-top: 0px;}
.main-container-for-all .row.course-cat.course-session .owl-stage-outer .carouselmaindiv .box .main-content .course-name{margin-bottom: 0 !important;}
/*.main-container-for-all .row.course-cat .box .main-content .post-meta{float: left; width: 100%; margin-top: 5px;}*/
/*.main-container-for-all .row.course-cat .box .main-content .post-meta .row .col-md-4{padding: 0;}
.main-container-for-all .row.course-cat .box .main-content .post-meta .row .col-md-8{padding: 0;}*/
.main-container-for-all .welcome-username{margin-bottom: 20px;}
.main-container-for-all{padding-top: 35px !important;}
.main-container-for-all .row.course-cat.course-session .owl-stage-outer .owl-stage{padding-left: 0 !important;}
.sessionoverview .main-container-for-all .row.course-listing{margin-top:0px;}
.row.course-listing .listing span{top: 4px !important;}
.categoriesland.sessionoverview md-tabs.md-dynamic-height md-tabs-content-wrapper{margin-top: 10px !important;}
.categoriesland.sessionoverview .courselanding md-tabs md-tabs-wrapper{box-shadow: none !important; border: none;}
.categoriesland.sessionoverview md-pagination-wrapper{box-shadow:1px 2px 11px rgba(0, 0, 0, 0.13) !important; border-radius: 10px; top: 20px; left: 10px; width: calc(100% - 25px); justify-content: space-between;}
.categoriesland.sessionoverview md-tabs-canvas{height: 78px;}
.categoriesland.sessionoverview .courselanding md-tabs .md-tab.md-active{border-bottom: none !important; background: #3359F7 !important;}
.categoriesland.sessionoverview md-pagination-wrapper .md-tab{width: 100%; max-width: none !important; /*box-shadow:-4px -1px 18px rgba(0, 0, 0, 0.09);*/ padding: 12px !important; border-left: solid 1px #ccc;}
.categoriesland.sessionoverview md-pagination-wrapper .md-tab:first-child{border-left:none !important;}
.categoriesland.sessionoverview .courselanding md-tabs-canvas .md-tab span{/*text-transform: uppercase;*/ font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .courselanding md-tabs .md-tab.md-active span{font-family: 'helveticaregular' !important;}
.sessionoverview .main-container-for-all .row.course-listing.reflectioncls{margin-top: 0;}
.sessionoverview .main-container-for-all .course-listing.reflectioncls .listing h3{margin-top: 0;}
.sessionoverview .main-container-for-all .course-listing.reflectioncls  .listing.progress_arc h3{margin-top:-60px !important;}
.row.course-listing.reflectioncls .listing span.lock{top:-5px !important;}
.categoriesland.catoveriew .main-content .course-name .row{display: table !important; vertical-align: middle; width: 100%; height: 45px;}
.categoriesland.catoveriew .main-content .course-name .row .name{vertical-align: middle; display: table-cell;}
.clockicon{padding: 0;}
.accordion.md-accordion .card .card-header{padding: 5px 10px; border:none !important;}
.accordion.md-accordion .card{margin: 15px 0; box-shadow: 6px 2px 4px rgba(0, 0, 0, 0.15) !important;}
.accordion.md-accordion .card .card-header .rptsecheader button{border:none; float: right; background: #14a267; color: #fff; font-size: 12px; padding:3px 10px; border-radius: 5px;}
.accordion.md-accordion .card .card-header .rptsecheader button i{margin-right: 5px;}
.accordion.md-accordion .card .card-header .rptsecheader{margin-bottom: 0; color: #909090 !important;}
.accordion.md-accordion .card .card-header a:hover{text-decoration: none;}
.schedulepopupcontainer .farminfo i{float: left; margin-right: 15px;}
.newquiztemp{max-width: 380px; margin: auto;}
.newquiztemp .lessonquizholder{padding: 0;}
.newquiztemp .lessonquizholder .fixheightdiffmain{padding: 0 !important;}
.newquiztemp .lessonquizholder .fixheightdiffmain .formly-field{margin: 0;}
.dashboard.mycustomlesson .newquiztemp .mainquestioncontainer{margin: 0 0px !important;}
.dashboard.mycustomlesson .newquiztemp .showlabel label{font-size: 36px !important; font-family: 'helveticaregular' !important; color: #344356; line-height: 42px;
    text-align: left !important; margin-bottom: 10px !important; display: block;}
.dashboard.mycustomlesson .newquiztemp .maintitle .lessons_titles h5{text-align: center;}
.topicassessment .newquiztemp .lessonlabel .item-radio .item-content{background: transparent !important;}
.topicassessment .newquiztemp .form-group .list label{background: transparent !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .form-group .list label{border:none !important; padding: 15px 20px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain{/*box-shadow:0px 3px 10px 0px rgb(224, 224, 224);*/ padding: 0;
  margin-bottom: 15px !important; border-radius: 5px; width: 100%;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span{color: #545b6c !important; font-size: 16px !important;
 font-family: 'helveticaregular' !important}
.newquiztemp .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding: 0 !important;}
.newquiztemp .picquiz.lessonquizmain .lessonlabel .item-radio{width: 100% !important;}

.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .lessonlabel label{padding:12px 15px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .selectedans .lessonlabel label{background: #3359F7 !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .selectedans .item-content .listname span{color: #fff !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .list .item{margin-right: 0 !important;}
.newquiztemp .quiztemplate .picquiz.lessonquizmain .item-radio .radio-icon{display: none !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .flex-row.onlycheckbox{width: 98%; margin: auto;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .ion-android-arrow-dropright-circle.input_arrow{font-size: 35px; color: #3359F7; float: right;}

.post-meta-1 strong {display: inline-block; margin-bottom: 5px; background: #C4CDC8; padding: 5px 15px;  border-radius: 5px;
    font-weight: normal; font-size: 12px; color: #000000;}
.post-meta-1 strong.progress-btn {background: #D98A00;color: #FFF;}
.post-meta-1 strong.complete-btn {background: #009F37; color: #FFF;}
.post-meta-1 strong.overdue-btn {background: #D90800; color: #FFF;}
.main-info-user .menunewdesign .menuprogressbar{text-align: center; padding-left: 5px; padding-right: 5px; color: #77838F; font-size: 12px;}
.main-info-user .menunewdesign .menuprogressbar{
  text-align: center;
  color: #77838F;
  font-size: 12px;
}
.main-info-user .menunewdesign .menuprogressbar span {
  background: #FFF;
  border:5px solid #FAFAFA;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  display: block;
  margin: 0 auto 10px;
  padding-top: 20px;
  font-weight: bold;
  font-size: 12px;
  position: relative;
}
.main-info-user .menunewdesign .menuprogressbar span b {
      width: 40px;
    height: 70px;
    /* background-color: #FFF; */
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    border: 6px solid #00d8cd;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: -5px;
    top: -5px;
}
.main-info-user .menunewdesign .menuprogressbar span.circle-1 b {
  border-color: #7DE0A8;
}
.main-info-user .menunewdesign .menuprogressbar span.circle-2 b {
  border-color: #1569FF;
}
.main-info-user .menunewdesign .menuprogressbar span.circle-3 b {
  border-color: #F91A1D;
}
.main-info-user .menunewdesign .menuprogressbar span.circle-1 {
  color: #7DE0A8;
}
.main-info-user .menunewdesign .menuprogressbar span.circle-2 {
  color: #1569FF;
}
.main-info-user .menunewdesign .menuprogressbar span.circle-3 {
  color: #F91A1D;
}
.menusynctxt{font-size: 12px; font-weight: normal;}
.menuuserpic{padding-left: 5px; padding-right: 5px; max-width: 120px !important; width: 120px;}


.receivermaincontainer .receiverchat .title b{font-family: 'helveticaregular' !important;}
.receiverchat .receiverchatdescription ol{margin-left: 20px; list-style: decimal; font-size: 18px;}
.topicreflections b{font-weight: normal !important; font-size: 14px; margin-right: 5px;}
.topicreflections{margin-bottom: 15px;}
.catoveriew .cardcontent p{font-size: 16px;}
.catoveriew .weekstatus span{color: #3359F7; font-size: 14px;}
.course-listing .listing span.lock{top: -3px !important;}

.probartop{    background: #E3E3E3;
    height: 6px;
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    border-radius: 50px;
    }
.probarbot{
    background: #fbce05;
    height: 6px;
    position: absolute;
    left: 0;
    top: 25px;
    width: 15%;
    border-radius: 50px;
}
.coursestatusbtns .row{align-items: flex-end !important;}
.catoveriew .main-container-for-all .course-cat.course-session .box .main-content .course-name .row{margin-left: 0; margin-right: 0;}
.catoveriew .main-container-for-all .course-cat.course-session .box .main-content .course-name .row .name{padding:0px 10px !important;}
.catoveriew .main-container-for-all .course-cat.course-session .box .main-content .course-name .row .text-right img{width: 30px; height: 30px; margin-top:0px;}
.categoriesland.catoveriew .main-container-for-all .course-cat.course-session .box .main-content .course-name .row{display: flex !important;}
.categoriesland.catoveriew .main-container-for-all .course-cat.course-session .box .main-content .course-name .row .col-md-3{padding-right: 0;}
.categoriesland.sessionoverview .lesson.mentor_insights.bottomfixbutton .button.button-ecd{padding: 15px 50px !important; width:fit-content; margin: auto; border-radius:10px; /*text-transform: uppercase;*/
 font-size: 20px !important; bottom: 20px !important;}
.main-container-for-all p{font-size: 24px; margin-bottom: 30px;}
.main-container-for-all .mainvideocontainer p{font-size: 18px; line-height: 24px; padding: 0 30px;}
.coursestatusmsg{text-align: left; font-weight: 700; margin-top: -25px; margin-bottom: 5px;}
.main-img.posterimg{margin-bottom: 30px;}
.categoriesland.sessionoverview md-tab-content.md-active .overview-content .video-flex-container #video{border-radius: 20px !important; overflow: hidden; border: solid 1px #d8d8d8; margin-bottom: 20px;}
.text-container.ask_mentor h3{color: #344356;}
.blank_modal.blank_modal_askq .contents .text-container form{color: #5c6877;}
.blank_modal.blank_modal_askq .contents .text-container button.button-ecd{background: #3359F7; color: #fff !important; width: max-content; font-family: 'helveticaregular' !important;
    margin: auto; margin-top: 30px; padding: 5px 30px; border-radius: 10px; font-size: 18px; line-height: 18px;}
.new-alert-popup .icon_container.ion-locked:before{font-size: 30px !important; background: #3359F7; color: #fff !important; padding: 15px; border-radius: 100px;
    width: 60px; height: 60px; text-align: center; box-shadow: 0px 0px 10px 5px rgba(189, 189, 189, 0.4);}
.new-alert-popup .popuptitle{font-size: 24px !important; padding: 0; line-height: 18px !important; margin-bottom: 20px; margin-top: 10px; font-family: 'helveticaregular' !important;}
.new-alert-popup .popupmsge{font-size: 20px; color: #5c6877; padding: 0 15px; line-height: 22px; margin-bottom: 15px; font-family: 'helveticaregular' !important;}
.popup-container.new-alert-popup .popup-buttons .button{background: #3359F7; box-shadow: 0px 0px 10px 5px rgba(189, 189, 189, 0.4); padding: 10px 30px; font-family: 'helveticaregular' !important;
    border-radius: 10px; margin-bottom: 10px !important; /*text-transform: uppercase;*/}
.popup-container.new-alert-popup .popup-buttons .button i{background: #3d56f0; padding: 5px 9px; color: #fff; border-radius: 100px;
  font-size: 14px; margin-left: 5px; display: none;}
.catintro.categoriesland .scroll-content .coach-link a{padding: 10px 30px !important;}
.catintro.categoriesland .scroll-content .coach-link a:hover{color: #fff;}
.catintro.categoriesland .scroll-content .mainvideocontainer{margin-top:60px;}
.catintro.categoriesland .scroll-content .coach-link{width: fit-content; float: none; margin: auto;}
.formlyquiztemp .lessonquizholder{padding: 0;}
.formlyquiztemp .lessonquizholder .formly-field{margin-right: 0;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen{height: 100%; text-align: left;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .welcometitle, .staticactivitytitle{margin-top: 20px; color: #000;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns{width: fit-content; margin: auto; margin-top: 30px;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button{display: block; background: #3359F7 !important; border-radius: 7px; color: #FFF;
    /*text-transform: uppercase;*/ padding:12px 30px; font-size: 22px; font-weight: bold; text-align: center;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button img{margin-left: 5px; vertical-align: text-bottom; display: none;}
.formlyquiztemp .quizcontentdiv.customclass.lessonquizcontainer .fixheightdiffmain .lessonquizholder.fixheightdiff{height: 100%;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz{/*max-width:480px;*/ max-width: 100%; margin: auto; vertical-align: middle; display: table; /*box-shadow: 0 0px 25px 20px rgba(183, 183, 183, 0.35);*/
    /*padding: 0 50px; margin-top:35px;*/ height:80%; /*height: auto;*/ border-radius: 15px;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass{/*vertical-align: middle;*/ vertical-align: top; display: table-cell; text-align: center !important;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass .picquiz.lessonquizmain{width: 100% !important;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass .picquiz.lessonquizmain .item .item{width: 100% !important; background: #fff !important;}
.hidedivsforquiz .main-container-for-all{padding: 20px !important; height:94%;}
.categoriesland.sessionoverview .hidedivsforquiz md-tabs.md-dynamic-height md-tabs-content-wrapper{margin-top: 0 !important;}
.sessionoverview .hidedivsforquiz .main-container-for-all .row.course-listing{margin-top: 0;}
.sessionoverview .hidedivsforquiz .main-container-for-all .overview-content{margin-bottom: 0;}
.hidedivsforquiz .main-container-for-all md-tabs, .categoriesland.sessionoverview .hidedivsforquiz md-tabs.md-dynamic-height md-tabs-content-wrapper{height: 100%;}
.categoriesland.sessionoverview .hidedivsforquiz md-tabs.md-dynamic-height md-tabs-content-wrapper .md-no-scroll, .categoriesland.sessionoverview .hidedivsforquiz md-tabs.md-dynamic-height md-tabs-content-wrapper .md-no-scroll .overview-content{height: 100%;}
.categoriesland.sessionoverview .hidedivsforquiz md-tabs.md-dynamic-height md-tabs-content-wrapper .md-no-scroll .overview-content .course-listing{height: 100%;}
.categoriesland.sessionoverview .hidedivsforquiz .lamborghini.header_lg{padding: 0 !important; height: 55px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .lamborghini.header_lg .menu-toggle-top{position: absolute; top:0px; height: 20px; left: 30px;}
.categoriesland.sessionoverview .hidedivsforquiz .header_lg.vision-page .progress-bar{width:70%; height: 15px !important; margin-top:15px;}




.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all .mainvideocontainer .catvideocontainer{margin-top: 60px;}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all .coach-link a img{float: right;}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all .coach-link{width: 80%; float: none; margin: auto;}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all .video-js{border-radius:30px; border:solid 3px #e8e8e8 !important; overflow-x: hidden;}
.course-cat.course-session .carouselmaindiv .box{border-radius: 20px !important; overflow: hidden;}
.course-cat.course-session .carouselmaindiv.active_course:after{position: absolute; left: 40%; content: ' '; width: 0;
    height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #FFF transparent transparent transparent;
    bottom:15px;}
.course-cat.course-session .carouselmaindiv.active_course{position: relative;}
.catreadmoretxt{color: #3359F7; text-align: right;}
.catreadmore{width: 100%; margin-bottom: 30px;}
/*.categoriesland.sessionoverview .newheader .header_lg{height: 55px; padding: 0;}*/





.course-cat.course-session .carouselmaindiv.active_course .box .course-name .name{font-size: 20px !important; line-height: 22px; font-weight: 600; color: #344356;}
.course-cat.course-session .box .main-content{float: left; width: 100%; height: 45px;}
.course-listing .listing.active h3{color:#3359F7 !important;}
.main-container-for-all .welcome-username, .main-container-for-all p{font-family: 'helveticaregular' !important; color: #344356 !important;}
.catreadmoretxt, .course-name .name, .newheader .lamborghini.header_lg .top-text, .categoriesland.catoveriew .main-content .course-name .row .name, .assessmenttopic span, .coach-link a, .coursestatusmsg, .status-bar-top .common strong, .post-meta span, .post-meta-1 span,
 .post-meta-1 strong.overdue-btn, .post-meta-1 strong.overdue-btn, .categoriesland.sessionoverview .courselanding md-tabs-canvas .md-tab span, 
 .course-listing .listing.active h3, .course-listing .listing h3, .course-listing .listing h3 b, .overview-content h3, .categoriesland.notificationsland .noti-content span, .categoriesland.notificationsland .noti-content .listing .notifycontent,
  .categoriesland.notificationsland .noti-content .listing .notifycontent span, .categoriesland.notificationsland .noti-content .listing .notifycontent .complete, 
   .statementtxt, .clsMenuMain .clsMenu, .videodate, .askpopclose, .receiverchat .title, .receiverchat ol li, .smart-coach .sendertitle h4, .categoriesland.sessionoverview .hidedivsforquiz .showlabel label span{font-family: 'helveticaregular' !important;}
.post-meta span, .post-meta-1 span, .assessmenttopic span{font-size: 15px;}
.assessmenttopic span{color:#858e99;}
.row.course-cat .course-content p{line-height: 22px; font-size: 18px;}
.post-meta-1 span{font-size: 14px !important;}
.course-cat.course-cat-next .course-name .name, .course-listing .listing h3{color: #3a495b !important; font-weight: 700;}
.course-cat.course-cat-next .course-content .col-md-12.cardcontent p{font-family: 'helveticaregular' !important; /*color: #9299a3 !important;*/ line-height:26px;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button, .formlyquiztemp .lessonquizholder .formly-field .welcomescreen .welcometitle, .staticactivitytitle{font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .courselanding md-tabs-canvas .md-tab span{color: #3a495b !important; text-transform: uppercase;}
.categoriesland.sessionoverview .hidedivsforquiz .showlabel label span{font-size: 40px !important; color: #3359F7; font-weight: bold !important; line-height: 50px; margin-bottom: 20px !important; display: block;}
.categoriesland.sessionoverview .hidedivsforquiz .message{font-size: 20px !important; color: #334255; font-family: 'helveticaregular' !important; margin-bottom: 30px !important; display: block; line-height: 28px;}
.categoriesland.sessionoverview .hidedivsforquiz .quiztemplate .lessonnewquizstyles .form-group .list label{border:solid 3px #e8eef4 !important; border-radius: 10px;}
.categoriesland.sessionoverview .hidedivsforquiz .quiztemplate .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding: 15px 30px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .quiztemplate .listname span{font-size: 26px !important; font-family: 'helveticaregular' !important; color: #5c6877;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass .picquiz.lessonquizmain .item.selectedans .item .item-content{background: #3359F7 !important;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass .picquiz.lessonquizmain .item.selectedans .item .item-content .listname span{color: #fff !important;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass .picquiz.lessonquizmain .item.selectedans .item .radio-icon{display: none !important;}
.lessonsubmitbutton a:hover{color: #fff !important;}
.categoriesland.sessionoverview .hidedivsforquiz .quizcontentdiv.customclass .lessonsubmitbutton .content-div{display: flex; width: 100%; justify-content: space-between;}
.categoriesland.sessionoverview .hidedivsforquiz .quizcontentdiv.customclass .lessonsubmitbutton{width: 100% !important;}
.categoriesland.sessionoverview .hidedivsforquiz .quizcontentdiv.customclass .lessonsubmitbutton a{margin-top: 0 !important;}
.categoriesland.sessionoverview .courselanding md-tabs .md-tab.md-active span{font-family: 'helveticaregular' !important; font-weight: 700; color: #fff !important;}

.askkuzachatpopup .video_responsive-left-align{/*margin-left: 0 !important;*/}
.cardprenextdiv{/*width: 420px;*/ width: 100%; margin: auto; margin-top: 30px; display: flex; justify-content: space-between;}
.cardprenextdiv .left_button, .cardprenextdiv .right_button{display: inline-block; padding: 10px 40px 15px 40px; background: #3359F7;
    border-radius: 10px; color: #FFF; /*text-transform: uppercase;*/ /*font-size: 24px;*/ /*min-width: 40%;*/ min-width: auto;}
.cardprenextdiv .right_button{float: right;    padding: 10px 40px;}
.cardprenextdiv .right_button img{margin-left: 10px; display: none;}
.cardprenextdiv .left_button img{margin-right: 10px; display: none;}
.categoriesland.sessionoverview .hidedivsforquiz .showlabel label .required-error{display: none;}
.cardprenextdiv .left_button:hover, .cardprenextdiv .right_button:hover{color: #fff !important;}
/*.course-cat.course-session .course-name .col-md-9{}*/
.course-cat.course-session .carouselmaindiv .box .course-name .name{font-size:12px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .lessonquizholder .formly-field{width: 100%;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .lessonquizholder .formly-field .form-group .mainquestioncontainer input{border:solid 3px #e8eef4 !important; max-width: none !important; border-radius: 10px;
 padding: 15px 20px !important; height: auto !important; font-size: 18px !important; color: #5c6877; font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .hidedivsforquiz .lessonnewquizstyles .form-group .list .multiselectcheckbox label{padding: 15px 20px !important; height: auto !important; font-size: 18px !important;  font-family: 'helveticaregular' !important; background: #fff !important;}
.categoriesland.sessionoverview .hidedivsforquiz .lessonnewquizstyles .form-group .list .multiselectcheckbox.activated_correct label{background: #3359F7 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .lessonnewquizstyles .form-group .list .multiselectcheckbox.activated_correct label .listname span{color: #fff !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field-statement .field-title .statementtitle{color: #3359F7 !important; font-family: 'helveticaregular' !important; font-size: 18px;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label{font-size: 36px !important; color: #3359F7 !important; font-family: 'helveticaregular' !important; margin-bottom:5px; font-weight: bold; line-height: 42px;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .formly-field.formly-field-textarea textarea{font-family: 'helveticaregular' !important; border:solid 3px #e8eef4 !important; font-size: 18px !important; min-height: 250px !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all{height:auto;/*height:calc(100% - 0);*/}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.threetabcontent md-tabs{height: calc(100% - 15px);}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.threetabcontent md-tabs.md-dynamic-height md-tabs-content-wrapper{height: calc(100% - 90px);}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.threetabcontent md-tabs.md-dynamic-height md-tab-content.md-active{height: 100%; overflow-y: auto;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.threetabcontent md-tabs.md-dynamic-height md-tab-content.md-active .bg-white._md{height: 100% !important;}

.categoriesland.sessionoverview .header_lg.vision-page .progress-bar span{background:#fbce05;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .lessonquizholder .formly-field.formly-field-date .form-group .mainquestioncontainer input{border-radius: 0 !important; min-width: 200px !important; border-left: 0 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .lessonquizholder .formly-field.formly-field-date .md-button.md-icon-button{margin: 0; width: 60px; float: none; height: 60px !important; top: 0 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .lessonquizholder .formly-field.formly-field-date .customdatepicker .md-button.md-icon-button md-icon{height: 30px !important; width: 30px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .lessonquizholder .dynamicprofilepage .formly-field.formly-field-date  button{background: #3359F7 !important;}

.catoverboxes{margin-bottom: 25px;}
.main-container-for-all .course-cat .catoverboxes .box{height: 100%;}
.course-cat .catoverboxes .box .main-content, .main-container-for-all .catoverboxes .course-name{float: left; width: 100%;}
.main-container-for-all .catoverboxes .post-meta{margin-top: 0;}
.main-container-for-all .catoverboxes .course-content, .main-container-for-all .catoverboxes .coursestatusbtns{float: left; width: 100%;}
.categoriesland.catoveriew .catoverboxes .main-content .course-name .row{height: auto !important;}
/*.course-cat .catoverboxes .box .main-content{padding-bottom: 0;}*/
.main-container-for-all .catoverboxes .course-name{margin-top: 10px;}
.categoriesland .courselanding.learnerflow.course_new_ui .reflectionviewtemp1 .main-container-for-all, .categoriesland .courselanding.learnerflow.course_new_ui .reflectionviewtemp2 .main-container-for-all{padding: 0 !important;}
.reflectionviewtemp1 .main-container-for-all.vision-content .number, .reflectionviewtemp2 .main-container-for-all.vision-content .number{margin-bottom: 20px; font-family: 'helveticaregular' !important; font-size: 30px; line-height: 30px;}
/*.refselectedans{display: inline-block;}*/
.refselectedans h3 {
  display: inline-block;
}
.vision-preview{margin-bottom: 20px; float: left; width: 100%;/*box-shadow: 0 1px 19px rgba(60,128,209,0.1);
    padding: 20px;*/}
.refquestion{float: left; margin: 0 10px 10px 0; border:solid 3px #e8eef4 !important; max-width: none !important; border-radius: 7px;
 padding:5px 10px !important; height: auto !important; font-size: 20px !important; color: #5c6877; font-family: 'helveticaregular' !important; text-align: left;}
.refselectedans h3{ /*border:solid 3px #e8eef4 !important;*/ max-width: none !important; border-radius: 10px; margin-bottom: 20px; background: #3359F7 !important;
 padding:10px 50px !important; height: auto !important; font-size:26px !important; color: #fff; font-family: 'helveticaregular' !important; font-weight: normal !important;}
.reflectionviewtemp1 .content-div, .reflectionviewtemp2 .content-div{display: block; float: right; width: 100%; text-align: right;}
.reflectionviewtemp1 .content-div img, .reflectionviewtemp2 .content-div img{margin-left: 10px;}
.reflectionviewtemp2 .vision-content .question-main{font-family: 'helveticaregular' !important; line-height: 30px; font-size: 20px !important; margin-bottom: 10px !important;}
.reflectionviewtemp2 .vision-content .question-content{font-family: 'helveticaregular' !important; font-size: 18px !important; margin-bottom: 10px !important;}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all .coach-link a:hover{color: #fff !important;}
.topicassessquiz .newquiztemp.custommobileview{max-width: 100%; min-width: 75% !important; margin: auto; vertical-align: middle; display: table;
    /*box-shadow: 0 0px 25px 20px rgba(183, 183, 183, 0.35);*/ box-shadow: none; padding: 0 30px; margin-top:0; height: 80%; border-radius: 15px;}
.topicassessquiz.mycustomlesson{margin-top: 70px;}
.topicassquiz .progress-bar{width: 100% !important;}
.newheader .topicassquiz.lamborghini.header_lg{padding: 0 !important;}
.newheader .topicassquiz .menu-toggle-top{position: absolute; top: -5px; left: 20px; width: 35px; text-align: center; z-index: 99999;}
.topicassquiz .progress-bar{margin-top: 55px !important; height: 5px !important; border-radius: 0 !important;}
.topicassquiztitle{position: absolute; text-transform: uppercase; font-weight: bold; top: 15px; text-align: center; width: 100%; font-family: 'helveticaregular' !important; color: #3359F7; font-size: 22px !important;}
/*.newquizteminner{vertical-align: middle; display: table-cell; text-align: center !important;}*/
.newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{font-size: 36px !important; color:#333333; line-height: 42px; text-align: left !important; margin-bottom: 20px !important; display: block;}
.newquizteminner{text-align: left !important;}
/*.newquizteminner .showlabel label{text-align: left !important; margin-bottom:20px !important;}*/
.newquizteminner .maintitle .mb-3{margin-bottom: 10px !important;}
.newquizteminner .showlabel label .required-error{display: none;}
.topicassessquiz .newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .list .item{max-width: none !important; }
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .lessonlabel label{padding: 15px 20px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span{font-size: 30px !important; font-family: 'helveticaregular' !important;}
.topicassessquiz .newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .selectedans .lessonlabel label{background: #3359F7 !important;}
.topicassessquiz .cardprenextdiv .right_button img{margin-left: 10px;}
.topicassessquiz .newquiztemp .lessonquizholder .fixheightdiffmain .formly-field{width: 100% !important;}
.topicassessquiz .cardprenextdiv{width: 85% !important;}
.topicassessquiz .cardprenextdiv .left_button, .topicassessquiz .cardprenextdiv .right_button{max-width: 180px !important; min-width: auto !important;}
.course-cat .catoverboxes .box{margin-bottom: 0;}
.newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label .required-error{display: none;}
.newquiztemp .quiztemplate .lessonnewquizstyles .form-group .list label{border:solid 3px #e8eef4 !important; border-radius: 10px !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain{width: 100% !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .list .item .multiselectcheckbox{width: 100% !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .list .item .multiselectcheckbox label{width: 100% !important; max-width: none !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .listname span{font-size: 30px; line-height: 36px; font-family: 'helveticaregular' !important; color: #545b6c ;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_correct label{background: #3359F7 !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_correct label .listname span{color: #fff !important;}
.newuiprompt .popup .popuptitle, .popup-container.newuiprompt .popup-buttons .button, .newuiprompt .popuptitlewithassessment span{font-family: 'helveticaregular' !important; color: #545b6c;}
.popup-container.newuiprompt .popup-buttons .button{color: #fff !important;}
.newuiprompt .popup .icon_container{box-shadow: none !important;}

.categoriesland .courselanding.learnerflow .row.course-cat .box .course-name .name{margin-top: 5px;}
.sessionoverview .mentor_insights{background: #fff;}
.sessionoverview .list.mentor_insights .insight-item{
  box-shadow: 0px 0px 50px rgba(204,204,204,0.2); position: relative; margin-bottom: 20px; border-radius: 7px !important; padding:10px 20px;
}
.sessionoverview .mentornamedate h2{color:#344356 !important; font-family:'helveticaregular' !important; font-size: 22px !important; text-transform: capitalize; font-weight: 600;}
.sessionoverview .mentor_insights .item-divider .answer_count, .sessionoverview .mentor_insights .item-divider .reply, .sessionoverview .mentor_insights .reply-reply .reply2{color: #8b8b8c !important;
 font-family: 'helveticaregular' !important; font-size: 14px !important;}
.sessionoverview .mentor_insights .item-avatar h2{font-family:'helveticaregular' !important; font-size: 18px !important; color: #545b6c !important;}
.sessionoverview .mentorreplynamedate span, .sessionoverview .mentorcommentsnamedate span{font-family: 'helveticaregular' !important; font-size: 14px !important; color: #545b6c !important;}
.sessionoverview .mentor_insights .item-avatar .item-body{width: 100%;}
.sessionoverview .mentor_insights .button.button-ecd{background: #3359F7 !important; font-family: 'helveticaregular' !important; font-size: 20px !important;}
.sessionoverview .repeatsectionstyles .repeatsection .formly{display: block !important;}
.sessionoverview .repeatsectionstyles .printlabel{display: none;}
.sessionoverview fieldset.repeatsectionstyles .message{width: 100% !important;}
.sessionoverview .quizcontentdiv.customclass .fixheightdiffmain{height: 60vh !important; overflow: auto; padding-top: 0 !important;}
.sessionoverview .product_details .repeatsectionlegend:before{display: none;}
.sessionoverview .repeatsectionlegend{margin: 0 !important;}
.sessionoverview .product-details-container .repeatsection{margin:0 !important; padding: 0 !important;}
.sessionoverview .repeatsectionstyles .formly-field .form-group{margin-bottom:20px !important;}
.sessionoverview .product_details fieldset .product-details-container.addscroll{margin-top: 0 !important;}
.sessionoverview .nofieldset legend{font-family: 'helveticaregular' !important; font-weight: 600; line-height: 30px; margin-bottom: 20px; font-size: 24px !important; color: #3359F7 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .repeatsection .message{margin-bottom:10px !important;}
.sessionoverview .nofieldset legend{margin-left: 0 !important;} 
.sessionoverview .defaulttext{font-family: 'helveticaregular' !important; font-size:20px !important; color: #545b6c !important;}
.video-js{background: #fff !important;}
.video-js .vjs-tech{border-radius: 20px;}
.onloginpage md-tabs[md-border-bottom] md-tabs-wrapper{padding-left: 0 !important;}
.onloginpage md-tabs .md-tab.md-active{max-width: none !important; width: 100% !important;}
.onloginpage md-pagination-wrapper{width: 100% !important;}
.onloginpage md-tabs md-ink-bar{display: none !important;}
.onloginpage md-tabs .md-tab span{font-family:'helveticaregular' !important; font-size:30px !important; text-transform: none !important; color: #344356 !important; font-weight: bold;}
.logindesc{color: #747886 !important; font-size:26px; font-family:'helveticaregular' !important; margin-top: 20px;}
.onloginpage .md-padding{margin-top: 0 !important; padding-top: 0 !important;}
.onloginpage md-tabs.md-dynamic-height md-tabs-content-wrapper{margin-top: 0 !important;}
.onloginpage.loginpag .login .content-block .login_form{margin-top: 30px !important;}
.onloginpage.loginpag .login .content-block .login_form input{border:none !important; margin-bottom: 15px; box-shadow:0px 2px 10px 2px rgba(205, 222, 243, 0.4); padding: 15px 20px;
    height: auto; font-size:20px; font-family:'helveticaregular' !important; color: #344356 !important; font-weight: normal !important;}
.onloginpage.loginpag .login .content-block .login_form{width:72% !important; float: none !important; margin: auto !important; margin-top: 30px !important;}
.onloginpage.loginpag .login_form .btn-success{
  /* background:#3359F7 !important;  */
  background: #ec7e24 !important;
  margin-top: 20px !important; 
  padding: 10px 30px; 
  border-radius: 7px !important; 
  font-size: 18px; 
  /* font-family:'helveticaregular' !important; */
}
.onloginpage.loginpag .login_form .btn-success img{margin-left: 30px; vertical-align: middle; display: none; /*width: 25px;*/}
.onloginpage.loginpag .forgotpwd{margin-top: 0 !important; font-family:'helveticaregular' !important;}

.onloginpage.loginpag .forgotpassword .scroll{height: 100% !important;}
.resetpswd{font-size: 24px; font-family:'helveticaregular' !important; color: #3359F7; font-weight: bold; margin-top:30px; margin-bottom: 30px;}
.forgotpassword .login_bg{max-height: none !important;}
.forgotpassword .content-block h3{color:#344356; font-family:'helveticaregular' !important; font-weight: bold; text-transform: none !important; font-size: 30px !important;}
.forgotpassword .forgotcontent{font-family:'helveticaregular' !important; margin-bottom: 30px; color: #747886; font-size: 22px; font-weight: bold;}
.loginsubhead{font-size: 18px; font-family:'helveticaregular' !important; margin:0px 0 20px 0; font-weight: bold;}
.forgotpassword .content-block .button.button-positive{background: #3359F7 !important; margin-top: 20px !important; line-height: normal !important; padding: 10px 15px 10px 30px; border-radius: 15px !important; font-size: 18px; font-family:'helveticaregular' !important;}
.forgotpassword .content-block .button.button-positive img{margin-left: 30px; vertical-align: middle; width: 25px;}
.forgotpassword .backtologin a{font-family:'helveticaregular' !important; color: #3359F7; font-size: 16px; font-weight: bold;}
.startfromleft{background:rgba(255, 255, 255, 1); position: absolute; bottom: 0; width: 100%; border-top: solid 5px #677cbc; padding: 20px;}
.startfromleft .btntext{background: #dee7f5; padding: 5px 15px; font-size: 16px; color: #000; font-weight: bold; font-family:'helveticaregular' !important; float: left;
    width: fit-content;border-radius: 5px;}
.startfromleft .catbottomimg{float: left; margin-right: 20px; width: 180px !important;}
.catbottomtitle{font-size: 24px; font-family:'helveticaregular' !important; line-height: 26px; margin-top: 5px;}
.btntxtbottomtitle{float: left; margin-top: -5px; width: 50%;}
.catmaincontainer{padding-bottom: 150px !important;}
.categoriesland.sessionoverview .lessonnewquizstyles .product-details-container .repeatsection .showlabel label{color: #344356 !important; font-size: 20px !important; font-weight: bold;
 text-align: left !important; margin-bottom: 10px !important;}
.categoriesland.sessionoverview .box-shadow-default{box-shadow: none !important; padding:0 !important; margin: 0 !important;}
.categoriesland.sessionoverview .repeatsection .showlabel{width: 100% !important;}
.categoriesland.sessionoverview .hidedivsforquiz .repeatsection .message{text-align: left !important;}
.addrepeatsectionmain .addreptbtn{background: #6c6f88; /*text-transform: uppercase;*/ padding: 15px 30px; color: #fff; border-radius: 10px !important; box-shadow: 0px 0px 11px 2px rgba(77, 79, 103, 0.6);}
.addrepeatsectionmain{width:70%; text-align: center; margin: auto;}
.categoriesland.sessionoverview .multiplebtn{width: 100% !important;}
.repeatsesaddoptions{width: 100%;}
.categoriesland.sessionoverview .product_details .repeatsection .addfieldclose{width: 60px; background: #4d62ad !important; height: 60px; line-height: 50px;}
.categoriesland.sessionoverview .product_details .repeatsection .addfieldclose i{font-size: 40px !important;}
.sessionoverview .product_details fieldset .product-details-container.addscroll::-webkit-scrollbar{display: none !important;}
.categoriesland.sessionoverview .product-details-container .repeatsection .emptydiv{width: 60px !important; height: 60px !important; margin-bottom: 50px !important;}
.categoriesland.sessionoverview .product-details-container .repeatsection .formly-field:nth-last-child(2){padding-right: 0 !important;}
.categoriesland.sessionoverview .formly-field.goalsettings.formly-field-checkbox .checkboxoptiondivs{display: flex;}
.categoriesland.sessionoverview .formly-field.goalsettings.formly-field-checkbox .checkboxoptiondivs .lessonlabel label{width: 100% !important; min-width: auto !important;}
.categoriesland.sessionoverview .formly-field.goalsettings.formly-field-checkbox .checkboxoptiondivs .lessonquizmain.checkboxmaindiv{width: 33% !important;}
.categoriesland.sessionoverview .formly-field.goalsettings.formly-field-checkbox .multiselectcheckbox{width: 100% !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.goalsettings.formly-field-checkbox .multiselectcheckbox label{padding:15px !important; min-height: 150px; text-align: center; display: table !important; vertical-align: middle;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.goalsettings.formly-field-checkbox .multiselectcheckbox label .item-content{display: table-cell; vertical-align: middle;}
.categoriesland.sessionoverview .hidedivsforquiz .quiztemplate .formly-field.goalsettings .listname span{font-size: 20px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.goalsettings.formly-field-checkbox .multiselectcheckbox.activated_correct label{background:#fff !important; border-color: #3359F7 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.goalsettings.formly-field-checkbox .multiselectcheckbox.activated_correct label .listname span{color: #5c6877 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.goalsettings.formly-field-checkbox .showlabel label{margin-top: 15px;}
.font-control-aboutkuza .scroll-content{width: 100% !important; margin-top: 0 !important;}
.abtcls{font-size: 22px; color: #344356; font-weight: bold; margin-bottom: 15px;}
.font-control-aboutkuza .scroll-content p, .font-control-aboutkuza .helpfaq .faqhelpcls .item-accordion{color:#5d6373; font-size: 14px;}
.font-control-aboutkuza .scroll-content .section_wrapper{color:#5d6373; font-family:'helveticaregular' !important; font-size: 14px !important;}
.font-control-aboutkuza .mcb-wrap-inner h4 b, .font-control-aboutkuza h5, .font-control-aboutkuza ul li{font-family:'helveticaregular' !important; font-size: 16px !important;}
.font-control-aboutkuza .menu-toggle-top h4{
  width: 100% !important; 
  margin-bottom: 0 !important; 
  text-align: center; 
  /* color: #3359F7; 
  font-weight: bold; 
  font-family:'helveticaregular' !important; */
}
.font-control-aboutkuza .menu-toggle-top{display: flex; align-items: center; margin-bottom: 30px !important;}
.font-control-aboutkuza .menu-toggle-top img{height: 20px;}
.font-control-aboutkuza h5{font-size: 20px !important;}
.font-control-aboutkuza .helpfaq .faqhelpcls .item-icon-right i{color: #848693; font-size: 22px; background: transparent !important;}
.font-control-aboutkuza .helpfaq .faqhelpcls .item h2, .font-control-aboutkuza .helpfaq .faqhelpcls .item.active h2{font-family:'helveticaregular' !important; color: #252423; font-size: 18px;}
.font-control-aboutkuza .helpfaq .faqhelpcls .item-accordion, .font-control-aboutkuza .helpfaq .faqhelpcls .item.active{border-color: #3359F7 !important; border: none;}
.font-control-aboutkuza .helpfaq .faqhelpcls{}
.font-control-aboutkuza .helpfaq .faqhelpcls img{float: left; height: 30px; margin-right: 10px;}
.font-control-aboutkuza .helpfaq .faqhelpcls img.faqs-content-img {
  display: block;
  margin: 0 auto;
  float: none;
  height: 220px;
}
.font-control-aboutkuza .helpfaq .faqhelpcls p {
  padding-left: 0 !important;
}
.font-control-aboutkuza .helpfaq .faqhelpcls .item-accordion {
   background: #f7f7f7; padding: 20px; border-radius: 7px;
}
.abtkuzalogo{width: 100%; text-align: center;}
.abtkuzalogo img{width:100%; margin-bottom: 30px;}
.secsubhead{font-family:'helveticaregular' !important; font-size: 18px !important; margin-bottom: 20px;}
.font-control-aboutkuza .helpfaq .faqhelpcls .item h2{margin-top: 0px; line-height: 18px;}

.blank_modal.blank_modal_askq .contents .text-container form textarea{font-family:'helveticaregular' !important; font-size: 16px !important;}
.popup-container.active .popuptitle{font-family:'helveticaregular' !important; padding-top: 0; line-height: 30px !important; font-size: 18px !important; font-weight: bold;}
.popup-container.active .popup{width: 50% !important; box-shadow: 0 0px 80px rgba(51,111,169,0.9);}
.popup-container.active .icon_container{box-shadow: none !important;}
.popup-container.active .icon_container i{font-size: 70px; color: #3359F7;}
.popup-container .popup-buttons .button{background: #3359F7;}
.scroll-content .result-base .content-div p{color: #545b6c !important; line-height: 35px; margin-top: 20px;}
.discussionbadge{position: absolute; right:0px; top: 0; width: 30px;}
.tabs-ecd-nav.mentorinsightstab .scroll-content{margin-top: 20px !important;}
.ecd_menu.left-menu-container .main-container-for-all.menu-page{padding-top: 20px !important;}
.lamborghini .top-text{font-size: 22px !important;}
.login .content-block .forgot_password{float: left; width: 100%;}
.onloginpage.loginpag .forgotpwd{position: absolute; bottom: 30px; right: 15px; color: #9c9ba6; font-size: 14px !important; /*text-transform: uppercase;*/}
.menuprofpic .badgeimg{width: 45px !important; position: absolute; bottom: -25px; left: calc(100px - 77px) !important;}
.menuprofpic{position: relative;}
.menuprofleft{float: left; width:80%;}
.row.menunewdesign .menuprogressbar{width: 100% !important;}
#left-menu .user-links li{border:none; padding: 15px 0 !important; float: left; width: 100%;}
#left-menu .user-links li .arrow-right{width: 10px !important; height: auto;}
#left-menu .user-links li img{height: 50px;}
.topicassessment .formly-field-statement .description{font-family:'helveticaregular' !important; font-size: 24px !important; color: #3359F7; line-height: 34px; font-weight: normal;}
.topicassessment .formly-field-statement .field-title .statementtitle{font-family:'helveticaregular' !important; font-size: 30px !important; color: #344356; text-align: center !important; display: block; line-height: 34px; font-weight: normal;}

.menuitemimg{width: 55px; height: 55px; float: left; background: #3359F7; text-align: center; border-radius: 100px; display: flex; vertical-align: middle; justify-content: center; align-items: center;}
.menuitemimg img{width: auto !important; height: 25px !important; /*margin-top: 15px !important;*/ margin-right: 0 !important;}
#left-menu .user-links li .menuitemname{color: #344356; font-family: 'helveticaregular' !important; font-size: 22px; margin-top: 15px; margin-left: 80px !important;}
#left-menu .user-links li img.arrow-right{margin-top: 20px;}
.catoveriew .main-container-for-all .course-cat.course-session .box .main-content .course-name .row .name{margin-top: 0 !important;}
.main-container-for-all .welcome-username{display: none !important;}
.categoriesland.sessionoverview .courselanding.learnerflow  .main-container-for-all .welcome-username{display: none !important;}
.customregistration .termsconditions{display: flex; font-size: 24px;}
.customregistration input:checked+.slider{background-color: #3359F7;}
.menuprofleft p{margin-bottom:0px;}
.learnerreg .profile_edit .editprofmaincont{/*margin-top: 70px;*/}
.learnerreg .profile_edit .mainquestioncontainer.assignmentupload .btn.btn-success, .learnerreg .profile_edit .submitbuttons .btn-primary{background: #5468ff !important; font-family:'helveticaregular' !important; font-size: 18px !important; text-transform: none !important;}
.learnerreg .profile_edit .myprofile .dynamicprofilepage .btn.btn-outline-warning.mr-3{background:#5468ff !important; border:none !important; text-transform: none; font-family:'helveticaregular' !important; font-size: 18px !important; text-transform: none !important; color: #fff !important;}
.learnerreg .profile_edit.customregistration .mainquestioncontainer .showlabel label, .learnerreg .profile_edit.customregistration .lessonnewquizstyles .mainquestioncontainer .showlabel label span{ font-size: 16px;}
.lessonnewquizstyles .mainquestioncontainer .showlabel label span {
  font-size: 30px !important;
  font-weight: 500 !important;
  color: #333333;
}
.profile_edit .header h2, .newheader .lamborghini .gallardo{ font-family: 'helveticaregular' !important; font-size: 22px; font-weight: bold;}
.speakout{position: absolute; top: 240px; right:0;}
.menustaticlogout{float: left; width: 100%; text-align: center; color:#3359f7; font-size: 24px; font-family: 'helveticaregular' !important;}

.categoriesland.notificationsland .notificationtext .card-img-top{width: fit-content !important;}
.categoriesland.notificationsland .courselanding.learnerflow.course_new_ui .scroll-content{margin-top: 80px !important;}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer .card{width: 100% !important; display: flex !important; flex-direction: row; align-items: center;}
.categoriesland.notificationsland .notificationtext .datefield{color: #344356; line-height: 26px; font-family: 'helveticaregular' !important; font-size: 22px;}
.categoriesland.notificationsland .notificationtext .flex-grow-1 p{color: #344356; font-family: 'helveticaregular' !important; font-size: 16px;}
.categoriesland.notificationsland .notificationtext{border: solid 2px #dedddf !important; box-shadow: none !important; border-radius: 0 15px 15px 0; padding: 20px;}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer .card .card-body{padding-top: 0; padding-bottom: 0;}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer .card .completbtn{background:#3359F7; color: #fff; padding: 10px 15px; border-radius: 10px; font-size: 18px;}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer .card .completbtn a{font-family: 'helveticaregular' !important; color: #fff !important; width: max-content;}
.categoriesland.notificationsland .courselanding .notitime{float: left; text-align: left; margin-left: 0 !important; margin-top: 10px !important; font-size: 16px; border: none; font-family: 'helveticaregular' !important; color: #7b879b !important;
 margin-bottom: 0 !important; padding-bottom: 0 !important;}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer{margin-top: 30px !important; margin-bottom: 0 !important;}

#left-menu .title-bar-top .header-right-icons, .courselanding.learnerflow.course_new_ui.newheader .lamborghini .header-right-icons{margin-right: 10px !important;}
.blank_modal.blank_modal_askq.modal .head h2.title{font-family: 'helveticaregular' !important; font-weight: 500; color: #7484fd; padding: 0 30px;}
.nonotifications{color: #545b6c; font-size: 24px; font-family: 'helveticaregular' !important; width: 50%; margin: auto; text-align: center; margin-top: 20px; text-transform: none;}
.nonotifications span{color: #15254f; font-size: 18px; font-family: 'helveticaregular' !important; width: 50%; text-align: center; text-transform: none; font-weight: bold;}
.assintro .assessmentcontainer h1{color: #3359F7; font-size: 40px; text-align: center; font-weight: 700; font-family: 'helveticaregular' !important;}
.assintro .assessmentcontainer h2{font-size:30px; line-height: 36px; margin-bottom: 50px; text-align: center; font-family: 'helveticaregular' !important; color: #344356;}
.assintro .assessmentcontainer .coach-link{width: fit-content; margin: auto; float: none;}
.assintro .assessmentcontainer .coach-link a{padding: 10px 20px; font-size: 24px !important; text-transform: none; font-weight: normal; font-size: 18px;}
.assintro .assessmentcontainer .coach-link a{padding: 10px 20px; font-size: 24px; text-transform: none; font-weight: normal;}
.row.course-listing.reflectioncls .col-md-12 p{margin-top: 20px !important;}
.assintro .assessmentcontainer .coach-link a:hover{color: #fff;}
.reset-pwd-popup{width: 60%; margin: auto; position: relative; box-shadow: 0px 0px 11px 2px rgba(204, 206, 239, 0.6); background: #fff; padding: 20px; border-radius: 10px; height: 350px; top: calc(50% - 175px);}
.reset-pwd-popup label{display: flex; flex-direction: column; margin-bottom: 15px; color: #15254f; font-size: 16px; font-family: 'helveticaregular' !important;}
.reset-pwd-popup label input{border:solid 2px #eaf0f6; border-radius:5px; margin-top: 5px; padding: 10px;}
.reset-pwd-popup h5{font-size: 18px; font-family: 'helveticaregular' !important; color: #3359F7; font-weight: bold; margin-bottom: 20px;}
.reset-pwd-popup .btn-success.disabled, .reset-pwd-popup .btn-success:disabled{margin:auto; margin-top: 0 !important; display: block; border:none; background: #3359F7 !important;}
.reset-pwd-popup .modal-popup-close-btn{position: absolute; top: 15px; right: 15px; padding: 0; margin: 0;}
.reset-pwd-popup .modal-popup-close-btn .ion-close{font-size: 18px;}
.myprogresspg .helpfaq .faqhelpcls .item{padding-left: 0;}
.myprogresspg .helpfaq .faqhelpcls .item.active, .myprogresspg .helpfaq .faqhelpcls .item-accordion{border-left: none;}
.myprogresspg .helpfaq .faqhelpcls .item.active{margin-left: 0;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls .item h2{font-size: 24px; color: #344356 !important; font-weight: bold;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls .item h2{font-size: 22px; color: #344356 !important;}
.myprogresspg.font-control-aboutkuza .course-listing .listing h3{font-size: 20px; font-weight: normal; color: #344356 !important;}
.progresspgstatus{font-size:18px; font-family: 'helveticaregular' !important; color: #344356; text-align: center; width: 80%; padding: 10px; margin: 0 auto; border:solid 3px #48c1bf; border-radius: 10px;
 margin-top: 20px !important; margin-bottom: 20px !important;}

.categoriesland.sessionoverview .courselanding.learnerflow .overview-main .quizcontentdiv.customclass .fixheightdiffmain{height: 80vh !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain{height:60vh !important;}
.lesson_content.videocontainermain.topicassessment.newheader .header_lg.vision-page .progress-bar span{background: #fbce05 !important;}
.myprogresspg .course-listing .listing span{top: 5px;}
.progresstextstatus{font-family: 'helveticaregular' !important; color: #344356; font-size: 14px;}
.myprogresspg .menuprofpic .badgeimg{left: calc(100px - 73px) !important;}
.myprogresspg .menuprofpic img{max-width: 120px;}
.myprogresspg .center-align-text{color: #87cca2;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls img{border: solid 5px #ccc; border-radius: 100px; padding: 4px;}
.myfavpg .main-info-user .myfavcontainer img{width: 100%; height: 100%; object-fit: cover;}
.myfavpg .main-info-user .myfavcontainer .menuprofleft{width: 100%;}
.myfavpg .main-info-user .myfavcontainer .menuprofleft h4{font-size: 16px; font-family: 'helveticaregular' !important; color: #344356; margin-top: 15px; font-weight: bold; margin:0 0 5px;}
.myfavpg .main-info-user .myfavcontainer{/*box-shadow:0px -10px 12px 7px rgba(155, 193, 232, 0.14);*/ margin-top: 10px !important; margin-bottom: 30px !important; padding-top: 0;}
.myfavpg .main-info-user .myfavcontainer:first-child{box-shadow: none !important;}
.favimgcontainer{height: 100%;}
.myfavpg .main-info-user .myfavcontainer .menuprofleft p{font-family: 'helveticaregular' !important; color: #545b6c; font-size: 16px; line-height: 20px;}
.favcatsubcat{display: flex; padding-left: 0 !important; padding-right: 0 !important; align-items: center;}
.favcatsubcat .col-md-8, .favcatsubcat .col-md-4{padding-right: 0 !important; padding-left: 0 !important;}
.favcatsubcat .col-md-8 {
  width: 100%;
}
.favcatsubcat .col-md-4{text-align: right !important; padding-right: 10px !important;}
.favcatsubcat .col-md-8 h5{font-family: 'helveticaregular' !important; color: #3359F7; font-weight: bold; font-size: 14px !important; margin-bottom: 5px;}
.favcatsubcat .col-md-8 h6{font-family: 'helveticaregular' !important; color: #545b6c; font-weight: bold; font-size: 14px; margin-bottom: 0;}
.favcatsubcat .col-md-4 .deletebtn{border:none; background: transparent;}
.favcatsubcat .col-md-4 .deletebtn i{font-size:30px; /*color: #3359f7;*/}
.deletebtnbig{background: #3359F7; margin-top: 50px; color: #fff; float: right; width: 80px; height: 80px; line-height: 35px; text-align: center; border-radius: 100px;}
.deletebtnbig i{font-size: 50px !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.overview-main{height: 100% !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.overview-main md-tabs{height: calc(100% - 0px);}
.categoriesland.sessionoverview md-tabs.md-dynamic-height md-tabs-content-wrapper{height: calc(100% - 110px);}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.overview-main md-tabs.md-dynamic-height md-tab-content.md-active{height: 100%;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.overview-main md-tabs.md-dynamic-height md-tab-content.md-active .bg-white._md{height: 100%;}
.sessionoverview .main-container-for-all .topicoverview.row.course-listing{margin-right: 0 !important; margin-left: 0 !important;}
.gblfeedback .lessonnewquizstyles .mainquestioncontainer .showlabel label{font-family: 'helveticaregular' !important; color: #3359F7; font-weight: normal; font-size: 20px; margin-bottom: 10px !important;}
.gblfeedback .formly-field.formly-field-textarea textarea{border: solid 2px #d8dee3 !important; border-radius: 10px; padding: 15px; font-size: 18px; font-family: 'helveticaregular' !important;}
.gblfeedback .simform-inner .globalfeedbackbtn button{background: #3359F7 !important; font-family: 'helveticaregular' !important; padding: 10px 26px !important; font-size: 18px !important; line-height: 18px;}
.nopaddingbtm{padding-bottom: 0 !important;}
.categoriesland.sessionoverview .lesson-component .formly-field ul{text-align: left !important;}
.myprogresspg .main-info-user{margin: 30px 20px;}
.myprogresspg .main-info-user .col-md-9 .menuprofleft h4{margin-bottom: 5px;}
.myprogresspg .main-info-user .col-md-9 .menuprofleft p{margin-bottom: 0px; font-size: 16px !important;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls .item h2{margin-top: 5px !important;}
.myprogresspg.font-control-aboutkuza .item-accordion{display: none;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls{float: left; width: 100%;}
.menu-page-main .menuuserpic{width: 100px !important; max-width: 100px;}
.nopdlt{padding-left: 0 !important;}
.ltmenuprogst{font-size: 12px; line-height: 15px;}
.menu-page-main .menuprofleft p{font-size: 14px !important; color: #797980 !important;}
.menu-page-main .menuprofleft p span{text-transform: capitalize !important;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls .tick img{padding: 0; border:none; border-radius: 0;}
.categoriesland.sessionoverview .opinionscale_div{border-color: #ddd !important; font-size: 20px !important; color: #344356; font-weight: bold; padding:15px 9px !important;}
/*.categoriesland.sessionoverview .lesson-component .formly-field ul li{ margin-top: 10px;}*/
.categoriesland.sessionoverview .openionscalelines{display: none;}
.categoriesland.sessionoverview .opinionscale_div.activeButton{background: #3359F7; color: #fff !important;}
.opiononposter img{border-radius:20px; margin-bottom: 30px; width: 100%; height: auto;}
.opinionquestion .questitle{font-size:26px; line-height: 30px; margin-bottom: 30px; text-align: left !important; color:#3359f7; font-family: 'helveticaregular' !important;}
.opionionquestion{text-transform: uppercase; text-align: left; font-size: 20px; color: #3359F7; margin-bottom:20px; font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .lesson-component .formly-field ul li{text-align: center; font-size: 19px; font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .lesson-component .formly-field ul{float: left; width: 100%; margin-top: 10px; font-size: 24px;}




.categoriesland.sessionoverview .lesson-component .formly-field ul li{text-align: center;font-family: 'helveticaregular' !important; line-height: 22px; width: 20%;margin: 0;
    padding: 0; color: #5468FF !important;}
.categoriesland.sessionoverview .lesson-component .formly-field ul{float: left; width: 100%; margin-top: 0;}
.categoriesland .courselanding.learnerflow .result-base .lessonnewquizstyles .form-group .list label{background: transparent !important; min-width: 100px !important;}
.categoriesland .courselanding.learnerflow .dynamicprofilepage.lessonnewquizstyles{margin: auto;}


.main-container-for-all .row p {
  font-size: 18px !important;
  line-height: 24px;
}
.pre-ass-img {
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin-bottom: 50px;
}
.pre-assessment-top {
  margin-top: 0 !important;
}

.button.button-icon.icon.fav.ion-ios-heart-outline {
  color: #8c8c8c !important;
}
.button.button-icon.icon.fav.ion-ios-heart {
  color: #D90800 !important;
}
.post-assessment-content {
  margin:0 40px;
}
.number-quiz {
  margin-top: 30px !important;
}
.myprogresspg .main-info-user .col-md-9 {
  width: 70.333%;
}

.learnerreg .profile_edit .mainquestioncontainer.assignmentupload .btn.btn-success {
  border-radius: 10px;
  background: #868687 !important;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 25px;
}


.categoriesland .courselanding.learnerflow .dynamicprofilepage.lessonnewquizstyles{margin: auto;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls:before{content: ''; position: absolute; width:5px; background: #e3e3e3; margin-left: 15px; height: 100%;}
.myprogresspg .helpfaq .faqhelpcls .item{padding-top: 6px; padding-bottom: 6px; padding-left: 5px;}
.myprogresspg .helpfaq .faqhelpcls .item.active{margin-bottom:20px;}
.notificationsexists {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    background: #E40911;
    right: 23px;
    top: 14px;
}

.welcomedescription{font-family: 'helveticaregular' !important; font-size: 18px;}

.lessonnewquizstyles .formly-field.imgsmall .mainquestioncontainer .showlabel label span{font-family: 'helveticaregular' !important; font-size: 16px !important; font-weight:normal !important; color: #666;}

.profile_edit .imgsmall.formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item{background: #6b6c6d !important; border-radius:100px;}
.profile_edit .imgsmall.formly-field-radio .picquiz.lessonquizmain .lessonlabel .item-radio .item-content{padding:12px 10px !important; height: 80px;}
.profile_edit .imgsmall .picturechoicediv .item.selectedans .radio-content .item-content{border-radius: 100px;}
.profile_edit .imgsmall.formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item.selectedans{background: transparent !important;}
.profile_edit .imgsmall.formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item{margin-right: 15px !important;}
.profile_edit .imgsmall .picquiz.withimages .attachment{max-width: none !important;}
.profile_edit .formly-field .form-group .mainquestioncontainer input{min-height:45px !important;}


.welcomedescription ul li {
text-align: left !important;
margin-bottom: 10px !important;
font-size: 18px !important;
line-height: 24px;
color: #344356 !important;
}
.profile_edit .formly-field .form-group .mainquestioncontainer input{min-height:45px !important;}
/*.sessionoverview .repeatsectionlegend.repeatsecnewdesign{margin-top: -50px !important;}*/
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .repeatsecnewdesign .formly-field.formly-field-textarea textarea{min-height:120px !important;}
.repeatsecnewdesign .addreptbtn{margin-bottom: 10px !important;}
.profile_edit .formly-field .form-group .mainquestioncontainer input{min-height:45px !important;}

.sessionoverview .mentor_insights .item-avatar .mentornamedate h2 {
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 7px;
}
.mentordesc {
  padding-left: 60px;
}
.insight-item .item-divider.outer {
  padding-left: 60px;
}
.repeatsecview .customstyletable .resp-table-row{display: block !important;}
.repeatsecview .customstyletable #resp-table-body .table-body-cell{min-width: auto !important; margin-bottom: 15px; padding: 15px !important; max-width: none !important; width: 100% !important; display: block !important; text-align: left !important;}
.repeatsecview .customstyletable #resp-table-body .table-body-cell span{font-family: 'helveticaregular' !important; font-size: 18px;}
.repeatsecview #resp-table{border:none !important;}
.repeatsecview .customstyletable #resp-table-body .table-body-cell span .repetitle{color: #5468ff; font-size: 22px;}
.product-details-container .repeatsection .formly-field .mainquestioncontainer{border-bottom: solid 1px #ccc; padding-bottom:25px;}
.swotui .swottitles{background: #3359F7;
    min-width: 120px !important;
    font-size: 52px;
    color: #fff;
    padding: 40px 35px 0;
    font-weight: bold;
    margin-right: 25px;
    border-radius: 30px;
    text-align: center;
    height: 120px;}
.swottitletext{}
.swotui .swotmaincontent{display: flex; flex-direction: row; align-items: center;}
.swotui .main-container-for-all.vision-content .vision-preview .question-content{font-size: 20px !important;}
.headerwelcome{font-size: 18px; font-weight: bold; font-family: 'helveticaregular' !important;}

.refselectedoptions {
  display: inline-block;
}
.quizres .result-base .circle span{margin-top: 10px;}
.quizres .result-base{background: url(../img/result-base.png) !important;}
.sessionoverview .mentor_insights .item-avatar .mentordesc h2{font-size: 16px !important; line-height: 20px;}
.sessionoverview .mentor_insights .mentorreplydesc p{line-height: 20px !important;}
md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar{color: rgb(51, 89, 247);}
.categoriesland.sessionoverview .userdropdowngrid{width: 100% !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell, .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell input{max-width:30px !important;min-width:auto !important;
 font-size: 16px; line-height:20px; font-weight: bold; font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell{max-width: 85px !important;min-width:auto !important; line-height: 18px;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell span{font-size: 16px; line-height:18px; font-family: 'helveticaregular' !important;}
.categoriesland.sessionoverview .userdropdowngrid input:checked ~ .radiochecknew{background-color: #3359F7;}
.quizres .result-base .content-div a{left: calc(50% - 110px) !important;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz .quizcontentdiv.customclass .formly-field.textalignleft.formly-field-statement{text-align: left !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field-statement .field-title .statementtitle{font-size: 36px !important; color: #3359F7 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field-statement .description p{font-size: 22px !important; color: #334255 !important; margin-bottom: 20px;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls.myprogstatusbar:before{background: #fbce05 !important;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls.myprogstatusbar .course-listing .listing span{left: 10px !important;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls.myprogstatusbar .course-listing .listing .tick img{margin-left: -2px !important; margin-top: 0 !important;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls.myprogstatusbar:before, .myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls:before{content: ''; position: absolute; width:5px; background: #e3e3e3; margin-left: 15px; height: 100%; top: 50px !important;}
.myprogresspg.font-control-aboutkuza .helpfaq .faqhelpcls{overflow: hidden;}
.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_correct{}
.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_wrong input:checked+.radio-content .item-content .optionoption.questionquestion{color: #fff !important;}
.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_correct input:checked+.radio-content .item-content .optionoption.questionquestion{color: #fff !important;}
.flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_wrong .lessonlabel label, .flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_correct .lessonlabel label{padding: 0 !important;}
.main-container-for-all .course-cat .catmaincat .box{height: 100% !important; margin-bottom: 0 !important;}
.main-container-for-all .course-cat .catmaincat{margin-bottom: 25px;}
.main-container-for-all .course-cat .catmaincat .box .post-meta-1.coursestatusbtns .col-md-8{padding-right: 0 !important;}
.categoriesland.sessionoverview .lesson-component .formly-field .welcomedescription ul li{width: 100% !important; color: #344356 !important;}
.chatinnerpic{width: 80px; border-radius: 100px;}
.headerlogopic{margin-right: auto; margin-left:20px;}
.headerlogopic img{width: 100px; margin-top: 0 !important;}
/*.main-container-for-all.threetabcontent .main-img img{margin-bottom: 0;}*/
.dashboard.mycustomlesson .newquiztemp .showlabel label{color: #3359f7 !important;}

.opinionscalemain{display: flex; flex-direction: row;}
.opinionscalemain .dropline{width: 100%;}
.opinionscalemain .dropline .opinionscale_div{width: 100% !important; height: 100%;}
.formly-field.formly-field-opinionscale .line{display: none;}
.result-base.mindset-top img{margin-bottom: 30px; width: 70%;}
.qusnumbspeaker{display: flex; justify-content: space-between; display: none;}
.qusnumbspeaker .speakout{position: static !important; margin-top: -5px;}
.formly-field.formly-field-opinionscale .mainquestioncontainer{margin-bottom: 0 !important;}
.main-container-for-all.vision-content .quizgrouplabel.question-main.purple{/*color:#344356 !important;*/ font-size: 22px !important;}
.main-container-for-all.vision-content .quizgrouptitle{/*color: #3359F7 !important;*/ font-size: 24px; text-align: left; margin-bottom: 10px; font-weight: bold; font-family: 'helveticaregular' !important;}
.sessiondisc{background: #e8f6f7; padding: 10px 20px; width: fit-content;}
.sessiondisc a{font-weight: bold; text-decoration: underline;}
.lessonnewquizstyles .repeatsection .form-group label{display: block !important;}
.lesson-component.maincont .videocontenttext ol, .lesson-component .videocontenttext ul{margin-top: -10px !important;}
/*.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-textarea ul li{width: 100% !important; text-align: left !important; font-size: 20px !important; line-height: 24px;}
.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-textarea ul{list-style: disc !important; padding-left: 30px;}
.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-textarea .message p{text-align: left !important;}*/
.lessonnewquizstyles .repeatsection .form-group label{display: none !important;}
.lessonnewquizstyles .repeatsection .form-group .showlabel label{display: block !important;}
.showmoreless{padding-bottom: 30px !important;}
.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-textarea ul li{width: 100% !important; color: #344356 !important; line-height: 24px;}
.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-textarea ul{margin-top: 0 !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell span.likertradiotitletext{font-weight: normal; color: #344356 !important; margin-bottom: 5px; display: inline-block;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell span.likertradiodesctext{/*color: #3359F7 !important;*/ font-size: 14px !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell{color: #fff !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell:nth-child(1),  .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:nth-child(1){max-width:10px !important; min-width: 10px !important; width: 10px !important; padding: 10px 0 !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell:nth-child(4),  .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:nth-child(4){max-width:40px !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell:last-child, .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:last-child{max-width:40px !important;}


.table-body-cell.top-align-number {
  vertical-align: top !important;
}
.row.course-listing.reflectioncls {
  margin-right: 0;
  margin-left: 0;
}

.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell:last-child, .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:last-child{max-width:40px !important;}

.customchecknewbox{
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
    position: absolute;
    display: block;
}

/*.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .welcometitle {
  text-align: center;
  color: #3359f7;
}*/
#resp-table.multiselectcontainer {
  border:0 !important;
}


.topprogressbottom{width: 100%; display: flex; font-size: 12px;}
.topprogressbottom .statusbartop1, .topprogressbottom .statusbartop2{width: 65px; border-bottom: dashed 1px #000; margin-right: 30px;}
.topprogressbottom .statusbartop3{width: 150px; border-bottom: dashed 1px #000; margin-right: 30px;}
.topprogressbottom .statusbartop4{width: 195px; border-bottom: dashed 1px #000; margin-right: 30px;}
.topprogressbottom .statusbartop5{width: 65px; border-bottom: dashed 1px #000;}
.yellowbgcolor{background: #fed930; padding:2px 5px;}
/* .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:nth-child(3) input:checked ~ .radiochecknew{background: #D3978F !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:nth-child(4) input:checked ~ .radiochecknew{background: #98CDF2 !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell:nth-child(5) input:checked ~ .radiochecknew{background: #E9CF6D !important;} */

.header-right-icons {
  width: auto !important;
}

.categoriesland.sessionoverview .formly-field.likertsingletxtinput .userdropdowngrid #resp-table-body .table-body-cell input{border: 1px solid rgba(0,0,0,0.12) !important; margin-top: 8px; font-size: 14px; padding: 5px; height: 35px;  text-align: right;
  width: 100px !important; max-width: 100px !important;}

.restempretake{float: left; width: 100%; background: #e8f6f7; padding: 10px 20px; width: fit-content;     font-family: 'helveticaregular' !important;
    color: #344356 !important; font-size: 16px;}
.retaketitle{font-weight: bold; font-size: 25px; font-family: 'helveticaregular' !important; text-align: left; margin-bottom: 10px;}
.retakesection{float: left; width: 100%; margin-top: 25px;}

.market-box-output .box{background: #fff !important;}
/*.market-box-output .box {
  color: #000 !important;
}*/
.market-box-output-title{font-weight:600; /*color: #000;*/ font-size: 14px; line-height: 22px; margin-bottom:10px;}
.market-box-output-desc{font-size: 12px; line-height: 18px;}
.main-container-for-all.market-analysis-output-page .market-box-output{margin-bottom: 0 !important;}
.fullwidthoption{width: 100% !important; flex: 100% !important; max-width: none !important;}
.budgettext .titlevalues{display: flex; margin-bottom: 15px;}
.budgettext, .cashflwcharttablemain{float: left; width: 100%; margin-bottom: 20px !important; text-align: left; margin-bottom:0px; background: #e8eef4; padding:20px;}
.budgettext .budgettitles, .cashflwcharttablemain .budgettitles{width:70%; text-align: left; line-height: 20px; margin-right:5px; font-size: 16px; font-weight: 700;}
.budgettext .budgetvalues, .cashflwcharttablemain .budgetvalues{font-size: 16px; width: 150px; /*border-bottom: solid 1px #000; padding: 0 5px 0 5px;*/ text-align: right;}
.budgettitle, .cashflwcharttablemain.questiondescription{float: left; margin-bottom: 5px; width: 100%; color: #000; font-size: 22px; font-weight: 700; text-align: left; font-family: 'helveticaregular' !important;
 background: transparent !important; padding: 0 !important;}
.toptableheader{background: #E38972; color: #fff !important; margin-bottom: 0 !important; padding: 10px !important; margin-bottom: 0 !important;}
.reflectionviewtemp2 .vision-content .question-content.toptableheader{margin-bottom: 0 !important;}
.repeatsectionmainview .repeatsecview .customstyletable #resp-table-body .table-body-cell{border:solid 2px #000;}

.statusprogressnew{margin-bottom: 30px;}
.newheaderprogress{display: flex; justify-content: space-between; position: relative;}
.newheaderprogress .progressitemsinner{width: 10px; height: 10px; background: #929292; border-radius: 100px;}
.newheaderprogress .progressitems{width:15px; height:15px; background: #fff; display: table; border-radius: 100px; border: solid 1px #929292; padding:5px;cursor: inherit !important;}
.newheaderprogress .progressitems.activecircle{border-color: #64b468 !important;}
.newheaderprogress .progressitems.overduecircle{border-color: #ee6c56 !important;}
.newheaderprogress .progressitems.inporgresscircle{border-color: #fcd759 !important; margin-top: -5px;}
.newheaderprogress .progressitems.activecircle .progressitemsinner{background: #64b468 !important; text-align: center !important; padding: 0 !important;}
.newheaderprogress .progressitems.overduecircle .progressitemsinner{background: #ee6c56 !important; text-align: center !important; padding: 0 !important;}
.newheaderprogress .progressitems.inporgresscircle .progressitemsinner{background: #fcd759 !important; width: 20px; height: 20px; font-size: 12px !important; text-align: center; font-weight: bold; display: flex; justify-content: center; align-items: center;}
.newheaderprogress:after{content: ""; z-index: -1; position: absolute; border-bottom: dotted 2px #ccc; bottom: 15px; width: 100%; height: 1px;}
.stagelevels{display: flex; font-size: 12px;}
.stagelevels .stagelevelinner{border-top: solid 1px #ccc; position: relative; padding-top:5px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; color: #929292 !important;}
.stagelevels .stagelevelinner:first-child, .stagelevels .stagelevelinner:nth-child(2), .stagelevels .stagelevelinner:nth-child(5){width: 70px; margin-right: 20px;}
.stagelevels .stagelevelinner:nth-child(3), .stagelevels .stagelevelinner:nth-child(4){width:215px; margin-right: 15px;}
.stagelevels .stagelevelinner:nth-child(5){margin-right: 0 !important;}
.stagelevels .stagelevelinner:after{content: ""; position: absolute; right: 0; width: 5px; height: 5px; background: #ccc; bottom: 21px}
.stagelevels .stagelevelinner:before{content: ""; position: absolute; left: 0; width: 5px; height: 5px; background: #ccc; bottom: 21px}
.statusprogresstitle, .mysessionstitle, .popvideotitle{font-size: 22px; font-weight: bold; color:#3359F7; margin:20px 0 10px 0;}

.showmoreless {
  text-align: left !important;
  padding: 10px 0 20px !important;
  font-size: 20px !important;
    line-height: 18px !important;
}

@media screen and (max-width:800px) {
  .startfromleft .catbottomimg {
    width: 160px !important;
  }
  .catbottomtitle {
        font-size: 18px;
    line-height: 20px;
    padding-left: 15px;
    color: #344356 !important;
  }
  .floating-girl {
    bottom: 20px;
    width: 90px;
    height: 90px;
}
.main-title-all .title h2 {
      top: 26px;
}
.categoriesland .courselanding.learnerflow.course_new_ui .scroll-content {
  margin-top: 30px !important;
}
.result-base .content-div a {
  left: 35%;
}
.result-base.mindset-top img {
  width: 50%;
}
.main-container-for-all .row .result-base.mindset-top p {
  font-size: 28px !important;
    line-height: 34px;
}
.floating-girl {
  bottom: 10px !important;
}
}


.welcomedescription ul{list-style: disc; font-family: 'helveticaregular' !important;
    color: #344356 !important; font-size: 18px; padding-left:25px; margin-top: -10px !important;}
.mainvideocontainer ol, .mainvideocontainer ul{list-style: decimal; font-family: 'helveticaregular' !important;
    color: #344356 !important; font-size: 18px; padding-left: 50px; margin-top: -10px !important;}
.topicassessment .newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{width:100% !important; margin: auto;}
/*.categoriesland .courselanding.learnerflow.course_new_ui .reflectionviewtemp1.onlyviewmode.scroll-content .main-container-for-all{margin-top:-50px !important;}
*//*.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all{padding-top: 25px !important;}*/
.list-group-item.d-flex a{color: #000;}
.categoriesland .courselanding.learnerflow.course_new_ui .reflectionviewtemp1.onlyviewmode.scroll-content .main-container-for-all.retake-box{margin-top: 0 !important;}
.categoriesland.sessionoverview .formly-field.likertsingletxtinput.formly-field-grid #resp-table-header .table-header-cell{color: #000 !important;}
.vision-preview.fromtodate{float: left; width:auto; margin-top:10px; margin-bottom:10px;}
.vision-preview.fromtodate .quizgroupques.question-content{padding: 0 !important;}
.categoriesland.catoveriew .courselanding.learnerflow.course_new_ui .scroll-content{margin-top: 55px !important;}
.three-col-grid .cash-in-output-page .item-name{width: 58% !important;}
.popvideotitle{font-size: 30px !important; margin-bottom: 20px !important;}
.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-statement ul li{width: 100%; font-size: 18px; line-height: 26px; text-align: left; color: #545454 !important;}
.categoriesland.sessionoverview .lesson-component .formly-field.formly-field-statement ul{margin-top: 20px;}
.formly-field.formly-field-statement .field-title.field-title p img{width: 100% !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell:nth-child(2), .categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell:first-child{color:#344356 !important;}
.cashflwcharttable{display: flex;}
.cashflwcharttable .cashflwchattitle{margin-right: 10px;}
.quizres.categoriesland .result-base{margin-top: -50px !important;}
.cashflwchattitleshow.showlabel p{color:#3359f7 !important;}
.inpudescbelow{text-align: left; font-size: 18px; margin-top: 5px; color: #000;}
.cashflwcharttable.titlevalues .cashflwchatvalue.budgettitles{width: 160px !important; text-align: right !important;}
.statementansdiv{display: flex;}
.nofloatspan{font-size: 24px; font-weight: bold !important; color: #000 !important; float: none !important; margin-left: 10px !important;}
.twocolwidthoption{width: 50% !important; flex: 50% !important; max-width: none !important;}
.categoriesland.sessionoverview .incomeexpsum .userdropdowngrid #resp-table-header .table-header-cell:nth-child(2){width: 500px !important;}
.categoriesland.sessionoverview .incomeexpsum .userdropdowngrid #resp-table-header .table-header-cell:nth-child(3){text-align: right;}
/*.cash-in-output-page .listing-body .month-amount{text-align: right;}*/
.cash-in-output-page .main-header.month-name{text-align: center;}

.formly-field.formly-field-textarea .mainquestioncontainer .showlabel label{font-size: 26px !important; color: #3359F7 !important; text-align: center;
    margin-bottom: 20px; font-weight: bold; line-height: 30px !important;}

    .county-coordinate-report .formly-field.formly-field-textarea .mainquestioncontainer .showlabel label{font-size: 14px !important; color: rgb(51, 51, 51) !important; text-align: left;
        line-height: normal !important;}

.formly-field.formly-field-textarea .mainquestioncontainer .showlabel{width: 100%;}
.formly-field.formly-field-textarea textarea{font-family: 'helveticaregular' !important; border: solid 3px #e8eef4 !important; font-size: 18px !important;
    min-height: 250px !important;}
.formly-field.formly-field-grid .userdropdowngrid #resp-table .table-body-cell .likerttext input{border: solid 1px #e8eef4 !important; width: 150px;}
.new-table-design .listing-table .col .customdatepicker .md-button.md-icon-button{margin-top: 0; background: #3359F7 !important;}
.new-table-design .listing-table .col .customdatepicker .md-datepicker-input-container input{width: 150px !important;
    max-width: none !important; border: solid 1px #ccc !important; background: #fff !important;}
.categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-header .table-header-cell{color: #000 !important;}
.categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-body .table-body-cell, .categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-header .table-header-cell{text-align: left !important;}
.categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-body .table-body-cell:nth-child(3), .categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-header .table-header-cell:nth-child(3){min-width:150px !important;}
.categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-body .table-body-cell:nth-child(2), .categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-header .table-header-cell:nth-child(2){display: none;}
.vision-preview.five-col-grid .cash-in-output-page .row.customsuppwidth .month-name, .vision-preview.five-col-grid .cash-in-output-page .row.customsuppwidth .month-amount{width: 15% !important;}
.vision-preview.five-col-grid .cash-in-output-page .row.customsuppwidth .month-name:nth-child(2), .vision-preview.five-col-grid .cash-in-output-page .row.customsuppwidth .titleheading{width: 25% !important; text-align: left !important;}
.vision-preview.two-col-grid .market-analysis-output-page .userdropdowngrid  #resp-table-header .table-header-cell:nth-child(3), .vision-preview.two-col-grid .market-analysis-output-page .userdropdowngrid  #resp-table-header .table-header-cell:nth-child(4){width: 30px !important; min-width:30px !important; max-width: none !important;}
.vision-preview.two-col-grid .market-analysis-output-page .userdropdowngrid  #resp-table-body .table-body-cell:nth-child(3), .vision-preview.two-col-grid .market-analysis-output-page .userdropdowngrid  #resp-table-body .table-body-cell:nth-child(4){width: 30px !important; min-width: 30px !important; max-width: none !important;}
.vision-preview.two-col-grid .market-analysis-output-page .userdropdowngrid  #resp-table-header .table-header-cell:nth-child(2){width:130px !important; min-width:130px !important; max-width: none !important;}
.vision-preview.two-col-grid .market-analysis-output-page .userdropdowngrid  #resp-table-body .table-body-cell:nth-child(2){width:130px !important; min-width:130px !important; max-width: none !important;}

.inside_header .topbartitle {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    margin-left: 15px;
}
.inside_header .topbartitle span {
    font-weight: normal;
} 
.feedbacknewui.result-new-page .rating-div .listing label input{display: none;}
.feedbacknewui.result-new-page .rating-div .listing{margin-bottom: 30px;}
.feedbacknewui.result-new-page .next-topic-button{width: 100%; margin-top: 30px;}
.feedbacknewui.result-new-page .next-topic-button a{width: fit-content; float: none; display: inline; padding: 10px 20px 15px 20px;}
.categoriesland .courselanding.learnerflow.course_new_ui .result-base.mindset-top  .main-container-for-all{padding: 0 !important; margin-top:10px; margin-bottom: 10px;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_wrong label{background: #ff6f6f !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_wrong label{background: #ff6f6f !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_wrong label .listname span{color: #fff !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_wrong.activated_not_select label{background: transparent !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .multiselectcheckbox.activated_wrong.activated_not_select label .listname span{color: #545b6c !important;}
/*.overview-content h3.topmainheading{font-size: 24px; text-align: center; color: #3359F7; margin-bottom: 20px;}
*/.main-container-for-all .videocontenttext .topiccontent p{font-size: 20px !important; color: #344356; line-height: 24px; font-family: 'helveticaregular' !important;}
.videocontenttext .topiccontent{padding-bottom:0px; padding: 0;}
.result-base .circle img.resulticoncls{position: static; width: auto; margin-top: -35px;}

.feedbacknewui.result-new-page h2{font-size: 30px;}
.result-new-page h3{font-size: 26px;}
.feedbacknewui.result-new-page h2{margin-top:30px;}
.launchervideo{width: 150px; float: left;}
.launcher-videos, .launcher-system-apps{width: 100%; float: left; display: inline;}
.row.launcher-videos, .row.launcher-system-apps{width: max-content; overflow-x: scroll;}
.launcherapps{width: 80px; float: left; text-align: center; margin-bottom: 15px;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell.cellequalwidth, .table-body-cell.cellequalwidth, 
 .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell.cellequalwidth{min-width: 30px !important; max-width: 30px !important;}
 #resp-table-header .table-header-cell.cellequalwidth, #resp-table-body .table-body-cell.cellequalwidth input{width: auto;}
 .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell.cellequalwidth{min-width: 30px !important; max-width: 30px !important;}
.col.width60per{min-width:60% !important;}
.col.width70per{min-width:70% !important;}
.feedbackrating .rating-div .listing .fa{position: absolute; left: 0; top:20%; font-size:45px !important;}
.feedbackrating .rating-div .listing img{left:60px;}
.feedbackrating .rating-div .listing h4, .feedbackrating .rating-div .listing span{margin-left: 55px;}
.main-container-for-all.market-analysis-output-page .market-box-output{margin-bottom:10px !important;}
.main-container-for-all.vision-content.retake-box{margin: 0px 0; margin-bottom: 20px;}
#left-menu .user-links.newmenuui .primer-menu-list-inner h5{color: #3359f7 !important;}
.user-links.newmenuui .primer-menu-list-inner{margin-bottom: 5px !important;}
.user-links.newmenuui .menustagetitle{width: 80%; display: inline-block; margin-top: 2px; font-family: 'helveticaregular' !important;}
.user-links.newmenuui .menustageinnertitle{width: 80%; display: inline-block;}
.primer-menu-list-item.item-accordion i{padding: 10px;}
.user-links.newmenuui .item-accordion ul{margin-left: 40px;}
.sessoverviewvideo{margin-bottom:70px;}
.main-img.posterimg img{margin-bottom: 0 !important;}
.main-img.posterimg{margin-bottom: 10px !important;}
.likertradigridlabtop{display: flex; flex-direction: column; align-items: flex-start;}
.likertnewstyletitle{text-align: left; padding:10px; float: left; /*border:solid 3px #ccc; margin-bottom: 25px;*/}
.likertradiotitletext{font-weight: 700; color: #000; font-size: 20px;line-height: 22px; margin-bottom: 10px;}
.likertnewstyleoptions .likerttext{font-weight:normal;}
.likertradigridlabtop .vision-preview{margin-bottom: 0 !important;}
.likertradigridlabtop .market-box-output-title{margin-bottom: 0 !important; color: #fff !important;}
.main-container-for-all.market-analysis-output-page .likertradigridlabtop .market-box-output{margin-bottom: 0 !important;}
.market-analysis-output-page .likertradigridlabtop .market-box-output .box{text-align: center;}
.categoriesland.sessionoverview .hidedivsforquiz .repeatsection .message{font-family: 'helveticaregular' !important;}
.sessionoverview .nofieldset legend.messagedescription{font-size: 16px !important; color: #334255 !important; font-weight: normal !important; line-height: 22px !important; margin-top: -5px !important; margin-bottom: 15px !important;}
.sessionoverview .nofieldset legend.messagetitle{margin-bottom: 5px !important;}
.quizres.categoriesland{height: 100% !important; background: #fff !important;}
.feedbacknewui.result-new-page span{font-weight: 500; color: #000;}
.vision-preview.fromtodate.three-col-grid.one-col-grid .cash-in-output-page .month-name:nth-child(4){width: 0 !important;}
.vision-preview.fromtodate.three-col-grid.one-col-grid .cash-in-output-page .month-amount:nth-child(3){width: 0 !important;}
.vision-preview.fromtodate.three-col-grid.one-col-grid .cash-in-output-page .item-name{width: 78% !important;}
.video-js .vjs-big-play-button {background: none !important;border:0;width: 80px;height: 80px;}
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {content: "";background-image: url('../img/kuza-play-icon.png');background-repeat: no-repeat;background-size: 100px;background-position: 55% calc(50% - 0px);border: none !important;box-shadow: none !important;}
.video-js .vjs-play-control .vjs-icon-placeholder:before {background-size: 31px;}
.pageloader{top: calc(50% - 18px); left: calc(50% - 18px); width: 45px; height: 45px; position: absolute;}
.advdisadv{display: flex; margin-bottom: 20px !important;}
.welcomedescription i{font-style: italic;}
.cash-in-output-page .listing-head, .cash-in-output-page .listing-body{display: flex; align-items: center;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .welcometitle, .staticactivitytitle{text-align: center; color: #3359f7; font-size: 20px !important; font-weight: 700 !important;}
.categoriesland.sessionoverview .lessonnewquizstyles .product-details-container .repeatsection .showlabel label.bluecolortitle{color: #3359F7 !important;}
.launcherpopuptitle.popvideotitle{display: flex;}
.launcherpopuptitle.popvideotitle .title{width: auto !important; padding: 0; font-size: 20px;}
.launcherpopuptitle.popvideotitle .detailsrole, .launcherpopuptitle.popvideotitle .detailscounty{font-size:20px; line-height: 30px; color: #333; font-weight: normal;}
.sync-progress-inner .progress-horizontal .progress{height: 5px !important; background: #E8EEF4 !important;}
.sync-progress-inner .progress-horizontal .progress .progress-bar{background: #3359F7 !important;}
.sync-progress-inner .sync-pop-header, .sync-progress-inner .sync-animation{display: none;}
/*.sync-progress-inner .sync-progress-download-text{display: none;}*/
.sync-progress-inner .sync-progress-container .sync-page{padding:0 20px; margin: 0; font-family: 'helveticaregular' !important;}
.sync-progress-inner .sync-progress-container .sync-page span{font-size: 24px; margin-bottom:5px;}
.sync-progress-inner .sync-progress-container .sync-page strong{font-size:20px; margin-bottom:30px;}
.sync-progress-inner .sync-progress-container .sync-page h3{font-size:36px;}
.sync-progress-inner .sync-progress-container{padding: 50px 0;}
.sync-progress-inner .sync-progress-container .progress-horizontal{float: left; width: 100%; padding-bottom: 0 !important;}
.categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-body .table-body-cell:nth-child(4), .categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-header .table-header-cell:nth-child(4)
{max-width: 45px !important; min-width: 45px !important;}
.sync-progress-inner .progress-horizontal{padding: 0 !important;}
.barWrapper .progress_bar_div{padding:0 20px;}
.setuppercent{font-size: 36px; margin-bottom:20px; color: #3359F7 !important; text-align: center;}
.versionno{font-size: 18px; margin-top: 20px;}
.devicesetup .popuptitle{font-size: 20px !important; text-align: center; line-height: 26px !important;}
.budgettitle, .overview-content .retake-box h3{padding: 0 10px !important; color: #565c5d;}
.dynamicprofilepage  .welcomescreen button{background: transparent !important;}
.formly-field.formly-field-textarea .message img{width: 100%; margin:10px 0;}
.content-div.next-topic-button{margin-bottom: 20px;}
/*.vision-preview.fromtodate.three-col-grid.one-col-grid .cash-in-output-page .main-header.item-name{padding-left: 10px !important;}*/

.categoriesland.notificationsland .notificationtext .d-flex.flex-column{width: 100%; padding:20px;}
.categoriesland.notificationsland .notificationtext .d-flex.flex-column .noticontentdesc{padding:10px 0 !important;}
.categoriesland.notificationsland .notificationtext .d-flex.flex-column .noticontentdesc p, .noticontentdesc p{margin-bottom: 0;}
.main-container-for-all.market-analysis-output-page .market-box-output:last-child{margin-bottom: 0 !important;}
.notidetailsbtn{display: block; background: #3359F7; border-radius:10px; color: #FFF; padding:5px 20px !important; font-size:20px; text-align: center; border:none; 
  font-family: 'helveticaregular' !important; margin: auto; margin-top: 30px;}
.notidetails{width: 96%; margin: auto;}
.notidetails textarea{width: 100%; border:solid 3px #e8eef4 !important; padding: 15px; font-size: 16px; border-radius: 7px;}
.notidetails .datefield{font-size: 18px; margin-bottom: 5px;font-family: 'helveticaregular' !important; line-height: 22px;}
.notivideo .noticontentdesc{font-size: 16px;}
.categoriesland.notificationsland .notificationtext .d-flex.flex-column.notivideo .noticontentdesc{padding: 0 !important;}
/*.main-container-for-all.menu-page .header-right-icons .notificationsexists{display: none;}*/
.notificationdetails{display: block; height: 65px;}
.menunotificationicon{position: relative;}
.menunotificationicon .notificationsexists{top: -5px; right: -5px;}
.categoriesland.catoveriew .header-right-icons, .categoriesland.sessionoverview .header-right-icons{align-items: center;}
.categoriesland.catoveriew .menunotificationicon .notificationsexists, .categoriesland.sessionoverview .menunotificationicon .notificationsexists{top: 15px; right: -5px;}
.font-control-aboutkuza .helpfaq .faqhelpcls .item h2 span span{color: #ff0000 !important; vertical-align: middle; font-size:30px;}
.font-control-aboutkuza .scroll-content p, .font-control-aboutkuza .helpfaq .faqhelpcls .item-accordion ol{
  list-style:decimal; 
  /* padding-left: 25px; */
}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer a{display: flex;}
.notificationtext .catbottomtitle{color: #344356; padding-left: 0; line-height: 26px; font-family: 'helveticaregular' !important; font-size: 22px;}
.categoriesland.notificationsland .notificationtext img{width: 200px; margin-right: 15px; height: 90px;}
.categoriesland.notificationsland .courselanding .ecd-col.maincontainer.notificationtext{margin-bottom: 20px !important; margin-top: 0 !important;}
.row.course-cat .course-content p em, .main-container-for-all .row p i{font-style: italic;}
em{font-style: italic;}
/* .abtsec.font-control-aboutkuza .scroll-content p{padding-left: 0;} */

.launcher-screen .bottomaps.launcher-system-apps .box{padding: 10px; margin-bottom: 2px;}
.launcher-screen .bottomaps.launcher-system-apps{margin-top: 0;}
.launcher-screen .bottomaps.launcher-system-apps .box img{width: 40px;}
.bottomaps.launcher-system-apps .launcherapps{font-size: 13px; margin-bottom: 5px; width: 60px; margin-left: 6px;}
.launcher-screen .bottomaps.row{margin-left: 0; margin-right: 0;}
.launcherappnames{float: left; width: 100%; text-align: center; font-size: 12px;}
.title-bar-top .header-right-icons img.menusyncbtn{width:auto !important; height:auto !important; float: right;}
.menusynctextbtn{margin-top:20px !important;}
.title-bar-top .header-right-icons .menusynctxt img{margin-left:10px;}
.helpfaq .faqhelpcls .item-accordion video{width: 100% !important; height: auto !important; margin-top: 15px;}
/*.helpfaq .faqhelpcls .item-accordion span{font-size: 18px; text-align: center !important; margin-bottom: 10px; width: 100%; display: block; font-weight: 600; color: #5560ab;}*/
.lastsyncdetails{float: left; display: block; width: 100%;}
.newbgicons a{margin-left:5px; display: inherit;}
.bgblue{background: #3d45f0; padding: 10px; border-radius: 100px; height: 40px;}
.staticactivitybtn{width: 100%; text-align: center;}
.staticactivitybtn button{background: #3359F7 !important; border-radius: 7px; color: #FFF; font-family: 'helveticaregular' !important;
padding: 12px 30px !important; border: none !important; font-size: 22px;font-weight: bold;}
.staticactivitytitle{margin-bottom: 10px;}
.main-container-for-all .mainvideocontainer .welcomedescription p{ padding: 0px !important;}

.source-output-page .listing-table b{color: #565c5d;}
.source-output-page .listing-table strong{line-height: 18px;}
.categoriesland.sessionoverview .userdropdowngrid.cstmtblestyles #resp-table-header .table-header-cell{color: #565c5d !important;}
.likertradiotitletext{color: #565c5d !important;}
.description p.newli{font-size: 16px; font-family: 'helveticaregular' !important; color: #444; padding-left: 10px;}
.syncbtn.btntext{padding: 5px 10px; border-radius: 8px; background: #3359F7; margin-top: 10px; color: #fff;}

.newheader .lamborghini.header_lg .top-text {
	position: absolute;
	z-index: -1;
	color: #3359F7;
	font-weight: bold;
}

.gblfeedback.myprogresspg .customregistration.myprofile .webviewquiz.custommobileview .module_quizz .formly-field.formly-field-textarea .showlabel .requiredfield{display: none;}
.dashboardprogresssection{background: #7c7dfb; padding: 0; display: flex; justify-content: space-between; margin-top: 10px;}
.dashboardprogresssection .imagebg{text-align: right; display: none !important;}
.dashboardprogresssection .textcontentarea{background:rgb(255, 255, 255, 0.9); 
  height:auto;
  padding: 15px; 
  margin: 8px; 
  border-radius: 7px; 
  font-size: 16px; 
  line-height: 22px;
  min-width:calc(100% - 280px) !important; 
  position: relative; 
  z-index: 9999;
}
.textcontentarea .colorgreen{color: #386b0f;}
.textcontentarea .colorgreen b{font-size: 20px;}
.contentareabottom{display: flex; margin-top: 15px; justify-content: space-between; text-align: center; position: absolute; width: 96%; left: 3%;}
.dbrightprogress{margin-top: -45px; float: right; margin-right:54px; font-size: 12px; width: 30px; text-align: center;}
.contentareabottom b{font-size: 22px; font-weight: 500;}
.greencolor b{color: #386b0f;}
.redcolor b{color: #ff0000;}
.nudgenotecount{width: 15px;
    height: 15px;
    display: inline-block;
    background: #ff0000;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    font-size: 12px;
    position: absolute;
    top: -6px;
    left: 16px;}
/*.table-responsive.ff-baseline-table.bg-white .coursesdate{position: relative;}*/

.nudgemsgbtns{margin-top: 15px;}
.nudgemsgbtns button{border:none; padding: 5px 8px; margin-bottom: 10px; border-radius: 7px; background: #3359F7; color: #fff; line-height: 18px;}
.table-responsive.ff-baseline-table.bg-white .coursesdate img{width: 15px; margin-left: 5px;}
.ipdashboard .lamborghini .headertitle, .bcidashboard .lamborghini .headertitle{width: 100% !important; left: 0; text-transform: capitalize;}
.iconimgs{text-align: center !important; display: block !important;}
.iconimgs img{width:28px;}

.nudgemsgbtns .reminder{background: #f4ae36 !important;}
.nudgemsgbtns .custom{background:#dd3d4c !important;}
.nudgemsgbtns .welldone{background: #4cb050 !important;}
.btnbelowtext{margin-top: 15px;}
.notescontainer.schedulepopupcontainer.loaddetailnotes{overflow: scroll !important; height:85vh !important; z-index: 999999;}
.textbold span{font-weight:700;}
.schedulepopupcontainer .schduleclosebtn{top:-6px !important;}
.contentareabottom.bottomstretch{flex-wrap: wrap; justify-content: space-around !important;}
.contentareabottom.bottomstretch .totalfsccount{flex-basis: 100%; margin-bottom: 10px;}

.registrationformpg .customregistration.newheader.registration .tabsetmain.baselinetabs .md-tab{font-size: 13px !important; line-height: 24px; text-transform: uppercase; padding: 12px 15px !important; color: #000 !important;}
.registrationformpg .has-header, .viewbaselinesupg .has-header{top: 70px;}
.registrationformpg .formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input{min-width:150px !important;}
.registrationformpg .formly-field.formly-field-date .customdatepicker .md-button.md-icon-button{margin-top: -10px !important;}
.registrationformpg .formly-field .form-group .mainquestioncontainer input{max-height: 35px !important;}
.row.log-menu-slide-text{margin-top:50px; float: left; width: 100%;}
.log-menu-slide-text .col-md-3 a, .log-menu-slide-text .col-md-3 .menustaticlogout{text-decoration: none !important;}
.main-container-for-all.menu-page .main-info-user{margin-top:50px;}
.main-container-for-all.menu-page .main-info-user .row{margin: 0 !important;}

.tableheadtitle{font-size: 14px; font-weight: 700; color: #000; margin-top: 15px; margin-bottom:5px; text-transform: uppercase;
font-family: arial !important; font-weight: 700;}
.mentor_dashboard.fsconeview .scroll{width: 96%; margin-left: 2%;}
.oneviewtable{width: 100%; /*overflow: auto;*/}
.oneviewtablelist{width: 100%; overflow: auto;}
.onviewtopses{display: flex; margin-top: 25px; margin-bottom:20px;}
.onviewtopses span{display: block; font-weight: 700;}
.onviewtopses .firstdiv{margin-right: 20px;}
.onviewtopses .secondiv{padding-left: 20px; border-left: solid 1px #ccc;}
.verticle-middle.cross, .verticle-middle.fixed-cell{/*position: relative;*/ z-index: 99999;}

.maxwidthcontainer{width: 55%; float: left;}
.select_view i{color: #3359F7; opacity: 1 !important;}
.langtoggle i{font-size: 20px !important; margin-left: 15px; opacity: 0.5;}

.tabrightsection .searchbar{width: 100% !important; max-width: none !important;}
.mdtabcontentlabel{ font-size: 15px; font-weight: bold;line-height: 20px; text-transform: uppercase;}
.mdtabcontentmain{width:60%; padding: 10px; margin-top: 20px;}
.mdtabcontentfsclabel{ font-size: 15px; font-weight: bold;line-height: 20px;}
.inprogresscolor b{color: #ffb900;}
.farminfo.mynudgescon.btnbelowtext div h6{color: #3359F7 !important;}

.orderfilterscontentt.xlexportbtn.pull-right{display: none !important;}
.theadcls td{font-weight: 700; font-size: 14px !important;}
.theadcls th{font-weight: 700; font-size: 14px !important; min-width: 230px !important;}
.poupcallbtnmain{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.poupcallbtnmain h3{
  font-size: 20px !important;
  margin-bottom: 0px !important;
}
.poupcallbtnmain .poupcallbtnleft{min-width: 180px !important;}
.poupcallbtnright button{border:solid 1px #3359f7; background:transparent; color: #000; padding:3px 8px 5px 8px; border-radius:8px; margin:0 5px 5px 0; font-size: 13px;}
.fscdetaildivnew{display: flex; align-items: center;}
.fscdetaildivnewpic img{width: 40px; margin-right: 10px;}
.poupcallbtnright button.selectbtns{background:#3359f7; color: #fff;}

.typepopupradiobtns{display: flex; justify-content: space-between;}
.typepopupradiobtns .popupradiobtns input{width:60px; position:absolute !important;}
.typepopupradiobtns .popupradiobtns .custom-control-label{line-height: 22px;}

.md-select-value{padding: 2px 2px 3px 7px !important;}
.contentareabottom div{position: relative; z-index: 99;}
.simplified_dashboard .table-with-border tr th{padding: 10px 10px 6px 10px !important;}
.langtoggle md-input-container{margin: 10px 0 !important;}
md-select-menu md-content md-option:not([disabled]):hover{background: #3359f7 !important; color: #fff !important;}

md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected]{background: #3359f7 !important; color: #fff !important;}

.display-icon-name img {
  display: none;
}

@media screen and (max-width:600px) {
  .langtoggle md-input-container {
    width: 83%;
  }
  .totalfsccount, .greencolor, .inprogresscolor, .redcolor {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }
  .contentareabottom {
    display: block;
    margin-top: 5px;
  }
  .dashboardprogresssection .textcontentarea {
    height: 195px;
  }
  .dashboardprogresssection {
    margin-top: 15px;
  }
  .mobile-column, .mobile-row {
    display: none;
  }
  .display-icon-name img {
  display: inline-block;
  float: right;
  width: 20px;
  height: 20px;
}
.table-with-border tr th, .table-with-border tr td, .table-with-border tr th, .table-with-border .table tr td, .ipdashboard .facilitators .learnername, .table-with-border tr th, .table-with-border tr td {
  padding: 5px !important;
  font-size: 11px;
}
.iconimgs img {
  width: 15px;
}
.fscdetaildivnewdetails {
  width: 60%;
  line-height: 16px;
}
.ltmenuprogst {
    margin-top: -45px;
    width: 98px;
    text-align: center;
}
.dbrightprogress span {
      margin: -22px !important;
    position: absolute;
    font-weight: bold;
    font-size: 12px;
    margin-left: 8px !important;
}

.menuprogressnew {
    right: 28px !important;
    left: auto !important;
    top: 24px !important;
}
.fscdetaildivnewpic {
  height: 40px;
    width: auto !important;
    margin-top: 15px !important;
}
}



md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected]{background: #3359f7 !important; color: #fff !important;}
.wfpactsummary .table-with-border tr th, .wfpactsummary .table-with-border tr td{padding: 6px 10px 6px 10px !important;}
.gridmobcls{text-align: center !important;}
.table-container tr th.date-column, .table-container tr td.date-column{min-width: 100px !important;}
.gridctycls{}
.gridsubctycls{}
.gridactioncls{min-width: 100px !important;}
.table-with-border tr th.text-column.gridactioncls, .table-with-border tr td.text-column.gridactioncls{min-width: 100px !important;}
.gridnamecls{min-width: 120px !important;}
.gridmorecntcls{min-width: 180px !important; max-width: 180px !important; white-space: normal;}
.wfpactsummary .name-column{min-width:180px !important; max-width:180px !important;}
.viewactivitypg .result-base div img{max-width:300px;}
.viewactivitypg .main-container-for-all p{font-size: 12px;}
.viewactivitypg .result-base.mindset-top h2{font-size: 18px;}
.viewactivitypg .termsconditions.customregistration span.text{font-size: 18px !important; font-family: 'helveticaregular' !important;
    color: #344356 !important;}
.viewactivitypg .termsconditions.customregistration{float: left; text-align: center; width: 100%; margin-bottom: 30px;}
.viewactivitypg .headlogoimg{}
.viewactivitypg .bkbtn{height: 20px; width: 20px;}
.viewactivitypg .headlogoimg{max-height:40px !important;}
/* .viewactivitypg .newheader .headertitle h4{color: #3359F7 !important;} */
.categoriesland.viewactivitypg .courselanding.learnerflow.course_new_ui .tbletypecnt.scroll-content{margin-top: 60px !important;}
.wfpactsummary md-input-container>md-select{padding-left: 12px;}
.wfpactsummary .mdtabcontentmain{padding-left: 15px !important;}
/*.wfpactsummary .md-select-value{border:none !important;}*/
.fscdetaildivnew .fscdetaildivnewdetails{max-width: 65%; min-height: 65px;}
.popupanscont{padding:0 25px; margin-top: 15px;}
.popupanscont .anstitle{color: #5b7af8 !important;  font-family: 'helveticaregular' !important;}
.popupanscont .mentornamedate h2, .popupanscont .mentorreplynamedate h2, .popupanscont .mentorcommentsnamedate h2{color: #000 !important;  font-family: 'helveticaregular' !important;}
.trainingdb .nocontent, .contentwrapper .nocontent{font-size: 20px;}
.sessionselect .md-select-value>span:not(.md-select-icon) .md-text{font-size: 16px !important;}
.md-select-value .md-select-icon:after{top: 5px;}
.newuiselectdrop .select2-container .select2-choice{padding: 3px 6px !important; height: auto; min-width: 200px !important;}
.newuiselectdrop .select2-results .select2-result-label{font-size: 14px !important;}
.newuiselectdrop .select2-results .select2-highlighted{background: #3875d7 !important; color: #fff !important;}
.attendanceui .newuiselectdrop .select2-container{width: 100% !important;}
.maxwidthcontainer.newdropdownui{width: 100% !important;}
.attendanceui .select2-drop-active ::-webkit-scrollbar{display: block !important;}
.dashboardprogresssection .newuiselectdrop .select2-container .select2-choice{margin-top: 10px;}
/*md-tab-content .paginationselect{display: flex !important;}*/
.ipdashboard .lamborghini, .bcidashboard .lamborghini{z-index: 9999999 !important;}
.popupradiobtns .custom-control-label{line-height: 22px;}

.table-with-border tr .text-center.iconimgs{padding: 5px !important;}
.farminfo.mynudgescon.btnbelowtext.prevcomments{width: 90%; margin: auto;}
.tblewd250{min-width:250px; max-width:250px; white-space: normal;}
.tblewd300{min-width:300px; max-width:300px; white-space: normal;}

/*.mydashboard.trainerdashboard .graphtoggle {
  position: relative;
  top: 0;
  width: 500px;
  float: right;
}
*/
.graphtoggle.new-toggle-icon {
  position: relative;
  top: -10px;
  width: 500px;
  float: right;
  text-align: right;
}
.graphtoggle.new-toggle-icon .topcheck, .graphtoggle.new-toggle-icon .leastcheck, .graphtoggle.new-toggle-icon .bottomcheck {
  float: none;
  display: inline-block;
}
#age_group {
  margin-left: 12px;
}

/* #resp-table-header .table-header-cell, #resp-table-body .table-body-cell, .viewformdisrow .viewformmode .mainquestioncontainer.correctionss.viewformdatarepeat #resp-table .resp-table-row:last-child .table-body-cell, .resp-table-row .table-body-cell span {
  font-family: 'helveticaregular' !important;
} */
.ipdashboard.mentordashboard.mentor-circles-cards .shadow.bg-white md-content .paginationselect {
  margin-bottom: 10px;
}
.paginationselect {
  margin-top: 20px;
  /*display: flex;*/
  margin-bottom: 10px;
  font-family: 'helveticaregular' !important;
}
.paginationselect {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.paginationselect select {
  height: 26px;
}
.paginationselect select option {
  height: 30px;
  margin-top: 0px;
  font-family: 'arial' !important;
  margin-left: 15px;
  border: solid 1px #ddd;
}
.paginationselect select {
  /* float: left; */
  margin: 0 0 0 10px;
  border: 1px solid #eeeeee;
  padding: 2px 2px;
  margin-top: -2px;
  border-radius: 3px;
}
.paginationselect li a {
  font-family: 'helveticaregular' !important;
}
.traininglocationmap{width: 350px; height: 250px;}
.col-md-12.schedulepopupcontainer .slider-pager {
  position: fixed;
  bottom: 70px;
  z-index: 1;
  width: 35%;
  height: 25px;
  text-align: center;
}
.lastupdated{
  float:left;
  padding:10px;
  margin-left: auto;
}

.lastupdatedmain{
  display: flex;
}
.removehover[ng-click]{
  cursor: default !important;
}
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary th,
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td{
  width: auto !important;
}
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary th.width110,
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td.width110{
  min-width: 105px !important;
  max-width: 105px !important;
}
.width80{
  min-width: 80px;
  max-width: 80px;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary th:nth-child(3),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td:nth-child(3),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary th:nth-child(4),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td:nth-child(4){
  text-align: center !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(2){
  text-align: center !important;
  min-width: 100px !important;
  max-width: 100px !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(2){
  min-width: 100px !important;
  max-width: 100px !important;
}


.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(8),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(8){
  min-width: 85px !important;
}
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(10),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(10){
  min-width: 95px !important;
  max-width: 95px !important;
}
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(11),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(11){
  min-width: 100px !important;
  max-width: 100px !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(4),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(4){
  min-width: 85px !important;
  max-width: 85px !important;
}

/* .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(1) th:nth-child(3),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(3),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(1) th:nth-child(4),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(5){
  border-right:1px solid #dee2e6;
} */

.new-table-css.new-table-css-product.farmer-group-summary-oneview-grid th:nth-child(3),
.new-table-css.new-table-css-product.farmer-group-summary-oneview-grid td:nth-child(3){
  min-width: 80px !important;
  max-width: 80px !important;
}
.new-table-css.new-table-css-product.farmer-group-summary-oneview-grid th:nth-child(4),
.new-table-css.new-table-css-product.farmer-group-summary-oneview-grid td:nth-child(4){
  min-width: 80px !important;
  max-width: 80px !important;
}
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(7),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(7),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(8),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(8),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(10),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(10){
  min-width: 100px !important;
  max-width: 100px !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(11),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(11){
  text-align: left !important;
}


.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(12),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(12){
  min-width: 130px !important;
  max-width: 130px !important;
  text-align: left !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(13),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(13),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid th:nth-child(14),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid td:nth-child(14){
  text-align: left !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary tr:nth-child(2) th:nth-child(2),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td:nth-child(4){
  text-align: center !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary tr:nth-child(2) th:nth-child(3),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td:nth-child(5){
  text-align: center !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary tr:nth-child(2) th:nth-child(4),
.table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary td:nth-child(6){
  text-align: center !important;
  min-width: 80px !important;
  max-width: 80px !important;
}
/* .new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary tbody tr:nth-of-type(odd) td{
  background-color: #ffffff !important;
} */


.text-gray-light{
  /* color: #a9a9a9 !important; */
  color: rgb(106 104 104) !important
}
.text-gray-dark{
  color: #61626d !important;
}
.text-gray-half-dark{
  /* color: #909090 !important; */
  color: #687791 !important;
}
.appdashstyles.profilepiccard.oneview-profile{
  width: 100px;
  height: 100px;
}
.appdashstyles.profilepiccard.oneview-profile img{
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
}
.appdashstyles .personalinfo .personalinfoinnerleft{
  width: 40% !important;
}
.location-details .mappopover .rightdiv .map-popup-box-inner{
  min-height: 70px !important;
}
/* .dashboardgendergraph .gendergraphmobile.sidebyside.floatright {
  margin-top: 25px !important;
} */
.top-card-row .card img{
  width: 55px;
}
.farmer-oneview-top-cards-row.top-card-row .card img{
  width: 45px;
}
.top-card-row .card h3{
  font-size: 20px !important;
  color: #222b45 !important;
}
.top-card-row .card h5{
  font-size: 17px !important;
  color: rgb(106 104 104) !important;
}
.card h5{
  font-size: 18px !important;
  color: rgb(106 104 104) !important;
}
.farmers-trained-graph .countcontainer b{
  display: inline-block !important;
}
.topfivecrops{
  font-size: 15px;
}
.table-header-green{
  background-color: #336233 !important;
  color: #ffffff !important;
  font-weight: normal !important;
}
.table-header-blue{
  background-color: #005a9f !important;
  color: #ffffff !important;
  font-weight: normal !important;
}
.table-header-purple{
  background-color: #7157ff !important;
  color: #ffffff !important;
  font-weight: normal !important;
}
.agripreneur-summary{
  background-color: #ffffff !important;
}

.agri-table-header-title{
  font-size: 16px;
}
.border-top-corners-radius{
  border-radius: 15px 15px 0 0 !important;
}
.devide-border-left{
/* border-left: 2px solid #ffffff !important; */
}
.devide-border-right{
  /* border-right: 2px solid #ffffff !important; */
  }
  .table .space-col{
    padding: 0px !important;
    min-width: 15px !important;
    max-width: 15px !important;
  }
  .table thead th.space-col{
    border: 0px !important;
  }

  .table.farmer-group-summary .space-col{
    padding: 0px !important;
    width: 15px !important;
    display: block;
  }
  .table.farmer-group-summary thead th.space-col{
    border: 0px !important;
  }

  .farmer-oneview-top-cards-row .card h4{
   font-size: 20px !important;
  }
  .topicslist{
    display: flex;
    width: 75%;
    flex-wrap: wrap;
    margin-top: 1rem;
    font-size: 15px;
  }
  .topic-list-column{
    width: 50%;
    color: rgb(140 152 169) !important;
  }
  .new-search-box.filters-show-box-main .formly-field-input{
    /* margin-right: 30px !important; */
  }
  .graphtogglediv .countcontainer b{
    display: inline-block !important;
  }
  /* .filters-right{
    float: none !important;
  } */
  .agripreneur-summary tr:nth-child(1) th,
  .farmer-group-summary tr:nth-child(1) th,
  .fe-agripreneur-summary tr:nth-child(1) th {
    padding-top: 5px !important;
    padding-bottom: 2px !important;
  }




  .agripreneur-summary tr:nth-child(2) th,
  .farmer-group-summary tr:nth-child(2) th,
  .fe-agripreneur-summary tr:nth-child(2) th{
    padding-top: 2px !important;
    padding-bottom: 10px !important;

  }
  .agripreneur-summary tr:nth-child(2) th,
  .fe-agripreneur-summary tr:nth-child(2) th{
    white-space: nowrap;
  }

  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(6),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(8){
    width: auto !important;
  }

  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(1),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(3),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(2),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(4),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(3),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr td:nth-child(5),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary tr:nth-child(2) th:nth-child(5) {
    width: auto !important;
    min-width: 50px !important;
    max-width: 50px !important;
  }

  .table.new-table-css.new-table-css-product.today-new-css-product.farmer-group-table th:nth-child(6),
  .table.new-table-css.new-table-css-product.today-new-css-product.farmer-group-table td:nth-child(6),
  .table.new-table-css.new-table-css-product.today-new-css-product.farmer-group-table th:nth-child(9),
  .table.new-table-css.new-table-css-product.today-new-css-product.farmer-group-table td:nth-child(9){
    width: auto !important;
  }
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid.farmer-group-table th:nth-child(3),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid.farmer-group-table td:nth-child(3),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid.farmer-group-table th:nth-child(4),
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid.farmer-group-table td:nth-child(4){
    min-width: 60px !important;
    max-width: 60px !important;
    width: auto !important;
  }
  .table.new-table-css.new-table-css-product.today-new-css-product.agripreneur-summary.farmer-group-summary-oneview-grid.farmer-group-table th{
    border-top: 0px !important;
    color: rgb(140 152 169) !important;
    font-weight: 400;
    font-size: 15px;
    padding-bottom: 10px !important;
  }

  .top-0{
    top: 0px !important;
  }
  .top-filters-row{
    position: absolute;
    right: 55px;
    display: flex;
    top: 24px;
    z-index: 99;
  }
  .db-main-title{
    color: #444c57 !important;
    font-size: 24px;
  }

  /* .table tr:nth-of-type(odd) td {
    background-color: #eeeeee !important;
   
} */
.table tr th,
.table tr td{
  padding: 8px;
  vertical-align: middle !important;
}
.farmer-group-table tr th,
.training-table tr th,
.training-summary-grid tr th,
.farmer-oneview-training-summary th,
.fe-farmers th{
  /* color: rgb(140 152 169) !important; */
  color: rgb(106 104 104) !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
}
.agripreneur-summary tr:nth-child(1) th:nth-child(1), .farmer-group-summary tr:nth-child(1) th:nth-child(1),
.agripreneur-summary tr:nth-child(1) th:nth-child(2), .farmer-group-summary tr:nth-child(1) th:nth-child(2),
.fe-agripreneur-summary tr:nth-child(1) th:nth-child(1), .fe-agripreneur-summary tr:nth-child(1) th:nth-child(2){
  /* color: rgb(140 152 169) !important; */
}
.th-title-color{
  /* color: rgb(140 152 169) !important; */
}
.new-table-css.agripreneur-summary tbody tr:nth-of-type(odd) td{
  background-color: #ffffff !important;
}
.table{
  margin-bottom: 0px !important;
}
  /* Table column widths */
  /* .col-width-30{
    min-width: 30px !important;
    max-width: 30px !important;
  }
  .col-width-50{
    min-width: 50px !important;
    max-width: 50px !important;
  }
  .col-width-60{
    min-width: 60px !important;
    max-width: 65px !important;
  }
  .col-width-80{
    min-width: 80px !important;
    max-width: 80px !important;
  }

  .col-width-85{
    min-width: 85px !important;
    max-width: 85px !important;
  }
  .col-width-90{
    min-width: 90px !important;
    max-width: 90px !important;
  }
   .col-width-100{
    min-width: 100px !important;
    max-width: 100px !important;
  }
  .col-width-105{
    min-width: 105px !important;
    max-width: 105px !important;
  }
  .col-width-120{
    min-width: 120px !important;
    max-width: 120px !important;
  }
    .col-width-150{
    min-width: 150px !important;
   max-width: 150px !important; 
  }
  .col-width-200{
    min-width: 200px !important;
    max-width: 200px !important;
  }
  .col-width-250{
    min-width: 250px !important;
    max-width: 250px !important;
  }
  .col-width-300{
    min-width: 300px !important;
    max-width: 300px !important;
  }
  .col-width-310{
    min-width: 310px !important;
    max-width: 310px !important;
  } */
  .col-width-30{
    min-width: 30px !important;
    max-width: 30px !important;
  }
  .col-width-50{
    min-width: 50px !important;
    /* max-width: 50px !important; */
  }
  .col-width-60{
    min-width: 60px !important;
    /* max-width: 65px !important; */
  }
  .col-width-80{
    min-width: 80px !important;
    /* max-width: 80px !important; */
  }

  .col-width-85{
    min-width: 85px !important;
    /* max-width: 85px !important; */
  }
  .col-width-90{
    min-width: 90px !important;
    /* max-width: 90px !important; */
  }
  .col-width-100{
    min-width: 100px !important;
    /* max-width: 100px !important; */
  }
  .col-width-105{
    min-width: 105px !important;
    /* max-width: 105px !important; */
  }
  .col-width-120{
    min-width: 120px !important;
    /* max-width: 120px !important; */
  }
  .col-width-150{
    min-width: 150px !important;
    /* max-width: 150px !important; */
  }
  .col-width-200{
    min-width: 200px !important;
    /* max-width: 200px !important; */
  }
  .col-width-250{
    min-width: 250px !important;
    /* max-width: 250px !important; */
  }
  .col-width-300{
    min-width: 300px !important;
    /* max-width: 300px !important; */
  }
  .col-width-310{
    min-width: 310px !important;
    /* max-width: 310px !important; */
  }
  .col-width-400{
    min-width: 400px !important;
    /* max-width: 400px !important; */
  }
  .col-max-width-60{
    max-width: 60px;
  }
  .col-max-width-300{
    max-width: 300px;
  }
  .col-max-width-400{
    max-width: 400px;
  }
  .col-max-width-500{
    max-width: 500px;
  }



/* .agripreneur-card .card-body,
.transactions-card .card-body{
  align-items: flex-start;
} */
.agripreneur-card .graphtogglediv .c3,
.agegroup-years-card .graphtogglediv .c3,
.transactions-card .graphtogglediv .c3,
.commissions-card .graphtogglediv .c3{
  margin-top: 0px !important;
}
.agripreneur-card .maleicon, .agripreneur-card .femaleicon,
.transactions-card .maleicon, .transactions-card .femaleicon,
.commissions-card .maleicon, .commissions-card .femaleicon{
  float: none !important;
}

.agripreneur-card .genderinnerdiv .maleicon .countcontainer, .agripreneur-card .genderinnerdiv .femaleicon .countcontainer,
.transactions-card .genderinnerdiv .maleicon .countcontainer, .transactions-card .genderinnerdiv .femaleicon .countcontainer,
.commissions-card .genderinnerdiv .maleicon .countcontainer, .commissions-card .genderinnerdiv .femaleicon .countcontainer{
  width: 80% !important;
}

/* .agegroup-years-card .graphtogglediv .c3{

} */
.agreprenueur_transactions-card .pos-db-title,
.agreprenueur_transactions-card .pos-db-count{
  font-size: 14px !important;
  font-weight: normal;
  color: #000000 !important;
}
.agreprenueur_transactions-card .location-details .mappopover .rightdiv .map-popup-box-inner{
  margin-left: 7px !important;
  min-height: 60px !important;
  align-items: center !important;
}

.agreprenueur_transactions-card .location-details.showallopts .mappopover .rightdiv.firstcolm .map-popup-box-inner{
  margin-left: 10px !important;
}
.topnewui .agreprenueur_transactions-card .ksh{
  font-size: 15px !important;
}
/* .single-location-info{
  background: #f4f7f9;
}
.single-location-info .mappopover, .single-location-info .mappopover .rightdiv{
  background: #f4f7f9;
}
.single-location-info .indication-color {
  width: 10px;
    height: 10px;
    border-radius: 0px;
    margin-left: 0px;
    position: absolute;
    top: 8px;
    left: -2px;
}
.single-location-info .clstitle{
  margin-left: 10px;
}
.card .single-location-info h5{
  font-size: 20px !important;
} */
/* .single-location-info .pos-db-title, .single-location-info .pos-db-count{
  font-size: 15px !important;
} */
.bubblecontainer{
  position: absolute;
}
.bubble
{
position: relative;
width: 250px;
height: 195px;
padding: 0px;
background: #eeeeee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.bubble:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 30px 15px 0;
border-color: #eeeeee transparent;
display: block;
width: 0;
z-index: 1;
bottom: -30px;
left: 110px;
}
#mapdetails{
  min-width: 240px;
}
#mapdetails .indicator{
  position: absolute;
    left: 9px;
}
#mapdetails h5{
  font-size: 16px !important;
  /* color: rgb(105 113 125) !important; */
}

#mapdetails .pos-db-title, #mapdetails .pos-db-count{
  font-size: 14px;
  font-weight: normal;
}

.mappopover h5.clstitle{
  font-size: 17px !important;
}


.newposi{
  position: absolute;
  z-index: 999999;
}

.newposi::after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 12px 20px 12px 0;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: -20px;
  top: 3px;
}
.top-filters-row .new-multiselect-drop button.btn-default{
font-size:15px !important;
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 112px !important;
}
.top-filters-row .new-multiselect-drop button.btn-default.dropdown-toggle::after {
    position: absolute;
    right: 10px !important;
    top: 13px;
}
.map-popup-close{
  right:0px;
  top:0px;
  
}
.map-popup-close svg{
  fill:rgb(205 113 113);
}
@media(min-width:600px) and (max-width:962px){
  .top-filters-row{
    position: static !important;
    align-items: flex-end;
    margin-top: 20px;
    padding: 0 5px;
  }
  .trainerdashboard .ftmaaadashboard.headertitle h4{
    font-size: 15px !important;
  }
  .table{
    min-width: 1048px !important;
  }

  .top-card-row .card,
  .gendergraphdetails .card{
    margin-bottom: 0px !important;
  }
  .appdashstyles .profilecard{
    align-items: flex-start !important;
  }
  .profile-card-container .profilecard{
    flex-direction: row !important;
    align-items: center !important;
  }
  .profile-card-container .profileinfocard{
    margin-left: 15px;
  }
  .topicslist{
    width: 100%;
  }
  .trainerdashboard .new-multiselect-drop .dropdown-menu.dropdown-menu-form{
    right: auto !important;
  }
  .new-search-box .box-search-new {
    right: 12px;
    width: 520px !important;
}
.appdashstyles .personalinfo .personalinfoinnerleft {
  width: 45% !important;
}
.md-padding.facilitators.gridview{
  min-height: auto !important;
}
.top-filters-row .row{
width:100% !important;
justify-content: end;
}

}

.mappopover .pos-db-title, 
.mappopover .pos-db-count{
  font-weight: normal;
  font-size: 14px !important;
  /* color: rgb(0, 0, 0) !important; */
  color: rgb(106 104 104) !important;
  text-transform: capitalize;
}

.ionic_timepicker_popup .col.col-10.time_picker_colon{
  display: none !important;
}
.ionic_timepicker_popup .padding_left_15px{
  padding-right: 15px;
}
.ionic_timepicker_popup .popup-buttons .button{
  font-size: 16px !important;
}
.schedulepopupcontainer .farminfo md-input-container .md-input{
  height: 34px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  border-width: 1px 1px 1px !important;
  min-width: 146px !important;
}
.farminfo span b{
  margin-bottom: 6px !important;
  display: block;
}
.schedulepopupcontainer .farminfo h3 {
  font-size: 20px !important;
  color: #3359F7 !important;
}
.modal-check-toggle{
  margin-left: -18px !important;
  margin-bottom: 55px !important;
}
/* .custom-modal-popup{

} */
.callog-title{
     text-align: left;
    margin-top: 50px !important;
}

.filters-section{
  position: static !important;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-right: 8px;
  margin-bottom: 15px;
}
.select2-results .select2-disabled{
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
.top-right-icons{
  position: absolute;
  right: 3%;
  top: 15%;
}
.word-file{
  position: absolute;
  right: 9%;
  top: 60px;
  z-index: 9999999999;
  color: #333;
  font-size: 20px !important;
}
.edit-icon-image{
  /* position: absolute; */
  /* right: 10%;
  top: 60px; */
  width: 26px;
  margin-right: 20px;
}
.print-icon-image {
  /* position: absolute; */
  /* right: 13%;
  top: 60px; */
  width: 23px;
  opacity: 80%;
}

.view-training-printer{
  width: 24px;
  margin-bottom: 10px;
}

.btn.btn-primary.submit-button{
  background-color: #3359f7 !important;
}
.business-plan-top-logo{
  max-width: 100%;
  flex: none;
  width: 240px;
}
.business-plan-main-title{
font-size: 24px !important;
}
.progress-percent-centerd{
  position: absolute;

}

.training-crop-badge{
    background-color: #ffe9b8;
    border: 1px dashed #e9cb87;
    padding: 5px 15px;
    border-radius: 16px;
    display: inline-flex;
    margin-block-start: 10px;
}
.training-resp-table.training-farmers-table .resp-table-row .table-body-cell span{
  font-size: 13px !important;
}
.training-resp-table.training-farmers-table .resp-table-row .table-body-cell{
  padding: 6px 0px 6px 10px !important;
}
.crop-chips-main{
  display: flex;
  flex-wrap: wrap;
  margin-top: -5px;
  max-height: 105px;
  overflow-y: auto;
  position: relative;
}


.crop-chips-main::-webkit-scrollbar
{
display: block !important;
  width: 5px !important;
  height: auto !important;
}
.crop-chips-main::-webkit-resizer, .crop-chips-main::-webkit-scrollbar-button, .crop-chips-main::-webkit-scrollbar-corner{
  display: -webkit-inline-box !important;
}


.crop-chips-main .crop-chips{
  font-weight: 500 !important;
    font-size: 11px;
    background-color: #fafafa;
    padding: 4px 6px;
    margin-inline-end: 4px;
    margin-bottom: 4px !important;
    border-radius: 18px;
    border: 1px solid #dddddd;
}
.view-training-table-remarks tr td:nth-child(1){
  width: 300px;
  font-weight: 600;
}
.executive-summary-section .table-left-title, 
.business-overview-section .table-left-title,
.market-analysis-section .table-left-title,
.sales-marketing-section .table-left-title,
.marketing-plan-section .table-left-title{
  min-width: 175px;
    width: 20%;
}
.dc-fsc-interaction-table table.table thead tr th:not(). :nth-child(n+3):nth-last-child(n+3){
  min-width: 200px;
}
.lamborghini.headerwithbg.header_lg > h4{
  margin-bottom: 0px !important;
  color: #5e5e5e !important;
  font-size: 18px !important;
}
.lamborghini.headerwithbg.header_lg > .profilelogout{
  max-width:max-content !important;
  margin-left: 15px !important;
}
.md-tab{
  text-transform: none !important;
}
.otherslink{
  color: #7c7dfb;
    font-weight: 500;
    opacity: 1;
    padding: 14px;
    text-decoration: underline;
    position: relative;
    top: -8px;
}
.fe-valuechains th{
  white-space: nowrap;
}
.header-partnerlogo{
  margin-right: auto !important;
}

.value-chain-table{

}
.value-chain-table tbody tr:nth-child(odd) .fixed-cell{
  background-color: #eeeeee !important;
}
.value-chain-table tbody tr:nth-child(even) .fixed-cell{
  background-color: #fff !important;
}
.information-text-box{
  flex-direction: column;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 6px;
}
.information-text-box .information-text-input{
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.modal-wrapper .farminfo .information-text-box .information-text-input textarea{
  margin-bottom: 0px !important;
  border: 1px solid rgb(223 223 223 / 78%) !important;
}
.information-text-box .information-add-img{
  /* border: 1px solid rgb(204, 204, 204); */
  text-align: left;
  border-radius: 4px;
  padding: 10px;
  align-items: center;
}
.information-text-box .information-add-img img{
  margin-right: 0 !important;
}
.information-text-box .information-add-img p{
  margin-bottom: 0px !important;
}
.information-text-box .information-add-img .add-img-box{
  max-width: 100px;
  text-align: center;
  margin-left: 15px;
  min-width: 85px;
}
.information-text-box .information-add-img .add-img-stack{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.information-text-box .information-add-img .add-img-stack .image-stack-holder{
  width: 100px;
  height: 100px;
  border: 1px solid #eee;
  padding: 5px;
  border-radius: 4px;
  position: relative;
}
.information-text-box .information-add-img .add-img-stack img{
  flex: none;
  width: 100%;
  border-radius: 4px;
  height: 100%;
    object-fit: cover;
}
.image-stack-close{
  position: absolute;
  right: -8px;
  top: -10px;
  font-size: 16px;
}
.image-stack-close i{
  color: #f00;
  margin-right: 0px !important;
}
.conetnt-container .scroll{
  display: flex;
  flex-direction: column;
}
.modal-wrapper .col-md-12.schedulepopupcontainer{
  border-radius: 5px;
}
.parliamentchart svg{
  width: 100% !important;
}

.table-header-yellow {
    background-color: #93892c !important;
    color: #ffffff !important;
    font-weight: normal !important;
}

@media(min-width:1200px){
  .map-legends-controll{
    position: relative;
    
  }
}

@media(min-width:1369px){
  .map-legends-controll{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    padding-right: 2rem;

  }
}



.leftbannerimg{
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* .fade-container {
  position: relative;
} */

.fade-image {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-image.active {
  opacity: 1;
}
.right-title-1{
  color: #434343 !important;
  font-size: 36px;
  /* font-family: 'helveticaregular' !important; */
  margin-top: 0px;
  font-weight: 600 !important;
  line-height: normal;
}
.right-title-2{
  color: #143878!important;
  font-size: 30px;
  line-height: normal;
  /* font-family: 'helveticaregular' !important; */
}
.image2{
  /* object-position: -130px 98% !important; */
}
.login_bg img.login-right-logo{
  max-width: 260px;
  height: auto;
  margin-top: 4rem !important;
  margin-bottom: 3rem;
}
@media(min-width:1400px){
  .login_bg img.login-right-logo{
    margin-top: 6rem !important;
    max-width: 280px;
  }
  .image1{
    object-position: -80px 0px;
  }
  /* .newdesign02 .login_bg{
    margin-bottom: 50px !important;
  } */
  .right-title-1{
    font-size: 42px;
   }
  .right-title-2{
    font-size: 35px;
  }
}
.rating-legends{
  display: flex;
  gap: 30px;
  margin-bottom: 1rem;
  padding-left: 10px;
}
.rating-legends p{
  margin-bottom: 0px;
  font-size: 12px;
}
.rating-legends p:first-child{
  font-weight: 500 !important;
}
.rating-legends p:nth-child(2){
 display: none;
}
.rating-legends .rating-legends-inner{
  display: flex;
  align-items: center;
  gap: 8px;
}
.rating-legends .rating-legends-inner .rating-number{
  font-size: 12px;
  font-weight: 500;
  width: 20px;
  height: 20px;
  border-radius: 100vmax;
  display:flex;
  align-items:center; 
  justify-content: center;
  flex:none;
  border: 1px solid hsl(0deg 0% 50% / 65%) !important;
  /* background-color: hsl(0deg 0% 50% / 65%) !important; */
  color: currentColor;
}
/* .rating-one .rating-number{

  color: #fff;
  background-color:#f4c709 ;
}
.rating-two .rating-number{

  color: #fff;
  background-color:#4fc0e9;
}
.rating-three .rating-number{

  color: #fff;
  background-color:#ff490c ;
}
.rating-four .rating-number{

  color: #fff;
  background-color:#9ee00c ;
}
.rating-five .rating-number{
  color: #fff;
  background-color:#f4c709 ;
} */
.rating-legends-title{
  margin-top: 2rem;
  margin-bottom: 14px !important;
  display: block;
  font-size: 14px !important;
  padding-left: 10px;
}

.session-progress-status{
  /* bottom: -10px; */

  display: flex;
  justify-content: center;
  align-items: center;
}

.session-progress-status.landing-page{
  position: absolute;
  /* bottom: -10px; */
  right: 0px !important;
}
.session-progress-status span{
  position: absolute;
}
.session-progress-status-count{
  position: absolute;
  left: 50%;
  top: 50%;
  /* transform: translate(-14px, -10px); */
  transform:translate(-50%, -50%);
  font-style: normal;
}
.statusprogressnew.circled-progress-container{
  margin-top: 0px !important;
}
.circled-progress.newheaderprogress{
  position: relative;
    top: 12px;
}
.statusprogressnew.circled-progress-container .newheaderprogress .progressitems{
  display: flex;
  justify-content: center;
}
.newusertype-multi select{
  border: 1px solid #c6c6c6 !important;
  background-color: #ffffff !important;
  padding: 5px;
  margin-right: 10px;
  border-radius: 4px;
}
.newuiselectdrop-name{
  min-width: 380px;
}
.curntsessiontitle{
  font-size: 15px;
  opacity: 0.9;
  margin-bottom: 5px;
}
.curntsessionname{
  font-size: 20px !important;
}

.session-summary-valuechains-left{
width: auto !important;
flex: 1;
}

.session-summary-valuechains{
  gap: 30px;
  width: auto;
  flex: 1;
}
.valuechains-summary,
.valuechains-summary-card{
  display: flex;
  gap: 8px;
  align-items: center;
}
.valuechains-summary{
  flex: 1;
}
.valuechains-summary-card{
/* margin-right: 15px; */
transform: translateX(0px);
}
.valuechains-summary-icon{
  width: 38px;
  height: 38px;
  background-color: #fff;
  border-radius: 100vmax;
  border: 1px solid #ccc;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.valuechains-summary-icon img{
  max-width: 100%;
  height: auto;
}
.valuechains-summary-content{
  text-align: center;
}
.valuechains-summary-content h3,
.valuechains-summary-content h1{
  line-height: normal;
  margin-bottom: 0px;
  margin-top: 0px;
  font-family: 'Roboto', sans-serif !important;
}
.valuechains-summary-content h3{
  font-size: 16px;
  font-weight: 400 !important;
  color: #212529 !important;
}
.valuechains-summary-content h1{
  font-weight: 500;
  font-size: 20px;
}
.valuechains-summary-card,
.top-numbers{
  /* flex:1 */
  /* min-width: 96px; */
  flex-basis: 33%;
  justify-content: center;
  align-items: flex-end;
}
.session-summary-valuechains{
  padding-left: 50px;
}
 .totalfsccount b{
  font-size: 22px !important;
  font-weight: 500 !important;
 }
 .courseicon{
  width: 85px;
  height: 85px;
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  margin-right: 1rem;
}
.courseicon img{
  width: 60%;
  flex: none;
  max-width: 100%;
  height: auto;
}
.filters-container{
  margin-left: auto;
}
.contentareabottom{display: flex; margin-top: 15px; justify-content: space-between; text-align: center; position: absolute; width: 96%; left: 3%;}
.newuiselectdrop .select2-container .select2-choice {
  padding: 3px 12px !important;
  height: auto;
  min-width: 340px !important;
  min-height: 40px;
  line-height: 40px !important;

}
.center-on-page.langtoggle.sessionselect.session-summary-valuechains-left{
  justify-content: flex-start;
}

.center-on-page.langtoggle.sessionselect.session-summary-valuechains-left .newuiselectdrop{
  margin-right: 1rem;
}

.back-yarrow-icon{
  max-width: 26px;
}
.table-crop-icon {
  width: 32px;
  height: 32px;
  margin-inline: auto;
  border-radius: 100vmax;
  /* outline: 2px solid #fff; */
  padding: 3px;
  background: #fff;
  /* outline-offset: 2px; */
}
.table-crop-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 2px;
}
.filters-container{
  gap:10px;
}
.filters-container .print-excel{
  gap: 10px;
}
.table tr th{
  font-weight: 600 !important;
}
.table-striped tbody tr:nth-child(odd) td.fixed-cell {
  background-color: #ffffff !important;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: transparent !important;
}
.table-striped tbody tr:nth-of-type(even) {
  background-color: #eee !important;
}

/* .fixed-cell:nth-child(even){
  background-color: #eee !important;
} */




.tabrightsection.session-summary-filters{
  gap: 10px !important;
}
.print-excel{
  gap: 10px;
}
.print-icon-css {
  height: 22px !important;
  width: auto !important;
}
.select-field-dropdown {
  font-size: 13px !important;
  min-width: 150px !important;
}
.select-field-dropdown .btn {
  font-size: 14px !important;
  border: 1px solid #eeeeee !important;
}
.select-field-dropdown .show > .btn.btn-outline-secondary.dropdown-toggle, .select-field-dropdown .btn.btn-outline-secondary:hover {
  color: rgb(0 0 0) !important;
  background-color: rgb(249 249 249) !important;
  border-color: rgb(108, 117, 125);
}
.select-field-dropdown .dropdown-menu .form-check {
  display: flex;
  padding-block: 5px;
  align-items: flex-start;
}
.select-field-dropdown .form-check-input {
  position: relative !important;
  top: 3px;
}
.select-field-dropdown .form-check-label {
  font-size: 13px !important;
}
.dropdown-header-check {
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-inline: 10px;
  padding-block: 5px;
  display: flex;
}
.dropdown-header-check li a {
  font-size: 13px !important;
}
.footmsmesessionstatus tr:nth-child(1){
  color: #30c702;
}
.footmsmesessionstatus tr:nth-child(2){
  color: #ffb900;
}
.footmsmesessionstatus tr:nth-child(3){
  color: rgb(255 0 0 / 85%);
}
.footmsmesessionstatus {
  background: #eeeeee !important;
}
.primary-session-count{
  font-size: 13px;
  color: #4B4B4B !important;
  margin-bottom: 4px !important;
}
.primary-title{
  font-size: 16px;
  font-weight: 500;
}
.circled-progress.newheaderprogress .progressitems.overduecircle .progressitemsinner,
.circled-progress.newheaderprogress .progressitems.inporgresscircle .progressitemsinner,
.circled-progress.newheaderprogress .progressitemsinner{
  display: none !important;
}
.circled-progress-container .stagelevels{
  display: none;
}
.circled-progress.newheaderprogress .progressitems.inporgresscircle{
  margin-top: 0px !important;
}
.circled-progress-container .circled-progress.newheaderprogress .progressitems {
  width: 22px;
  height: 22px;
  background: #fff;
  border: solid 4px #BEBEBE;
  position: relative;
  z-index: 9;
  counter-increment: my-awesome-counter;
}
.circled-progress-container .circled-progress.newheaderprogress .progressitems::before{
  position: absolute;
  content: counter(my-awesome-counter) " ";
  top: -25px;
  /* left: 0; */
  font-size: 11px;
  color: #a69c98 !important;
}
.circled-progress.newheaderprogress{
  align-items: center;
  flex: 1;
}
.metromap-main{
  gap: 20px;
  align-items: center;
}
.circled-progress.newheaderprogress:after {
  content: "";
  z-index: 0;
  position: absolute;
  border-bottom: solid 1px #7d7d7d;
  bottom: 10px;
  width: 100%;
  height: 1px;
}
.session-progress-status{
  /* bottom: -10px; */

  display: flex;
  justify-content: center;
  align-items: center;
}

.session-progress-status.landing-page{
  position: absolute;
  /* bottom: -10px; */
  right: 0px !important;
}
.session-progress-status span{
  position: absolute;
}
.session-progress-status-count{
  position: absolute;
  left: 50%;
  top: 50%;
  /* transform: translate(-14px, -10px); */
  transform:translate(-50%, -50%);
  font-style: normal;
}
.statusprogressnew.circled-progress-container{
  margin-top: 0px !important;
}
.circled-progress.newheaderprogress{
  position: relative;
    top: 12px;
}
.statusprogressnew.circled-progress-container .newheaderprogress .progressitems{
  display: flex;
  justify-content: center;
}
.newusertype-multi select{
  border: 1px solid #c6c6c6 !important;
  background-color: #ffffff !important;
  padding: 5px;
  margin-right: 10px;
  border-radius: 4px;
}
.newuiselectdrop-name{
  min-width: 380px;
}
.curntsessiontitle{
  font-size: 15px;
  opacity: 0.9;
  margin-bottom: 5px;
}
.curntsessionname{
  font-size: 20px !important;
}
.SumoSelect.open>.optWrapper{
  z-index: 999999;
}

.SumoSelect .select-all,
.select-all,
.select-all.partial,
.select-all.selected{
  display: inline-block;
  width: 50%;
  text-align: center;
}
.CaptionCont.SelectBox.countymultiselect{
  padding-left: 1rem !important;
  background-color: #fff !important;
  border-radius: 5px !important;
  margin-inline-end: 1rem !important;
}

.select-all.selected label{
  font-weight: 500 !important;
  color: rgb(17, 169, 17);
  margin-bottom: 0 !important;
}
.reset-all,
.newcounty-multi .SumoSelect[is-selected=true] .reset-all{
  display: inline-block;
  width: 50%;
}
.reset-all *,
.newcounty-multi .SumoSelect[is-selected=true] .reset-all * {
  cursor: pointer;
  color: gray;
  margin-bottom: 0 !important;
  font-weight: 500;
  padding-top: 2px;
}
.optWrapper li.opt label{
  margin-bottom: 0px !important;
}
.dropdown-css{
  display: flex;
  align-items: center;
}
.ipdashboardcontainer.baseline_listing_content md-tabs-canvas {
  /* box-shadow: 0 8px 30px rgb(0 0 0 / 13%); */
  box-shadow: 0 0px 2px rgb(0 0 0 / 13%) !important;

}
img.header-partnerlogo,
img.REDI{
  max-width: 150px;
}
.rating-legends-title::after{
  display: none !important;
}
.memberexclusives .new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer input,
.redi-demand-generation .new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer input{
  min-width: max-content !important;
  width:100% !important;
}
.memberexclusives .formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input,
.redi-demand-generation .new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer .md-datepicker-input.md-input{
  width: 98%;
  min-width: 98% !important;
  max-width: 98% !important;
}
.redi-demand-generation .new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer .select2-container{
  width: 96% !important;
}

.fsctransactions .formly-field .form-group .mainquestioncontainer input{
  min-width: 96% !important;
  max-width: 96% !important;
}
.fsctransactions .filtersrow .customfilters .ng-pristine{
  display: flex !important;
}
.attendanceui.fsctransactions .select2-container {
  width: 100% !important;
   min-width: 98% !important;
  max-width: 98% !important;
}
.fsctransactions .new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer input{
  width: 96% !important;
}
.fsctransactions .formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input{
  min-width: 96% !important;
  max-width: 96% !important;
}



@media(max-width:40em){
  .facilitators.gridview > div.bg-white{
    background-color: transparent !important;
    background: transparent !important;
  }
  .notescontainer.schedulepopupcontainer .select2-drop{
    overflow: auto;
    touch-action: pan-y;
  }
.notescontainer.schedulepopupcontainer .select2-results{
  min-height: 430px;
  max-height: 455px !important;
  touch-action: pan-y;
  overflow-y: auto;
}
.notescontainer.schedulepopupcontainer .select2-container .select2-choice .select2-arrow {
  top: 6px !important;
}
.select2-container .select2-choice .select2-arrow {
  top: 6px !important;
}
#tab-item-4{
  padding-right: 2rem !important;
}
  md-tabs-canvas.md-paginated {
    margin: 0 15px !important;
}
md-tabs-wrapper md-next-button, md-tabs-wrapper md-prev-button{
  width: 12px !important;
}
.trainerdashboard .md-tab {
  margin-right: 6px !important;
}

.business-model-canvas .grid-bordered-box,
.business-model-canvas .grid-no-bordered-box{
  flex-direction: column;
}
.business-model-canvas .grid-box-item{
  width: 100% !important;
}
  .discussions-filters{
    overflow: hidden;
  }
  .blank_modal.blank_modal_askq.modal .head h2.title{
    /* font-family: 'helveticaregular' !important;  */
    font-weight: 500;
    color: #333333;
    padding: 0 10px;
    text-align: left;
    font-size: 14px !important;
  }
  .blank_modal.blank_modal_askq .contents .text-container button.button-ecd{
    min-height: 38px !important;
  }
  .session-summary-table.msmeviewtable .table.table-striped.training-table tbody tr{
    padding-bottom: 10px !important;
    min-width: 325px;
  }
  .session-summary-table.msmeviewtable .table tr td.column-hide-mobile{
    display: inline-block !important;
  }
  .session-summary-table.msmeviewtable .table tbody tr td:nth-child(2){
    padding-block: 0px !important;
    padding:0px !important;
  }
  .session-summary-table.msmeviewtable .table tbody tr td:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    display: grid;
    place-content: center;
    border: 0px !important;
    white-space: normal !important;
    text-align: center !important;
    padding-block:0px !important ;
    position: relative;
    top:-10px;
    padding-block: 0px !important;
}
.session-summary-table.msmeviewtable .table tbody tr td:nth-child(3) span{
  font-size: 20px;
}
  .sub-tabs .mdtabcontentfsclabel.title-medium {
    margin-top: 0px;
    margin-bottom: 0px;
}
  .filters-section{
    margin-right: 0px !important;
  }
  .cm-operations-responsive .dashboardprogresssection{
    justify-content: center !important;
    padding: 0 8px !important;
  }
  .cm-operations-responsive .dashboardprogresssection .textcontentarea{
    min-width: 100% !important;
  }

  .yara-cm-operations-responsive md-content{
    padding: 0px !important;
  }

  .yara-cm-operations-responsive .fixed-grid-responsive-version.dc-operations-responsive .table tbody tr,
  .yara-cm-operations-responsive .fixed-grid-responsive-version .table tbody tr{
    margin-inline: 0px !important;
    margin-bottom: 0px !important;
  }
  .yara-cm-operations-responsive .table-with-border .table-container{
    overflow: hidden !important;
  }
  .yara-agri-discusions-responsive .fixed-grid-responsive-version .table tbody tr td{
    flex-basis: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    padding-inline: 15px !important;
  }
  
  .yara-agri-discusions-responsive .fixed-grid-responsive-version .table tr td:nth-child(3),
  .yara-agri-discusions-responsive .fixed-grid-responsive-version .table tbody tr td:nth-child(6){
    font-size: 14px !important;
  }

  .mydashboard.trainerdashboard .yara-agri-discusions-responsive .tabrightsection {
    z-index: 999 !important;
}

  a.close_button{
    transform: scale(0.8);
  }
  .blank_modal.blank_modal_askq .contents .text-container form textarea {
    border: solid 1px #5c6877;
    max-height: 120px;
}
.blank_modal.blank_modal_askq .contents .text-container {
  margin-top: 105px;
}
  .yara-agri-discusions-responsive .fixed-grid-responsive-version .table tbody tr td span{
    align-items: flex-start;
  }



  .bg-white md-content.trainingdb, .ipdashboard.mentordashboard.mentor-circles-cards .yara-agri-discusions-responsive .bg-white md-content,
 .bg-white md-content.trainingdb, .ipdashboard.mentordashboard.mentor-circles-cards .yara-agri-discusions-responsive .bg-white md-content{
    background-color: transparent !important;
    background: transparent !important;
  }
  .wfpactsummary .yara-agri-discusions-responsive .table-with-border tr th, .wfpactsummary .yara-agri-discusions-responsive .table-with-border tr td {
    padding: 6px 8px 6px 8px !important;
}
.yara-agri-discusions-responsive .fixed-grid-responsive-version .table tbody tr td.textarea-column span{
  font-size: 14px;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 500;
}
.yara-agri-discusions-responsive .fixed-grid-responsive-version .table tbody tr td br{
  display: none !important;
}
.yara-agri-discusions-responsive .contentwrapper.bg-white.shadow-sm{
  box-shadow: none !important;
  background-color: transparent !important;
}
.yara-agri-discusions-responsive .maincontainerdiv{
  padding: 0px !important;
}
.yara-agri-discusions-responsive md-content.trainingdb  {
  background-color: transparent !important;
  background: transparent !important;
}

.yara-agri-discusions-responsive .table-with-border .table-container {
  max-height: 100% !important;
}


  .ipdashboard .facilitators .fixed-grid-responsive-version.dc-operations-responsive .learnername {
    font-size: 20px !important;
  }
  .fixed-grid-responsive-version.dc-operations-responsive .table tr td span.m-number {
    font-size: 20px !important;
    font-weight: 500;
    line-height: normal !important;
}
.table-with-border .fixed-grid-responsive-version.dc-operations-responsive .table tr td .m-date-title, 
.table-with-border .fixed-grid-responsive-version.dc-operations-responsive .table tr td .m-title {
  font-size: 15px !important;
  color: rgb(0 0 0 / 80%) !important;
}

  .table-responsive.yara-dcoperations-table-responsive{
    box-shadow: none !important;
  }
  .verticle-middle.cross, .verticle-middle.fixed-cell{
    background-color: #ffffff !important;
  }
  .table-with-border .fixed-grid-responsive-version.dc-operations-responsive .table td span img{
    width: 24px;
    margin-bottom: 5px;
  }
  .table-with-border .fixed-grid-responsive-version.dc-operations-responsive .table tr td{
    border-top: 0px !important;
    border-bottom: 0px !important;
  }
  .fixed-grid-responsive-version.dc-operations-responsive{
    margin-inline: 0px !important;
  }
  .table-with-border .fixed-grid-responsive-version.dc-operations-responsive .table-striped tbody tr:nth-of-type(even) {
    background: #ffffff !important;
}
.fixed-grid-responsive-version.dc-operations-responsive .table tbody tr{
  margin-inline: 8px !important;
}
  .responsive-top-filters .dropdown-css{
    margin-left: 5px !important;
  }
  .responsive-cards-count{
    display: flex;
    flex-wrap: wrap !important;
  }
  .responsive-cards-count .top-count{
    flex-basis: 33%;
  }
  .top-filters-row .newcounty-multi{
    margin-right: 5px !important;
  }
  .responsive-content-align{
    justify-content: flex-end !important;
  }
  .top-filters-row .newusertype-multi{
    display: flex;
    flex-direction: column;
  }
 .top-filters-row .SumoSelect {
    width: 100%;
}
.newusertype-multi select {

  margin-right: 5px;

  /* max-width: 105px; */
}
.newcounty-multi + div{
  padding:0px 0px !important;
}
.SumoSelect>.CaptionCont>span {

  padding-right: 14px !important;

}
/* .dropdown-css select {

  padding: 6px;

} */

.top-filters-row div{
  flex:1;
}
.top-filters-row div *{

  font-size: 13px !important;
}
.top-filters-row .dropdown-css{
  width: 100%;
}

  .valuechains-summary {
    flex-wrap: wrap;
    gap: 20px !important;
    justify-content: center;
  }
  .valuechains-summary-card{
    flex-basis: auto;
  }
  .responsive-top-filters{
    flex-wrap: wrap;
  }
  .session-summary-valuechains-left .totalfsccount{
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .right-select-box{
    margin-left: auto;
  }
  .paginationselect .ui-grid-pager-count{
    position: static !important;
  }
  .paginationselect {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 24px 0;
}
  .schedulepopupcontainer .schduleclosebtn{
    z-index: 9999999;
    right: 5px;
  }
  .valuechains-summary-icon{
    width: 32px;
    height: 32px;
  }
  .valuechains-summary-content h3 {
    font-size: 15px;
}
.session-summary-valuechains {
  gap: 5px;
}
.valuechains-summary, .valuechains-summary-card {
  gap: 5px;
}
  .circle-progress-conetnt-responsive b{
    display: block;
    margin-bottom: 10px;
  }
  .responsive-widget-box .content.multi-collapse.show{
    margin-top: 0px !important;
    /* top:0px !important; */
  }

  .responsive-widget-box .metromap-main{
    margin-top: 15px !important;
  }

  .table-with-border tr th, .table-with-border .table tr td, .ipdashboard .facilitators .learnername{
    font-size: 14px !important;
  }
  .widget-box h4::after {
    bottom: -8px;
}
  .mdtabcontentfsclabel.title-medium {
    font-size: 20px;
    margin-top: 20px;
}
  .dashboardprogresssection,
  .searchresults{
    margin-top: 0px !important;
  }
  .newuiselectdrop-name {
    min-width: auto;
    text-align: center;
}
  .widget-box img.profile {
    width: 94px;
    height: 94px;
}
  .user-links li{
    margin-left: 0px !important;
  }
  .accordion-div a.collapsed.activated h4 {
    margin-bottom: 0px !important;
}
.fixed-accordian-grid-responsive-version.yara-agri-summary .table{
  background: #f0f2f7;
}
  .table-responsive.ff-baseline-table.fixed-accordian-grid-responsive-version.yara-agri-summary,
   .widget-box{
    box-shadow: none !important;
  }
  .table-responsive.ff-baseline-table.fixed-accordian-grid-responsive-version.yara-agri-summary .showinMobile{
    min-height: 22px !important;
  }
  .fixed-accordian-grid-responsive-version.yara-agri-summary .table tbody > tr.clickable td:nth-child(3) {
    flex-basis: auto !important;
    min-width: auto !important;
  }
  .fixed-accordian-grid-responsive-version.yara-agri-summary .table tbody > tr.clickable{
    padding:6px 10px !important;
  }

  .fixed-accordian-grid-responsive-version.yara-agri-summary .table tbody tr td:nth-child(2){
    min-width: auto !important;
    flex-basis: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: normal;
  }

  .widget-box.tab.responsive-agrisummary{
    padding: 10px 0 !important;
    background: #f0f2f7;
  }
  .fixed-accordian-grid-responsive-version.yara-agri-summary


  .SumoSelect {
    width: 180px !important;
}
  .poupcallbtnmain {
    flex-wrap: wrap;
    gap: 10px;
}
  .table-responsive.ff-baseline-table.bg-white .coursesdate img {
    width: 24px;
    margin-left: 1px;
}
td:has(.coursesdate.scorecolor.green){
  flex-basis: 50% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}
td:has(.coursesdate.scorecolor.green) .coursesdate.scorecolor.green{
    width: auto;
    border-radius: 4px;
    background-color: hsl(136deg 68% 46% / 28%);
    color: #116628;
    font-weight: 500;
}
  .responsive-container .trainingdb.spaceremove.bg-white, 
  .bg-white md-content.trainingdb, 
  .ipdashboard.mentordashboard.mentor-circles-cards .bg-white md-content,
  .responsive-container,  .responsive-container .bg-white, .responsive-container .align_width_center{
    box-shadow: none !important;
    background-color: #f0f2f7 !important;
    background:#f0f2f7 !important;
    padding: 0px !important;
  }
  .responsive-container .trainingdb.spaceremove.bg-white, 
  .responsive-container .bg-white md-content.trainingdb, 
  .responsive-container .ipdashboard.mentordashboard.mentor-circles-cards .bg-white md-content{
    background-color: #f0f2f7 !important;
  }
  .fixed-accordian-grid-responsive-version .table-container{
    white-space: normal !important;
  }
  .fixed-accordian-grid-responsive-version .table{
    display: flex;
    flex-direction: column;
  }
  .fixed-accordian-grid-responsive-version .table,
  .fixed-accordian-grid-responsive-version .table tr th, .fixed-accordian-grid-responsive-version .table tr td,
  .collapsebleRow td{
    white-space: normal !important;
    min-width: auto !important;
    max-width: 100% !important;
    border: 0px !important;
  }
  .fixed-accordian-grid-responsive-version .table-with-border .table tr *{
    min-width: auto !important;
    margin-right: 0px !important;
  }
  .fixed-accordian-grid-responsive-version .table thead{
    display: none !important;
  }
  .fixed-accordian-grid-responsive-version .table tbody tr.collapsebleRow.show td:nth-child(1){
    /* min-width: 100% !important;
    max-width: 100% !important; */
    display: none;
  }
  .fixed-accordian-grid-responsive-version .table tbody tr td.responsive-td-width-control,
  .fixed-accordian-grid-responsive-version .table tbody tr td:nth-child(2){
    min-width: auto !important;
    flex-basis: 100% !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .fixed-accordian-grid-responsive-version .table-with-border .table tr td:not(:first-child){
    flex-basis: 50%;
  }

  .fixed-accordian-grid-responsive-version .table tbody tr:not(:first-child) td:not(:nth-child(2)){
    flex-basis: 50%;
  }

  .fixed-accordian-grid-responsive-version .table tbody tr.responsive-row-collapsable{
    flex-wrap: nowrap !important;
  }
  .fixed-accordian-grid-responsive-version .table tbody tr.responsive-row-collapsable td:nth-child(2){
    flex-basis: 75% !important;
    min-width: 75% !important;
  }
  
  .fixed-accordian-grid-responsive-version .table-with-border .table tr td{
    border: 0px !important;
  }
  .fixed-accordian-grid-responsive-version .table tbody > tr.collapsebleRow.show{
    display: flex !important;
    padding: 1rem;
    flex-wrap: wrap;
    border-bottom: 1px solid #dddddd;
  }

.responsive-row-collapsable:has(.ion-checkmark){
  padding: 0px 6px !important;
}

  .fixed-accordian-grid-responsive-version .table tbody + tbody{
    border-top: 0px !important;
  }
  .fixed-accordian-grid-responsive-version .table-with-border .table tr * .m-date-title,
  .fixed-accordian-grid-responsive-version .table-with-border .table tr * .m-title{
    font-size: 15px !important;
    color: rgb(0 0 0 / 80%) !important;
  }
  .fixed-accordian-grid-responsive-version .table-with-border .table tr * .m-number{
    font-size: 20px !important;
    font-weight: 500;
    line-height: normal !important;
  }
  .fixed-accordian-grid-responsive-version .table-with-border .table tr * .m-title + .coursesdate, .m-unolock-date-mobile{
    font-weight: 500;
    font-size: 15px;
  }

.table-responsive.ff-baseline-table.fixed-accordian-grid-responsive-version{
  margin-top: 0px !important;
}
  .fixed-accordian-grid-responsive-version .table tbody{
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    background-color: #fff;
    box-shadow: 0 0.125rem 1rem rgb(0 0 0 / 8%) !important;
    border-radius: 8px;
    overflow: hidden;
  }
  .fixed-accordian-grid-responsive-version .table tbody > tr.clickable{
    display: flex;
    align-items: center;
  }
  .fixed-accordian-grid-responsive-version .table tbody tr td:empty{
    display: none !important;
  }


  .mydashboard.trainerdashboard .tabrightsection {
    z-index: 9999 !important;
}
  .tab-content li{
    margin-right: 5px !important;
    margin-left: 0px !important;
  }
  .tab-content li {
    padding: 6px 4px !important;
    font-size: 13px !important;
}
  .content{
    padding-left: 0px !important;
  }
  /* .print-excel{
    margin-left: auto !important;
  } */
  .attendanceui .newuiselectdrop .select2-container {
    /* width: 260px !important; */
    margin: 0px 0 5px 0 !important;
}
.center-on-page.langtoggle.no-animate-div {
  padding: 0px 0px;
  margin-top: 15px;
}
  .attendanceui .newuiselectdrop .select2-container,
  .tabrightsection{
    width: 100% !important;
    min-width: 100% !important;
  }
  .newuiselectdrop{
    padding:0px !important;
  }
  .main-info-user .col-md-9{
    margin-left: 0px !important;
  }


  .multi-scroll-responsive-grid.yara-activities-summary-grid-responsive table tbody tr td:nth-child(7){
    flex-basis: 100% !important;
    min-width: 100%  !important;
  }
  .multi-scroll-responsive-grid.yara-activities-summary-grid-responsive table tbody tr td.gridnamecls {
    justify-content: flex-start;
    align-items: baseline;
}

/* .multi-scroll-responsive-grid.yara-activities-summary-grid-responsive table tbody tr td .showinMobile{
  font-weight: 500 !important;
} */
.table-with-border .multi-scroll-responsive-grid.yara-activities-summary-grid-responsive tbody tr td .showinMobile{
  min-height: auto !important;
}
.table-with-border .multi-scroll-responsive-grid.yara-activities-summary-grid-responsive tbody tr td.gridmorecntcls .showinMobile + span{
  font-weight: 500 !important;
  font-size: 15px !important;
}
.table-with-border .multi-scroll-responsive-grid.yara-activities-summary-grid-responsive tbody tr td.gridmorecntcls:not(:nth-child(5)){
  border-bottom: 1px solid #dddddd !important;
}


  /* .multi-scroll-responsive-grid table{
    white-space: normal !important;
  } */
  /* .multi-scroll-responsive-grid table thead tr:nth-child(1),
  .multi-scroll-responsive-grid table thead tr th:nth-child(1),
  .multi-scroll-responsive-grid table thead tr th:nth-child(2),
  .multi-scroll-responsive-grid table tbody tr td:nth-child(1),
  .multi-scroll-responsive-grid table tbody tr td:nth-child(2){
    display: none !important;
  } */
  .multi-scroll-responsive-grid table thead,
  .multi-scroll-responsive-grid table tbody tr td:nth-child(1){
    display: none !important;
  }
  .multi-scroll-responsive-grid table tbody tr td{
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .multi-scroll-responsive-grid table tbody tr{
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    margin-bottom: 1.5rem;
    box-shadow: 0 0.125rem 1rem rgb(0 0 0 / 8%) !important;
  }
  .table-with-border .multi-scroll-responsive-grid tbody tr:nth-child(even) td,
  .table-with-border .multi-scroll-responsive-grid tbody tr:nth-child(odd) td,
  .table-with-border .multi-scroll-responsive-grid tbody tr:nth-of-type(odd),
  .table-with-border .multi-scroll-responsive-grid .table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff !important;
    border: 0px !important;
    text-align: left !important;
}
.multi-scroll-responsive-grid table tbody tr td.gridnamecls{
  justify-content: flex-end;
}
.multi-scroll-responsive-grid table tbody tr td.gridnamecls,
.multi-scroll-responsive-grid table tbody tr td.gridsubctycls, 
.multi-scroll-responsive-grid table tbody tr td.button-column,
.multi-scroll-responsive-grid table tbody tr td.gridmobcls{
  flex-basis: 50% !important;
  min-width: 50% !important;
  max-width: 50% !important;
  display: inline-flex;
  align-items: center;
}
.multi-scroll-responsive-grid table tbody tr td.gridmobcls{
  padding-inline: 10px !important;
  justify-content: flex-end;
}
.table-with-border .multi-scroll-responsive-grid .gridmobcls,
.table-with-border .multi-scroll-responsive-grid .gridnamecls,
.table-with-border .multi-scroll-responsive-grid .gridctycls, 
.table-with-border .multi-scroll-responsive-grid .gridsubctycls{
  font-size: 1rem;
  font-weight: 500;
  padding-block: 0px !important;
}
.hide-in-mobile{
  display: none !important;
}
.responsive-position{
  position: static !important;
}
.table-with-border .multi-scroll-responsive-grid .gridnamecls,
.table-with-border .multi-scroll-responsive-grid .gridsubctycls{
  margin-bottom: 10px !important;
}

.tabrightsection .searchbar {
  background: #fff;
}

.wfpactsummary .name-column {
  min-width: 100% !important;
  max-width: 100% !important;
  font-size: 1.2rem !important;
  font-weight: 500;
}

.trainingdb.spaceremove.bg-white,
.bg-white md-content.trainingdb, .ipdashboard.mentordashboard.mentor-circles-cards .bg-white md-content{
  background-color: #f3f7fa !important;
  box-shadow: none !important;
}



.table-with-border .table-container.multi-scroll-responsive-grid  {
  max-height: none !important;
}

  .ipdashboard .lamborghini img, .bcidashboard .lamborghini img{
    max-height: 32px !important;
  }
  .profile-info-right .logouttext{
    font-size: 12px;
  }
  .ipdashboard .lamborghini img, .bcidashboard .lamborghini img {
    margin-left: 10px;
}
.lamborghini .Diablo{
  padding: 0 5px !important;
}
.profile-info-right{
  margin-right: 8px;
}
.lamborghini.headerwithbg.header_lg > .profilelogout {
  margin-left: 8px !important;
}
.main-container-data-collection{
  padding-inline: 1rem;
  padding-block-end: 2rem;
}
.newcounty-multi {
  margin-right: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.main-container-data-collection .top-filters-row .row{
  /* flex-wrap: nowrap !important; */
  justify-content: flex-end;
  margin-bottom: 10px;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}
.mdtabcontentfsclabel {
  font-size: 15px;
  margin-bottom: 10px;
}
.searchbar{
  margin-right: 0px !important;
}
.session-summary-filters + .session-summary-filters {
  gap: 0px !important;
}
.mydashboard.trainerdashboard .tabrightsection {
  margin-bottom: 4px !important;
  margin-top: 5px;
}
.SumoSelect>.optWrapper.isFloating{
  bottom: auto !important;
}
.SumoSelect.open > .optWrapper{
  top: 4.5em !important;
}
.header-partnerlogo {
  max-width: 135px !important;
}
.ipdashboard .lamborghini .profilelogout img {
  width: 30px !important;
  height: 30px !important;
}
.lamborghini .profilelogout img {
  width: 30px !important;
  height: 30px !important;
}
.back-yarrow-icon {
  width: 16px !important;
  height: auto !important;
}
.lamborghini .profilelogout img{
  margin-right: 0px !important;
}
.center-on-page.langtoggle.sessionselect{
  flex-direction: column;
  flex-wrap: wrap;
  width: 100% !important;
  gap: 10px;
  margin-bottom: 1em;
  text-align: center;
}
.session-summary-valuechains {
  padding-left: 0px;
}
.maxwidthcontainer.newdropdownui{
  flex-direction: column;
  flex-wrap: wrap;
}

.dashboardprogresssection .contentareabottom{
  flex-wrap: wrap;
}
.dashboardprogresssection .textcontentarea{
  height: auto !important;
}
.courseicon{
  margin-right: 0px !important;
}
.newuiselectdrop .select2-container .select2-choice{
  width: 100%;
  min-width: 100% !important;
}
.newuiselectdrop{
  width: 100%;
}
.newuiselectdrop .select2-container .select2-choice {
  padding: 3px 15px !important;
}
.filters-container{
  margin-left: 0px !important;
  width: 100%;
}
.filtersrow{
  margin: 0 0 0 auto;
}
.new-search-box .box-search-new{
  width: 96%;
  right: 0;
  left: 0;
  margin-inline: auto;
}
.popupfields.popupfieldsnewui{
  width: 100%;
}
.filtersrow .ng-pristine{
  flex-direction: column !important;
}
.formly .formly-field-group {
  width: 100%;
}
.new-search-box .formly-field-select, .new-search-box .formly-field-input, .new-search-box .formly-field-date{
  width: 100%;
}
.charts-area{
  margin-bottom: 2em;
}
.top-filters-row > div{
  /* justify-content: flex-end; */
  margin: 0px;
}
.top-filters-row{
  /* justify-content: space-between !important; */
  flex-wrap: wrap;
  /* flex-direction: column; */

}
.searchresults{
  padding-bottom: 10px;
}
.top-filters-row > div{
  width: 100%;
  flex-basis: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

.top-filters-row > div:has([aria-hidden="true"]){
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.top-filters-row > div:has(.newusertype-multi.ng-hide){
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.top-filters-row div + div{
  display: flex;
}
.top-filters-row + br{
  display: none !important;
}
.lamborghini.headerwithbg .back-yarrow-icon{
  height: auto !important;
}

.table.training-table{
  min-width: 100% !important;
}
.table.table-striped.training-table thead{
    display: none !important;
  }

  .table.table-striped.training-table thead th:first-child,
  .table.table-striped.training-table tbody tr td:first-child{
    display: none !important;
  }
  .responsive-top-cards{
    margin-top: 1rem !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .session-summary-table {
    margin-top: 5px !important;
}
  .table.table-striped.training-table tbody tr{
    display: grid !important;
    background-color: #fff !important;
    border-radius: 6px;
    margin-bottom: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    background-color: #f5f5f585;
    place-content: center;
    align-content: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0.125rem 1rem rgb(0 0 0 / 8%) !important;
    margin: 10px 10px 20px 10px;
  }

  .session-summary-table .table tbody tr td:nth-child(2){
    grid-column-start: 1;
    grid-column-end: 4;
    display: grid;
    place-content: center;
    border: 0px !important;
    white-space: normal !important;
    text-align: center !important;
    /* background-color: hsl(0deg 0% 94% / 29%) !important;
    border-bottom: 1px solid hsl(0deg 0% 94% / 59%) !important; */
  }
  .session-summary-table .table tbody tr td:nth-child(2) span{
    font-size: 20px;

  }

  .session-summary-table .table tbody tr td:last-child{
    grid-column-start: 2;
    grid-column-end: -2;
    display: grid;
    place-content: center;
  }
  .session-summary-table .table tbody tr td:last-child span{
    font-size: 1rem !important;
  }
  .session-summary-table .s-completed > span, .session-summary-table .s-inprogress > span, .session-summary-table .s-due > span {
    width: 42px;
    height: 42px;
    font-size: 18px;
    font-weight: 500;
}
.session-summary-table .table tr th.col-width-200, .table tr td.col-width-200{
  min-width: auto;
  max-width: 100%;
}
.session-summary-table .table tr td{
  border: 0px !important;
}
.responsive-version{
  background-color:#f3f7fa !important;
  box-shadow: none !important;
  margin-inline: -15px !important;
  margin-top: 0px !important;
}
.responsive-version > div{
  flex-wrap: wrap;
}

.responsive-top-cards [class*="col-"] {
  padding-right: 6px;
  padding-left: 6px;
}
.responsive-top-cards .card-icon{
  margin-bottom: 6px !important;
}

.responsive-top-cards .card h3{
  text-align: center !important;
}
.responsive-top-cards .card .card-body{
  padding: 12px !important;
}
.fscdetaildivnew{
  min-width: 100% !important;
  max-width: 100% !important;
  flex-direction: column;
  padding: 0px !important;
}
.fscdetaildivnew{
  width: 100%;
  max-width: 100%;
}
.fscdetaildivnewpic {
  height: 65px;
  margin-top: 0px !important;
}
.webresmaxwidth{
  padding: 0px !important;
}


.fixed-grid-responsive-version .table thead th:first-child,
.fixed-grid-responsive-version .table tbody tr td:first-child{
  display: none !important;
}

.fixed-grid-responsive-version .table thead{
  display: none !important;
}
.fixed-grid-responsive-version .table tbody tr:nth-of-type(even),
.fixed-grid-responsive-version .table tbody tr:nth-of-type(odd){
  background-color: #ffffff !important;
}
.fixed-grid-responsive-version{
  margin-inline: -15px;
}
.fixed-grid-responsive-version .table tbody tr{
  display: flex;
  /* grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr); */
  background-color: #fff !important;
  margin-bottom: 1rem;
  border-radius: 8px;
  padding: 1rem;
  flex-wrap: wrap;
  box-shadow: 0 0.125rem 1rem rgb(0 0 0 / 8%) !important;
  margin-inline: 15px;
}
/* .fixed-grid-responsive-version .table thead tr th:empty,
.fixed-grid-responsive-version .table tbody tr td:empty{
  display: none !important;
} */

.fixed-grid-responsive-version .table thead tr th,
.fixed-grid-responsive-version .table tbody tr td{
 flex: 33%;
 font-size: 18px !important;
 text-align: center !important;
 font-weight: 500;
}

.fixed-grid-responsive-version .table tbody tr td span{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* line-height: normal; */
}
/* .fixed-grid-responsive-version .table tbody tr td span img{

} */

.fixed-grid-responsive-version .table{
  min-width: 100% !important;
}
.fixed-grid-responsive-version .table tr th, .fixed-grid-responsive-version .table tr td{
  white-space: normal !important;
}
.fixed-grid-responsive-version .table tr th.col-width-100, .fixed-grid-responsive-version .table tr td.col-width-100,
.fixed-grid-responsive-version .table tr th.col-width-60, .fixed-grid-responsive-version .table tr td.col-width-60,
.fixed-grid-responsive-version .table tr th.col-width-250, .fixed-grid-responsive-version .table tr td.col-width-250,
.fixed-grid-responsive-version .table tr th.col-width-200, .fixed-grid-responsive-version .table tr td.col-width-200{
  min-width: auto !important;
  max-width: 100% !important;
}
.fixed-grid-responsive-version .table tr td:nth-child(11){
  /* display: grid; */
}

.fixed-grid-responsive-version .table tr td:nth-child(2),
.fixed-grid-responsive-version .table tr td:nth-child(3){
  flex-basis: 100%;
  padding: 0px !important;
  margin-block-end: 5px;
}

.fixed-grid-responsive-version .table tr td:nth-child(2) span,
.fixed-grid-responsive-version .table tr td:nth-child(3) span{
  line-height: normal !important;
}

.fixed-grid-responsive-version .table tr td:nth-child(3){
  font-size: 18px !important;
}

.fixed-grid-responsive-version .yara-msme-table{
  white-space: normal !important;

}

.table tr th:empty,
.table tr td:empty{
  display: none !important;
  width: 0px !important;
  max-width: 0px !important;
  min-width: 0px !important;
  flex: 0 !important;
}

.fixed-grid-responsive-version .table.agripreneur-summary{
  background-color:#f3f7fa !important;
}
.fixed-grid-responsive-version .table th, .fixed-grid-responsive-version .table td{
  border: 0px !important;
}

.column-hide-mobile{
  display: none !important;
}
.facilitators.gridview{
  background-color: #f3f7fa !important;
  box-shadow: none !important;
  padding: 0px !important;
}
.dropdown-toggle {
  background: #fff;
}
.showinMobile{
  display: block;
  font-size: 15px !important;
  color: rgb(0 0 0 / 60%);;
  min-height: 28px;
}
.showinMobile span img{
  margin-top: 4px;
}
.yara-msme-table .table-striped tbody tr:nth-child(even) td.fixed-cell {
  background-color: #ffffff !important;
}
.yara-msme-table table td img {
  width: 30px;
  height: 30px;
}

.newuiselectdrop .ui-select-container{
  width: 100% !important;
  margin-top: 20px;
}
.schedulepopupcontainer{
  width: 95% !important;
}
.fscdetaildivnewdetails {
  width: 100%;
}
.fscdetaildivnew .fscdetaildivnewdetails{
  text-align: center;
  line-height: 26px;
}

.session-progress-status {
  transform: scale(0.8);
}


.statusprogressnew, .startfromleft {
  display:flex !important;
}
.webresmaxwidth > div{
  flex-direction: column;
}
.circled-progress-container .circled-progress.newheaderprogress .progressitems{
  width: 16px;
  height: 16px;
  border: solid 3px #BEBEBE;
}
.circled-progress.newheaderprogress{
  gap: 4px;
}
.statusprogressnew.circled-progress-container{
  margin-bottom: 0px !important;
}
#divmyprogress{
  margin-top: 0px !important;
}
.metromap-main {
  gap: 2px;
  align-items: baseline;
}
.circled-progress.newheaderprogress:after{
  bottom: 8px;
}
.md-padding.facilitators.gridview .mdtabcontentmain {
  width: 100%;
  flex-wrap: wrap;
}
.ipdashboard .lamborghini img{
  /* margin-left: 5px !important; */
}
.menuitemimg {
  width: 40px;
  height: 40px;
}
.menuitemimg img{
  height: 20px !important;
}
#left-menu .user-links li .menuitemname {
  font-size: 18px;
  margin-top: 6px;
  margin-left: 56px !important;
}
.menuprofleft {
  padding-left: 10px;
}
.main-info-user .col-md-9 h4 {
  font-size: 20px;
}
/* .multi-scroll-responsive-grid table tbody tr td.gridctycls, */
.table-with-border .multi-scroll-responsive-grid tbody tr td.gridmorecntcls{
  flex-basis: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
.table-with-border .multi-scroll-responsive-grid .gridctycls{
  margin-bottom: 15px !important;
}
.table-with-border .multi-scroll-responsive-grid tbody tr td.gridmorecntcls:first-child span{
  margin-top: 15px !important;
}

}

.agripreneur-summary.table-striped tr td span img{
  width: 22px;
  height: 22px;
}


.select-field-dropdown .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active{
  color: #848181;
  background-color: #ebebeb !important;
  border-color: #6c757d;
}

.table-crop-icon {
  width: 32px;
  height: 32px;
  margin-inline: auto;
  border-radius: 100vmax;
  /* outline: 2px solid #fff; */
  padding: 3px;
  background: #fff;
  /* outline-offset: 2px; */
}
.table-crop-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 2px;
}
.call-icon {
  width: 35px;
  margin-right: 10px;
}
.table-striped thead tr th {
  background-color: #ebebeb !important;
}
.table thead tr th {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.table thead{
  height: 53px !important;
}
.modal-body-content md-tabs .md-tab.md-active {
    color: #2e2e2e;
    opacity: 1;
    border-bottom: 4px solid #143878;
}
.modal-body-content a {
  color: #143878;

}
.reachoutcallbtnleft h3 {
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 400;
}
.poupcallbtnright button {
  border: solid 1px #143878;
  background: transparent;
  color: #000;
  padding: 3px 8px 5px 8px;
  border-radius: 8px;
  margin: 0 5px 5px 0;
  font-size: 13px;
}
.modal-wrapper .farminfo textarea {
  margin: 10px 0 20px 0 !important;
  width: 100% !important;
  height: 100px !important;
  padding: 15px !important;
  border: 1px solid rgb(223 223 223 / 78%) !important;
}
.information-text-box {
  flex-direction: column;
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 6px;
}
.information-text-box .information-add-img {
  /* border: 1px solid rgb(204, 204, 204); */
  text-align: left;
  border-radius: 4px;
  padding: 10px;
  align-items: center;
}
.information-text-box .information-add-img .add-img-box {
  max-width: 100px;
  text-align: center;
  margin-left: 15px;
  min-width: 85px;
}
.information-text-box .information-add-img img {
  margin-right: 0 !important;
}
.modal-wrapper .farminfo img {
  width: 40px;
  margin-right: 10px;
}
.schedulepopupcontainer .schedulebtn {
  display: block;
  margin: auto !important;
}

.schedulepopupcontainer .schedulebtn {
  border: none !important;
  /* background: #143878; */
  border-radius: 7px;
  padding: 5px 15px;
  font-size: 16px;
  color: #fff;
}
.schedulepopupcontainer .farminfo h3 {
  font-size: 22px !important;
  /* color: #28922f !important; */
  color: #555555 !important;
  margin-bottom: 15px;
  font-weight: 400 !important;
}

.information-text-box .information-add-img .add-img-stack .image-stack-holder {
  width: 80px;
  height: 80px;
  border: 1px solid #eee;
  padding: 5px;
  border-radius: 4px;
  position: relative;
}
.back-yarrow-icon{
  height: 20px;
}
.table-container.global-table-container{
  overflow: auto !important;
}

.isfuturesession{
  cursor: not-allowed !important;
  pointer-events: none !important;
  background-color: rgb(116 104 104 / 14%) !important;
  opacity: 0.2;
}
.FAO{
  max-width: 150px;
}
.back-yarrow-icon,
.courselanding .lamborghini.header_lg img.bkbtn,
.font-control-aboutkuza .menu-toggle-top img {
  filter: grayscale(1);
}
.Heifer{
  max-width: 165px;
}