@charset "utf-8";

/* smartphones, iPhone, portrait 480x320 phones */


@media (min-width:320px)   and (max-width: 365px){

.ecd-card h2{font-size: 13px !important;}
}
@media (min-width:320px)   and (max-width: 345px){
.scalecontainer .snos{padding: 0px 5px; min-width: 30px !important;}
}
@media (max-width:320px){
  .left-menu-container .col-lg-6,
  .left-menu-container .col-md-6,
  .left-menu-container .col-sm-6,
  .left-menu-container .col-xs-6{
  width: 100% !important;
  }
  .col-xs-6, .col-xs-4{
  width: 100% !important;
}
}
@media (min-width:320px) and (max-width: 480px){
  .right-title-1{
    font-size: 32px;
   }
  .right-title-2{
    font-size: 26px;
  }
  .printlabel .eachlabel {
    min-width: 151px;
    margin: 5px;
}
  .quizcontentdiv.customclass .lessonsubmitbutton {
    margin-bottom: 15px;
}

.imageslidermain.slider .slider-slide{
    transform: translate(0px, 0px) translateZ(0px) !important;
  }
  .toprighticons img {
    width: 42px;
    margin-left: 5px;
}
.profpic img {
  width: 50px;
}
  .smartcoach-header{
    position: relative !important;
  }
  ion-header .inside_header {
    padding-left: 6px;
}
ion-header .inside_header .topbartitle {
  margin-left: 5px;
}
  ion-header .inside_header .topbartitle span {
    font-weight: normal;
    font-size: 11px;
}  
.outline-btn{
  padding: 10px 10px;
}
.sync-animation-inner {
    width: 90%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: auto;
}
.custom-trans {
    max-width: 270px;
    padding-right: 12px;
}

.product_details .formly{
  align-items: flex-end !important;
}
.view-btn, .edit-btn, .remove-btn {
    width: 25px  !important;
    height: 25px !important;
    padding: 4px 6px !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.view-btn, .edit-btn {
    margin-right: 10px !important;
}

/* .headertitle{
  display: none;
} */
.resp-white-space{
  white-space: nowrap;
}
.ipdashboard .lamborghini img, .bcidashboard .lamborghini img {
    height: 40px;
}
.mentor_dashboard_inner{
  padding: 0 0;
  top: 60px;
}

.sarathi-db .mentor_dashboard_inner{
  padding: 0 0;
  top: 30px;
}


.mentor_dashboard_inner .card {
    width: 100%;
    margin: 15px 0px !important;
}

.sarathi-db .mentor_dashboard_inner .card {
    width: 100%;
    margin: 10px 0px !important;
}

.logout-right{
  margin-right: 15px;
  font-size: 25px;
  color: #14a267 ;
}

.profile-info-right .profile-name, .logouttext{
  font-size: 12px;
}
.ipdashboard .lamborghini img, .bcidashboard .lamborghini img{
  margin-left: 15px;
}

.row.onlycheckbox .lessonlabel label, .checkboxoptiondivs .lessonlabel label{
  max-width:250px !important;
}

.header{
  display: none;
}
.top-section{
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 1rem;
}
.top-section md-input-container {
  margin: 5px 0;
}
.tabrightsection{
  position: relative;
  width: 90%;
  margin: auto;
  right: 0;
  top: 0px;
}
.ff_welcome{
  min-height:20px;
  min-height: 20px;
        padding-top: 15px;
    padding-bottom: 10px;
}

.trainername{
  margin-bottom: 0px !important;
}
.searchbar{
  position: relative;
  max-width: 100%;
  width: 100%;
}
.ipdashboard .filtersdiv {
  padding-right: 0;
}

.childvideo .childvideocancel {
  top: calc(0% - -5px);
}
.vjs-fullscreen .childvideo {
  height: 100vh;
}

.xray_video .xray{
  width: 85% !important;
}
.vjs-fullscreen.video-js .vjs-overlay {
  width: 55%;
}
.bcidashboard .lamborghini .header-partnerlogo{
    margin-top: 5px;
}

.header-logout-btn{
  top:0px;
}

.remainderstatus span{
  min-width: 30px;
}
.lessoncontentpage #video {
  margin-top: 0px !important;
}

.popquizcontainer {
  margin-top: 50px;
}
.related-content-wraper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.related-content-wraper .roundedcardmain{
  flex:0 0 auto;
}

.video-js.vjs-fullscreen .pop_quiz_main .popquiz {
  width: 40%;
}

.video-js.vjs-fullscreen .onvideocard .roundedcardmain {
  width: 165px;
}
.onvideocard .roundedcardmain{
  margin-left: 5px;
}

.templatedivwidth {
  border: 1px solid #dddddd;
  overflow: hidden;
  margin-bottom: 1rem;
  width: 100%;
}
.courseprogressmain{
  margin-bottom: 1rem;
}

.graphsdiv .col-xs-6{
  width: 100% !important;
}

.theme3 .bottom_logos .logo_holder{
  padding-bottom: 20px;
}

   .align_width_center {
     width: 100%;
     margin: auto;
   }
  .offlinemain {
    width: 100%;
  }
  .ipdashboard .largenumber {
    top: 0px;
    text-align: left !important;
    font-size: 18px !important;
  }
  .ff_welcome h4{
    font-size: 16px !important;
  }
  .ipdashboard .fieldfacilitators h4{
    text-align: left;

  }
  .assesment_area{
    padding-top: 10px;
  }
  .bcidashboard .largenumber {
    top: 5px;
  }
  .progress_main .progress_count {
    text-align: right;
  }
  .assesment_area h3, .progress_circle span, .progress_main .progress_count{font-size: 16px;}
  .progress_main .progress_title, .learning_modules_inner h4, .ipdashboard .facilitators .learnername,
  .resp-table-row .table-body-cell span, #resp-table-body .remainderstatus span strong, #resp-table-body .remainderstatus span,
  .ipdashboard .facilitators .table-header-cell span, .ipdashboard .facilitators .table-header-cell div{font-size: 14px !important;}
  .profile_edit.customregistration.newheader .lessonnewquizstyles .showlabel label{margin-bottom: 0 !important;}
  .lessonnewquizstyles .mainquestioncontainer .message{margin-top: 0 !important;}
  .profile_edit.customregistration.newheader .profile_edit .mainquestioncontainer{margin-bottom: 25px !important;}
  .assesment_inner{
    min-height: 140px;
    padding-top: 1rem;
  }
  .learner_pic {
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .learnerprofile .trainername {
    width: 85px;
    margin-bottom: 0px;
    text-align: left;
  }
  .learnerdatascroll {
    min-height: 400px;
    max-height: 400px;
  }
.onboardlogos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  top: 30px;
  min-height: 90px;
}

.attendancerpt .flexlogosrow{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  margin: auto;
}

.attendancerpt .flexrow{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 10px;
}

.Flex-item + .Flex-item {
    border-left: none !important;
}
.first-child-brdr {
  border-left: none !important;
}

.self-learners-maintitle {
    font-size: 18px;
}

.sessioninfo .traindate, .sessioninfo .locations, .sessioninfo .attended{
  font-size: 12px;
}
.upcomingtrainings .row{
  display: table;
}

.trainerlocations{
  margin-left: auto;
}
.trainerlocations, .trainerstudents, .trainertrainings, .trainercourses {
    margin: 0 12px;
}

.lamborghini .Diablo{
  right: 0px;
}
.date_pace_count .traindate,
.date_pace_count .locations,
.date_pace_count .attended{
  font-size: 12px;
}
.orangebtn, .graybtn {

    padding: 15px 45px !important;
    min-width: auto!important;
}

.attendanceui .table-content{
  margin-bottom: 200px;
}
.trainerwelcomediv{
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mediaspace{
  margin-bottom: 15px;
}
.onboardtitle {
    font-size: 22px;
}

.onboardlogos{
  margin-bottom: 65px;
  margin-top: -15px;
}

.onboardlogos.newdesign{margin-top: 35px !important;}

.onboardlogos .leftlogoset img{
  width: 160px !important;
}

.onboardlogos .rightlogo img{
  width: 80px !important;
}

.login_bg{
  height: auto;
}




.mentor_circle_cards .card .card-body {
    width: 90px;
    height: 90px;
    margin: 5px 0 0 auto;
}
.mentor_circle_cards .card img {
    width: 75px;
    margin-right: 15px;
}
.onboard.onloginpage .slider-slide img{margin-top: 0px; width: 100% !important;}
.onboard.onloginpage .board{margin: 0 10px !important;}
.sociallogins{ width: 100%; margin: auto; margin-top: 10px; margin-bottom: 15px;}

.lessoncontentpage .list .item{width: 100% !important;}
.popup-container .popup {width: 96%;}
 .popup-container.maximize-image .popup{
  width: 90% !important;
}
.did_you_know p{font-size: 1.2em; min-height: 200px;}
.did_you_know p .high{margin-bottom: 10px;}
.swipe_left_right .row .col{padding: 0 2%;}
.lesson_content .content-block .lesson-text.fontsize0{font-size: 14px; line-height: 20px;}
.case_studies .header h2{padding: 0 20px !important;}
.topic_description{width: 70%;}

.register .content-block, .login .content-block{margin-top: 0;}
.drag_drop .main-content .drag_question{padding: 5px 10px !important;}
.drag_drop .main-content .drag_question{left: calc(50% - 65px) !important;}
.drag_drop .main-content .buckets{margin-top: 0px;}
.quiz_mcq .main-content .card{height: 130px !important;}
.drag_drop .main-content .buckets .card .answer{top: 40px; height: 90px;}
.drag_drop .main-content .buckets .card .answer img{width: 90px !important; height: 90px !important}
.drag_drop .main-content #questions{height: 190px;}
.drag_drop .main-content .buckets h4{font-size: 14px !important;}
.mentor_insights .button.button-ecd{width: auto !important;}
.mentor_insights .button.button-ecd{width: 50% !important; margin: auto;}

.did_you_know .did-you-know-title img{width: 35% !important;}
.onboard h2{padding-top: 0 !important; padding-bottom: 0; font-size: 1.2em; line-height: 20px;}
.did_you_know .scroll-content{margin-top: 55%;}
.bar-ecd-footer .button-ecd{margin-top: 15px !important;}

.theme3 .bar-ecd-footer .button-ecd{margin-top: 8px !important;}

.quiz_mcq .main-content .card .item h4{padding: 10px;}
.quiz_mcq .main-content .col .answer{font-size: 20px;}
.quiz_mcq .header{padding-top: 1em !important;}

.ecd-card h2{font-size: 14px;}
.ecd-card .item.item-avatar{min-height: 60px;}
.help .header h2{font-size: 20px;}
.help .contents .list .item h2{font-size: 16px; line-height: 20px;}
.help .list .item-accordion{font-size: 14px;}
.cousedescriptiontext{font-size: 11px;}
.courselanding .card.ecd-card{min-height: 200px;}
.videocontainermain .quizcontentdiv{width: 100% !important; margin: auto; margin-bottom: 60px;}
.bar .title.title-left{font-size: 20px;}
.mentor_insights .inner .votes{width: auto;}
.mentor_insights .contents .list .inner .votes{width: 80%;}

.comingsoon{height:25px; background: rgba(81, 132, 58, 0.8);}
.comingsoon span{font-size: 10px;}

.gradientbackground p{font-size: 1.2em; min-height: 210px;}
.gradientbackground p .high{margin-bottom: 10px;}
.gradientbackground .board{ margin-bottom: 40px !important;}

.lesson_content .content-block .lesson-component{padding: 1em;}
.onloginpage .bar-ecd-footer .button-ecd{position: absolute !important; display: inline-block !important;}

.theme3 .onloginpage .bar-ecd-footer .button-ecd{
  position: relative !important;
  padding: 9px 0 30px 0 !important;
    font-weight: bold;
}


.onboard.onloginpage .bar-ecd-footer{display: flex !important; justify-content: center !important;}

.courselanding .tab-nav.tabs{margin-top: 45px;}
.courselanding .tab-ecd{margin-top: 70px; padding-bottom: 150px;}

.customimagequiz .row .col{float: left; width: 48%; min-height: 120px;}
.customimagequiz .col, .customimagequiz .main-content .row{display: block;}
.customimagequiz.quiz_mcq .main-content .card{height: auto !important;}
.customimagequiz.quiz_mcq .main-content .card .item, .customimagequiz.quiz_mcq .main-content .card .item h4{white-space: normal !important;}
.customimagequiz .row .col{margin-bottom: 20px !important;}
.customimagequiz.quiz_mcq .content-block .subhead h3{font-size: 16px; margin-bottom: 0;}
.customimagequiz.quiz_mcq .content-block .subhead{padding:5px 10px !important;}
.customimagequiz.quiz_mcq .main-content .card .item h4{font-size: 12px;}
.customimagequiz.quiz_mcq .main-content .card .item img{max-height: 80px !important; min-height: 80px !important;}
.customimagequiz.quiz_mcq .content-block .answer-details{margin: 0; padding: 10px;}
.customimagequiz.quiz_mcq .content-block .answer-details h3{margin-bottom: 0 !important; font-size: 16px;}
.tile_view .contents .main-content{margin: 0;}
.tile_view .contents .row .col .card span{height: auto !important;}
.tile_view .contents .row .col .card{height: 130px;}


.row.picturechoice{display: flex !important; flex-flow: row wrap; display: flex; flex-wrap: wrap;}
.row.picturechoice .picturechoicediv{padding: 0 1% !important; flex: 1 0 45%; margin: 5px; height: 100px; max-width: 47%;}
.customimagequiz .row.picturechoice .picturechoicediv, .row.picturechoice .picturechoicediv{display: initial !important;}

.customimagequiz.quiz_mcq  .main-content .col .answer{right: 0 !important; bottom: -30px !important;}

 .profile_edit .nocontentscroll{width: 100%; margin-bottom: 30px;}
 .popquiz {
    width: 65% !important;
  }
  .videoquizcontainer.iframeclass .popquiz{
    width: 100% !important;
  }
.video_simulation_div .popquiz{width: 100% !important;}
.aacoaching .video_simulation_div .lessonquizmain .list .item .item{max-width: none !important;}
.video_simulation_div .popquiz .showlabel label{margin-left: 0 !important;}
.topicassessment .scroll{width: 90%; margin-top: 80px;}
.topicassessmentpopup .maincontainer, .topicassessmentpopupcorrect .maincontainer{width: 90% !important; min-height: 300px;
left:5% !important;}


.profile_edit .row.picturechoice{display: block !important;}
.dynamicprofilepage.widgetsurvey{width: 90%;}
.mysurvey .row.picturechoice .onlyradio .lessonlabel .item{width: 100%; margin-right: 0;}
.mysurvey .picquiz.lessonquizmain{width: 100%;}
.trainerdashboard.courselanding .tab-ecd{margin-top: 140px;}
.bcidashboard.courselanding .tab-ecd{margin-top: 140px;}
.userdropdowngrid{width: 100%; max-height: 270px;}

.bottom_logos{width: 96%; position: absolute; bottom: 10px; left: 2%;}
.theme3 .bottom_logos{width: 96%; position: relative; bottom: 0px; left: 2%; padding: 15px 0;}

.customregistration.globalfeedback .scroll{width: 94%;}
.likertdesign #resp-table{width: 100%; overflow-x:auto; display: block;}

/* .pagescrolling{margin-top: 50px !important;} */
.courselanding.newheader .headertitle h4{display: none;}
.globalfeedback .lamborghini .headertitle, .announcementpage .lamborghini .headertitle{text-align: left;}

.trainerdashboard .md-tab span, .ipdashboard .facilitators .table-body-cell .coursescompleted,
 .trainerdashboard .table-body-cell, .bcidashboard .table-body-cell, .bcidashboard .md-tab span,
  .bcidashboard .table-header-cell{font-size: 14px;}
.ipdashboard .facilitators .table-header-cell{font-size: 14px; white-space: nowrap;}
.ipdashboard .facilitators .table-header-cell .fa-sort{margin-left: 3px;}
.word-break{width: auto;}
.ipdashboard .facilitators .table-header-cell .fa-chevron-down, .ipdashboard .facilitators .table-header-cell .fa-chevron-up{margin-left: 5px;}

.registration-wrappr .nav-tabs{width: 96%; margin: auto; display: flex; overflow-x: auto; overflow-y: hidden;}
.registration-wrappr .mainquestioncontainer, .prevnextbtns{width: 100% !important;}
.profile_edit.customregistration .myprofile .scroll{width: 94% !important;}
.profile_edit.customregistration .row.onlycheckbox{padding: 0 !important;}
.profile_edit .lessonquizmain .list .item{
  width:calc(100% - 20px) !important;
}

.registration-wrappr .md-tab{text-transform: none; font-size: 16px;}
.registration-wrappr .md-tab{font-size: 16px !important; padding: 12px 12px !important;}

.row.onlycheckbox.optiondivs{/*display: block !important;*/}
.aacoaching .lessonquizmain .list .item{margin-bottom: 5px !important;}
.repeat-actions-main{display: block !important; margin-top: 15px;}

.completed_field .onlycheckbox.optiondivs{
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap !important;
}
.completed_field .lessonquizmain .list .item .item{
  /* min-width: 65px !important; */
  width: auto !important;
  /* min-width: 75px !important; */
}
}
@media (min-width:320px)   and (max-width: 380px){
.lesson_content .content-block h2.title.fontsize0{font-size: 18px;}
.quiz_mcq .header{padding-top: 2em;}
.quiz_mcq .header h2, .tile_view .header h2{padding: 0 20px !important;}
.case_studies .header h2{padding: 0 20px !important;}
.topic_description{width: 70%;}

.scalecontainer .snos{min-width: 30px !important;}
.coursescale .overflow-scroll{margin-bottom: 50px;}
}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width: 481px) and (max-width: 767px) {
.courselanding .tab-nav.tabs{margin-top: 45px;}
.courselanding .tab-ecd{padding-bottom: 150px;}
/* menu */
  /* .menu.menu-left{ width: calc(70%) !important; } */
  /* .menu-open .menu-content{ transform: translate3d(calc(70%), 0px, 0px) !important; } */

  /* onboard */
.menu-open .right-side-menu{
    transform: translate3d(0%, 0px, 0px) !important;
  }
  .bar-ecd-footer .button-ecd {
    font-size: 1.4em;
    padding-top: 0;
    padding-bottom: 2.3em;
    padding-left: 1.9em;
    padding-right: 1.9em;
  }

  /* .onboard img { width: 75%; } */
  .theme3styles .onboard img {
    width: auto;
  }

  .onboardnew .logoleft img, .onboardnew .logoright img{width: auto !important;}
  .onboard.onloginpage .slider-slide img{width: 100%;}

  .theme3 .onboard.onloginpage .slider-slide img {
    width: auto;
  }

  .onboard.onloginpage.whitetheme .theme3styles .slider-slide img {
      width: 100%;
    }

     .theme3 .onboard.onloginpage.whitetheme .theme3styles .slider-slide img {
       width: auto;
     }

  .slider-pager .slider-pager-page { margin: 14px 3px 0px 0px; }

  /* Register */
  .register .content-block .button-ecd-join, .login .content-block .button-ecd-join { font-size: 1.4em; }

  /* course Detail */
  .course_detail .course-card h2 { padding: 0.3em 0; }
  /* .course_detail .item-body p { padding: 0 2em; } */

  .course_detail .course-img { height: 270px; max-height: 300px; }

  /* course content */
  .course_content .course-img { height: 300px; }
  .course_content .content-block { top: 370px; padding-bottom: 100px;}

  /* Lesson content */
  .lesson_content .lesson-img { height: 270px; max-height: 300px; }

  /* mcq */
  .case_studies .content-block .main-content { margin: 0 auto; width: 80%; text-align: center; }

  /* drag n drop */
  .drag_drop .main-content { width: 80%; text-align: center; margin: 0 auto; }

  .drag_drop .main-content .buckets .right_bucket,
  .drag_drop .main-content .buckets .wrong_bucket { width: 45%; }
.lesson-footer .footer-title{font-size: 1.4em; font-weight: bold; margin-left: 30px;}
.lesson-footer{height: 60px;}
.lesson-footer .button.button-icon:before{font-size: 2em;}
.lesson-footer .footer-arrow{margin-top: 10px;}
.lesson-footer .footer-index{font-size: 1.5em; margin-top: 15px; height: 40px;}
.tile_view .contents .row .col .card{height: 200px;}
.tile_view .contents .row .col .card span, .blank_modal .blank_modal_article .text-container p {
    font-size: 1.5em; line-height: normal;}
.drag_drop .main-content .buckets{margin-top:50px;}
.drag_drop.textsliders .main-content .drag_question{width: 60%;}

.swipe_left_right .main-content #questions .drag_question {
  right: calc(40% - 180px) !important;
  margin-top: 60px
}


.case_studies .content-block .main-content { margin: 2em auto; width: 90%; text-align: center; }
  .case_studies .content-block .main-content .card .item h4, .quiz_mcq .main-content .card .item h4, .help .contents .list .item h2, .notifications .contents .list .item-divider, .mentor_insights .contents .list .item-avatar h2 {
    font-size: 20px;
  }
  .notifications .contents .list .item h2, .notifications .contents .list .item p, .mentor_insights .contents .list .item-divider .answer_count, .mentor_insights .contents .list .item-divider .reply {
    font-size: 1.2em;
  }
  .mentor_insights .contents .list .inner .reply-reply .reply2 {
    font-size: 1em;
  }
  .mentor_insights .contents .list .inner .votes .vote-count {
    left: 37%;
  }
  .mentor_insights .contents .list .item-avatar .item-body > p {
    font-size: 1.2em;
  }
  .notifications .contents .list .item h2 {
    padding-bottom: 6px;
  }
  .mentor_insights .contents .list .item-divider.outer {
    padding-bottom: 10px;
  }
  .notifications .contents .list .item .item-note {
    font-size: 1em;
    width: 100px;
text-align: right;
  }
  .notifications .contents .list .item-divider {
    padding: 1em;
  }
.help .contents .list .item {
  padding-top: 25px;
  padding-bottom: 25px;
}
.help .list .item-accordion {
  font-size: 16px;
  line-height: 1.5em;
}
  /* drag n drop */
  .drag_drop .main-content { width: 80%; text-align: center; margin: 0 auto; }

  .drag_drop .main-content .buckets .right_bucket,
  .drag_drop .main-content .buckets .wrong_bucket { width: 45%; }
.tab-nav a.tab-item {
  font-size:1.4em;
}
.ecd-card h2 a {
  font-size:1.2em;
}

.lesson_content .content-block .lesson-component {
  padding: 3em;
}

.lesson-footer {
  height: 60px;
}
.lesson-footer .footer-title {
  font-size: 1.4em;
  font-weight: bold;
  margin-left: 30px;

}
.lesson-footer .button.button-icon:before {
  font-size: 2em;
}
  .course_detail .course-img {
    max-height: 450px; }
     .course_detail .item-body p { 
       /* padding: 0 2em;  */
       font-size: 1.4em;
    line-height: 1.8em;
   }

.course_detail .course-block {
  margin-top: 38px;
}
.modal {
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.blank_modal .blank_modal_video {
  padding-top: 8%;
}
.quiz_mcq .content-block .answer-details h3 {
  font-size: 2em;
}
.quiz_mcq .content-block p {
  font-size: 1.4em;
}
.quiz_mcq .content-block .answer-details {
  padding: 3em;
  margin-bottom: 80px;
}
.quiz_mcq .header h2 {
  font-size: 2em;
}
.drag_drop .main-content h5.info, .swipe_left_right .main-content h5.info {
  font-size: 1em;
  width: 100%;
}
.drag_drop .main-content .drag_question img {
  width: 120px;
}
.swipe_left_right .main-content #questions .drag_question img {
  width: 450px;
}
.drag_drop .main-content .drag_question {
  left: calc(50% - 75px) !important;
  top: 30%;
}
.swipe_left_right .main-content #questions .drag_question {
  left: calc(40% - 180px) !important;
  margin-top: 60px; font-size: 2em; min-height: 300px;
  display: flex; align-items:center;
}
.drag_question img{
width: auto !important; height: auto !important;
}
.row.swipers {
  margin-top: 35%;
}
.drag_drop .main-content .buckets {
  margin-top: 8em;
}
.drag_drop .main-content .buckets .card .answer img, .drag_drop .main-content .buckets .card .wrong_bucket img {
  width: 90px;
  z-index: 999;
}
.drag_drop .main-content #questions .complete {
  width: 100%;
  font-size: 1.5em;
}
.drag_drop .main-content .buckets .right_bucket .card, .drag_drop .main-content .buckets .wrong_bucket .card {
  height: 180px;
}
.drag_drop .main-content .buckets .right_bucket h4, .drag_drop .main-content .buckets .wrong_bucket h4 {
  font-size: 1.2em;
}
.swipe_left_right .row .col h4 {
  font-size: 20px;
}
.tile_view .contents .row .col .card span, .blank_modal .blank_modal_article .text-container p {
  font-size: 1.5em;
  line-height: normal;
}
.blank_modal .blank_modal_article .text-container p {
  line-height: 1.7em;
}
.blank_modal .blank_modal_article .text-container p {
  bottom: -24%;
}
.tile_view .contents .row .col .card {
  height: 200px;
}
.achievements .contents .list .item h2 {
  font-size: 1.5em;
}
.achievements .contents .list .item p {
  font-size: 1.2em;
}
.profile .contents .col.completed .count, .profile .contents .col.inprogress .count {
  font-size: 1.8em;
}
.profile .contents .col.completed span, .profile .contents .col.inprogress span {
  font-size: 1.2em;
  margin-top: 13px;
  display: block;
}
.profile_edit .content-block .regsiteration_form input {
  font-size: 1.6em;
  height: 4em;
  margin-bottom: 1em;
}
.profile_edit .contents .settings_form .input-label {
  font-size: 1.5em;
}
.item-select select {
  font-size: 1.3em;
}
.profile_edit .content-block .button-ecd-join {
  padding-top: 1em;
  padding-bottom: 1em;
  height: 72px;
  line-height: 10px;
}
.popup-container .popup {
  width: 550px;
}
.popup-title {
  font-size: 2em;
}
.popup-body {
  font-size: 1.5em;
  text-align: center;
}
.popup-body span {
  display: block;
}
.modal_congrats .main-content {
  width: 80%;
  left: 10%;
}
.modal_error .main-content {
  width: 80%;
  left: 10%;
}
.modal_access .main-content {
  width: 80%;
  left: 10%;
  bottom: 5%;
}
.modal_connection .main-content {
  width: 80%;
  left: 35%;
  bottom: 38%;
}
.modal_error .main-content h4, .modal_connection .main-content h4, .modal_access .main-content h4 {
  font-size: 36px;
  font-weight: bold;
}
.modal_congrats .main-content p, .modal_error .main-content p, .modal_connection .main-content p, .modal_access .main-content p {
font-size: 1.2em;
font-family: opensans-semibold;
}
.mentor_insights .contents .list .item-divider .answer_count {
  width: 250px;
}

.lesson_content .content-block h2.title.fontsize0, .tile_view .header h2, .achievements .header h2, .help .header h2, .notifications .header h2, .mentor_insights .header h2 {
    /* font-size: 2em; */
}
.drag_drop .main-content h5.info, .swipe_left_right .main-content h5.info {
    font-size: 1em;
    width: 100%;
}
.topic_description{font-size: 1.2em; width: 90%;}
.course_detail .course-card h2 {
    font-size: 2em;
}

.course_content .course-img h2 {
        padding-bottom: 15px;
    padding-top: 0.7em; font-size: 30px;}
.course_content .content-block .lessons-list .item-avatar h2 {
    font-size: 1.4em;
}
.course_content .content-block .lessons-list .item-avatar .desc, .lesson_content .content-block .lesson-text.fontsize0 {
    font-size: 1.3em;
    line-height: 1.7em;
}
.course_content .content-block .lessons-list .item-avatar .lesson-type, .lesson_content .content-block .lesson-index.fontsize0, .case_studies .header .caption, .tile_view .header .caption {
    font-size: 1.1em;
}
.mentor-tab {
    /*padding: 1.5em;*/
}
.lesson_content .lesson-img {
    height: 400px;
    max-height: 400px;
}
.case_studies .header h2{font-size: 2em !important;}
.case_studies .content-block h3, .blank_modal .head h2.title, .subhead h3{font-size: 20px;}
.case_studies .content-block h3, .subhead h3{line-height: 30px;}

.blank_modal .blank_modal_article .lessonpopupcontainer.text-container p{font-size: 18px;
line-height:26px;}
.quiz_mcq .content-block .answer-details h3{font-size: 2em !important;}

.main-content .row.swipers{bottom: 35px !important;}
.onlyswipecards swipe-card{max-width: 70% !important; min-width: 70% !important; left: 15% !important;}
.tile_view .contents .main-content{margin-bottom: 80px;}
.popup-container .popup{max-width: 80% !important; width:80% !important;}

.mentor_insights .contents .list .item-avatar h2{font-size: 18px; line-height: 24px;}
.mentor_insights .contents .list .item-avatar .item-body > p{font-size: 16px; line-height: 24px;}
.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: 14px;}
.mentor_insights .contents .list .item-divider.outer .reply i{top: 0;}
.mentor_insights .contents .list .inner .votes .vote-count{left: 60px;}

.courselanding .ecd-card .item-avatar{min-height: 78px;}
.courselanding .ecd-card .item-avatar > img:first-child{max-width: 60px; max-height: 160px !important;}
.videocontenttext{padding-bottom: 80px; font-size: 1.3em; line-height: 1.7em;}
.videocontainermain .quizcontentdiv{width: 100%; margin: auto; margin-bottom: 0;}
.tile_view .contents .row .col .card span{top:calc(30%); line-height: 24px;}

.customimagequiz .row .col{float: left; width: 50%; min-height: 210px;}
.customimagequiz .col, .customimagequiz .main-content .row{display: block !important;}
.customimagequiz.quiz_mcq .main-content .card{height: auto !important;}
.customimagequiz.quiz_mcq .main-content .card .item, .customimagequiz.quiz_mcq .main-content .card .item h4{white-space: normal !important;}
.customimagequiz .row .col{margin-bottom: 20px !important;}
.customimagequiz.quiz_mcq .content-block .subhead h3{font-size: 16px; margin-bottom: 0;}
.customimagequiz.quiz_mcq .content-block .subhead{padding:5px 10px !important;}
.customimagequiz.quiz_mcq .main-content .card .item h4{font-size: 16px;}
.customimagequiz.quiz_mcq .main-content .card .item img{max-height: 120px !important; min-height: 120px !important;}
.customimagequiz.quiz_mcq .content-block .answer-details{margin: 0; padding: 10px;}
.customimagequiz.quiz_mcq .content-block .answer-details h3{margin-bottom: 0 !important; font-size: 16px;}

.topiccontainer{height: 200px; vertical-align: middle; display: table; width: 100%;}
.topiccontainer .card span{vertical-align: middle; display: table-cell !important; position: static !important;
    width: 90% !important; height: auto !important; margin: auto;}

    .tab-nav a.tab-item{margin-right: 1em !important;}


.row.picturechoice{display: flex !important; flex-flow: row wrap; display: flex; flex-wrap: wrap;}
.row.picturechoice .picturechoicediv{padding: 0 1% !important; flex: 1 0 45%; margin: 5px; height: 100px; max-width: 48%;}
.customimagequiz .row.picturechoice .picturechoicediv, .row.picturechoice .picturechoicediv{display: initial !important;}

}

@media (min-width: 600px) and (max-width: 767px) {
.dashboardgendergraph .gendergraphmobile.sidebyside.floatright{padding: 10px 0;}  
.assesment_area.displayresults h3, .assesment_area.displayresults .splitcells span{font-size: 16px !important;}
.did_you_know img{width: 30%;}
.did_you_know h2{font-size:2.5em;}
.did_you_know .scroll-content{margin-top: 50%;}
.did_you_know p{padding:50px; line-height: 40px;}
.did_you_know p .high{margin-bottom: 20px;}
.did_you_know .slider-pager{bottom: 40px;}
.did_you_know .slider-pager i{font-size: 25px;}
.slider-pager .slider-pager-page{margin:14px 10px 0px 10px;}
.course_content .mentor_insights .item-avatar h2{font-size: 18px !important; line-height: 24px !important;}
.mentor_insights .item-avatar .item-body > p{font-size: 16px; line-height: 20px;}
.page_poster_content, .page_poster_content p{font-size: 18px !important;}

.gradientbackground img{width: 40%;}
.gradientbackground p .high{margin-bottom: 25px;}
.gradientbackground h2{font-size: 2.5em;}
.gradientbackground .board{margin-bottom: 50px;}
.gradientbackground .slider-pager{bottom: 20px;}
.gradientbackground .bar-ecd-footer .button-ecd{margin-top: 30px;}
.tile_view .contents{margin-bottom: 65px;}
.lessoncontentpage .swipe-cards swipe-card{max-width: 70% !important; min-width: 70% !important; left: 15% !important;}
.lesson-component.maincont .videocontenttext{font-size: 1.5em !important; line-height: 30px;}

.topiccontainer{height: 200px; vertical-align: middle; display: table; width: 100%;}
.topiccontainer .card span{vertical-align: middle; display: table-cell !important; position: static !important;
    width: 90% !important; height: auto !important; margin: auto;}

 .profile_edit .nocontentscroll{width:100%;}
 .popquiz {
    width: 80%;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    overflow-y: auto;
    margin-left: 10% !important;
}

.topicassessment .scroll{width: 80%; margin-top: 80px;}
.topicassessmentpopup .maincontainer, .topicassessmentpopupcorrect .maincontainer{width: 80% !important;
left: 10%;}


.dynamicprofilepage.widgetsurvey{width: 80%; margin-top: 30px;}
.time_location{width: 50%;}
.intived_attended{width: 25%;}
.endsession{width: 25%;}
.courselanding .tab-ecd{margin-top: 150px !important;}
.userdropdowngrid{width: 80%;}

.sessiondiv .ecd-card h2 a, .owl-stage-outer .ecd-card h2 a{font-size: 15px !important;
  line-height: 20px !important; min-height: 54px;}
.sessiondiv .ecd-card .item.item-avatar, .owl-stage-outer .courseposter{max-height: 160px;}

.bottom_logos{width: 70%; position: absolute; bottom: 30px; left: 15%;}
.theme3styles .bottom_logos {
  width: 40%;
  position: relative;
  bottom: 30px;
  left: auto;
  right: auto;
  top:10px;
}


.onloginpage.loginpag.class_specific .content-block{width: 100% !important;}
.onloginpage.loginpag .login .content-block .login_form,  .onloginpage.loginpag .col-md-12{padding: 0px !important; margin: 0;}
.onloginpage.loginpag .login .content-block .login_form{padding-top: 0 !important;}
.onloginpage.loginpag .login .content-block .login_form{width: 100%; float: left;}
.onloginpage md-tabs .md-tab{font-size: 18px;}
.customregistration.globalfeedback .scroll{width: 96%;}
.customregistration.globalfeedback.topics .scroll{width: 100%; margin-top: 70px;}
.customregistration.globalfeedback.scenario .scroll{width: 100%; margin-top: 70px;}
.sessiondiv .ecd-card h2 a{font-size: 20px !important; line-height: 24px !important;}
.coursedetails_ui .item-body p{font-size: 18px !important;}
.course_content .content-block .lessons-list{padding-bottom: 500px !important; margin-top: 20px !important;}

.course_content .content-block .mentorinsightstabcontent .lessons-list{padding-bottom: 550px !important;}
.lessoncontent.lesson_content .content-block .lesson-component{padding-right: 0; padding-left: 0;}


.lesson.mentor_insights.bottomfixbutton{bottom: 370px;}
.slideswithcount{margin-top: 150px !important;}
.slideswithcount.topsection{margin-top: 0px !important;}
.mentor_insights .header h2, .profile .header h2, .mentor_insights .header h2, .profile_edit .header h2{text-transform: uppercase;}
.profile .header h2, .profile_edit .header h2{
  /* margin-top: 5px; */
}
.date_pace_count{margin-top: 80px;}
.attendancetitleleft{float: left; width: 50%; margin-top: 20px;}
.attendancetitleright {float: right; width: 50%;}
.attendanceui .table-content{padding-bottom: 200px;}
.attendanceui .orangebtn{padding: 15px 15px !important; line-height: 20px;}
/* .learners_ui .learners_content{margin-top: 25px;} */
/* .learner-lession-progress{padding-top: 20px;} */
.attendancerpt .header h4{line-height: 50px !important; color: #fff !important; font-size: 25px;
    font-weight: bold;}
.select_panchayath .languages .btn{font-size: 16px;}
.attendancerpt .table-responsive{width: 560px; overflow-x: auto;}

.mysurvey .header-item h3{line-height: 50px !important; font-size: 25px;}
.bar.bar-stable .title{overflow: visible;}

/* .assesmenttool .pagescrolling {
  margin-top: 55px !important;
} */
.retrievepassword .scroll{margin-top: 70px;}

.table-responsive.trainerdashboard{width: 96% !important; margin: auto; padding: 0; border-top: none;
    border-bottom: none;}
.table-responsive.bcidashboard{width: 96% !important; margin: auto; padding: 0; border-top: none;
      border-bottom: none;}

.imagemodal.announcementspopup .close{top: 70px;}
.course_new_ui .progress_bar_div{width: 100%;}
.courselanding .ecd-card .item-avatar > img:first-child{min-height: 160px !important;}

.video_player .video-js{width: 450px !important; height: 300px !important;}

.jigsawstart, .swipe_left_right .lessonsubmitbutton, .main-content.fillinblanks,
.resetbtnmain, .matchoptionsmain, .matchpairmain{width: 90% !important; margin: auto;}
.swipe_left_right .lessonsubmitbutton{display: block !important;}
.matchpairmain h2{font-size: 20px;}

.customregistration .maintitle_grey.lessons_titles .subtopic{font-size: 1.6rem;}
.topicassessment .assessmentcontainer .subgroupthree, .topicassessment .assessmentcontainer .lblforaudio,
.topicassessment .assessmentcontainer .lessonlabel label{font-size: 1.6rem !important;}
.customregistration .maintitle_grey.lessons_titles{padding-top: 15px;}
.reviewanswer, .quiztryagain{font-size: 1.6rem !important;}
.quiz-wrapper .answers li{font-size: 1.8rem !important;}
.main-content .row.swipers{bottom: 110px !important;}
.swipe_left_right .main-content #questions .drag_question{font-size: 2rem;
 left: calc(40% - 140px) !important; right: calc(40% - 140px) !important;}
.swipe_left_right .main-content #questions .drag_question img{margin-top: 15px;}


.login_bg{height: auto !important; margin-bottom: 30px !important;}
.lesson_content .content-block h2.title.fontsize0{top: -50px !important;}
.lesson_content .content-block .carousalbg h2.title.fontsize0{top:30px !important;}
.videocontainermain .quizcontentdiv.themecolor.quizcards{margin-top: 50px !important;}
.lesson-component.maincont .videocontenttext{margin-top: 0;}

.detailscore .progress{margin-bottom: 50px;}

.themecolor.quizcards .webcarousel{width: 80% !important;}
.contentheader{margin-top: 30px;}
.recommendedcourses .coursecontainer{margin-top: 90px; height: calc(100vh - 250px);}

/* .headerprofile{padding-top: 18px;} */
.introtext .roundedcardmain{width: 70%;}
.introtext .cardpostericon{width: 70%; margin: auto;}

.headerlogonew{height: auto !important;}
.themecolor .owl-item .roundedcardmain{height: 90% !important;}
.cardposter img{width: 90% !important; margin: auto; margin-top: 5%; border-radius: 100px;}
.slideleftright{top:25%;}
}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width: 768px) and (max-width: 1024px) {
.topicassessment .lessonlabel label{
  max-width:400px !important;
}
}

/* big landscape tablets, laptops, and desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

  /* On board */
  .onboard {
    width: 60%;
    margin: 0 auto;
  }

   /* Register */
  .register .content-block{
    width: 60%;
  }

  /* menu */
  .menu.menu-left{ width: calc(25%) !important; }
  #left-menu.menu.menu-left{ width: 35% !important; }
  #left-menu.menu.menu-left .menuprofleft{width: 100%;}
  /* .menu-open .menu-content{ transform: translate3d(calc(25%), 0px, 0px) !important; } */
  .menu-left .menu_list .col.card a.item{
    font-size: 0.9em;
  }
  .menu-left .menu_list .col.card a img{
    width: 30%;
  }


   /* Login */
  .login .content-block{
    width: 100%;
  }
.logindesc {
    color: #747886 !important;
    font-size: 16px;
    font-family: 'helveticaregular' !important;
    margin-top: 0px;
    position: relative;
    z-index: 999999;
    line-height: normal;
}
.onloginpage md-tabs .md-tab span {
    font-size: 24px !important;
    margin-bottom: 0px !important;
    line-height: normal !important;
}
.login_bg img {
  width: 80% !important;
  height: auto !important;
}
.onloginpage.loginpag .login .content-block .login_form {
  width: 100% !important;
}
  /* courses */
  .course_container .courses{
    width: 60%;
    margin: 0 auto;
  }

  .course_container .courses .ecd-card h2 a {
    height: 40px;
  }

  /* course Detail */
  .course_detail .course-card h2 { padding: 0.3em 0; }
  .course_detail .item-body p { padding: 0 2em; }

  .course_detail .course-img { height: 270px; max-height: 300px; }
  .course_detail .course-block{
   /* width: 60%;*/
    margin: 0 auto;
  }


  /* course content */
  .course_content .content-block{
    width: 60%;
    margin: 0 auto;
  }

  .course_content .course-img{
    height: 100%;
  }

.course_content .course-img h2{position: static; width: 100%; margin: 0 auto; display: block; padding: 122px 10% 10%;}
.lessonindexbg{width: 60% !important; margin: auto; height: 230px !important;}
.course_content .content-block{top: 240px;}

  /* lesson - article */
  .lesson_content .content-block {
    width: 60%;
    margin: 0 auto;
  }

  .lesson_content .lesson-img {
    background-position: 0 23%;
    height: 250px;
  }

  .lesson_content .lesson-footer{
    width: 60%;
    margin: 0 auto;
  }

  /* case studies */
  .case_studies {
    width: 60%;
    margin: 0 auto;
  }

  .case_studies .main-content{
    width: 60%;
    margin: 0 auto !important;
  }

  /* mcq */
  .quiz_mcq .main-content {
    margin: 0 auto;
    width: 60%;
  }

  .quiz_mcq .lesson-footer{
    width: 60%;
    margin: 0 auto;
  }

  /* Drag n Drop */

  .drag_drop .main-content .buckets .card {
    width: 80%;
    margin: 0 auto;
  }

  /* swipe - left - right */

  .row.swipers{
    margin-top: 10%;
  }

  /* tile - view */
  .tile_view .contents .main-content {
    margin: 0 auto;
    width: 50%;
  }

  /* Achievements */
  .achievements .contents {
    width: 40%;
    margin: 60px auto 0;
  }

.lesson_content .content-block.maincontent{width: 100% !important;}
.lesson_content .content-block.maincontent .pagescrolling{width: 60% !important; margin: auto;}

}


@media (min-width: 768px){
  .main-title{
    display: none;
  }
  .whitetheme .content-block .login_form {
    width: 100% !important;
    float: left;
}
.courselanding .courses{width: 60%; margin: auto;}
.popup-container .popup{}
/* .login .content-block{width: 60%;} */
.courselanding .courses{width: 96%;}
/* .course_detail .scroll, .tile_view .scroll{width: 80%; margin: auto;} */
.course_detail .course-block{margin-top: 0;}
.course_detail .course-card h2{font-size: 1.5em;}
.course_content .content-block{
  /* width: 80%;  */
  margin: 0 auto;
}

.course_content .course-img h2{position: static; width: 100%; margin: 0 auto; display: block; padding: 155px 10% 10%;}
.lessonindexbg{
  /* width: 80% !important;  */
  margin: auto;
  height: 240px !important;
}
.course_content .content-block{top: 240px;}

.course_content .course-img{height: 100%;}
.lesson_content .content-block .scroll{width: 100%; margin: 0 auto;}
.lesson_content .lesson-img{background-position: 0 23%; height: 250px;}
.did_you_know .did-you-know-title img{width: 20%;}
.did_you_know .board{width: 50%; margin: auto;}
.did_you_know p{font-size: 1.5em;}
.did_you_know p .high{margin-bottom: 25px;}
.did_you_know .scroll-content{margin-top: 40%;}
.did_you_know p{min-height: 230px; margin-bottom: 40px;}
.courselanding .ecd-card .item-avatar > img:first-child{
  /* max-width: 60px; 
  max-height: 60px; */
}

.courselanding .ecd-card .item-avatar{
  /* min-height: 120px !important; 
  max-height: 120px !important; */
}

.videocontainermain .quizcontentdiv{
  width: 100%; 
  margin: auto; 
  /* margin-bottom: 80px; */
}
/* .menu.menu-left{width: calc(45%) !important;} */
/* .menu-open .menu-content{transform: translate3d(calc(45%), 0px, 0px) !important;} */
/* .bar-ecd-footer{width: 60%; margin: auto;} */
.sendfeedback .scroll{width: 60%; margin: auto;}
.notifications .scroll, .help .scroll, .mentor_insights .scroll{width: 80%; margin: auto;}
.mentor_insights .button.button-ecd{width: 200px; margin: auto;}
.mentor_insights .contents .list .item-avatar h2{font-size: 16px;}
.mentor_insights .contents .list .item-avatar .item-body > p{font-size: 14px;}
.modal-open .modal{width: 100%; background: rgba(0, 0, 0, 0.8);}
.modal-open .modal .scroll{}
.mentor_insights .item-avatar .item-body > p{font-size: 14px;}
.mentor_insights .item-avatar h2{font-size: 16px;}
.tile_view .contents .row .col .card span, .blank_modal .blank_modal_article .text-container p{font-size: 1.3em;}
.lessoncontentpage .swipe-cards swipe-card{width: 40% !important; min-width: 40%; left:30%;}
.course_detail .course-img{height: 330px; max-height: 350px;}
.course_content.scrolling .scroll-content{height: 65% !important;}

.customimagequiz .row .col{float: left; width: 30%; min-height: 180px;}
.customimagequiz .col, .customimagequiz .main-content .row{display: block !important;}
.customimagequiz.quiz_mcq .main-content .card{height: auto !important;}
.customimagequiz.quiz_mcq .main-content .card .item, .customimagequiz.quiz_mcq .main-content .card .item h4{white-space: normal !important;}
.customimagequiz .row .col{margin-bottom: 40px !important;}
.customimagequiz.quiz_mcq .content-block .subhead h3{font-size: 16px; margin-bottom: 0;}
.customimagequiz.quiz_mcq .content-block .subhead{padding:15px !important;}
.customimagequiz.quiz_mcq .main-content .card .item h4{font-size: 16px;}
.customimagequiz.quiz_mcq .main-content .card .item img{max-height: 120px !important; min-height: 120px !important;}
.customimagequiz.quiz_mcq .content-block .answer-details{margin: 0; padding:15px 10px;}
.customimagequiz.quiz_mcq .content-block .answer-details h3{margin-bottom: 0 !important; font-size: 18px;}
.customimagequiz.quiz_mcq .row .col{padding: 0 1% !important;}
.customimagequiz.quiz_mcq  .main-content .col .answer{right: 0 !important; bottom: -30px !important;}


.topiccontainer{height: 150px; vertical-align: middle; display: table; width: 100%;}
.topiccontainer .card span{vertical-align: middle; display: table-cell !important; position: static !important;
    width: 90% !important; height: auto !important; margin: auto;}


.row.picturechoice{display: flex !important; flex-flow: row wrap; display: flex; flex-wrap: wrap;}
.row.picturechoice .picturechoicediv{padding: 0 1% !important; flex: 1 0 31%; margin: 5px; height: 100px;  max-width: 32%;}
.customimagequiz .row.picturechoice .picturechoicediv, .row.picturechoice .picturechoicediv{display: initial !important;}
.customimagequiz .main-content .row.picturechoice{display: flex !important; }


}

/* hi-res laptops and desktops */
@media (min-width:1280px) {
.learnerdatascroll {
  height: calc(100vh - 99px);
}
#custommmoverlay .popquiz {
  /* width: 40% !important; */
}

.vjs-fullscreen.video-js .vjs-overlay {
  width: 50% !important;
}
.video-js.vjs-fullscreen #custommmoverlay .popquiz {
  height: 100vh !important;
  max-height: 100vh !important;
  max-width: 75%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.selfflearnerprogress .progress{
  width: 200px;
  float: right;
}

/* .view-container .footer_next_prevbtns .lesson-footer .footer-title {

    margin: 4px 0px 0 0px !important;
} */
.trainerwelcomediv{
 flex-direction:flex-start !important;
}

  .coursedetails_ui .course-img{
  height: 350px !important;
}
  .startcourse_btn{
  color: #fff;
  display: block;
  background-color: transparent;
  border:none;
  margin: auto;
  padding: 10px 0;
  font-size: 16px;
}
.did_you_know .did-you-know-title img{width: 40%;}
.popup-container .popup{}
.login .content-block{width: 30% !important;}
.courselanding .courses{width: 96% !important;}
/* .course_detail .scroll, .tile_view .scroll{width: 60% !important; margin: auto;} */
.course_detail .course-block{margin-top: 0;}
.course_detail .course-card h2{padding: 0.3em 0;}
.course_detail .course-card h2{font-size: 2em;}
.course_content .content-block{
  /* width: 60%;  */
  margin: 0 auto;
}
.course_content .course-img h2{position: static; width: 100%; margin: 0 auto; display: block; padding: 160px 10% 10%;}
.lessonindexbg{
  /* width: 60% !important;  */
  margin: auto;
  height: 230px !important;
}
.course_content .content-block{top: 240px;}
.course_content .course-img{height: 100%;}
.lesson_content .content-block .scroll, .lesson_content .content-block .pagescrolling,
.bar.bar-footer.lesson-footer{width: 60% !important; margin: 0 auto;}
.lesson_content .lesson-img{background-position: 0 23%; height: 250px;}
.did_you_know .did-you-know-title img{width: 10%;}
.did_you_know .board{width: 30%; margin: auto;}
.did_you_know p{font-size: 1.5em;}
.did_you_know p .high{margin-bottom: 25px;}
.did_you_know .scroll-content{margin-top: 18%;}
.did_you_know p{min-height: 230px; margin-bottom: 40px;}
.sendfeedback .scroll{width: 60%; margin: auto;}
.notifications .scroll, .help .scroll, .mentor_insights .scroll{width: 60%; margin: auto;}
.mentor_insights .button.button-ecd{width: auto; margin: auto;}
.mentor_insights .contents .list .item-avatar h2{font-size: 16px;}
.mentor_insights .contents .list .item-avatar .item-body > p{font-size: 14px;}
.modal-open .modal{width: 100%; background: rgba(0, 0, 0, 0.8);}
.mentor_insights .item-avatar .item-body > p{font-size: 14px;}
.mentor_insights .item-avatar h2{font-size: 16px;}
.lessoncontentpage .swipe-cards swipe-card{width: 50% !important; min-width: 50%; left:25%;}
.case_studies .scroll, .quiz_mcq .scroll{width: 60%; margin: auto;}
.blank_modal_article .scroll{height: 100%;}
.blank_modal .blank_modal_article{background: rgba(0, 0, 0, 0.8);}
.drag_drop .main-content .buckets .wrong_bucket .card, .drag_drop .main-content .buckets .right_bucket .card{height: 160px;}
.drag_drop .main-content .buckets .right_bucket, .drag_drop .main-content .buckets .wrong_bucket{width: 180px;}
/* .drag_drop .main-content{width: 40%; margin: auto;} */
.swipe_left_right .main-content h4.info{margin: calc(25% - 100px) auto;}
.blank_modal.blank_modal_askq .contents{width: 50%; margin: auto; height:80%; top: 5%; border-radius: 10px;}
.replypopqanda a.close_button{right: 24%; top: 10%;}
.blank_modal.blank_modal_askq .contents.mentorpopup{margin-top: 5% !important;}
.blank_modal.blank_modal_askq .contents .text-container form textarea{height: 150px;}
.blank_modal_askq .head h2.title{top:30px;}
.blank_modal.blank_modal_askq .contents .text-container{margin-top: 40px;}
.gradientbackground .did-you-know-title img{width: 20%; margin-top: 0px;}
.gradientbackground .board{width: 60%; margin: auto;}
.gradientbackground p{min-height: 230px; margin-bottom: 40px; font-size: 1.5em;}
.gradientbackground p .high{margin-bottom: 25px;}
.gradientbackground .bar-ecd-footer .button-ecd{margin-top: 30px;}
}

@media only screen and (min-width: 600px){
.campaignscrolldiv .campaigncontainer{width:250px !important; margin: auto; margin-bottom: 30px;}
.campaignscrolldiv .campaigncontainer img{width: 100%;}
.video-js .vjs-overlay iframe{width: 40% !important; left: 10% !important; height: 100% !important;
margin-top: 5% !important;}
.iframeclass .mainquestioncontainer .showlabel label{font-size: 1.6rem !important;}
.feedbacktext h3{font-size: 24px;}
.reviewanswer, .quiztryagain{padding: 10px 20px;}
.case_studies .content-block h3{font-size: 20px;}
.case_studies .content-block .subhead{margin: 15px 0;}
.case_studies .content-block .main-content{width: 100%;}
.quiz_mcq .main-content .col .answer{right: 15px; }
.quiz_mcq .main-content .picturechoice .answer{right: 0px !important; bottom: 0 !important;}
.pagescrolling{height: 100%; }

.class_specific_inner .select_language{}
.courselanding .tab-nav.tabs{margin-top: 45px;}
.courselanding .tab-ecd{padding-bottom: 150px;}
.modal-backdrop .modal{width: 100% !important;}


 .endsession{width:18% !important;}
 .categorymaincls h3{width: 80% !important;}
 .learnerflow .categorymaincls h3{width: 100% !important;}

.headercontainer{width: 100%;}
.lesson_content .content-block.maincontent #video{margin-top: 70px !important;}
.introtext .newdesign02 .statictext{font-size: 24px; line-height: 34px;}
.introtext .newdesign02 .mainheading{font-size: 26px;}
.introtext .newdesign02 .statictext .customtabs md-tabs.md-primary>md-tabs-wrapper>md-tabs-canvas>md-pagination-wrapper>md-tab-item:not([disabled]){
font-size: 22px;}
.introtext .newdesign02 .subheadingtext{font-size: 24px;}
.introtext .newdesign02 .subheading p{font-size: 18px; line-height: 30px;}
.introtext .newdesign02 md-content{min-height: auto;}

.picturechoicediv.picquiz.radio_carousal_view .card{}
.radio_carousal_view.picturechoicediv .card.right img{max-height: 120px !important;}
.radio_carousal_view.picturechoicediv .answer i{font-size: 18px;}
.radio_carousal_view.picturechoicediv{}
.picturechoicediv.picquiz.radio_carousal_view .card{margin: 0 5px;}
.radio_carousal_view.picturechoicediv{margin-bottom: 10px;}

.loginpag.loginnew .alert-danger{float: left; top: -30px;}

/* .noshadowdiv{top: 70px;} */
.mentordashboard .noshadowdiv{top: 0px;}
}
@media only screen and (min-width: 990px){

.pop_quiz_div .dragdropanscontainer [ng-drag]{display: initial;}
/*.pop_quiz_div [ng-drag] .contentmiddle img{margin-top: 10px;}*/
.vjs-fullscreen.video-js .vjs-overlay {
  width: 100% !important;
}

.vjs-fullscreen.video-js .vjs-overlay #custommmoverlay {
  width: 40% !important;
}


.video-js .vjs-overlay{width: 100% !important; padding: 0 !important; height: 100% !important;  background:rgba(0, 0, 0, 0.8) !important;
  left: 0 !important; top: 0 !important;}
  .video-js .vjs-overlay{height: calc(100% - 30px) !important;}
.vjs-fullscreen .vjs-overlay iframe{width: 40% !important; left: 10% !important;
  height: 50% !important;  margin-top: 10% !important;}
.vjs-fullscreen .vjs-overlay iframe .showlabel label{font-size: 16px !important;}


.themecolor.pane .scroll{width: 40%; margin: auto;}
.roundedcardmain{
  /* width: 95%;  */
  margin: auto; 
  /* margin-top: 20px;  */
  float: left;
}

.newcontainer{width: 90%;}
.cardtitle{
  margin-top: 20px; 
  font-size: 14px; 
  line-height: 20px;
}
.newcardstyle .cardtitle{margin-top: 15px !important;}

.imageslidermain.slider .onlyimage img{
  width: 60%; 
  margin-top: 5px; 
  /* height: calc(100vh - 106px); */
}

.oneoffdiv{font-size: 14px;}
}

@media only screen and (min-width:900px) and (max-width: 970px){
.vjs-fullscreen .vjs-overlay iframe{margin-top: 12% !important; height: 55% !important;
    width: 60% !important;}

}

@media only screen and (max-width:480px) {
.row-flex .col-xs-8,
.row-flex .col-xs-4{
  width: 100% !important;
}


.percompleted {
    position: relative;
    margin-right: 3rem;
}

.viewbaseline .profilecomplete{
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    /* margin-top: 2rem;
    margin-left: 4px; */
    margin-bottom: 10px;
}
.onboardfooter .signinbtn {
    width: 100%;
}

.vjs-fullscreen .vjs-overlay iframe{margin-top: 20% !important; height: 60% !important;}
.imagesliders .onboard0.board p{width: 96%; left: 2%;}
.imagesliders .slider-pager{bottom: 5px !important;}

}

@media only screen and (min-width:540px) {
.defaulttext{width:80%; margin:auto; padding-top: 120px;}
}

@media only screen and (min-width:900px) {
.contentmainpart .leftimgpart img{height: 325px;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages img{max-height: 150px; min-height: 150px;}
.lessoncontent.lesson_content .lessonquizholder .mainquestioncontainer .lessonquizmain.withimages{min-width:300px !important; max-width:300px !important;}
.theme3.topiccontent.tile_view.topicstemp .newtopicdesign{width: 60%; margin: auto; float: none; margin-top: 30px;}
.lesssoncarousel .sessiondiv.subcategories .courseposter .comingsoon{min-height: 120px; max-height: 120px;}
.lesssoncarousel .sessiondiv.subcategories .courseposter{min-height: 120px; max-height: 120px;}
/* .lesssoncarousel .sessiondiv.subcategories .courseposter img{height: 120px !important;} */
.filter-tags{max-width: 300px !important;}
.pmsdataform.searchformpop .registrationpopup.eventpopup, .pmsdata.pmsdataform.searchformpop .closebtn{width: 25%;}
/* .menu.menu-left,.menu.menu-right { width: calc(30%) !important;} */
/* .menu-open .menu-content{transform: translate3d(calc(30%), 0px, 0px) !important;} */
  .resumebtn .resumebutton{min-width: 135px;}
.profile_edit .content-block .button-ecd-join{margin: 0; margin-top: 10px;}
.profile_edit .regsiteration_form{width: 30%; margin: auto;}
.profile_edit .content-block .regsiteration_form input{width: 100%;}
.blank_modal_article.scroll-content.ionic-scroll .scroll{width: 40%; margin: auto;}
.quiz_mcq .main-content .col .answer{right: 30px;}
.lamborghini .Diablo, .lamborghini .gallardo{background: none !important;}
.lamborghini .gallardo:before, .lamborghini .Diablo:before{text-shadow:none !important;}

.class_specific .select_language{right: 0%; top: 0; width: 150px; margin-top: 0px;}
.class_specific_inner .select_language{right: 5%; top:50px; width: auto;}
.courselanding .tab-nav.tabs{margin-top: 45px;}
.courselanding .tab-ecd{margin-top: 70px; padding-bottom: 75px;}

.imagesliders .slider-pager{bottom: 5px !important;}
.courselanding .tab-nav.tabs{width: auto !important;}
.courselanding .tab-nav a.tab-item{margin-right: 60px;}
.cousedescriptiontext{min-height: 75px;}

.lessoncontent.lesson_content .content-block .pagescrolling, .lessoncontent.lesson_content .bar.bar-footer.lesson-footer
{width: 100% !important;}

.cousedescriptiontext{font-size: 16px !important;}
.sessiondiv .ecd-card h2 a{font-size: 18px !important;}
.sessiondiv .ecd-card h2 a, .owl-stage-outer .ecd-card h2 a{min-height: 35px !important;}
.cousedescriptiontext{min-height: 70px !important; max-height: 70px; overflow: hidden;}
/* .sessiondiv .ecd-card .item{padding: 0 0.2em !important;} */
.sessiondiv .ecd-card h2 a{margin-top: 0 !important;}
.course_new_ui .progress_bar_div{padding-bottom: 0px;}
.lesson_content .content-block h2.title.fontsize0{font-size: 24px; margin-top: 0;}
.lessoncontent.lesson_content .content-block .lesson-component{padding: 1em 1em;}
.mentor_insights .button.button-ecd{font-size: 18px !important; padding: 5px 0;}
.startcourse_btn{font-size: 16px !important; padding: 10px 0;}
.lessionindexui .content-block .lessons-list .item-avatar h2, .tab-nav.tabs .tab-item{font-size: 18px !important;}
.newheader .header_lg, .coursedetails_ui .header_lg, .trainings_ui .header_lg,
.bar.bar-header{height: 55px !important; line-height: 55px;}
.newheader .headertitle h4{line-height: 35px !important; font-size: 22px !important;}

.theme3 .newheader .headertitle h4 {
  line-height: 38px !important;
  font-size: 18px;
}


.newheader .lamborghini .Diablo, .trainerdashboard .lamborghini .Diablo, .bcidashboard .lamborghini .Diablo, .trainings_ui .lamborghini .Diablo{top: 0px !important;}
.course_new_ui.courselanding .tab-nav.tabs{margin-top: 45px !important;}
.coursedetails_ui .course-card{padding-top: 0px;}
.coursedetails_ui .course-img{height: 280px !important;}
.course_detail .posterbg{background-size: 100% 100%;}
.course_detail .course-card h2{margin-bottom: 10px !important;}
.course_detail .course-card h2{padding-bottom: 0; padding-top: 0;}
.course_type_count:after{bottom: -20px;}
.coursedetails_ui .item-body p{margin-top: 45px;}
.course_content .course-img{margin-top: 55px;}
.lessionindexui.course_content .course-img h2{line-height: 70px !important; font-size: 22px;}
.lessionindexui .content-block .lessons-list .item-avatar .mentordesc h2{font-size: 16px !important;}
.headerwithbg.header_lg.headertitle h3{padding-top: 5px; font-size: 22px; margin-top: 10px; line-height: 30px;}
.header.mentorpadding{padding: 10px 0;}
.mentor_insights .header h2, .profile .header h2{font-size: 15px; text-transform: uppercase;}
.bar.bar-ecd .title.title-center.header-item, .bar .title.title-left{margin-top: 2px; text-transform: uppercase;
font-size: 22px; font-family: 'boldfont' !important;}
.bar.bar-header .left-buttons button{top: 0;}
.popup-container .popup{}
.onboard.onloginpage .slider-slide img{height: 330px; width: 100%;}
.onboard.whitetheme .slider-slide img {
  height: auto;
  margin-bottom: 0px;
}

.trainerdashboard .header_lg{height: 75px !important;}
.trainerdashboard .headertitle h4{font-size: 22px; line-height: 35px !important;}

.bcidashboard .header_lg{height: 55px !important;}
.bcidashboard .headertitle h4{font-size: 22px; line-height: 35px !important;}


.onboard.onloginpage .bar-ecd-footer{
  width: 50%;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.theme3 .webmodeforcourse {
  width: 100%;
  margin: auto;
}
.lessonowl.themecolor.pane{/*width: var(--containerwidth) !important;*/ margin: auto;}
.courselanding.webmodeforcourse{/*width: var(--containerwidth);*/ margin: auto;}
.webmode.ipdashboard {
  width: 70% !important;
  margin: auto;
}
.webmode.mentordashboard {
  width: 50% !important;
  margin: auto;
}
.webmode.mentordashboard.baselinelisting{
  width: 65% !important;
}
.viewbaseline.webmode.mentordashboard {
  width: 70% !important;
  margin: auto;
}
.viewbaselinesurvey .viewbaseline.webmode.mentordashboard {
  width: 100% !important;
  margin: auto;
}
.viewbaseline .profiledetailrow .labeltext{width: 43%; margin-right: 2%;}
.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 25px !important;}
.newheader.learners_ui.webmode{
  width: 60%;
}

.webmode.bcidashboard {
  width: 70% !important;
  margin: auto;
}

.lessoncontent.lesson_content .content-block .lesson-component.carousalquiz{height: auto !important; min-height: 100vh !important;}
.pane {
  background-color: #ececec !important;
}
.bg-white,
.align_width_center {
  background-color: #ffffff !important;
}

.course_new_ui.courselanding .courses{background: #fff !important;}
/* .sessiondiv{width: 31% !important; margin: 10px 8px 10px 10px !important;} */
.webmode .scroll, .webmode .lessonindexbg, .webmode .content-block{width: 100% !important; background:#fff;}
.webmode .col-md-offset-3{margin-left: 0;}
.profile_edit.webmode .nocontentscroll{width: 100%; background: #fff; margin-top: 0; padding: 20px;}
.profile_edit.webmode .header h2{margin-top: 0;}
.profile_edit.webmode .header{padding-top: 4px;}
.lessionindexui .lessons-list{margin-top: 0 !important; padding-top: 10px !important; background:#fff;}
.lessionindexui.webmode .tab-nav.tabs{background: #fff;}
.webmode .customregistration .scroll{
  margin-top: 0;
  background: #fff;
  display: inline-block;
  padding: 30px 15px;
  /* margin-top: 40px; */
}
.webmode .customregistration .scroll .col-md-6{width: 100%;}
.webmode .globalfeedback .customregistration{background: #fff; padding: 0px;}
.newheader.webmode .maincontain{background:#fff;}
.trainings_ui .headertitle h4{line-height: 35px !important;}
.training-content{top: 55px;}
.trainings_ui.webmode .col-lg-3{width: 50%;}
.webmode.sessioninfo .sessiondetails{margin-top: 55px !important; padding: 20px 0; position: relative; z-index: 9;}
.webmode .courses.sesssions .view-container{margin-top: 0px; background:#fff; padding-bottom: 230px;}
.profile .contents .profile_info{background: #fff !important; margin-top: 0 !important; padding-top: 30px;}
.profile .tab-ecd{background: #fff;}
.maincontainer.trainings_ui .col-lg-3{width: 50% !important;}
.sesssions .sessioncontent .maincontainer{margin-top: 0;}
.sessioncontent{display: inline;}
.categorymaincls h3, .course_detail .course-card h2{font-size: 20px;}

.course_detail.webmode .scroll{height: 100%;}
.onboardtitle, .onboard h2, .onboard p{width: 50%;}
.langdiv.ui-select-container{line-height: 55px;}
.attendancetitleleft{float: left; width: 50%; margin-top: 20px;}
.attendancetitleright {float: right; width: 50%;}
.attendanceui.course_content.scrolling .scroll-content{height: 100% !important;}
.attendanceui .table-content{padding-bottom: 200px;}
.attendanceui .orangebtn{padding: 10px 15px !important; line-height: 20px;}
.attendancerpt.webmode .col-md-offset-3{margin-left: 25%;}
.select_panchayath .languages .btn{font-size: 16px;}
.course_content .content-block .lessons-list{padding-bottom: 300px !important;}
.attendancerpt .header h4{line-height: 35px !important; color: #fff !important; font-size: 22px;
    font-weight: bold;}
.orangebtn, .graybtn{padding: 5px 60px !important;}

.webcarousel{width: 60%; margin: auto;}
.webcarousel .roundedcardmain .cardicon img{width: 100px !important; border: none !important;}
.webcarousel .owl-carousel .owl-stage{padding-right: 0;}
.webmode .scenario .customregistration .scroll, .webmode .scenario .customregistration{padding: 0 !important;}
.newdesign02 .statictext{font-size: 16px; line-height: 24px;}
.newcontainer.quiz2{width: 80%;}
.newcontainer.quiz2 .roundedcardmain{width: 100%;}
.questionof{top: -10px;}
.themecolor .progresstime{width: 35%; display: flex; justify-content: center;}

.lesson_content .content-block.maincontent #video{margin-top: 55px !important;}
.webmode .customregistration.newdesign02 .scroll{padding: 15px 0px}

.webmode .globalfeedback.topics .customregistration{padding: 0;}
.topics .leftlogo{width: 25%;}
.lesstionpicmain, .newdesign02.scenario .statictext{
  /* margin-bottom: 50px; */
}

.introtext .lamborghini .fa.fa-sign-out{line-height: 60px; font-size: 30px;}
.themecolor.quizcards .lessonnewquizstyles .form-group .list label{font-size: 16px;}
.themecolor.quizcards .lblforaudio{width: 100% !important; font-size: 18px; line-height: 18px; margin-bottom: 10px;}
.themecolor.themecolor .lessonnewquizstyles .mainquestioncontainer .showlabel label{width: 100% !important;}

.lesson_content .content-block h2.title.fontsize0 {font-size: 22px;}
.themecolor.quizcards .lessonnewquizstyles .form-group .list label{font-size: 16px !important;}
.contentheader{margin-top: -15px;}
.contentheader .iconimage{width: 150px; height: 150px; margin-right: 20px;}
.introtext .startcourse_btn{padding:10px 20px !important;}
.introtext.themecolor .cardtitle{font-size: 18px !important; line-height: 24px;}
.introtext .newdesign02 .subheadingtext{font-size: 20px;}
.introtext .roundedcardmain .subheadingtext{margin-top: 10px;}
.introtext .newdesign02 .statictext{font-size: 20px; line-height: 24px;}
.introtext .newdesign02 .mainheading{font-size: 22px;}
.introtext .lamborghini .fa.fa-sign-out{line-height: 55px !important;}

.themecolor .progresstime .time{width: 40%;}
/* .themecolor .progresstime .progress{width: 40%;} */
.introtext .lesson-component.maincont .videocontenttext{padding-top: 15px;}

.dashbordnew.webmode{width: 50% !important;}
/* .noshadowdiv{top: 60px;} */
.mentordashboard .noshadowdiv{top: 0px;}
.left40{margin-left: 40px;}

.owl-item .item.item-text-wrap h2 a{font-size: 18px !important; font-weight: 600;}
.coursescale .iphonescroll{padding: 0; padding-bottom: 100px;}

.onvideocard .cardtitle{margin-top:30px !important;}
.onvideocard .cardicon{left: calc(50% - 40px); bottom: -30px;}
.assesmenttool .lamborghini .headerprofile .profilesub{max-width: 200px; text-overflow: ellipsis;
    white-space: normal;}
/* .videocontainermain .quizcontentdiv{margin-top: 55px !important;} */

.vjs-fullscreen .imageslidermain.slider .onlyimage .pagefold img{height: auto !important; width: 63% !important;}
.relatedimagepopupdiv{width: 60%; margin: auto; height: 95% !important;}
.contentinfullscreen .relatedimagepopupdiv{width: 60%; margin: auto; height: 90% !important; padding-top: 45px;}
.contentinfullscreen .relatedvideopopupdiv{width: 80% !important; height: 78.2% !important;}

.registration-wrappr .tabsetmain .md-padding{padding: 0 0;}
.registration-wrappr .tabsetmain .row.onlycheckbox{padding: 0;}
.registration-wrappr .tabsetmain md-pagination-wrapper{justify-content: center; right: 0;}
.registration-wrappr .tabsetmain.baselinetabs md-pagination-wrapper{right: auto !important;}
.registration-wrappr .tabsetmain .mainquestioncontainer .showlabel label{font-size: 16px !important;}

.registration-wrappr .mainquestioncontainer input{width: 200px !important;}
.registration-wrappr .mainquestioncontainer .customdatepicker input{width: 170px !important;}

.pmsdataform .registrationpopup.eventpopup, .pmsdata.pmsdataform .closebtn{width: 45%;}


#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field.formly-field-drag-n-drop{
  width: 60% !important; margin:auto !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field.formly-field-radio .radioboxbtn{
  width: 60% !important; margin:auto !important;}

.pop_quiz_div .drag-n-drop_container .dragdropheading{font-size: 16px;}

.lessonowl.themecolor.pane .altertopics .scroll{width:96% !important;}

}

@media only screen and (min-width:770px)  and (max-width: 850px) {
/* .menu.menu-left{ width: calc(70%) !important; } */
/* .menu-open .menu-content{ transform: translate3d(calc(70%), 0px, 0px) !important; } */
.onboard.onloginpage .slider-slide{margin-top: 80px;}
.class_specific .select_language .languages{margin: 30px !important;}
.onboard.onloginpage .sociallogins{margin-top: 80px;margin-bottom: 60px;}
.bar.bar-footer.lesson-footer{height: 60px;}
.bar.bar-footer.lesson-footer i.button.button-icon{padding-top: 10px;}
.class_specific .select_language{width: auto;}
.slider-pager{bottom: 5px;}
}

@media only screen and (min-width:621px)  and (max-width: 768px) {
.row.onlycheckbox .lessonlabel label, .checkboxoptiondivs .lessonlabel label{
  max-width:300px !important;
}

/* .sessiondiv{
  width: 46% !important;
  margin: 2% !important;
} */

}

@media only screen and (min-width:320px)  and (max-width: 580px) {
.mydashboard.trainerdashboard.attendanceui.ipdashboard.learnerlistdash .nocontent{text-align: left !important; display: block !important;}
.mydashboard.trainerdashboard.attendanceui.ipdashboard.learnerlistdash .scalelogout{padding: 0;}
.mydashboard.trainerdashboard.attendanceui.ipdashboard.learnerlistdash .lamborghini.headerwithbg button img{display: none;}
.courselangdiv .ontabactive.langdiv{margin-top: 55px;}
.headprofnotify .profilelogout{width: 135px;}
.mydashboard.trainerdashboard .graphtoggle{position: relative !important; left: auto; margin: 5px 0 5px 15px !important;}
.mydashboard.trainerdashboard .tabrightsection{margin-bottom: 10px;}
.socialloginbtns{display: block;}
.customloginblock .login_form .btn-success, .customloginblock.content-block .login_form .loginbutton{width: 100%;}
.courselanding.learnerflow .lamborghini img.headerlogonew{max-width:100px; height: auto;}
.courselanding.learnerflow .lamborghini .profilelogout .profile-info-right .profile-name{width:80px; white-space: nowrap; text-overflow: ellipsis;}
.courselanding.learnerflow .lamborghini .Diablo{padding-left: 0; top: 0 !important;}
.headprofnotify .notification{margin-top: 8px !important;}
.learprofile .profile.profileedit .has-header{margin-top:45px !important;}
.learprofile .profile .contents .profile_info .button.button-ecd{margin: 0;}
.lead{margin-top: 5px !important;display: inline-block;}
.recordcount{text-align: left; font-size: 14px;}
.learnerlistdash .spaceremove.tablestyles .addnewuserbtn{right: 5px;}
.onboardnew .logoright.ftma_partner img{max-width: none; width: 100% !important; height: auto !important;}
.profile_edit.customregistration.newheader .has-header{margin-top: 55px;}
.onboardnew .logoright.ftma_partner{width: 53% !important;}
.webmobile{display: none;}
.onlymobile{display: block !important; margin: auto; margin-bottom: 10px; margin-top: 15px;}
.ftma-aa-operations.pane .aaoneview.has-header{padding-top: 50px}
.ftma-aa-operations.pane .aaoneviewfilters.top-right-column{justify-content: flex-start; margin-top: 20px;}
/* .db-footer.mb-3.pr-2.d-block.text-right img, .db-footer.pr-2.d-block.text-right img{width: 240px;} */
.headingtopindicators.graphtogglediv .graphtoggle{margin-top:10px; left: 0; position: absolute;}
.headingtopindicators.graphtogglediv .topindicators{margin-top: 40px; justify-content: flex-start;}
.headingtopindicators.graphtogglediv .topindicators .indicatorleft{margin-left: 25px;}
.showsummarycls .col{margin-bottom: 20PX;}
.aaoneview .aaoneviewrow .newuidesign .row{width: 80%; margin:auto;}
.ftma-aa-operations .transaction-summary-counts.newuidesign .pos-db-farmers-count{padding-bottom: 15px !important;}
.headingtopindicators .topindicators{justify-content: flex-end;}
.headingtopindicators{display: block;}
.headingtopindicators .topindicators div{font-size: 14px;}
.indicatorleft::before, .indicatorright::before{top: 10px;}
.topnewui .topnewuivc .pos-db-body-right .pos-db-title{line-height: 18px; font-size: 14px;}
.topnewui .newuidesigntrxs .pos-db-footer .pos-db-footer-left, .newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.greybg{width: 95% !important; margin-bottom: 15px !important;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-right, .newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.yellowbg{width: 70% !important;}
.newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.greybg, .topnewui .ksh, 
.newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.yellowbg, .newuidesigntrxs .pos-db-footer .pos-db-footer-right,
.topnewui .newuidesigntrxs .pos-db-footer .pos-db-footer-left{font-size: 14px !important;}
.topnewui{padding-left: 15px; padding-right: 15px;}
.ftma-aa-operations .topnewui .transaction-summary-counts.newuidesign .pos-db-farmers-count{padding: 15px 10px !important;}
.topnewui .newuidesign .row .innermodule p{font-size: 12px;}
.topnewui .pos-db-farmers-count-numer h5{font-size: 16px;}
.indicators .indicatordiv{display: block;}
.newuidesigntrxs .indicators .greybg, .newuidesignvc .indicators .greybg{float: left; width: 80px !important;
 text-align: center;}
 .newuidesigntrxs .indicators .yellowbg, .newuidesignvc .indicators .yellowbg{float: left; text-align: center;}
.mentor_dashboard .secondary-title{width: 100% !important; font-size: 14px !important;}
.newuidesign .container-fluid .row{width: 100%; margin: auto;}
.newuidesign .row .innermodule{margin-bottom: 15px;}
.newuidesigntrxs .pos-db-body{min-width: 75px;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-left, .newuidesigntrxs .pos-db-footer .pos-db-footer-right{min-width: 75px;}
.switch{margin-left: 0; height: 25px;}
.slider-switch:before{height: 17px;}
.switchtitle .slect-box-title{line-height: 28px;}
.headerdivider{display: none;}
.col-12.topfileters .select-year{margin-right: 15px !important;}
.col-12.topfileters{padding: 0;}
.headerdivider{height: 45px; margin-top: 10px;}
.newuidesign .row .innermodule p{font-size: 12px; line-height: 15px;}
.newuidesignvc .yellowbg{min-width: 75px; font-size: 12px;}
.newuidesignvc .greybg{min-width:80px; font-size: 12px;}
.newuidesigntrxs .pos-db-footer .pos-db-footer-left{margin-bottom: 5px !important; padding: 3px 10px !important;}
.newuidesignvc .pos-db-title{text-align: left;}
.rowheadingfilters .aaoneviewfilters.col-8{position: static;}
.transaction-summary-counts .row .pos-db-farmers-count-numer h5{min-width: 110px;}
.headerdivider{margin: 0 5px; height: 25px;}
.aaoneviewfilters.top-right-column .select-year .slect-box-title{font-size: 12px;}
.aaoneviewfilters.top-right-column .select-year select{font-size: 12px; height: 20px; padding:0 2px;}
.rowheadingfilters .col-4{width: 100%; padding: 0; flex: 100% !important; max-width: none;}
.rowheadingfilters .col-8{position: absolute; bottom: -50px; width: 100%; padding: 0; flex: 100% !important; max-width: none;}
.rowheadingfiltersbottom{margin-top: 0px;}
.rowheadingfilters{position: relative;}
/*.rowheadingfilters .col-8 .flex-column{flex-direction:row !important;}*/
.rowheadingfilters .col-8 .flex-column .help-text-top{display: none;}
.videoWrapper.vimeovideo iframe{width: 100% !important; height: 240px !important;}  
.appdashstyles .profileinfocard{padding-left: 0;}
.appdashstyles .profilepiccard{margin-bottom: 10px;}
.appdashstyles .profilecard h4, .appdashstyles .profilecard h2{text-align: center;}
.appdashstyles .profilecard{flex-direction: column;}
.appdashstyles .personalinfo .personalinfoinnerleft{width: 50%; text-align: right;}
.mapcontent{position: static !important; margin: 0; margin-top: 20px; width: 100%; min-width: auto;}
.showallopts .mappopover{max-width: none; width: 100% !important;}
.mappopover{width: 100%; max-width: none;}
.map-close{display: none;}
.location-details{overflow: scroll;}
.mcrp_dashboard .yellowbgnew .pos-db-farmers-count{margin-bottom: 20px !important}   
.mcrpdash #value_chains svg, .mcrpdash #age_group svg{width: 320px !important;}
.trainerdashboard.ipdashboard.mcrp_dashboard.pane .card.shadow .tabrightsection{position: static !important; margin: 10px;}
.imgviewgrid .table-responsive .table-custom td, .imgviewgrid .table-responsive .table-custom th{font-size: 12px;}
.lesssoncarousel.singlerowstyles .sessiondiv.subcategories .courseposter img{height: auto !important;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecomplete .percompleted span{left: 35px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .row-flex .percompleted{margin-right: 0; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilecomplete .profilecompletetitle{width: 100% !important; background:#f1f1f1; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .row-flex .profilecomplete{display: block !important; margin-top: 0; border: solid 1px #f1f1f1; margin-left: 0;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .flex-row.onlycheckbox.optiondivs .list label{padding: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .flex-row.onlycheckbox.optiondivs{float: none; width: 100%; display: block; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewcheckbox{margin-bottom: 0 !important; padding-bottom: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field .viewrightlabel{width: 100% !important; float: none; display: block; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewinput .form-group{padding-bottom: 0;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewcheckbox .form-group .showlabel.viewleftlabel label{margin-bottom: 0;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewcheckbox .form-group .mainquestioncontainer{margin-bottom: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .form-group{border:solid 1px #f1f1f1; margin-bottom: 5px !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .onlycheckbox .list .item{margin-right: 0 !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .onlycheckbox .list label{width: 100% !important; padding: 5px !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .form-group{border:solid 1px #f1f1f1; padding-bottom: 0;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel{display: block !important;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field.formly-field-viewradio .showlabel .lblforaudio{float: none; width: 100%; display: block; background: #f1f1f1; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .dynamicprofilepage .formly-field .viewleftlabel{width: 100% !important; float: none; display: block; background: #f1f1f1; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets .showlabel{width: 100% !important; float: none; display: block; background: #f1f1f1; padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets .showlabelans{padding: 5px;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets{border:solid 1px #f1f1f1 !important;}
.viewbaselinesurvey.form_layout .viewbaseline.mydashboard{margin-top: 0;}
.form_layout .viewbaselineformly md-tab-content .profilecompleteness .profilefields .fieldsets{display: inline-block !important; width: 100%;}
.viewbaselinesurvey.form_layout .viewbaseline.mydashboard.trainerdashboard .header_lg{height: 50px !important; min-height: 50px !important;}
.theme3.topiccontent.tile_view.topicstemp .has-header{top: 70px;} 
.theme3.topiccontent.tile_view.topicstemp .scroll{margin-top: 0px !important;} 
.theme3 .newtopicdesign .topicheading{font-size: 14px; line-height: 18px;}
.viewformdata .layoutviewformdata .formly-field-viewradio .onlycheckbox .item-radio input:checked+.radio-content .item-content{padding: 0 !important;
 margin: 0;}
.layoutviewformdata .viewleftlabel{width: 100%; padding: 5px; background: #f1f1f1 !important;}
.layoutviewformdata .viewrightlabel{width: 100%; padding: 5px; float: left; width: 100%;}
.aacoaching .formly-field.col-sm-12{border:solid 1px #f1f1f1 !important; padding: 0 !important;}
.campaign-main.viewformcamp{margin-top: 20px;}
.viewformdataform.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle{width: 100% !important;}
.flex-column.view-container .viewformdataform.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle{width: 100% !important;}
.form_layout .viewformdata .layoutviewformdata .formly-field-viewcheckbox .checkboxoptiondivs{padding: 5px;}
.form_layout .viewformdata .layoutviewformdata .formly-field-viewradio .onlycheckbox.optiondivs{padding: 5px;}
.form_layout .viewformdata .layoutviewformdata .formly-field-group .row .formly-field{border:solid 1px #f1f1f1 !important; padding-bottom: 0 !important;}
.form_layout .viewformdata .layoutviewformdata .formly-field-group .row .formly-field .viewleftlabel{width: 100%; padding: 5px; font-size: 14px;
color: #333; background:#f1f1f1;}
.form_layout .viewformdata .layoutviewformdata .formly-field-group .row .formly-field .viewrightlabel{width: 100% !important; padding: 5px; font-size: 14px; float:left;
color: #333;}
.viewformdata .formly-field-viewradio .showlabel{display: block;}
.viewformdata .formly-field-viewradio .showlabel label{display: block; width: 100%; margin-right: 0; padding:5px; background: #f1f1f1;}
.training_remarks_title{margin-top: 30px;}
.formly-field-viewpicturegeo .titlequestion{margin-top: 0;}
.form_layout .viewformdata .layoutviewformdata .formly-field-group .row .formly-field-viewpicturegeo{margin-top: 10px;}
.formly-field-viewpicturegeo .viewleftlabel{height: auto;}
.devidercol{display: none;}
.layoutviewformdata{margin-bottom: 50px;}
.layoutviewformdata .pic-jio{display: block; float: left; width: 100%; padding: 5px;}
.layoutviewformdata .viewleftlabel{float:none; display: block;}
.viewformdata .lessonnewquizstyles .formly-field-viewradio .form-group .list label .radio-content .item-content .input-label .optionoption{color: #333 !important;}

 .profile_edit .contents{margin-top: 70px;}
.playincreasetext{margin-top: 15px;}
 .course_detail .course-card .item.item-body h2.mt-n4{margin-top: 0 !important; padding-top: 0 !important;}
.modal-backdrop .geomappopup{width: 96% !important;}
.geomap, .geomap map{width: 100% !important;}

.viewform-content-inner .farmerprofiledata{display: block !important; border: solid 1px #f1f1f1 !important;
    margin-bottom: 10px; padding: 0 !important;}
.viewform-content-inner .farmerprofiledata .labeltitle{background: #f1f1f1 !important;}
.viewformdata .contents.viewformpane .campaignscrolldiv.viewfieldscontainer .farmerprofiledata .detaildescription{width: 100% !important;}
.viewformdata .contents.viewformpane .campaignscrolldiv{padding: 0;}

  .event-card-width .dncal .col-sm-9{width: 70%;}
  .ipdashboard .ipdashboardcontainer .assesment_area .row .col-12{margin-bottom: 15px;}
  .statictext .lesstionpicmain .lessontopics .topicdetails{padding-right: 35px !important;}
  #custommmoverlay .videoquizcontainer.iframeclass .popquiz .mainquestioncontainer{height: auto !important; overflow: auto; overflow-y: hidden;}
  .video_simulation_div .popquiz{padding: 5px !important;}
  /* .course_new_ui .notification::before{top: -20px;} */
  .courselanding md-tabs-canvas .md-tab span{font-size: 15px;}
  .topicicon{height: 80px; width: 80px; top: 0;}
  .newdesign02 .statictext{font-size: 15px;}
  .statictext .lesstionpicmain .lessontopics .topicdetails .topictitle{margin-left: 65px !important;}
  .statictext .lesstionpicmain .lessontopics .topicdetails .descriptiontext{margin-left: 65px !important;}
  .trainerdashboard.sssales .has-header{top:70px;}
  .askquestionpopup#signature-pad{width:90% !important;}
  .lookuppopupview.lookupcustomstyles .registrationpopup .customfilters .form-actions-btns{margin-top: 10px;}
  .lookuppopupview.lookupcustomstyles .registrationpopup{width: 98%; max-width: none; padding: 0;}
  .lookuppopupview.lookupcustomstyles .registrationpopup .popup_container{padding: 5px;}
  .lookuppopupview.lookupcustomstyles .filtersscroll .card{margin:10px 0;}
  .lookuppopupview.lookupcustomstyles .registrationpopup .popup_container .closebtn{font-size: 22px;}
  .lookuppopupview.lookupcustomstyles .registrationpopup .popup_container .closebtn{top: 0 !important; right: 10px !important;}
  .row.onlycheckbox.optiondivs{/*display: block !important;*/}
  .forms-main .has-header{margin-top: 0px;}

.aacoaching .lessonquizmain .list .item{margin-bottom:0px !important;}

.repeat-actions-main{display: block !important; margin-top: 15px;}
  .mentor_insights .contents{margin-bottom: 0;}
  .repeatsection .intellisearch{width: auto !important; left: auto !important; min-width: auto !important;}
 .dncalendar-add-event{opacity: 0; pointer-events: none;}
 .product_details fieldset{padding: 10px !important;}
 .forms .repeatsectionstyles .product-details-container .repeatsection{padding: 0 !important;}
 .opt50 .lessonquizmain .list .item .item{
   /* min-width: 150px !important;
   max-width: 150px !important; */
   /* min-width: 125px !important;
    max-width: 125px !important; */
}
 .accordiontable{width: 70%; float: left;}
.dncalendar-header.calprevnext .header-month.formobiledev{text-align: center; padding-right: 0;}
 .width50 .customonlycheck{width: 96% !important;}
 .width70 .customonlycheck{width: 80% !important;}
 .width80 .customonlycheck{width: 96% !important;}
 .width90 .customonlycheck{width: 96% !important;}
 .forms .width50 textarea{width: 90% !important;}
 .forms .width70 textarea{width: 90% !important;}
 .forms .width80 textarea{width: 90% !important;}
 .forms .width90 textarea{width: 90% !important;}
 .forms textarea{padding: 5px;}

.forms .showlabel.grouplabeltitle label{font-size: 16px !important; font-family: 'gt_walsheimmedium' !important;}
.customonlycheck{margin-top: -60px;}
.ftmadashboard .assesment_area.displayresults .col-md-4.col-xs-4{width: 50% !important; margin-bottom:10px; padding-left: 5px;
 padding-right: 5px;}
.assesment_area.displayresults .splitcells span, .assesment_area.displayresults span, .assesment_area.displayresults h3{font-size: 14px !important;}
.assesment_area.displayresults .splitcells{padding: 5px 0;}
.assesment_area.displayresults span{margin-bottom: 5px;}

.repeatsection .formly-field.formly-field-radio .form-group .list label{margin: 0px !important;}
.repeatsection .formly-field.formly-field-radio .row{display: flex !important;}
.campaignscrolldiv .campaigncontainer{width:250px !important; margin: auto; margin-bottom: 30px;}
.campaignscrolldiv .campaigncontainer img{width: 100%;}
.trainerdashboard.ipdashboard .assesment_area .container-fluidd .col-xs-6{width: 100% !important;}
.assesment_area.displayresults .col-xs-6:last-child, .assesment_area.displayresults .col-xs-6:nth-child(3){margin-bottom: 0;}
.ftmadashboard{margin-top: 50px;}
.ftmadashboard .assesment_area{padding-top: 20px;}
.mentordashboard .ff_welcome{flex-wrap: wrap;}
.mentordashboard .ff_welcome .fieldfacilitators{margin-left: 0; padding-bottom: 15px;
 margin-top: 10px;}
.assesment_area.displayresults .col-xs-6{margin-bottom: 15px; padding-left: 8px; padding-right: 8px;}
.locationdetails, .datedetails, .topicdetails{width: 100% !important; margin-bottom: 5px; text-align: left;}
.locationdetails h3, .datedetails h3, .topicdetails h3{float: left; margin-right: 10px;}
.calendarClick .entry .notes-count{margin:0px 0px 0px 10px !important;}
.searchbar.slidesearchbar{top: 31px; right: 60px;}
.mentordashboard .noshadowdiv{top: 0 !important;}
.topfixbtns button.reviewanswer{margin-right: 0;}
.helpfaq .faqhelpcls .item{}
.helpfaq .faqhelpcls .item h2{font-size: 14px;}
.helpfaq .faqhelpcls .item-icon-right i{font-size: 12px;}
.helpfaq .faqhelpcls .item-accordion{padding-top: 5px; font-size: 14px;}
.md-dialog-is-showing .md-dialog-backdrop, .md-dialog-is-showing md-dialog{width: 100% !important;}
.childvideo{padding: 0 !important;}
.childvideo .childvideocancel{width: 20px; height: 20px; line-height: 22px; top: 0 !important;
 right: 0 !important; margin: 0 !important; font-size: 10px !important;}
.xrayrelatedimg h4, #divrelatedtopics .xray h4,
.onvideocard .lessoncardtop .lessonheading span.headingtitle{font-size: 14px !important;}


.headerlogonew{margin-top: 0px !important;}
/* .sessiondiv{width: 98% !important; margin: 1% !important;} */
.programstartdate{font-size: 12px;}
.sessiondiv .prgdetails h2{height: auto;}

.onloginpage.loginpag.class_specific .content-block{width: 100% !important;}
 .onloginpage.loginpag .login .content-block .login_form,  .onloginpage.loginpag .col-md-12{
   /* padding: 20px !important;  */
   margin: 0;
  }
.sessiondiv .ecd-card h2 a{font-size: 16px; font-family: 'sfns_displaybold' !important;}
.sessiondiv .ecd-card h2 a, .cousedescriptiontext{min-height: auto !important;}
.sessioninfo .categorymaincls h3{font-size: 18px;}

.lessionindexui .content-block .lessons-list .item-avatar h2{font-size: 16px !important;}
.tab-nav.tabs .tab-item{font-size: 18px !important;}
.mentor_insights .button.button-ecd{width: 100% !important; font-size: 20px !important; line-height: 20px;}
.lesson.mentor_insights{margin-bottom: 207px;}
.course_content .content-block .lessons-list{padding-bottom: 340px !important;  margin-top: 20px !important;}
.lesson.mentor_insights.bottomfixbutton{bottom: 0;}
.course_new_ui .tab-nav.tabs .tab-item{font-size: 13px !important;}
/* .course_detail .card.course-card{padding-bottom: 50px;} */
.lessoncontent.lesson_content .content-block .lesson-component{padding-left: 0; padding-right: 0;}
.view-container .footer_next_prevbtns .lesson-footer .footer-title{font-size: 12px !important; margin: 10px 8px 10px 8px !important;}
.course_content .course-img h2{font-size: 18px !important;}
.course_content .content-block{top: 207px !important;}
.course_content .course-img{margin-top: 50px !important;}
/* .coursedetails_ui .course-card{padding-top: 50px;} */
.trainings_ui .header_lg, .coursedetails_ui .header_lg, .newheader .header_lg, .trainerdashboard .header_lg, .bcidashboard .header_lg{
  height: 50px !important; max-height: 50px !important;
  line-height: 50px !important;
  z-index: 999999;
  align-items:center;
  overflow:hidden;
}
.trainings_ui .lamborghini .Diablo, .newheader .lamborghini .Diablo, .trainerdashboard .lamborghini .Diablo, .bcidashboard .lamborghini .Diablo{top: 2px !important;}
.course_detail .course-card h2, .trainerdashboard .headertitle h4, .bcidashboard .headertitle h4{font-size: 20px; line-height: 24px !important;}
.startcourse_btn{padding: 10px 0;}
.lessoncontent.lesson_content .content-block .lesson-component{padding-top: 0;}

.newheader .headertitle h4{font-size: 16px; line-height: 28px !important; margin-left: 10px;}
.course_new_ui.courselanding .tab-nav.tabs{margin-top: 50px !important;}
.newheader .headertitle{margin-right: auto; /*display: none;*/}
.profile .header{padding-top: 10px;}
.lessioncontent_newui .headertitle h3{margin-right: auto; font-size: 16px; line-height: 20px; margin-top: 15px; margin-left: 15px;text-transform:uppercase;}
.profile .header h2, .profile_edit .header h2{margin: 0; padding: 0; margin-right: auto; font-size: 20px; margin-left: 15px; margin-top: 10px; text-transform:uppercase;}
.profile .header, .profile_edit .header{margin: 0; padding: 0; margin-right: auto; font-size: 20px; margin-left: 15px; margin-top: 2px; text-transform:uppercase;}
.header.mentorpadding{padding-top: 10px;}
.mentor_insights .header h2, .trainings_ui .headertitle h4{margin: 0; padding: 0; font-size: 20px; padding-top: 2px; text-transform: uppercase;}
.mentor_insights .header, .trainings_ui .headertitle{margin-right: auto; margin-left: 15px;}
.onboardfooter .signinbtn, .onboardfooter .signupbtn{padding-top: 10px; padding-bottom: 10px;}
.button-ecd-join{height: auto !important; min-height: 40px; padding: 10px 30px; line-height: 20px !important;}
.course_new_ui .tab-nav.tabs .tab-item{padding: 0 5px;}
.popup-container.newuiprompt .popup-buttons .button{padding: 5px 30px 5px 30px;}
.trainerdashboard .headertitle{margin-right: auto; margin-top: 2px; margin-left: 15px;}
.bcidashboard .headertitle{margin-right: auto; margin-top: 2px; margin-left: 15px;}
.trainerdashboard .shadowdiv{top: 50px;}
.bcidashboard .shadowdiv{top: 50px;}
.trainername{
  /* width: 100%;  */
  margin-bottom: 20px;
}
.trainerlocations, .trainerstudents, .trainertrainings, .trainercourses{width: 40%; float: left;}
.trainerdashboard md-tabs .md-tab.md-active, .trainerdashboard .md-tab{font-size: 18px;}
.bcidashboard md-tabs .md-tab.md-active, .bcidashboard .md-tab{font-size: 18px;}
.md-tab{padding: 10px 10px !important}
.sessioninfo .sessiondetails{margin-top: 50px !important;}
.trainings_ui .headertitle h4{padding-top: 0;}
.onboardtitle{line-height: 25px;}
.onloginpage.loginpag .login .content-block .login_form{padding-top: 0 !important;}
.onloginpage md-content{margin-top: 0 !important;}
.nomargin{margin-top: 20px !important;}
.profile .tab-nav.tabs .tab-item{font-size: 14px !important; font-weight: 700;}
.sessioninfo .sessiondetails{padding: 10px 10px !important;}
.attendancetitleleft{float: left; width: 50%; margin-bottom: 0px;}
.attendancetitleright {float: left; width: 50%; text-align: right;}
.date_pace_count{padding: 10px !important;}
.date_pace_count .traindate, .date_pace_count .locations, .date_pace_count .attended{font-size: 12px !important;}
.attendanceui .content_block{margin-top: 105px;}
.attendancetitleleft h3{font-size: 16px; line-height: 24px;}
.attendancetitleright.text-right p{margin-bottom: 5px !important;}
.attendanceui .orangebtn{padding: 15px 35px !important; line-height: 20px;}
.learnerslisttitle h2{font-size: 20px;}
.attendancerpt.webmode .col-xs-offset-2{margin-left: 5% !important;}
.flexrow{padding: 0 10px;}
.learner-lession-progress .row .col-lg-12{padding-right: 5px; padding-left: 5px;}
.trainerwelcomediv h2, .learner-lession-progress h2{font-size: 18px;}

.attendancerpt .table-responsive{width: 350px; overflow-x: auto;}

.bar.bar-header{height: 50px !important; line-height: 50px !important;}
.mysurvey .header-item h3{font-size: 20px !important; line-height: 25px !important;}

.retrievepassword .scroll{margin-top: 50px;}
.formfields .button.button-positive{margin-left: 0; margin-top: 10px;}
.table-responsive.trainerdashboard{width: 96%; margin: auto; padding: 0; border-top: none;
    border-bottom: none;}
.table-responsive.bcidashboard{width: 96%; margin: auto; padding: 0; border-top: none;
      border-bottom: none;}
.course_new_ui .progress_bar_div{width: 100%;}
.topicassessment .lessonlabel label{width: 100% !important;}
.lesson_content .content-block h2.title.fontsize0{margin-top: 65px;}
.mentornamedate h2, .mentorreplynamedate h2, .mentorcommentsnamedate h2{font-size: 14px !important;}
.mentornamedate span, .mentorreplynamedate span, .mentorcommentsnamedate span{font-size: 12px !important;}
.mentordesc h2, .mentorreplydesc h2{font-family: 'sfns_displayregular' !important;}
.lessonnewquizstyles .showlabel label, .myprofile .subgrouptwo, .myprofile .subgroupthree, .mysurvey .subgroupthree,
 .mysurvey .subgrouptwo, .mainquestioncontainer .subgroupthree{font-size: 14px;}
.categorymaincls h3{font-size: 20px;}
.cousedescriptiontext{font-size: 14px !important;}
.sessionprogress{font-size: 14px;}
.sessiondiv .ecd-card h2 a{margin-top: 0 !important;}

.atendancebtns .orangebtn, .atendancebtns .graybtn{padding: 10px 45px !important; line-height: 20px;}
.row.onlycheckbox .lessonlabel label, .checkboxoptiondivs .lessonlabel label{width: 100% !important;}
.course_detail .posterbg{bottom: 0;}
.startcourse_btn{font-size: 16px;}
.course_type_count span, .coursedetails_ui .item-body p{font-size: 16px !important;}
.course_type_count:after{bottom: -15px;}
.coursedetails_ui .item-body p{margin-top: 50px;}
.maintitle_grey.lessons_titles h3{font-size: 18px; font-weight: 600;}
.lamborghini .gallardo{left: 0 !important; font-size: 16px;}
.lamborghini .gallardo:before{font-size: 1.5em !important; padding-top:0px;}
.lessonnewquizstyles .showlabel label, .myprofile .subgrouptwo, .myprofile .subgroupthree, .mysurvey .subgroupthree, .mysurvey .subgrouptwo,
 .mainquestioncontainer .subgroupthree{color: #333; font-weight: 600;}
.assessmentbutton button{font-size: 16px;}
.mycustomlesson.dashboard.topicass .scroll .custommobileview.col-md-6{padding: 0;}
.mycustomlesson.dashboard.topicass .scroll{margin-top: 70px;}
.lamborghini.headerwithbg.header_lg button.ion-chevron-left{line-height: 50px;}
.sessiondiv .ecd-card .item.item-avatar, .owl-stage-outer .courseposter{max-height: 200px;}
.interactivequiz{width: 90% !important; margin-left: 5%;}
.questionimages .picturequesoption li, #boxcard div{margin: 5px 5px 12px 5px !important;}
#picbox{width: 100% !important;}
.formly-field-matchoption h2, .matchpairmain h2{font-size: 18px; font-weight: normal;}
.matchpairmain .main-content{width: 100%; padding: 0;}
.quiz-wrapper ul.options li.option{padding: 10px 15px;}


.lesson_content .content-block h2.title.fontsize0{top: -10px !important;}
.themecolor .lamborghini{height: auto;}

.cardpostericon .questiontitle{width: 100%;}
.assignmentprogress .progress{width: 80%; height: 10px;}
.timetaken{width: 80%;}

.themecolor.quizcards .webcarousel{width: 100% !important;}
.themecolor.quizcards .lblforaudio{font-size: 14px; line-height: 18px; width: 100%}
.themecolor.quizcards .lessonnewquizstyles .mainquestioncontainer .showlabel label{width: 100% !important; margin-top: 5px;}
.themecolor.quizcards .lessonnewquizstyles .form-group .list label{font-size: 12px !important; padding: 10px 5px !important;}
.themecolor.quizcards .lessonnewquizstyles .form-group .list label:last-child{margin-bottom: 5px !important;}
.themecolor.quizcards .owl-item{padding: 15px !important;}
.themecolor.quizcards .owl-item .lessonquizmain .list .item{margin-bottom: 0 !important;}
.lesson_content .content-block .carousalbg h2.title.fontsize0{margin-top: 50px !important; padding-top: 30px;
 color: #fff; font-size: 16px !important;}
.themecolor.quizcards .owl-item{margin-top:20px;}

.gettingstarted{margin-top: 0; font-size: 12px;}
.courseheading, .lessonowl.themecolor .courseheading{font-size: 18px;}
.themecolor .owl-carousel .owl-stage-outer{margin-top: 10px;}
.headingtitle{line-height:20px;}
.lessoncardtop{min-height: 50px;}
.lessonheading .countno{width: 30px; height: 30px; margin-right:10px; line-height: 32px; font-size: 20px}
.lessonheading{font-size: 16px;}
.roundedcardmain{padding: 15px;}
.cardposter img{border-radius: 20px;}
.cardicon img{width: 100px !important; border:none !important;}
.onboardnew .logoleft{width: 35%;}
.onboardnew .logoright{width: 45%; float: right;}
.headercontainer{width: 100%;}
.class_specific .newdesign02 .select_language{right: 10px; background: rgba(0, 0, 0, 0.6) !important;}

.onloginpage .newdesign02 md-tabs .md-tab span{font-size: 16px !important;}
.newdesign02 .ui-select-container{right: 0;}
.newdesign02 .onboardlogos.newdesign{position: relative; bottom: 0 !important;}
.themecolor .progresstime{width: 40%;}
/* .themecolor .progresstime .progress{width: 35%;} */
.themecolor .progresstime .progresspercent{
  /* width: 17%;  */
  line-height: 50px; 
  font-size: 12px;
}
.introtext .ui-select-bootstrap .ui-select-match-text span{font-size: 16px;}
.themecolor .progresstime .time{line-height: 50px; font-size: 10px; width: 40%; font-weight:bold; }
/* .themecolor .progresstime .progress{margin-top: 20px;} */
.introtext .lamborghini .fa.fa-sign-out{line-height: 50px !important; font-size: 26px !important;}

.themecolor .newdesign02 .statictext{font-size: 14px; line-height: 20px;}
.themecolor .myprofile .scroll{margin-top: 60px;}
.introtext .startcourse_btn{padding: 10px 20px !important;}
.introtext .newdesign02 .mainheading{font-size: 20px; margin-top: 15px;}
.introtext .roundedcardmain{margin-top: 10px;}
.introtext .roundedcardmain .subheadingtext{font-size: 18px; margin-top: 15px !important;}
.introtext .cardtitle{font-size: 14px;}
.introtext .cardpostericon .cardposter{width: 80px; height: 80px;}
.globalfeedback.introtext .newdesign02 .scroll{margin-bottom: 80px;}
.introtext .lesson-component.maincont .videocontenttext{font-size: 14px; padding-top: 15px; line-height: 18px;}
.themecolor.introtext .scenariotitle span{font-size: 16px;}
.introtext .lesson-component.maincont .videocontenttext p{font-family:gt_walsheimlight !important;}
.introtext .startcourse_btn, .themecolor.introtext .footer_next_prevbtns .lesson-footer .footer-title{font-size: 14px !important;}

.contentheader{height: 120px;}
.contentheader .iconimage{width: 120px; height: 120px; margin-right: 10px;}
.contentheader .lessontopicname h2{font-size: 20px; margin-bottom: 0px;}
.contentheader .lessontopicname p{font-size: 16px;}
.cardtitle{margin-top: 35px !important; font-size: 14px; line-height: 18px;}
.newcardstyle .cardtitle{margin-top: 15px !important;}
.videocontainermain .quizcontentdiv.themecolor.quizcards{padding-top: 0px;}
.themecolor .owl-carousel .owl-stage-outer{padding-top: 0px;}
.questionof span{padding: 3px 30px; font-size: 12px;}
.scalecontainer .snos{min-width: 35px; font-size: 14px;}
.scalecontainer .titlename{font-size: 18px; margin-bottom: 5px;}
.recommendedcourses .coursecontainer{margin-top: 70px;}
.class_specific .newdesign02 .select_language{top: 80px !important;}
.picturechoicediv.picquiz.radio_carousal_view .card{height: auto !important; margin: 0 3px;}
.radio_carousal_view.picturechoicediv{margin-bottom: 5px !important}
.radio_carousal_view.picturechoicediv .answer i{font-size: 12px;}
.radio_carousal_view.picturechoicediv .answer{width: 20px; height: 20px;}

.themecolor.introtext .next_btn.swipenext{right: 5%;}
.headerprofile {
  line-height: 12px; 
  padding-top: 10px; 
  font-size: 10px; 
  /* max-width: 100px; */
    text-overflow: ellipsis; 
    white-space: normal;
  }

.slideswithcount.topsection{margin-top: 50px !important;}
.themecolor .owl-item .roundedcardmain{height: auto !important;}
.themecolor .owl-item .roundedcardmain.newcardstyle{height: 95% !important;}
.newcardstyle .lessonheading, .newcardstyle .lessonheading .countno{font-size: 14px;}
.onlyimage{padding: 0 5px;}
.oneoffdiv{font-size: 14px;}

.fixedposition{padding-left: 25px; font-size: 16px;}

#fpc_effect-back * {
  box-sizing: border-box;
}
#fpc_box {
  width: 100%;
  position: relative;
  background-color: #FFF;
}
#fpc_content {
    padding: 0px;
}
#fpc_content:before {
  content:"";
  float: right;
}
#fpc_page-tip:before, #fpc_page-tip:after {
  background-color: #FFF;
  position: absolute;
  display: block;
  z-index: 2;
  border-top-right-radius: 60%;
  width: 50%;
  height: 50%;
  content: "";
}
#fpc_page-tip:before {
  right: 100%;
  top: 0%;
  background: -webkit-radial-gradient(-180% 200%, circle, rgba(255,255,255,0) 85%, rgba(0,0,0,.1) 93%);
}
#fpc_box:hover #fpc_page-tip:before {
  border-right: solid 1px #fff;
}
#fpc_box div#fpc_corner-box:hover #fpc_page-tip:before {
  border-right: solid 2px #fff;
}
#fpc_page-tip:after {
  top: 100%;
  right: 0%;
  background: -webkit-radial-gradient(-250% 320%, circle, rgba(255,255,255,0) 85%, rgba(0,0,0,.10) 93%);
}
#fpc_box:hover #fpc_page-tip:after {
  border-top: solid 1px #fff;
}
#fpc_box div#fpc_corner-box:hover #fpc_page-tip:after {
  border-top: solid 2px #fff;
}
#fpc_corner-box {
  height: 50px;
  width: 50px;
  right: 0;
  top: 0;
  position: absolute;
  overflow: visible;
}
#fpc_box:hover #fpc_corner-box {
  height: 50px;
  width: 50px;
}
#fpc_box div#fpc_corner-box:hover {
  height: 50px;
  width: 50px;
}
#fpc_corner-box:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 133%;
  height: 133%;
}
#fpc_corner-contents:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background:  -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 37%, #DDD 62%, rgba(230, 230, 230, 0.1) 64%, rgba(255, 255, 255, 0) 67%), -webkit-radial-gradient(-50% 150%, circle, transparent 74%, rgba(0, 0, 0, 0.2) 74%, transparent 81%);
  display: block;
  width: 133%;
  height: 133%;
}
#fpc_page-tip {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background: -webkit-linear-gradient(45deg, #ddd 17%, #dfdfdf 18%, #f5f5f5 30%, #f8f8f8 34%, #eee 39%, rgba(200,200,200,0) 41%);
  display: block;
  width: 100%;
  height: 100%;
}
#fpc_corner-button {
  position: absolute;
  width: 7em;
  top: 0;
  right: 0;
  background-color: transparent;
  color: #fff;
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
  padding: 8px 5px;
  border-radius: 5px;
  display: inline-block;
  font-size: 11px;
}
#fpc_corner-contents {
  width: 125%;
  position: absolute;
  display: block;
  overflow: hidden;
  -webkit-mask: -webkit-linear-gradient(45deg, transparent 49%, #000 53%);
  top: 0;
  right: 0;
  height: 125%;
}
#fpc_corner-contents:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #eeeef4;
}
#fpc_corner-box, #fpc_corner-contents, #fpc_page-tip {
  -webkit-transition-property: all;
  -webkit-transition-duration: .3s;
  -webkit-transition-timing-function: cubic-bezier(0, 0.35, .5, 1.7);
}
#fpc_corner-button strong {
  font-size: 13px;
  font-weight: bold;
  display: block;
}


.courselanding .lamborghini.header_lg .headertitle{position: static;}

.ipdashboard .lamborghini .headertitle, .bcidashboard .lamborghini .headertitle{
  position: static !important;
  display: none;
}
.ipdashboard .lamborghini img, .bcidashboard .lamborghini img{margin-top: 1px !important;}

.coursewelcome{padding: 5px;}
.profile .contents .profileinfodetails.profile_info{margin-top: 0;}
.profile .profileinfodetails.profile_info img{
  width: 120px !important; 
  height: 120px !important; 
  border-radius: 100% !important;
}
.profileinfotable .text-left{width: 48%;}
.profileinfotable .text-right{width: 48%;}
.profilename{display: none;}
/* .profileinfotable, .profileedit .scroll{margin-top: 20px;} */
.profile .contents .profile_info{width: 120px; height: 120px; margin: auto;}
.uploadprofilepic{right: 0; bottom: 0;}
.customrowclass .col-sm-12{width: 100% !important;}

.profileedit .row.profile_info .button.button-ecd{margin: 0; line-height: 20px; height: auto;
   font-size:14px; padding:10px 15px; line-height: 14px; margin-top: 5px;  min-height: auto; border-radius: 10px;}
.profile .contents .profile_info.newprofiledesign{width: 150px; height: auto;}
.profileedit .profiledetailinfo{margin-top: 30px;}

.bcidashboard .lamborghini .headertitle h4, .trainerdashboard .lamborghini .headertitle h4{
  display: none;
}

.assignmentprogress .resumebtn{width: 100%;}
.resumebtn .resumebutton{flex:1;}


.introtext.themecolor .roundedcardmain .cardpostericon.introicons img{width: auto !important;
 max-width: 100%;}
.trainerwelcomediv .learner_pic img{width: 40px; height: 40px;}

.imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{width:50px !important;}
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright .nextsvg{margin-right:-15px;}
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright .backsvg {margin-left:-10px;}
.slideleftright{width: 100%; left: 2%;}
.content-blocks .onlyimage{margin-top: 0 !important;}
.imageslidermain.slider .onlyimage img{width: 98%;}
.lessonowl.themecolor .owl-dots{margin-top: 15px !important;}


.videocontainermain .quizcontentdiv.lessonquizcontainer{width: 100% !important; margin-top: 20px !important;}
.contentholder{width: 100%; float: none; margin-bottom: 20px;}

.ratingfeedback.sendfeedback .scroll, .feedbacktext.correctwrongans{width: 94% !important;}
.feedbacktext.correctwrongans{}
.video-flex-container .slideswithcount{
  /* margin-top:0px !important;  */
  /* height: calc(100% - 90px);  */
  /* top: 0 !important; */
}
.slideswithcount .backsvg, .slideswithcount .nextsvg{width: 20px !important;}

.courselanding .owl-theme .owl-nav [class*=owl-]{display: none;}

.video-flex-container .slideswithcount h3{font-weight: bold; margin-top: 20px !important;}

.topfixbtns{padding-top: 0;}
.course_content .roundedcardmain{margin-top: 10px !important;}
.categorymaincls h3, .owl-stage-outer .subcategories .ecd-card h2 a{font-weight: 600;}

.md-dialog-is-showing .childvideo .relatedimagepopupdiv{margin-top:45px;}



.vjs-fullscreen .relatedimagepopupdiv{width: auto !important; height: auto !important; margin: 15px !important;}
.vjs-fullscreen .relatedimagepopupdiv .pagescrolling{margin-top: 0 !important;}
.vjs-fullscreen .relatedimagepopupdiv .imageslidermain.slider .onlyimage img{width: 98% !important; height: auto !important; margin-bottom: 30px}
.vjs-fullscreen .relatedimagepopupdiv .childvideocancel{top: -12px !important; right: 5px !important;}
.vjs-fullscreen .imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{width: 45px !important;}
.vjs-fullscreen .relatedvideopopupdiv{height: 42% !important;}
.contentinfullscreen .relatedvideopopupdiv{padding-top: 0 !important;}
.md-dialog-is-showing md-dialog{max-width: 100% !important;}
.md-dialog-is-showing .childvideo .relatedimagepopupdiv .pagescrolling{margin-top: 10px !important;}
.relatedimagepopupdiv .childvideocancel{right: calc(29% - 45px) !important;}
.md-dialog-is-showing .relatedimagepopupdiv  .imageslidermain.slider .onlyimage .pagefold img{width: 65% !important; height: auto !important;}
.md-dialog-is-showing .relatedimagepopupdiv  .imageslidermain.slider .onlyimage .popbottom{bottom: 50px;}
.registration-wrappr md-tabs.md-default-theme md-ink-bar, .registration-wrappr md-tabs md-ink-bar{height: 3px;}


.dncalendar-body tbody td .entry{font-size: 12px;}
.notes-count{width: 10px !important; margin:0px 30px 0px 18px !important; height: 10px !important;
    line-height: 15px !important; font-size: 10px !important;}
.pmsdataform .registrationpopup, .pmsdata.pmsdataform .closebtn{width: 96%;}
.eventnotedate{font-size: 16px !important;}
.eventnoteday{font-size: 14px !important;}
.event-card-width .col-lg-12{padding-left: 0 !important;}
.card.card-width .row .col-sm-4{margin-left: auto;}


.forms .aacoaching .mainquestioncontainer .showlabel label, .forms .aacoaching .mainquestioncontainer .showlabel label span,
 .aacoaching .repeatsectionstyles legend{font-size: 14px !important font-weight: 600;}
.aacoaching .lessonnewquizstyles .showlabel label{display: block !important; width: calc(100% - 0px) !important;}
.aacoaching .lessonquizmain .list .item{margin-bottom: 5px;}
.aacoaching .formly-field-select, .aacoaching .form-group, .aacoaching .formly-field{
  margin-bottom: 20px;}
.newheader .lamborghini .gallardo{line-height: 47px;}
.adddetailsbtn button{margin-top: 10px; padding: 5px 10px; font-size: 14px;}
.aacoaching .lessonnewquizstyles input{font-size: 14px !important;}

.md-datepicker-input-container input{height: 30px !important; padding-left: 5px !important;}
.aacoaching ._md-datepicker-floating-label>md-datepicker .md-datepicker-button md-icon{height: 22px;
    width: 22px; min-height: 22px; min-width: 22px;}
.aacoaching ._md-datepicker-floating-label>md-datepicker .md-datepicker-button{height: 31px; width: 30px;
 padding:3px; min-height: auto;}
.viewbaseline .tab-on_going-content .scroll{margin-top: 50px;}
.profiledetailrow .labeltext, .profiledetailrow .labelans, .viewbaseline .profiledetailrow .labeltext{float: none; text-align: left; width: 100%;}
.profiledetailrow{float: none; padding: 0; margin: auto; width: 96%; margin-bottom:15px; border:solid 1px #f1f1f1;
 font-size: 14px;}
.profiledetailrow .labeltext{background: #f1f1f1; padding: 5px;}
.viewbaseline .devidercol{display: none;}
.profiledetailrow .labelans{padding: 5px;}
.profile .md-tab{font-size: 16px !important;}
.profile_info.newprofiledesign .profilename{display: block; color: #929292; width: auto; font-size: 16px;}
.profileedit .profiledetailinfo{margin-top: 0;}

.ftmadashboard .assesment_area .container-fluidd .col-md-6.col-xs-6{width: 100% !important;}
.ftmadashboard .ipdashboardcontainer{padding-top: 50px;}
.ftmadashboard .assesment_inner{min-height: auto;}

.viewform-content-inner .farmerprofiledata{
  /* border:solid 1px #f1f1f1 !important;  */
  /* margin-bottom: 10px; */
}
.viewform-content-inner .farmerprofiledata .labeltitle{
  width: 100% !important;
  float: none;
  margin-right: 0;
  padding: 5px;
  /* background: #f1f1f1; */
}
.viewform-content-inner .farmerprofiledata{
  /* display: block;  */
  padding: 0;
}
.viewform-content-inner .farmerprofiledata .detaildescription{width: 100%; float: none; padding: 5px; white-space: nowrap;}
.viewform-content-inner .farmerprofiledata .devidercol{display: none;}
.viewform-content-inner .farmerprofiledata .labeltitle label{margin-bottom: 0;}
  .product_details .labelvalue{font-size: 12px;}
  .forms .repeatsection .mainquestioncontainer .showlabel label{font-size: 12px;}
  .module_quizz .repeatsection input, .aacoaching .lessonnewquizstyles input{font-size: 12px !important;}


.vjs-fullscreen #custommmoverlay .videoquizcontainer.iframeclass .popquiz .mainquestioncontainer{height: auto !important;}
.vjs-fullscreen #custommmoverlay .videoquizcontainer .popquiz.quiz_end_invoke{height: 96vh !important;}
.vjs-fullscreen .pop_quiz_div .dragdropanscontainer [ng-drop]{margin-bottom: 20px;}

.vjs-fullscreen .pop_quiz_div .draggable-objects li img{height: 80px; width: 80px;}
.vjs-fullscreen .pop_quiz_div .dragdropcards{height: 150px;}
.vjs-fullscreen .pop_quiz_div .dragdropanscontainer [ng-drop]{width: 120px; min-height:120px;}
.vjs-fullscreen .pop_quiz_div [ng-drag], .vjs-fullscreen .pop_quiz_div [ng-drag] .contentmiddle img{width: 80px; height: 80px;}
.vjs-fullscreen .pop_quiz_div .draggable-objects li{width: 120px !important; height: 100px !important;}
.vjs-fullscreen .pop_quiz_div .dragdropcards{width: 120px;}
.pop_quiz_div .dragdropanscontainer.text_dragdropanscontainer [ng-drag]{width: 110px;}

#custommmoverlay .videoquizcontainer .popquiz.quiz_end_invoke{height: calc(100vh - 142px) !important; margin-top: 10px !important;}
.video-flex-container{height: 100%;}
.pop_quiz_div .dragdropanscontainer [ng-drop]{margin-bottom: 15px;}
.pop_quiz_div .dragdropcards {height: 130px; width: 90px;}
.pop_quiz_div .draggable-objects li{width: 90px; height: 70px;}
.pop_quiz_div .draggable-objects li img{width: 70px; height: 70px;}
.pop_quiz_div [ng-drag], .pop_quiz_div [ng-drag] .contentmiddle img{width: 70px; height: 60px;}



.has-header.customregistration.myprofile.altertopics{top: 55px; background-color: #fff !important;}
.has-header.customregistration.myprofile.altertopics .col-xl-10.mt-5{margin-top:15px !important;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain{padding-top: 0;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain .topicicon{width: 180px; height: 120px;}
.lessonowl.themecolor .altertopics .statictext .topictitle{height: auto !important; font-size: 14px; margin-bottom: 5px; line-height: initial;}
.lessonowl.themecolor .altertopics .statictext .topicdetails{width:100% !important; padding-right: 0 !important;}
.statictext .lesstionpicmain .lessontopics .topicdetails .descriptiontext{display: none;}
.statictext .lesstionpicmain .lessontopics .topicdetails .learn{font-size: 12px;}
}

@media (min-width: 768px){
  .video_responsive-left-align {
    margin-left: 80px !important;
}

.courselanding .ecd-card .item-avatar {
    /* min-height: 160px !important;
    max-height: 160px !important; */
}
/* .onloginpage.loginpag .login .content-block .login_form{width: 50%; float: left;} */
.onloginpage md-tabs .md-tab{font-size: 18px;}
.onboard0.board h2{width: 60%; margin: auto;}
.whitetheme .onboard0.board h2 {
  width: 90%;
  margin: auto;
}
}


@media (min-width: 1200px) and (max-width: 1310px) {
.opt50 .lessonquizmain .list .item .item{min-width: 140px !important;  max-width: 140px !important;}
}



@media(min-width:601px) and (max-width:890px){
.tabrightsection{
  width: 35%;
}
.searchbar{
  max-width: 60%;
}

 .trainerdashboard .md-tab span {
   font-family: 'helveticaregular' !important;
   font-size: 13px;
 }

.trainingdb .md-tab{
  padding-left: 15px;
  padding-right: 15px;
}

  .xray_video .xray {
    width: 100% !important;
  }
  .vjs-fullscreen.video-js .vjs-overlay {
    width: 55%;
  }
}
@media (min-width: 681px) and (max-width: 1018px){

.onboard .slider-slide img {
  max-height: 100%;
}

.campaign-main .viewform-content-inner .mainquestioncontainer .farmerprofiledata{
  width: 100% !important;
}
.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle{
  width: 45% !important;
}
.viewformdisrow .viewformmode .detaildescription{
  width: 45% !important;
}

.popuptitlewithassessment span {
    font-size: 16px !important;
}
.left-menu-container .card .item img, .right-menu-container .card .item img {
    width: 70px;
}
.activity-calendar .content-block{
  padding-top: 0px !important;
}
.trainerdashboard .md-tab span {
  font-family: 'helveticaregular' !important;
  font-size: 13px;
}

  .vjs-fullscreen .childvideo {
    height: 100vh;
  }
  .xray_video .xray{
    width: 55% !important;
  }
  .vjs-fullscreen.video-js .vjs-overlay {
    width: 55%;
  }
.bcidashboard .lamborghini .header-partnerlogo{
    margin-top: 5px;
}

  .header-logout-btn{
  top:0px;
}
  .ipdashboard .lamborghini, .bcidashboard .lamborghini {
    justify-content: flex-start;
    align-items: center;
}
.remainderstatus span{
  min-width: 34px;
}
/*#custommmoverlay .popquiz {
  width: 40% !important;
}*/
#custommmoverlay .videoquizcontainer .pop_quiz_div .popquiz{max-width: 98% !important; margin-left: 1% !important;
    height: 96vh !important; margin-top: 2vh !important;}

#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field.formly-field-drag-n-drop{
  width: 80% !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field.formly-field-radio .radioboxbtn{
  width: 80% !important;}


/* styles by rk */
 .align_width_center {
   width: 100%;
   margin: auto;
 }
 .offlinelaert {
   width: 70%;
 }
.offlinemain {
  width: 80%;
}
.ff_welcome{
  padding-right: 2rem;
}


  .matchpairmain .main-content {
    width: 60%;
    padding: 0px;
}
/* styles by rk end*/

 .login_bg {
   margin-bottom: 4rem !important;
 }
 .learnerprofile .trainername{
   max-width: 150px;
 }
.learnerdatascroll {
  min-height: 400px;
  max-height: 600px;
}
.attendanceui .checkbox input:after,
.attendanceui .checkbox-icon:after{
  top:8px !important;
  left: 10px !important;
}

.attendancetable .table-body-cell{
  font-size: 20px;
}

  .help .attendance {
    margin-top: 120px !important;
    padding-left: 25px;
}
.cousedescriptiontext {
    font-size: 14px;
    min-height: 70px;
}
.description p{
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
}

@media (max-width: 900px){
  .lamborghini .gallardo,
  .lamborghini .Diablo{
    background:transparent;

  }
}

@media (max-width:768px){
  .imageslidermain.slider .onlyimage img{
    margin-bottom: 20px;
  }
  iframe .player{
    max-width: 100% !important;
  }
  .content-scrolling{
    max-height: 100vh;
    
  }
  .nofieldset legend{
    margin-left: 15px;
  }
  .menu-open .right-side-menu {
    transform: translate3d(0%, 0px, 0px) !important;
}
.mcrp_dashboard .mcrp-db-table th{
  white-space: nowrap;
}
.video-flex-container{

  /* height:calc(100vh - 120px); */
  overflow-y: auto;
}
/* .mentor_dashboard_inner .boxone .card,
.mentor_dashboard_inner .boxtwo .card,
.mentor_dashboard_inner .boxthree .card  {
    min-height: 140px !important;
} */

.lessoncontentpage #video {
    margin-top: 0px !important;
}

.webmode{
    width: 100% !important;
}
 .new--updates {
    padding-top: 3px;
    padding-bottom: 3px;
}

.popuptitlewithassessment span {
    font-size: 15px !important;
}
.left-menu-container .card .item img, .right-menu-container .card .item img {
    width: 60px;
}
.left-menu-container .card .item, .right-menu-container .card .item{
  padding:25px 10px;
  min-height: 120px;
}

.sub-category .listsummary{
    padding-top: 20px;
  }
  .ileap-dc .iconsholder{
  margin:0 20px;
  font-size: 16px;
}
  .emptyradio{
    height: 33px;
  }
  .dncalendar-header {
    padding: 3px 0 10px 0 !important;
}
/* .profile .contents.viewformpane {
    margin-top: 15px !important;
} */

.globalfeedback .scroll{
  margin-top: 50px !important;
}
/* .activity-calendar .has-header {
    margin-top: 50px;
} */
  .lamborghini .profilelogout img{
    width: 35px !important;
    height: 35px !important;
  }
  /* .forms-main .has-header{
    padding-top: 65px !important;
  } */
  .simform-inner .globalfeedbackbtn button {
    padding: 10px 24px !important;
    font-size: 16px !important;
}
.popup-container.newuiprompt .popup-buttons .button{padding:5px 0;}

  .repeatsectionstyles .AddNewButton button {
    padding: 6px 15px !important;
    font-size: 16px !important;
}
.multiplebtn .SaveNewButton button, .repeatsectionstyles .AddNewButton button{padding: 10px 20px !important;
font-size: 14px !important;}
}
}
  .picquiz.lessonquizmain .lessonlabel .item-radio .item-content {
    padding: 6px 10px !important;
}
.picquiz.lessonquizmain .questionquestion{
  font-size: 14px !important;
}
.ileap-dc .exportpdfexcel button:first-child{
  margin-right: 20px;
}
.lamborghini{
  min-height: 55px !important;
}
.customdatepicker .md-button.md-icon-button,
.module_quizz .repeatsection input[type="text"],
.module_quizz .repeatsection input[type="number"],
.module_quizz .repeatsection input[type="tel"],
.module_quizz .repeatsection input[type="telephone"],
.formly-field .form-group .mainquestioncontainer .labelvalue,
.formly-field .form-group .mainquestioncontainer input[type="double"],
.product_details .labelvalue{
  min-height: 35px !important;
  height: 35px !important;
  line-height: 25px !important;
}
/* .module_quizz .repeatsection input{
  min-height: 35px !important;
  height: 35px !important;
} */
.product_details .labelvalue{
  line-height: 30px !important;
}
.dynamicprofilepage .select2-container .select2-choice,
.popupfieldsnewui .select2-container .select2-choice{
  min-height: 35px !important;
  height: 35px !important;
  line-height: 25px !important;
}
.formly-field-input input[type="text"],
.formly-field-input input[type="telephone"]{
  min-height: 35px !important;
  height: 35px !important;
  line-height: 26px !important;
}
.formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input{
  min-height: 35px !important;
  height: 35px !important;
}
.filtersrow .accordion .select2-container .select2-choice{
  line-height: 35px !important;
}
.module_quizz .repeatsection .select2-container, .module_quizz .repeatsection .ui-select-container{
  height: 35px;
}
.filters_search_btn{
  padding: 6px 20px !important;
}
.select2-container .select2-choice .select2-arrow{
  top: 6px !important;
  right: 6px !important;
}
.product_details .repeatsection .formly-field.formly-field-radio .form-group .list label .item-content{
  padding: 6px 10px !important;
  height: 33px !important;
}

.repeatsection .addfieldclose{
  width:30px;
  height: 30px;
  line-height: 24px;
  border-radius: 100% !important;
}
.addfieldclose i{
  font-size: 20px !important;
}
.mcrp .product-details-container .addfieldclose{
  width:30px !important;
  height: 30px !important;
  line-height: 24px;
  border-radius: 100% !important;
}
.activity-calendar .content-block {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 40px;
}



.opt50 .lessonquizmain.withimages .item-radio i.radio-icon{
  top: 10px !important;
  right: 30px !important;
}

 /* .myprofile .scroll{
    width: 95% !important;
  }*/
/* .myprofile .scroll {
    margin-top: 40px;
} */
  .module_quizz .repeatsection .formly-field.formly-field-textarea{
    flex-basis: 85%;
  }
  .aacoaching .lessonquizmain .list .item .item{
    margin-bottom: 0px !important;
  }

.mentor_dashboard_inner .card {
    width: 100%;
    /*margin: 15px 0px !important;
        height: 450px;
    vertical-align: middle;
    display: table-cell;*/
}

.vjs-fullscreen.video-js .vjs-overlay {
  width: 100% !important;
}
.corplifecyclemain:before {
  top: 77%;
}

.cd-timeline-block {
  position: relative;
  margin: 6em 0;
}

.bottomsheetbtnmain{
  bottom: 70px;
}
   .offlinemain {
     width: 100%;
   }

  /* .login_bg {
    margin-bottom: 8rem;
  } */
}

@media (min-width:1130px) and (max-width:1278px){
.login_bg{
  margin-bottom: 8rem;
}
}

@media (min-width: 1280px){
.viewformdataform.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle {
    width: 370px !important;
}
.devidercol {
    margin-right: 20px !important;
}
/* .header-partnerlogo{
  margin-top:10px !important;
} */

#custommmoverlay .popquiz {
  /* width: 35% !important; */
}

#custommmoverlay .video_simulation_div .popquiz{width: 100% !important;}

  #resp-table {
    width: 100%;
    display: table;
  }

  #resp-table-caption {
    display: table-caption;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
  }

  #resp-table-header {
    display: table-header-group;
    background-color: #e8e8e8;
    font-size: 14px;
  }

  .table-header-cell {
    display: table-cell;
    padding: 8px;
    text-align: justify;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
  }

  #resp-table-body {
    display: table-row-group;
  }

  .resp-table-row {
    display: table-row;
    border-bottom: solid 1px #ccc;
  }

  .table-body-cell {
    display: table-cell;
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px #ccc;
  }

  .table-body-cell .checkbox-icon:after {
    border-color: #fff;
    width: 14px;
    height: 6px;
    border: 2px solid #fff;
    border-top: 0;
    border-right: 0;
  }

  .table-body-cell .checkbox input:checked:before,
  .table-body-cell .checkbox input:checked+.checkbox-icon:before {
    background: #13c276;
    border-color: #13c276;
  }

  .table-body-cell .checkbox-calm input:before,
  .table-body-cell .checkbox-calm .checkbox-icon:before {
    border-color: #13c276;
  }
.headercontainer {
  width: 100% !important;
  margin: auto;
}
 .align_width_center {
   /*width:var(--containerwidth) !important;*/
   margin: auto;
 }
 .onboard.onloginpage{
  width: 35% !important;
 }
    .sessioninfo .ecd-card .item.item-avatar {
      min-height: 120px !important;
  }
  .loginnew.loginpag.class_specific .content-block{
    width: 100% !important;
  }
  .loginnew.whitetheme .content-block {
    width: 65% !important;
  }
  .loginnew .login_bg{
    /* height: 235px; */
    overflow: hidden !important;
    /* min-height: 235px; */
  }
  .showlogin-container{padding-bottom: 0 !important;}
  .loginnew .login_bg img{
    margin-top: 0px;
  }

  .loginnew md-tabs[md-border-bottom] md-tabs-wrapper{
    padding-left: 0px;
  }
  .loginnew .select_language{
    top: 15px;
  }
  .loginnew .login .content-block .login_form{
    width: 100% !important;
    background-color:#ffffff !important;
  }
  .loginnew md-content{
    margin-top: 0px !important;
  }
  .loginnew .content-block .login_form{
    margin: 0 auto 0 auto;
  }
  .onboardfooter .signinbtn, .onboardfooter .signupbtn {
    font-size: 15px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: opensans !important;
}

.align_width_center .content-block {
  margin-bottom: 50px !important;
  background: #fff !important;
}
.leftlogoset img{
  width: 95%;
}
.training_box_main_title {
    padding: 10px 15px;
    margin: 0px;
    font-size: 14px;
}
}

@media (max-width: 768px){


  .outline-btn{
    justify-content: center;
  }
  .outline-btn img{
  margin-right: 10px;
}
.viewform-content-inner .viewformdisrow .mainquestioncontainer.customviewform .farmerprofiledata .labelans{
  white-space: normal;
}
.opt50 .lessonquizmain.withimages .item-radio i.radio-icon {
    top: 10px !important;
    right: 25px !important;
}

.pmsdataform.addfarmerreg .globalfeedbackbtn button {

    padding: 12px 25px !important;
    font-size: 16px !important;
}
.unit_type{
  min-width: 70px;
}

/* .mcrp .repeatsection .formly-field{
  flex-basis: 25% !important;
} */
.right_div{
  max-width: 320px;
}

  .view-btn, .edit-btn, .remove-btn{
    width: 35px;
    height: 35px;
    padding: 7px 11px;
    font-size: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .view-btn, .edit-btn{
    margin-right: 25px;
  }
  .report-print{
    padding: 20px 15px;
  }
  .whitetheme .onboard0.board h2 {
    width: 90%;
    margin: auto;
  }


/* .attendanceui .checkbox input:after,
.attendanceui .checkbox-icon:after{
  top:8px !important;
  left: 10px !important;
} */

  .training_date, .training_place, .training_count, .training_progress{
    padding: 15px 15px;
  }
  .sessioninfo .training_details_area{
     display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
}

@media (max-width: 767px){
  .table-responsive>.table {
    margin-bottom: 0;
    margin-top: -1px !important;
}
}



@media (min-width: 1280px){
  .webmode .customregistration .scroll{
    padding-bottom: 10px !important;
  }
/* .sessiondiv{margin: 15px 5px 10px 10px !important; width: 31% !important;} */
.recommended .sessiondiv{margin: 0px 0px 30px 0px !important; width: 33% !important;}
.course_content .content-block{top: 280px;}
.course_content .content-block .lessons-list{padding-bottom: 450px !important;}
.footer_next_prevbtns .lesson-footer .footer-arrow{margin-top: 0px !important;}
/* .view-container .footer_next_prevbtns .lesson-footer .footer-title{margin-top: 8px !important;} */
.categorymaincls{width: 94%; margin: auto;}

.theme3styles .categorymaincls {
  width: 100%;
  margin: auto;
}
.theme3 .sessionprogress{font-size: 14px;}

.lesson.mentor_insights.bottomfixbutton{bottom: 280px;}
}

@media (min-width: 481px) and (max-width: 599px) {
   .offlinelaert {
     width: 70%;
   }
.course_content .course-img{height: 157px; margin-top: 50px;}
.course_content .course-img h2{padding-bottom: 0;}
.course_content .content-block .lessons-list .item-avatar .lesson-type{font-size: 0.8em;}
.course_content .content-block{top: 207px}
.trainings_ui .header_lg, .coursedetails_ui .header_lg, .newheader .header_lg, .trainerdashboard .header_lg, .bcidashboard .header_lg{
  height: 50px !important;}
.course_content .course-img h2{font-size:18px !important;}
.startcourse_btn{padding: 10px 0;}
.tab-nav.tabs .tab-item{font-size: 18px !important;}
.lessionindexui .content-block .lessons-list .item-avatar h2{font-size: 16px !important;}

.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain{height: 85vh !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all{padding-bottom: 0 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label{font-size: 26px !important;}
}

@media (min-width:481px) and (max-width:768px){
.row.onlycheckbox .lessonlabel label, .checkboxoptiondivs .lessonlabel label{
  max-width:340px !important;
}

}

@media (min-width: 768px) and (max-width: 899px) {

.course_content .course-img{height: 300px !important;}
.course_content .content-block{top: 370px; padding-bottom: 100px;}
.lessonindexbg{width: 100% !important;}
.course_content .course-img h2{padding-bottom: 15px; padding-top: 0.7em; font-size: 30px;
 position: absolute;}
 .course_content .content-block{width: 100% !important;}
 .select_panchayath .languages .btn{font-size: 16px;}
}

@media (min-width: 900px) and (max-width: 1279px) {
.lessionindexui.course_content .course-img h2{line-height: 10px !important;}
}

@media (min-width: 680px) and (max-width: 720px) {
.attendancerpt .table-responsive{width: 640px; overflow-x: auto;}
}

@media(min-width: 1281px){
  .has-header{
    top: 40px;
  }
  .mentor-circles-cards.ftma-aa-operations .has-header{top:30px;}
  .trainerdashboard.sssales .has-header{top: 60px;}
  .left-menu-container .card .item, .right-menu-container .card .item {
      padding: 22px 10px;
  }
 .left-menu-container .card .item span, .right-menu-container .card .item span{
   margin-top: 3px;
 }
.new--updates{
  padding-top: 2px;
  padding-bottom: 2px;
}
.lamborghini {
    min-height: 55px !important;
}

.dynamicprofilepage.lessonnewquizstyles{
  padding-top: 0px;
}

  .align_width_center.onboard.onloginpage .bar-ecd-footer {
    width: 100%;
  }
  .align_width_center .onboardtitle,
  .align_width_center .onboard h2,
  .align_width_center .onboard p {
    width: 100% !important;
  }
  .onboardtitle, .onboard h2, .onboard p {
    width: 100%;
}
.onboard.onloginpage .bar-ecd-footer {
    width: 28%;
}
/* .onboardlogos{
  position: relative;
  top: 60px;
} */

}


@media (min-width: 580px) and (max-width: 599px) {
  .outline-btn{
        padding: 5px 5px;
        min-width: 80px;
        font-size: 12px;
        margin-right: 4px;
  }
.outline-btn img{
  width: 15px;
  height:15px;
  margin-right: 5px !important;
}

.newheader .header_lg{height: 70px !important;line-height: 70px;}
.courselanding .tab-ecd{margin-top: 150px; padding-bottom: 150px;}
.sessiondiv{width: 46% !important; margin: 2% !important;}
.ecd-card .item.item-avatar{min-height: 100px !important;}
.sessiondiv .ecd-card .item.item-avatar, .owl-stage-outer .courseposter{max-height: 160px;}
.sessiondiv .ecd-card h2 a{font-size: 20px !important; line-height: 24px !important;}
}

@media (min-width: 768px) and (max-width: 899px) {
/* .courselanding .tab-ecd{margin-top: 150px !important;} */
.sessiondiv .ecd-card .item.item-avatar, .owl-stage-outer .courseposter{max-height: 160px;}
.ecd-card .item.item-avatar{min-height: 240px !important;}
.sessiondiv .ecd-card h2 a{font-size: 20px !important; line-height: 24px !important;}
/* .sessiondiv{width: 46% !important; margin: 2% !important;} */
}

@media (min-width: 900px) and (max-width: 1080px) {
/* .sessiondiv{width: 46% !important; margin: 10px 8px 10px 10px !important;} */
}

@media (min-width: 1081px) and (max-width: 1300px) {
.lessonheightimg.webmode{width: 50%;}
.theme3 .webmode {
  width: 50%;
}

.imageslidermain.slider .onlyimage img{width: 60%;}
}

@media (min-width: 660px) and (max-width: 800px) {
.popquiz{
}
}

/* new simulation ui changes start*/
@media only screen and (min-width: 650px) and (max-width: 700px){


  .simulation_New_Design .simulations_start{
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom:0px;
  }
  .bgimgg img[src$="tomato_Screen_1.jpg"] {
      height:100vh;
      width: 100%;

  }

  .bgimgg img[src$="tomato_Screen_2.jpg"] {
      height:100vh;
      width: 100%;

  }
  .bgimgg img[src$="tomato_Screen_3.jpg"] {
      height:100vh;
      width: 100%;

  }
  .bgimgg img[src$="tomato_Screen_4.jpg"] {
      height:100vh;
      width: 100%;

  }
  .bgimgg img[src$="tomato_Screen_5.jpg"] {
      height:100vh;
      width: 100%;
  }

  .bgimgg img[src$="tomato_Screen_6.jpg"] {
      height:100vh;
      width: 100%;
  }

  .bgimgg img[src$="tomato_Screen_7.jpg"] {
      height:100vh;
      width: 100%;
  }

  .bgimgg img[src$="tomato_Screen_8.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_10.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_11.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_12.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_13.jpg"] {
      height:100vh;
      width: 100%;
  }

  .bgimgg img[src$="tomato_Screen_14.jpg"] {
      height:100vh;
      width:100%;
      background-attachment: fixed;
      background-size: cover;
      object-fit: cover;
  }

  .bgimgg img[src$="tomato_Screen_15.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_16.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_17.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_Screen_18.jpg"] {
      height:100vh;
      width: 100%;
  }

  .bgimgg img[src$="tomato_Screen_19.jpg"] {
      height:100vh;
      width: 100%;
  }

  }
/* new simulation ui changes end */
@media (min-width:1081px){
  .pop_quiz_main .popquiz{

  }

.video-js.vjs-fullscreen #custommmoverlay .popquiz {
  height: 100vh !important;
  max-height: 100vh !important;
}

  .headercontainer{width: 40%; margin: auto;}
  .onboardlogos.newdesign{position: static;}
  .class_specific .select_language{right: 1% !important; margin-top: 0px;}
  .loginpag.loginnew .ui-select-container{background: rgba(0, 0, 0, 0.4) !important;}

.onboard.onloginpage.onboardnew .select_language{margin-right: 10px;}
.onboardonly.onloginpage.onboardnew .select_language{margin-right: 0px;}
}
@media (min-width:1281px){



  /* .pop_quiz_main .popquiz{
  } */

.video-js.vjs-fullscreen #custommmoverlay .popquiz {
  height: 100vh !important;
    max-height: 100vh !important;
    margin-top: 12vh !important;
    max-width: 50% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border:none !important;
}

  .align_width_center .onboardtitle,
  .align_width_center .onboard h2,
  .align_width_center .onboard p {
    width: 100% !important;
  }
}
@media (min-width:1280px) {

/* .feedbacktext.correctwrongans {
    margin-top: calc(50vh - 200px) !important;
    min-height: calc(35vh - 85px) !important;
} */

  .align_width_center .onboardtitle,
  .align_width_center .onboard h2,
  .align_width_center .onboard p {
    width: 100% !important;
  }
  .learnerdatascroll {
    height: calc(100vh - 120px);
  }
  /* .onboardlogos {
    width: 33%;
  } */
  .onboardlogos div {
    width: 33%;
  }
  .rightlogo img{
    max-width: 100%;
  }

}

 @media (min-width:600px) and (max-width:680px){
.roundedcardmain{width: 100%; margin: auto; margin-top: 20px; padding: 35px;
    border-radius: 30px;}
.gettingstarted{font-size: 16px; font-weight: normal;}
.courseheading{font-size: 32px;}
.lessonheading{font-size: 24px; line-height: 30px;}
.headingtitle{line-height: 30px; font-size: 28px;}
.lessonheading .countno{width: 55px; height: 55px; line-height: 60px; font-size: 36px;}
.cardicon img{width: 160px !important; border:none !important;}
.cardicon{left: calc(50% - 80px); bottom: -60px;}
.cardtitle{font-size: 24px;}
.onboard.onloginpage .slider-slide img, .onloginpage.loginpag.class_specific .content-block img{max-height: 350px !important;}

.onboard.onloginpage.whitetheme .theme3styles .slider-slide img,
.onloginpage.loginpag.class_specific.whitetheme .theme3styles .content-block img {
  max-height: inherit;
}


.theme3styles .onboard img {
  width: auto;
}


.login_bg{margin-bottom: 0 !important; height: auto !important;}
.class_specific .newdesign02 .select_language{right: 0;}
.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain{height: 77vh !important;}
.vision-preview.five-col-grid .cash-in-output-page .month-name, .vision-preview.five-col-grid .cash-in-output-page .month-amount,
 .vision-preview.five-col-grid .cash-in-output-page .item-name{font-size: 16px !important; font-weight: normal !important;}
.cash-in-output-page .main-header, .cash-in-output-page .content-header{padding: 10px 10px !important;}
 .vision-preview.five-col-grid .cash-in-output-page .item-name b{font-weight: normal !important;}
}

 @media (min-width:681px) and (max-width:1024px){

.xray_video .xray {
  width: 100% !important;
}

.roundedcardmain{width: 100%; margin: auto; margin-top: 20px; padding: 10px;
    border-radius: 30px;}
.gettingstarted{font-size: 16px; font-weight: normal;}
.courseheading{font-size: 32px;}
.lessonheading{font-size: 26px; line-height: 30px;}
.headingtitle{line-height: 30px; font-size: 28px;}
.lessonheading .countno{width: 60px; height: 60px; line-height: 60px; font-size: 36px;}
.newcardstyle .lessonheading .countno{font-size: 30px; width: 40px; height: 40px; line-height: 40px; margin-right: 15px;}

.newcardstyle .lessonheading{margin: 2% 5% 0 5%;}
.newcardstyle .headingtitle{font-size: 28px !important;}
.cardicon img{width: 160px !important; border:none !important;}
.cardicon{left: calc(50% - 80px); bottom: -60px;}
.cardtitle{font-size: 16px;}
/*.onboard.onloginpage .slider-slide img, .onloginpage.loginpag.class_specific .content-block img{max-height: 450px;}*/
.onboard.onloginpage .slider-slide img,
.theme3 .onloginpage.loginpag.class_specific .content-block img {
  max-height: inherit;
}
.login_bg{margin-bottom: 0 !important; height: auto !important;}
.class_specific .newdesign02 .select_language{right: 0;}
.cardposter img{width: 90% !important; margin: auto; margin-top: 5%; border-radius: 100px;}
.themecolor .owl-item .roundedcardmain{height: 90% !important;}
}


 @media (min-width:800px) and (max-width:1000px){

.row.onlycheckbox .lessonlabel label, .checkboxoptiondivs .lessonlabel label{
  width: 500px !important;
}


.customregistration.globalfeedback.newdesign02 .scroll{width: 80%; margin-top: 100px;}

.theme3 .customregistration.globalfeedback.newdesign02 .scroll {
    margin-top: 80px !important;
}

}




/* --- NEW CSS STARTS HERE --- */
@media (min-width:800px) and (max-width:2000px) {
.customregistration.globalfeedback.newdesign02 .scroll {
    margin-top: 40px !important;
}
.webcarousel {
    width: 80%;
    margin: auto;
}
.webcarousel {
    width: 80%;
    margin: auto;
}
.lesson_content .lesson-img {
  height: 243px;
  max-height: 243px;
  background-size: 100% !important;
}

.assesmenttool .lesson_content .lesson-img{
  height: 220px !important;
  max-height: 220px !important;
}


}
@media (min-width:600px) and (max-width:799px) {
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .product-details-container .repeatsection .formly-field.formly-field-textarea{min-width: 175px !important;}
.aacoaching.lessoncontent.lesson_content .pagescrolling .content-scrolling{padding-bottom: 40px !important;}
.font-control-aboutkuza .scroll-content, .user-settings.privacypolicy .scroll-content{width: 100% !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages img{max-height: 150px; min-height: 150px;}
.lessoncontent.lesson_content .lessonquizholder .mainquestioncontainer .lessonquizmain.withimages{min-width: 300px !important; max-width: 300px !important;}
.mydashboard.trainerdashboard.attendanceui.ipdashboard.learnerlistdash .has-header.overflow-auto.grayshade-one{margin-top: 25px;}
.headprofnotify .profilelogout{width: 150px !important;}
.mydashboard.trainerdashboard .graphtoggle{left: 230px;}
.courselanding.learnerflow .lamborghini img.headerlogonew{max-width:150px; height: auto !important;}
.headprofnotify .notification{margin-top: 8px !important;}
.profilelogout{margin-right: 0;}
.courselanding.learnerflow .lamborghini .profilelogout .profile-info-right .profile-name{width: 95px; white-space: nowrap; text-overflow: ellipsis;}
.webmobile{display: none;}
.onlymobile{display: block !important; margin: auto; margin-bottom: 10px; margin-top: 15px;}
.headingtopindicators.graphtogglediv .graphtoggle{position: absolute; top: 0; margin-top: -10px;}
.headingtopindicators.graphtogglediv .topindicators{margin-top: 10px;}
.ftma-aa-operations .transaction-summary-counts.newuidesign .pos-db-farmers-count{padding-bottom: 15px !important;}
.aaoneview .aaoneviewrow{padding-right: 10px; padding-left: 10px;}
.aaoneview .aaoneviewrow .newuidesign .row{margin-top: 10px;}
.headingtopindicators .topindicators{justify-content: flex-end;}
.headingtopindicators{display: block;}
.headingtopindicators .topindicators div{font-size: 14px;}
.indicatorleft::before, .indicatorright::before{top: 10px;}
.newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.greybg, .topnewui .ksh, 
.newuidesignvc.topnewuivc .pos-db-body-left .pos-db-count.yellowbg, .newuidesigntrxs .pos-db-footer .pos-db-footer-right,
.topnewui .newuidesigntrxs .pos-db-footer .pos-db-footer-left{font-size: 14px !important;}
.topnewui{padding-left: 15px; padding-right: 15px;}
.topnewui .topnewuivc .pos-db-body-right .pos-db-title{font-size: 15px;}
.ftma-aa-operations .topnewui .transaction-summary-counts.newuidesign .pos-db-farmers-count{padding: 15px 10px !important;}
.topnewui .newuidesign .row .innermodule p{font-size: 12px;}
.topnewui .pos-db-farmers-count-numer h5{font-size: 18px;}
.ftma-aa-operations .topnewui .transaction-summary-counts.newuidesign .innermodule{margin-bottom: 15px;}
.mentor_dashboard .topnewui .secondary-title{font-size: 18px;}
.col-12.topfileters .text-sm-right{flex-direction: row !important;}
.rowheadingfilters .row .col-4{width: 100%!important; max-width: none; flex:100;}
.rowheadingfilters .aaoneviewfilters.col-8{position: static;}
.transaction-summary-counts .row .pos-db-farmers-count-numer h5{min-width: 110px;}
.rowheadingfilters .col-8{position: absolute; bottom: -40px; width: 100%; flex: 100% !important; max-width: none;}
.rowheadingfiltersbottom{margin-top: 0px;}
.rowheadingfilters{position: relative;}
.rowheadingfilters .col-8 .flex-column{flex-direction:row !important;}
.videoWrapper.vimeovideo iframe{width: 100% !important; height:390px !important;} 
.appdashstyles .profileinfocard{padding-left: 0;}
.appdashstyles .profilepiccard{margin-bottom: 10px;}

.appdashstyles .profilecard h4, .appdashstyles .profilecard h2{
/* text-align: center; */
}

.appdashstyles .profilecard{flex-direction: column;}
.appdashstyles .personalinfo .personalinfoinnerleft{width: 50%; text-align: right;}
.mapcontent{position: static !important; margin: 0; margin-top: 20px; width: 100%;}
.showallopts .mappopover{max-width: none; width: 100% !important;}
.mcrp_dashboard .yellowbgnew .pos-db-farmers-count{margin-bottom: 20px !important;} 
.yellowbgnew .pos-db-farmers-count-numer h5{min-width: 50px; text-align: center;}
.mcrpdash.has-header{top: 65px;}
.theme3.topiccontent.tile_view.topicstemp .has-header{top: 70px;} 
.theme3.topiccontent.tile_view.topicstemp .scroll{margin-top: 0px !important;}
.geomappopup.geomap{width: 90% !important;}
  .globalpage.activity-calendar.pane .has-header{top: 55px !important;}
 .newcardstyle .lessonheading .countno{width: 45px; height: 45px; line-height: 45px; margin-right: 15px;}
 .newcardstyle .lessonheading{font-size: 24px !important; margin-left: 3%; margin-right: 3%;} 
.playincreasetext{margin-top: 15px;}
  .course_detail .course-card .item.item-body h2.mt-n4{margin-top: 0 !important;}
 .geomap, .geomap map{width: 100% !important;}
.ipdashboard .ipdashboardcontainer .assesment_area .row .col-sm-6{width: 100%; max-width: none; flex-basis:100%;}
.ipdashboard .ipdashboardcontainer .assesment_area .assesment_inner .learning_modules .progress_circle{width: 65px;
    height: 65px; line-height: 56px;}
.ipdashboard .ipdashboardcontainer .assesment_area .row .col-12{margin-bottom: 15px;}
.headerlogonew{height:45px !important;}
.trainerdashboard.sssales .has-header{top:70px;}
.askquestionpopup#signature-pad{width:70% !important;}
.lookuppopupview.lookupcustomstyles .registrationpopup{width: 98%; max-width: none;}
.opt50 .lessonquizmain .list .item .item{min-width: 140px !important; max-width: 140px !important;}
 .accordiontable{width: 70%;}
 .width50 .customonlycheck{width: 56% !important;}
 .width70 .customonlycheck{width: 76% !important;}
 .width80 .customonlycheck{width: 86% !important;}
 .width90 .customonlycheck{width: 96% !important;}


.ipdashboardcontainer.ftmadashboard .tabrightsection{position: relative; margin-bottom: 10px;}
.tableprofile .profilecompleteness .row-flex .col-xs-12{width: 50% !important;}
.comingsoon{padding-bottom: 140px;}
.ipdashboardcontainer .assesment_area .container-fluidd{flex-direction: row !important;}
.assesment_area.displayresults .col-xs-6{width: 50%; padding-right: 8px; padding-left: 8px; margin-bottom: 15px;}
.ftmadashboard .assesment_inner{padding-bottom: 0;}
.greenpatch{margin-top: 70px;}
.fixheightdiffmain{padding-top: 0 !important;}
.topfixbtns button.reviewanswer{margin-right: 0;}
.lessonquizholder.fixheightdiff{width: 100% !important;}
.needhelpdiv{bottom: 75px; padding:4px 8px;}
.needhelpdiv span{font-size: 14px;}
.onloginpage.loginpag.class_specific .content-block {
    margin-top: 0;
    width: 100% !important;
}
.onloginpage.loginpag .login .content-block .login_form {
  margin-left: 0px;
}

.theme3 .onloginpage.loginpag .login .content-block .login_form{
  margin-left: 0px;
}

.lesson_content .lesson-img {
  height: 300px;
  max-height: 266px;
  background-size: 100% !important;
}

.onlyimage{padding: 0 5px;}
.content-blocks .oneoffdiv{margin-top: 35px !important;}

.imageslidermain.slider .onlyimage img{width: 88%; margin-top:2%;}
.footer_next_prevbtns{min-height: 65px;}
.slideleftright .nextsvg{right:0px;}
.slideleftright .backsvg{left: 0px;}

.ipdashboard .lamborghini img, .bcidashboard .lamborghini img{margin-top: 10px;}
.signout-img{
  margin-top:0px !important;
}

.courselanding .lamborghini.header_lg img{max-height: 50px; margin-top: 10px;}
.courselanding .scalelogout img{margin-top: 0 !important;}
.coursewelcome, .course_new_ui.courselanding .tab-nav.tabs{margin-top: 70px !important;}
.courselanding .tab-ecd{margin-top: 20px !important;}

.profile .contents .profileinfodetails.profile_info{margin-top: 0px;}
.customrowclass{margin-top: 15px; display: inline-block;}
.course_new_ui .tab-nav.tabs .tab-item{padding: 0 20px !important;}
.popup-container .popup{width: 60% !important;}
.popup-container.maximize-image .popup{
  width: auto !important;
  max-width: 93% !important;
}
.coursescale .iphonescroll{margin-top: 65px; padding: 15px;}

.ipdashboard .lamborghini img{margin-top: 0;}
/* .ipdashboard .associatelogo{top: auto; max-height: 35px;} */
.trainerdashboard.ipdashboard .lamborghini .Diablo{top: 2px;}
.ipdashboard .lamborghini, .bcidashboard .lamborghini{justify-content: flex-start; align-items: center;}
.bcidashboard .header-logout-btn{top: 0;}
.bcidashboard .lamborghini .header-partnerlogo{margin-top: 0;}
/* .ipdashboard .assesment_area{padding-bottom: 3rem;} */

.cardposter img{}

.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 30px !important;}
.videocontainermain .quizcontentdiv.lessonquizcontainer{
  /* width: 90% !important;  */
  margin-top: 35px !important;
}
.roundedcardmain .lessonstatus{font-size: 20px !important;}
.roundedcardmain .cardtitle{font-size: 18px !important;}

.onvideocard .roundedcardmain .cardtitle{font-size: 14px !important; margin-top: 20px;
    line-height: 18px;}
.onvideocard .cardposter img{width: 100% !important; margin-top: 0 !important;}
.onvideocard .roundedcardmain{border-radius: 20px;}

.ratingfeedback.sendfeedback .scroll, .feedbacktext.correctwrongans{width: 65% !important;  margin-top: calc(50% - 100px);}
.lessoncontainerdiv{height: 100px;}
.newcardstyle .lessoncontainerdiv{height: 60px;}
.themecolor .owl-item .roundedcardmain.newcardstyle{height: 100% !important;}
.headingtitle{line-height: 24px !important; font-size: 24px !important;}
.lessonowl.themecolor.pane .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 70px !important;}
.courselanding .owl-theme .owl-nav.disabled+.owl-dots{margin-top: 30px !important;}

.video-flex-container .slideswithcount{margin-top: 10px !important;}
.video-flex-container .slideswithcount h3{font-size: 1.5em !important;}
.lesson-component.maincont .videocontenttext{font-size: 1.2em !important;}
.assesmenttool .lamborghini .headerprofile .profilesub{max-width: 200px; text-overflow: ellipsis;
    white-space: normal;}


.vjs-fullscreen .childvideo .childvideocancel{top: 15px !important;}
.md-dialog-is-showing .md-dialog-backdrop{width: 100%;}
.md-dialog-is-showing md-dialog{width: 100%; max-width: 100%;}


.registration-wrappr .nav-tabs{width: 96%; margin: auto; display: flex; overflow-x: auto; overflow-y: hidden;}
.registration-wrappr .mainquestioncontainer, .prevnextbtns{width: 100% !important;}
.profile_edit.customregistration .myprofile .scroll{width: 94% !important;}
.profile_edit.customregistration .row.onlycheckbox{padding: 0 !important;}
.profile_edit .lessonquizmain .list .item{}
/* .profile_edit.customregistration .pane{margin-top:70px !important;} */
.registration-wrappr .tabsetmain .mainquestioncontainer .showlabel label{font-size: 16px !important;}
.registration-wrappr .mainquestioncontainer input{width: 200px !important;}
.registration-wrappr .mainquestioncontainer .customdatepicker input{width: 170px !important;}

.pmsdataform .registrationpopup, .pmsdata.pmsdataform .closebtn{width: 80%;}
.pmsdataform.addfarmerreg .registrationpopup{
  width: 80% !important;
  min-width: 80% !important;
  height: auto;
  /* min-height: 35% !important; */
}
.pmsdataform.addfarmerreg .registrationpopup .scroll{
  margin-top: 0px;
}


.pmsdataform.searchformpop .registrationpopup.eventpopup, .pmsdata.pmsdataform.searchformpop .closebtn{width: 50%;}
.eventnotedate{font-size: 16px !important;}
.eventnoteday{font-size: 14px !important;}
.event-card-width .col-lg-12{padding-left: 0 !important;}
.card.card-width .row .col-sm-4{margin-left: auto;}


.onloginpage.loginpag.class_specific .content-block .login_bg img{max-height: none; width: 100%;}
.loginpag.loginnew .ui-select-container{background: rgba(0, 0, 0, 0.4) !important;}


#custommmoverlay .videoquizcontainer .pop_quiz_div .popquiz.quiz_end_invoke{max-width: 98% !important; margin-left: 1% !important;
    height: 96vh !important; margin-top: 2vh !important;}


.profile.profileedit .customrowclass{width: 100%;}

.has-header.customregistration.myprofile.altertopics{top: 55px; background-color: #fff !important;}
.has-header.customregistration.myprofile.altertopics .col-xl-10.mt-5{margin-top:15px !important;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain{padding-top: 0;}
.lessonowl.themecolor .altertopics .statictext .lesstionpicmain .topicicon{width: 180px; height: 120px;}
.lessonowl.themecolor .altertopics .statictext .topictitle{height: auto !important; font-size: 14px; margin-bottom: 5px; line-height: initial;}
.lessonowl.themecolor .altertopics .statictext .topicdetails{width: calc(100% - 200px) !important;}
.statictext .lesstionpicmain .lessontopics .topicdetails .descriptiontext{line-height: 16px; font-size: 14px;}
.statictext .lesstionpicmain .lessontopics .topicdetails .learn{font-size: 12px;}
.altertopics .statictext.topicsubtopics .topictitle{font-size: 14px;}
.statictext.topicsubtopics .lesstionpicmain{margin-top: 0;}

.onboardnew .logoright.ftma_partner img{max-width: none; width: 100% !important;}
.onboardnew .logoright.ftma_partner{width: 53% !important;}

.login_bg{max-height: 400px !important;}
}
/* --- NEW CSS ENDS HERE --- */



@media (min-width: 1500px){
  .webmode{/*width: var(--containerwidth);*/ margin: auto;}
.login_bg {
    height: 320px;
    /* margin-bottom: 6rem !important; */
}
}

@media(min-width:901px) and (max-width:1080px){

/* .feedbacktext.correctwrongans {
    margin-top: calc(50vh - 250px) !important;
    min-height: calc(35vh - 85px) !important;
    width:70% !important;
} */

.webmode.ipdashboard {
  width: 65% !important;
  margin: auto;
}
.webmode.bcidashboard {
  width: 65% !important;
  margin: auto;
}
}

@media(min-width:800px) and (max-width:900px){
.myprofile .scroll{
  position: relative;;
  top: 80px;
}



}

@media (min-width:1200px){
  .home-dashboard .card .kuzaicons{
    width: 60%;
    margin: auto;
    padding: 20px !important;
  }

  .home-db-icon-title{
    font-family: 'gt_walsheimregular' !important;
    font-size: 18px !important;
    font-weight: normal !important;
  }

.webmode{/*width: var(--containerwidth);*/ margin: auto;}
.row.onlycheckbox .lessonlabel label, .checkboxoptiondivs .lessonlabel label{
  max-width:500px;
}

.video_simulation_div .row.onlycheckbox .lessonlabel label{max-width: none !important;}

  .templatedivwidth{
    width: 100% !important;
  }

  md-bottom-sheet{
  width:46%;
  margin:auto;
}

.newuidesign .container-fluid .row .innermodule{padding-left: 10px; padding-right: 10px;}

.onboardnew .logoright.ftma_partner img{max-width: none;}

.modal-backdrop .modal-wrapper .payment-popup-main{width: 50% !important; min-width: 50% !important; max-width: none !important;}



}

@media (min-width: 1380px) and (max-width: 1500px) {
.imageslidermain.slider .onlyimage img{width: 70%;}
}

@media (min-width: 280px) and (max-width: 320px) {
.ftmadashboard .assesment_area.displayresults .col-md-4.col-xs-4{width: 90% !important; margin-left: 5%;}
.themecolor .progresstime .progresspercent{
  /* width: 35px; 
  line-height: 50px; 
  font-size: 12px; */
}
.themecolor .progresstime .time{line-height: 50px; font-size: 8px; width:80px; font-weight:bold; }
.themecolor .progresstime .progress{
  /* margin-top: 20px; 
  width: 28%; */
}
.themecolor .progresstime{width: 40%;}
.newheader .header_lg{height: 50px !important;line-height: 50px;}
.lamborghini a img{width: 20px;}
.headerprofile{line-height: 12px; white-space: normal; width: auto; padding-top: 10px; font-size: 10px; margin-right: 5px;}
.introtext.themecolor .roundedcardmain .cardpostericon.introicons img{width: auto !important;
 max-width: 100%;}
.assesmenttool .headerwithbg{padding-right: 0px;}
.dncalendar-note-list{margin-left: 0 !important; padding-left: 10px;}
}

@media (min-width:600px) and (max-width:960px){
  .imageslidermain.slider .slider-slide{
    transform: translate(0px, 0px) translateZ(0px) !important;
  }
  .aaoneviewfilters {
    font-family: arial !important;
    margin-top: 20px;
}
  .program_partners img {
    width: 230px;
}
  .toprighticons img {
    width: 42px;
    margin-left: 7px;
}
.webchatcontainer .inside_header .toprighticons img {
    width:30px;
    margin-left: 7px;
}
.profpic img {
  width: 50px;
} 
  .video_responsive {
    width: 95%;
}
.flex-basis-0{
  flex-basis: 100% !important;
}
.content-scrolling-main {
  background-color: #ffffff !important;
}
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{
  margin:0px !important;
}

  .headerprofile .lead {
    font-size: 18px;
    font-weight: 300;
}

  .onboard .slider-slide img {
  max-height: 100%;
}
.campaign-main .viewform-content-inner .mainquestioncontainer .farmerprofiledata{
  width: 100% !important;
}
.campaign-main .viewformdisrow .mainquestioncontainer .labeltitle{
  width: 50% !important;
}
.viewformdisrow .viewformmode .detaildescription{
  width: 45% !important;
}
  .outline-btn{
        padding: 5px 5px;
        /* min-width: 80px; */
        font-size: 11px;
        margin-right: 6px;
  }
.outline-btn img{
  width: 15px;
  height:15px;
  margin-right: 5px !important;
}

.viewformeditdel button{
  position: relative;
}
.viewformeditdel button::after{
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}

  .viewformeditdel button.deletebtn {
    margin-left: 20px;
    }
    .right_div{
      max-width: 320px;
  }
  .view-btn, .edit-btn, .remove-btn{
    width: 35px;
    height: 35px;
    padding: 7px 11px;
    font-size: 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .view-btn, .edit-btn{
    margin-right: 25px;
  }
.report-print{
    padding: 20px 15px;
  }

.mentor_dashboard_inner{
  padding: 0px;
}
.vjs-fullscreen .childvideo {
  height: 100vh;
}
.childvideo .childvideocancel {
  top: calc(1% - -5px);
}
  #custommmoverlay .popquiz {
    width: 50% !important;
  }
  #custommmoverlay .videoquizcontainer.iframeclass .popquiz{
    width: auto !important;
  }
  #custommmoverlay .video_simulation_div .popquiz{width: 100% !important;}
  .aacoaching .video_simulation_div .row.onlycheckbox .lessonlabel label{max-width: none !important;}
  .video_simulation_div .formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item{margin-bottom: 5px !important;}

.vjs-fullscreen #custommmoverlay .videoquizcontainer .popquiz.quiz_end_invoke{height: 90vh !important; max-width: 98% !important; margin-left: 1% !important;}


}

@media (min-width:1230px) and (max-width:1300px){
  .align_width_center .onboardtitle,
  .align_width_center .onboard h2,
  .align_width_center .onboard p,
  .onboardtitle, .onboard h2, .onboard p, .onboard.onloginpage .bar-ecd-footer {
    width: 100% !important;
  }
  .onboard .board{margin: 0 3.0em;}
}

@media (min-width:1400px) and (max-width:1480px){
 .feedbacktext.correctwrongans {
    min-height: calc(60vh - 85px) !important;

}
.courselanding.learnerflow.course_new_ui .scroll-content{width: 60%;}

.pmsdataform.addfarmerreg .registrationpopup.closebuttons{top: calc(50% - 255px) !important;}
}

@media (min-width:360px) and (max-width:480px){
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright .nextsvg{margin-right:-15px;}
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright .backsvg {margin-left:-10px;}
}

@media (min-width:365px) and (max-width: 420px){
.feedbacktext.correctwrongans{min-height: auto !important;}
}

@media (min-width:1366px) and (max-width:1500px){

  #custommmoverlay .popquiz {
    /* width: 44% !important; */
    padding-right: 20px;
  }
  .iframeclass .lessonquizmain .lessonlabel {
    display: inline-block;
    margin: auto;
    word-break: break-all;
  }
  .pop_quiz_main .lessonnewquizstyles .form-group .list label{
    width: 100% !important;
  }
   #custommmoverlay .video_simulation_div .popquiz{width: 100% !important;}
}

@media (min-width:481px){
  .logout-right{
    display: none;
    }
    .main-title{
    display: none;
  }
}



@media (min-width: 1081px) and (max-width: 1200px) {
/* .sessiondiv{width: 29% !important;} */
.courselanding .ecd-card .item-avatar{max-height: 90px !important; min-height: 90px !important;}
.sessiondiv .ecd-card h2 a{font-size: 16px !important;}
.courselanding.webmodeforcourse{width: 60% !important;}
.newheader .lamborghini .Diablo{top: 0 !important;}
}
@media (min-width: 1367px){
  .charts-area{
    min-height: 600px !important;
  }
}
@media (min-width: 1250px) and (max-width: 1350px) {

  .card-item-sub-item {
    padding: 6px 10px;
    border-radius: 20px;
}
/* .sessiondiv{width: 30% !important;} */
}
@media (min-width:320px) and (max-width: 480px){
  .timeline-form-title {
    font-size: 16px;
}
  .timeline-form-title{
    flex: 1;
  }
  .timeline-form-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    /* padding-top: 40px !important; */
}
.top-card-row .card img {
  width: 40px !important;
}
.top-card-row .card h5 {
  font-size: 16px !important;
}
.top-card-row .card h3 {
  font-size: 20px !important;
}
  .right-info-section{
    flex-direction: column !important;
  }
  .right-info-section > div{
    margin-bottom: 15px;
  }
  .top-filters-row{
    position: static !important;
    margin-top: 30px !important;
    justify-content: end;
  }
  .top-filters-row .dropdown-css{
    display: flex;
    flex-direction: column;
  }
.lastupdatedmain{
  align-items: flex-start !important;
  flex-direction: column !important;
}
.lastupdated{
  padding-left: 0px !important;
  margin-left: 0px !important;
}
.md-padding.facilitators.gridview {
  min-height: auto;
}
.new-search-box {
  margin-top: 0px !important;
}
.table.agripreneur-summary,
.table.training-table,
.table.farmer-oneview-training-summary,
.table.fe-agripreneur-summary{
  min-width: 1000px;
}
.table.training-summary-grid{
  min-width: 1100px;
}
.location-details .mappopover .rightdiv.secondcolm .map-popup-box-inner{
  width: 90% !important;
  margin:5px auto !important;
}
.location-details .mappopover .rightdiv .row {
  margin-right: 30px;
  margin-left: 30px;
}
.location-details .mappopover .rightdiv {
  background-color: #fff;
  width: 90%;
}
.topicslist{
  width: 100%;
}
.topic-list-column {
  width: 100%;
}
.kenyamap{
  text-align: center;
}

.paginationselect{
  display: flex;
  flex-wrap: wrap;
}
.pagination-sm.pagination{
  flex-basis: 100% !important;
}
.paginationselect select{
  margin-right: 15px;
  margin-left: 0px;
}
.ui-grid-pager-count{
  margin-left: 15px;
}
.appdashstyles .personalinfo .personalinfoinnerleft {
  width: 48% !important;
}
.top-card-row .card{
  margin-top: 10px;
  margin-bottom: 10px;
}
  .program_partners img {
    width: 200px;
}

  .video_responsive {
    width: 95%;
}
  .assesmenttool .footer-buttons-control a.next_btn{
    margin-right: 0px !important;
  }
  .owl-carousel .owl-stage{
   /* padding-left: 15px !important;
    padding-right: 40px !important;*/
  }
  .themecolor .owl-carousel .owl-item.active{
   /* margin-right: 0px !important;*/
  }

  .flex-basis-0{
    flex-basis: 100% !important;
  }
  .content-scrolling-main {
    background-color: #ffffff !important;
  }
  .imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{
    margin:0px !important;
  }

.headertitle .lead{
  font-size: 15px;
}
  .results-card {
    margin-top: 20px;
}

  .form-primary-title{
    margin-bottom: 10px;
  }
.headertitle h4{
  display: none;
}
.menu-open .right-side-menu{
  transform: translate3d(0px, 0px, 0px) !important;;
}

.download-btn img{
  width: 30px;
  height: 30px;
}

.input-btns, .input-btns-inner{
  width: 100%;
}
.outline-btn{
  flex: 1;
}
.outline-btn{
  justify-content: center;
}
.outline-btn img{
  margin-right: 10px;
}
  .db-card{
    min-height: 110px;
  }
  .db-card-main {
    width: 50%;
  }
  .card-item-sub-inner{
    margin-bottom: 0px;
  }
 .default-flex-row, .card-item-sub-inner, .db-card-row{
   flex-wrap: wrap;
  }
  .card-item-sub-inner .card-item-sub-item{
    margin-bottom: 25px;
  }

  .opt50 .lessonquizmain.withimages .item-radio i.radio-icon {
    top: 15px !important;
    right: 30px !important;
}
  .sub-category .listsummary{
    padding-top: 40px;
  }
  .multiplebtn{
    margin-top: 5px !important;
    margin-bottom: 10px !important;
  }

.dncalendar-note-list{
  padding-left: 10px !important;
}
.sync-progress-inner{
  min-width: 96%;
}

.pmsdataform.addfarmerreg .registrationpopup .scroll{
  margin-top: 0px;
}
.pmsdataform.addfarmerreg .registrationpopup{
  width: 90% !important;
  min-width: 90% !important;
  height: auto;
  min-height: 50% !important;
}
/* .pos-card {
    flex: 0 0 46%;
    margin: 5px;
} */


.mcrp .product-details-container .repeatsection{
  align-items: baseline !important;
}

.mcrp .repeatsection .formly-field.formly-field-radio .form-group .list label{
  margin:0px !important;
}

.training_campaign .showlabel.grouplabeltitle{
  float: none;
}
.sub_county_field .mainquestioncontainer .showlabel label{
    white-space: nowrap;
}
.intellisearch{
  min-width: 100%;
  left: 0px;
  /* border: 1px solid #ccc; */
  margin-top: 5px;
}
.intellisearch span:nth-child(1){
  border-top: none;
}
.view-btn, .edit-btn, .remove-btn {
    width: 25px  !important;
    height: 25px !important;
    padding: 4px 6px !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
}
@media screen and (min-width:1250px) and (max-width:1300px){
.login_bg{display: block; height: auto; min-height: auto;}
.onloginpage.loginpag .login .content-block .login_form{width: 100%;}
.headercontainer{width: 70%;}
.pmsdataform.addfarmerreg .registrationpopup.closebuttons{top: calc(50% - 255px) !important;}
}

@media (min-width:768px) and (max-width:1200px){
  /* .globalfeedback{
    padding-top: 50px !important;
  } */
  .topiccontent.globalfeedback{
    padding-top: 0px !important;
  }

}


@media (min-width:680px) and (max-width:899px) {
.contentmainpart .leftimgpart{width: 200px; margin-right: 20px;}
.contentmainpart .overviewvalues{margin-top: 30px;}
.contentmainpart .leftimgpart img{width: 100%;}
.contentmainpart, .topbar_right{font-size: 14px;}
.overviewprogress{margin-top: 30px;}
.catoverviewmain .topbar h1{font-size: 20px;}
.catoverviewmain .topbar{padding: 15px;}
.overviewvalues .valuecontent{font-size: 12px;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field.formly-field-drag-n-drop{min-width: 100% !important;}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field.formly-field-radio .radioboxbtn{min-width: 100% !important;}
  .typeformeffects .lessoncontentmain{width: 100% !important;}
  .typeformeffects .typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent{justify-content: space-between !important;}
  .typeformeffects .typeformui .form-fields.surveymainform_questiondiv .mainformcontainer.submission-form{max-width:90% !important;}
.pmsdataform.addfarmerreg .registrationpopup{width: 80% !important;
    min-width: 80% !important;
    height: auto;}
}

@media (min-width:600px) and (max-width:899px) {
  .learnerreginner{box-shadow: none !important; /*width: 60%; float: left;*/ margin-top: 20px;}
  .plotregistration_links{width: 48%;}
  .courselanding.learnerflow.course_new_ui .scroll-content {width: 96%; overflow: auto;}
  .plotregistration_links .button{margin-bottom: 0;}
  .lesssoncarousel .sessiondiv.subcategories .courseposter img{height: 160px !important;}
  .typeformeffects .lessoncontentmain{width: 100% !important;}
  .typeformeffects .typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent{justify-content: space-between !important;}
  .typeformeffects .typeformui .form-fields.surveymainform_questiondiv .mainformcontainer.submission-form{max-width:90% !important;}
.pmsdataform.addfarmerreg .registrationpopup.closebuttons{top: calc(50% - 230px) !important;}
/*.course-cat .box .main-img{max-height: 130px;min-height: 130px;}*/
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer .descriptiontext, .modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer img,
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer .croplistinheading{float: none; width: 100%;}
.askkuzachatpopup{width: 96%; margin: auto; margin-top:10vh; height: 80vh !important;}
.main-container-for-all .course-cat .box{min-height: auto !important;}
.course-cat .box .main-img{max-height: 160px; min-height: 160px;}
.course-cat .carouselmaindiv .box .main-img{max-height: 100px; min-height: 100px;}
.categoriesland .courselanding .row.course-cat .box img.main-img{max-height: 160px !important; min-height: auto !important;}
.categoriesland .courselanding.learnerflow.course_new_ui .scroll-content{width:100% !important;}
.course-cat.course-cat-next .course-name .name{font-size: 16px !important;} 


.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all{padding:40px 50px 0 !important; /*margin-bottom: 100px;*/}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all.viewmodescreen{padding-top:0 !important;}

}
@media (min-width:1200px) {
  .learnerreg{width: 50%; margin: auto;}
  .learnerreginner{box-shadow: none !important;  margin-top: 20px;}
  .onloginpage.loginpag.align_width_center .content-block{margin-bottom: 0 !important;}
  /* .newdesign02 .login_bg{margin-bottom: 0 !important;} */
/*.course-cat .box .main-img{max-height: 145px;min-height: 145px;}*/
.askkuzachatpopup{width: 50%; margin: auto; margin-top:10vh; height: 80vh !important;}
.sessionoverview .main-container-for-all .main-img{width: 50%; float: none;}
.sessionoverview .main-container-for-all .main-img img{margin-top: 0; margin-bottom: 30px;}
.catintro.categoriesland .scroll-content{width: 50% !important; margin: auto !important; margin-top: 70px !important;}
.catintro.categoriesland .scroll-content .mainvideocontainer{margin-top:60px;}
.catintro.categoriesland .scroll-content .coach-link{width: fit-content; float: none; margin: auto;}

.webresmaxwidth .center-on-page.langtoggle{right: 40px !important;}
.maxwidthcontainer{width: 70%;}
.dashboardprogresssection .textcontentarea{width: 100% !important;}
/*.contentareabottom{margin-top: 25px;}*/
}

@media only screen and (min-width: 600px) and (max-width: 620px){
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages img{max-height: 150px; min-height: 150px;}
.lessoncontent.lesson_content .lessonquizholder .mainquestioncontainer .lessonquizmain.withimages{min-width:270px !important; max-width:270px !important;}
.lessoncontent.lesson_content .lessonquizholder .formly-field{margin-right: 0 !important;}
.pmsdataform.addfarmerreg .registrationpopup.closebuttons {top: calc(50% - 210px) !important;}
.course-cat.course-session .course-name .col-md-9{font-size: 14px !important;}
.course-cat.course-session .carouselmaindiv.active_course .box .course-name .name{font-size: 12px !important; line-height: 20px;}
}


@media only screen and (min-width: 600px) and (max-width: 690px){
.course-cat.course-session .carouselmaindiv.active_course .box .course-name .name{font-size: 14px !important; line-height: 20px;}
.main-container-for-all .row p{font-size: 14px !important;/*line-height:18px !important;*/ margin-bottom: 15px;}
.categoriesland.sessionoverview .lesson-component .formly-field .welcomedescription ul li{font-size: 14px !important;line-height: 18px !important;}
.menuitemimg img{height: 20px !important;}
.menuitemimg{height: 50px !important; width: 50px !important;}
#left-menu .user-links li .menuitemname{margin-top: 10px !important;}
.course-cat.course-session .box .main-content{padding: 10px 0 !important;}
.assintro .assessmentcontainer h1{font-size: 30px;}
.assintro .assessmentcontainer h2{font-size: 24px; line-height: 30px;}
.course-name .name{font-size: 18px !important;}
#left-menu .user-links li .menuitemname{font-size: 20px;}
.main-container-for-all .row .menuprofleft p{margin-bottom: 0 !important;}
.main-container-for-all .row .menuprofleft h4{margin-bottom: 10px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .showlabel label span{font-size:24px !important; line-height:30px;}
.categoriesland.sessionoverview .hidedivsforquiz .quiztemplate .listname span{font-size:22px !important; line-height:24px;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label, .opinionquestion .questitle{font-size:24px !important; line-height:30px;}
.categoriesland.sessionoverview .opinionscale_div{font-weight: normal !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field-statement .field-title .statementtitle, .budgettitle, .cashflwcharttablemain.questiondescription{font-size:20px !important; line-height:26px;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field-statement .description p{font-size: 20px !important; line-height: 24px !important;}
.newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{font-size: 30px !important; line-height: 32px !important;}
.formly-field-welcomescreen .welcometitle, .formly-field-thankyouscreen .welcometitle{font-size: 24px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span{font-size: 28px !important;}
.dashboard.mycustomlesson .newquiztemp .showlabel label{font-size: 30px !important; line-height: 34px;}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .listname span{font-size: 24px !important; line-height: 22px;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button{font-weight: normal !important; font-size: 20px !important; padding: 10px 20px !important;}
.cardprenextdiv .left_button, .cardprenextdiv .right_button{font-size: 20px; padding: 10px 30px;}
.categoriesland.sessionoverview .hidedivsforquiz .message{font-size:20px; line-height: 24px !important;}
.course-listing .listing h3, .inpudescbelow{font-size: 16px;}
.course-listing .listing.active h3{font-size: 18px;}
.course-listing .listing h3 b{font-size: 16px;}
.courselanding md-tabs-canvas .md-tab span{font-size: 16px;}
.post-meta-1 span{font-size: 12px !important;}
.post-meta span, .post-meta-1 span, .assessmenttopic span{font-size: 13px !important;}
.main-container-for-all.vision-content .question-content{font-size:18px !important;}
.main-container-for-all.vision-content .quizgrouplabel.question-main.purple{font-size: 20px !important; margin-bottom: 8px !important; line-height: 24px;}

.assintro .assessmentcontainer h1{font-size:30px; margin-bottom: 0;}
.assintro .assessmentcontainer h2{font-size: 24px; line-height:30px !important;}
.pre-ass-img{margin-bottom: 20px;}
.feedbacknewui.result-new-page .resulticon{width: 100px;}
.result-new-page h3, .feedbacknewui.result-new-page h2{font-size: 24px !important; margin-bottom: 0;}
.feedbacknewui.result-new-page h2{margin-top: 10px !important;}
.result-new-page h4, .result-new-page span{font-size: 18px !important;}
.rating-div .listing img{width: 25px;}
.feedbackrating .rating-div .listing .fa{font-size: 30px !important;}
.feedbackrating .rating-div .listing img{left: 40px;}
.feedbackrating .rating-div .listing h4, .feedbackrating .rating-div .listing span{margin-left:10px;}
.feedbackrating .rating-div{padding: 0px 0px 0px 60px;}
.feedbacknewui.result-new-page .rating-div .listing{margin-bottom:20px;}
.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button{margin-bottom: 30px;}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz{height:80% !important;}
.main-title-all .title h2{font-size: 24px;}
.categoriesland.sessionoverview .hidedivsforquiz .message{margin-top: 10px !important;}
.col.width70per{min-width: 58% !important;}
.cardprenextdiv{margin-top:0px !important;}
.newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{font-size: 26px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span,
 .quizres .scroll-content .result-base .content-div p, .sessionoverview .nofieldset legend{font-size: 20px !important;}
.lesson_content.videocontainermain.topicassessment .quizcontentdiv.lessonquizcontainer{margin-top: 5px !important;}
.lesson_content.videocontainermain.topicassessment .newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{margin-bottom: 10px !important;}

.result-base .circle{width: 250px; height: 250px;}
.result-base .circle img.resulticoncls{margin-top: -65px;}
.result-base .circle img{width: 60px;}
.result-base .content-div h3{font-size: 30px !important; font-weight: bold; margin-top: 35px;}
.result-base .content-div a{padding: 15px 70px; font-size: 18px;}
.toptextdesc{font-size: 16px !important;}
.statusprogresstitle, .mysessionstitle, .popvideotitle, .categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label, .opinionquestion .questitle, .dashboard.mycustomlesson .newquiztemp .showlabel label,
 .result-base.mindset-top h2, .source-output-page .listing-table .col-md-4 h2{font-size: 20px !important;}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all{padding: 30px 20px 0 !important;}
.headerwelcome, .retake-box .box a, .next-topic-button a, .newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .listname span, .source-output-page .listing-table .col-md-4 span{font-size: 16px !important;}
#left-menu .user-links.newmenuui .primer-menu-list-inner h5{font-size: 18px !important;}
.user-links.newmenuui .menustagetitle, .user-links.newmenuui .menustageinnertitle, .market-box-output-desc, .categoriesland.sessionoverview .hidedivsforquiz .message p,
 .categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .formly-field.formly-field-textarea textarea, .newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span{font-size: 16px !important;}
.leftpartleft{margin-top: 0 !important;}
#left-menu .user-links.newmenuui .primer-menu-list-inner li ul{margin-top: 0 !important;}
.primer-menu-list-item.item-accordion i{padding: 0px 10px;}
.lamborghini .top-text, .topicassquiztitle, .formly-field-welcomescreen .welcometitle, .formly-field-thankyouscreen .welcometitle, .market-box-output-title, .assintro .assessmentcontainer h2,
 .categoriesland.sessionoverview .opinionscale_div{font-size: 18px !important;}
.activity-result-page-main .col-md-4 h2, .swot-4p-page-main .col-md-4 h2, .category-drag-drop-page .col-md-4 h2, .assintro .assessmentcontainer h1, .newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{font-size:20px !important;}
.activity-result-page-main .col-md-4 .refselectedoptions p{margin-bottom:0px !important; line-height: 18px;}
.overview-content h3, .formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button, .cardprenextdiv .left_button, .cardprenextdiv .right_button,
 .categoriesland.sessionoverview .lesson.mentor_insights.bottomfixbutton .button.button-ecd, .assintro .assessmentcontainer .coach-link a{font-size:18px !important;}
.next-topic-button a, .formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns button, .cardprenextdiv .left_button, .cardprenextdiv .right_button, .assintro .assessmentcontainer .coach-link a{padding: 5px 20px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .formly-field.formly-field-textarea textarea, .assintro .assessmentcontainer h2, .newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span,
 .dashboard.mycustomlesson .newquiztemp .showlabel label{line-height: 24px !important;}
.categoriesland.sessionoverview .lesson.mentor_insights.bottomfixbutton .button.button-ecd{width: 290px; bottom: 0 !important;}
.main-container-for-all .videocontenttext .topiccontent p, .categoriesland.sessionoverview .hidedivsforquiz .message{font-size: 16px !important; line-height: 22px;}
.main-container-for-all .row .welcomedescription p, .main-container-for-all .row .result-base.mindset-top p, .source-output-page .listing-table strong{font-size: 16px !important; line-height: 22px !important; padding: 0;}
.main-container-for-all.vision-content .question-main{font-size: 18px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .lessonlabel label, .flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_correct input:checked+.radio-content .item-content,
 .newquiztemp .quiztemplate .lessonnewquizstyles .form-group .list label, .flex-row.onlycheckbox.optiondivs .picquiz.lessonquizmain .item.activated_wrong input:checked+.radio-content .item-content{padding: 10px 20px !important;}
.topicassessquiz .cardprenextdiv{bottom: 20px !important;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain{margin-bottom: 10px !important;}
.result-base.mindset-top img{width: 40%;}
.categoriesland.sessionoverview .opinionscale_div{padding: 10px 9px !important;}
.opinionscalemain{margin: 0 5px;}
.opiononposter img{height: 180px;}
.opinionquestion .questitle{margin-bottom:15px;}
.source-output-page .listing-table strong, .source-output-page .listing-table .col-md-4{margin-bottom: 0 !important;}
.categoriesland.sessionoverview .hidedivsforquiz .repeatsection .message{font-size: 18px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .repeatsection .formly-field.formly-field-textarea .message{margin-top: -5px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.formly-field-grid .message{margin-top: -5px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.formly-field-textarea .message{margin-top: -5px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.customsuppwidth.formly-field-grid-labeltop .message{margin-top: -5px !important; margin-bottom: 20px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .formly-field.formly-field-grid-labeltop .message{margin-top: -5px !important; margin-bottom: 20px !important; line-height: 20px !important;}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell{max-width: 90px !important;}
.main-container-for-all.vision-content .vision-preview .question-content{text-align: center !important;}
.categoriesland.sessionoverview .lessonnewquizstyles .product-details-container .repeatsection .showlabel label{margin-bottom: 5px !important;}
.product-details-container .repeatsection .formly-field .mainquestioncontainer{border:none !important; padding-bottom: 0 !important;}
.categoriesland.sessionoverview .product_details .repeatsection .addfieldclose{display: none;}
.sessionoverview .nofieldset legend.messagetitle{line-height: 22px !important;}
.new-table-design .listing-table p, .main-container-for-all .row .new-table-design .listing-table p{margin-top: 0 !important; margin-bottom: 5px !important;}
.new-table-design .listing-table{padding-bottom: 15px !important;}
.likertnewstyleoptions .likerttext{font-size: 16px;}
.likertradiotitletext{font-size: 18px;}
.new-table-design .listing-table p, .main-container-for-all .row .new-table-design .listing-table p{color: #344356 !important; padding-left: 10px;}
.categoriesland.sessionoverview .hidedivsforquiz .repeatsection .message{margin-bottom:0px !important;}
.main-container-for-all.vision-content.swot-4p-page-main .question-content{margin-bottom:10px; line-height: 20px;}
.market-analysis-output-page .market-box-output h2{font-size: 20px !important;}
.market-box-output-title{margin-bottom: 0px !important;}
.cash-in-output-page .main-header, .cash-in-output-page .content-header{font-size: 16px !important; line-height: 22px;}
/*.main-container-for-all.vision-content.market-analysis-output-page .market-box-output{margin-bottom: 0 !important;}
*/.budgettext .budgettitles, .cashflwcharttablemain .budgettitles, .budgettext .budgetvalues, .cashflwcharttablemain .budgetvalues{font-size: 15px;}

.formly-field.formly-field-textarea .mainquestioncontainer .showlabel label{line-height: 22px !important;}
.market-analysis-output-page .market-box-output .box:last-child{padding-bottom:15px;}
.market-analysis-output-page .market-box-output .box{padding-bottom: 0; padding-top: 15px;}
.categoriesland.sessionoverview .likertradigridlabtop.userdropdowngrid{margin-top: 0 !important;}
.categoriesland.sessionoverview .likertradigridlabtop.userdropdowngrid .market-box-output .box{padding-bottom:15px !important;}
/*.main-container-for-all.vision-content.market-analysis-output-page .market-box-output{margin-bottom: 0 !important;}*/
.source-output-page .listing-table{padding-bottom: 0 !important;}
.source-output-page .listing-table strong{margin-top: 0;}
.source-output-page .listing-table{line-height: 22px;}
.categoriesland.sessionoverview .lessonnewquizstyles .product-details-container .repeatsection .showlabel label{font-size: 18px !important}
.new-table-design .listing-table b{font-size: 18px !important; padding-left: 10px;}
.source-output-page .listing-table b, .source-output-page .listing-table strong, .categoriesland.sessionoverview .lessonnewquizstyles .product-details-container .repeatsection .showlabel label,
 .categoriesland.sessionoverview .hidedivsforquiz .repeatsection .formly-field.formly-field-textarea .message{padding-left: 10px;}
 .newheader .lamborghini.header_lg .top-text{line-height: 24px;}
 .forgotpassword .content-block h3{font-size: 24px !important;}
 .forgotpassword .forgotcontent{font-size: 20px !important;}
.notificationdetails .catbottomtitle{font-size: 14px !important;}
.dashboardprogresssection .textcontentarea{/*max-width: 390px !important;*/ width: 100%; max-width: none;}
/*md-tab-content>div{overflow: scroll;}*/
.ipdashboard .lamborghini img, .bcidashboard .lamborghini img{max-height: 40px !important;}
.sessionselect .md-select-value>span:not(.md-select-icon) .md-text{font-size: 12px !important; text-transform: none !important;}
.md-select-value .md-select-icon{width: 10px;}
md-tabs.md-dynamic-height md-tab-content.md-active>div{overflow-x:hidden; overflow-y: auto;}
.wfpactsummary.facdashboard .newuiselectdrop .select2-container{width: auto !important; margin:15px 0 !important;}
}


@media only screen and (min-width: 700px) and (max-width:820px){
.course-cat.course-session .carouselmaindiv .box .course-name .name, .course-cat.course-session .carouselmaindiv.active_course .box .course-name .name{font-size: 16px !important;}
.course-cat.course-cat-next .course-name .name{font-size: 18px !important;}
.main-container-for-all .row p, .catoveriew .weekstatus span, .topicreflections b{font-size: 20px !important;}
.post-meta-1 strong{font-size: 14px !important;}
.opinionquestion .questitle, .categoriesland.sessionoverview .hidedivsforquiz .quiztemplate .listname span, .refselectedans h3{font-size: 24px !important;}
.opinionscalemain .dropline .opinionscale_div{font-weight: normal;}
.categoriesland.sessionoverview .hidedivsforquiz .showlabel label span, .reflectionviewtemp1 .main-container-for-all.vision-content .number, .reflectionviewtemp2 .main-container-for-all.vision-content .number{font-size: 26px !important;}
.main-container-for-all p{margin-bottom: 15px !important;}
.askpopclose{right: 50px !important; top: 15px !important; font-size: 18px !important;}
.clsMenuMain .clsMenu, .menuitemsinline .clsmenugroup .clsMenu .eachmenuitem, .smart-coach .sendertitle h4{font-size: 16px !important;}
.clsMenutitle .statementtxt{font-size: 18px !important;}
.newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span{font-size: 26px !important; line-height: 30px;}
.cardprenextdiv .right_button{padding: 10px 20px !important; font-size: 18px;}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span{font-size: 22px !important;}
.number-quiz{margin-bottom: 15px !important;}
.cardprenextdiv .left_button, .cardprenextdiv .right_button{line-height: 30px !important; padding: 10px 40px 10px 40px !important;}
.dashboard.mycustomlesson .newquiztemp .showlabel label, .categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label{font-size: 26px !important; line-height: 30px !important;}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .listname span, .overview-content h3{font-size: 22px;}
.formly-field-welcomescreen .welcometitle, .formly-field-thankyouscreen .welcometitle{font-size: 24px !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain{height:82vh !important;}
.categoriesland.sessionoverview .courselanding.learnerflow.course_new_ui .main-container-for-all.overview-main{height: 100% !important;}
.main-container-for-all.vision-content .question-content{font-size:18px !important; padding: 10px;}
.main-container-for-all.vision-content .quizgrouplabel.question-main.purple{font-size: 22px !important;}
.categoriesland.sessionoverview .hidedivsforquiz .message{font-size: 20px !important; line-height: 24px !important;}
.sessionoverview .nofieldset legend{font-size: 22px !important;}
.categoriesland.sessionoverview .lessonnewquizstyles .product-details-container .repeatsection .showlabel label{font-size: 22px !important;}
.main-container-for-all .videocontenttext p{font-size: 18px !important;}
.main-container-for-all .videocontenttext p.topiccontent{font-size:20px !important;}
.assintro .assessmentcontainer h1{font-size:30px; margin-bottom: 0;}
.assintro .assessmentcontainer h2{font-size: 24px; line-height:30px !important;}
.pre-ass-img{margin-bottom: 20px;}
.categoriesland.sessionoverview .hidedivsforquiz .message{margin-top: 0 !important;}
}



@media(min-width: 320px) and (max-width: 580px){
.catoverviewmain .owl-stage-outer .courseposter{min-height: 100px !important; max-height: 100px !important;}
.catoverviewmain .topbar h1{font-size: 16px;}
.topbar_right{font-size: 14px;}
.contentmainpart .leftimgpart{float: none; width: 200px;}
.contentmainpart .leftimgpart img{width: 100%;}
.overviewvalues{margin-top: 20px;}
.overviewprogress{margin-top: 30px;}
.contentmainpart{font-size: 12px;}
.contentmainpart .contentmainpart{margin-top:10px;}
.contentmainpart .lessoncardtop{display: none !important;}
.contentmainpart .roundedcardmain{margin-top: 0 !important;}
.catoverviewmain .topbar{display: block;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .product-details-container .repeatsection .formly-field.formly-field-textarea{min-width: 250px !important; max-width: 250px !important;}
.aacoaching.lessoncontent .product_details .repeatsectionstyles.repeatsection-wrap .product-details-container .repeatsection .formly-field.formly-field-textarea textarea{width: 250px !important;}
.aacoaching.lessoncontent.lesson_content .pagescrolling .content-scrolling{max-height: none !important; overflow: auto !important;}
.lessoncontent.lesson_content .lessonquizholder{padding: 10px !important;}
/* .lessoncontent.lesson_content .lessonquizholder .formly-field{margin-right: 0 !important;} */
.lessoncontent.lesson_content .lessonquizholder .mainquestioncontainer .lessonquizmain.withimages{min-width: 150px !important; max-width: 150px !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages img{max-height: 90px; min-height: 90px;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .cardmaincontainer.selectedans .answer i{font-size: 15px;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .cardmaincontainer.selectedans .answer{padding: 2px 8px;}
.lessoncontent.lesson_content .lessonquizholder .mainquestioncontainer .showlabel .lblforaudio{font-size: 14px !important; font-family: 'gt_walsheimmedium' !important;}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .lessonquizmain.withimages .card .item h4{font-size: 12px !important;}
.lessoncontent.lesson_content .lessonquizholder{padding: 0 !important;}
.aacoaching.lessoncontent.lesson_content .quiztemplate.interactivequiz .quizcontentdiv.customclass.lessonquizcontainer .fixheightdiffmain .dynamicprofilepage.lessonnewquizstyles .row.onlycheckbox .picquiz.lessonquizmain{/*width: 100% !important*/ margin-right: 5px;}
.aacoaching.lessoncontent.lesson_content .quiztemplate.interactivequiz .quizcontentdiv.customclass.lessonquizcontainer .fixheightdiffmain .dynamicprofilepage.lessonnewquizstyles .row.onlycheckbox .lessonlabel label{max-width: none !important; width: 100% !important;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .jigsawpuzzle.row{display: block !important;}
.lessonnewquizstyles .formly-field.formly-field-jigsaw .jigsawstart .row.picturechoice .picturechoicediv{max-width: none !important; float: left;}
.font-control-aboutkuza .scroll-content, .user-settings.privacypolicy .scroll-content{width: 100% !important;}
.navbar.navbar-fixed-bottom.quizfooterfixed .container-fluid{padding: 0;}
.navbar.navbar-fixed-bottom.quizfooterfixed .container-fluid .mycustombottomleft{padding: 0; width: 220px; margin-right: 10px;}
.navbar.navbar-fixed-bottom.quizfooterfixed .container-fluid .mycustombottomright{padding: 0;}
.navbar.navbar-fixed-bottom.quizfooterfixed .container-fluid .mycustombottomleft .progressbar .bar{width: 215px;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_radio .optionsdiv label.customradiowithoutimg{width: 100% !important;}
.typeformui .mainformcontainer.submission-form .field-directive .field.radio .field-title h3{font-size: 14px !important;}
.plotregistration_links{width: 98%;}
.courselanding.learnerflow.course_new_ui .scroll-content {width: 96%; overflow: auto;}
.plotregistration_links .button{margin-bottom: 0;}
.custommainheading{font-size: 16px;}
.typeformeffects .lessoncontentmain{width: 100% !important;}
.typeformeffects .typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent{justify-content: space-between !important;}
.typeformeffects .typeformui .form-fields.surveymainform_questiondiv .mainformcontainer.submission-form{max-width:100% !important;}
.typeformui .mainformcontainer.submission-form .field-directive .switchform_checkbox .custommultichk{width: 100% !important;}
.pmsdataform.addfarmerreg .registrationpopup.closebuttons{top: calc(50% - 175px) !important;}
.course-cat .box .main-img{/*max-height: 125px;min-height: 125px;*/}
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer .descriptiontext, .modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer img,
.modal-backdrop.active .schedulepopupcontainer .row.croplistingspopcontent .croplistcontainer .croplistinheading{float: none; width: 100%;}
.table-body-cell.inputdatepick.secondclass .popdatepickctrl{width: 100% !important; float: none;}
.croplistinheading h1{font-size: 18px;}
.croplistinheading{margin-bottom: 10px;}
.plantixui .croplistings .descriptiontext, .croplistingspopcontent .descriptiontext{font-size: 14px;}
.askkuzachatpopup{width:90%; margin: auto; margin-top:10vh; height:80vh !important;}
.askkuzachatpopup .close-icon{width: 30px;}
.main-container-for-all .course-cat .box{min-height: auto !important;}
.categoriesland .courselanding.learnerflow.course_new_ui .scroll-content{width:100% !important;}
.categoriesland.notificationsland .noti-content .listing img{width: 65px; height: 65px;}
.categoriesland.notificationsland .noti-content .listing .notifycontent{font-size: 14px;}
.categoriesland.sessionoverview md-pagination-wrapper{height: 35px;}
.categoriesland.sessionoverview md-pagination-wrapper .md-tab{padding: 5px 5px !important;}
.categoriesland.sessionoverview .courselanding md-tabs-canvas .md-tab span{font-size: 12px;}
.status-bar-top .common span{height: 40px; padding-top: 2px; width: 40px;}
.status-bar-top .common img{width: 20px; height: 20px;}
.status-bar-top:before, .status-bar-top:after{height: 5px; top: 20px;}
} 
@media screen and (min-width:900px) and (max-width:1100px){
 .typeformeffects .lessoncontentmain{width: 100% !important;}
.typeformeffects .typeformui .navbar-fixed-bottom.quizfooterfixed .fixedfootermaincotent{justify-content: space-between !important;}
.typeformeffects .typeformui .form-fields.surveymainform_questiondiv .mainformcontainer.submission-form{max-width:80% !important;}
.askkuzachatpopup{width:90%; margin: auto; margin-top: 5vh; height: 90vh !important;}
.main-container-for-all .course-cat .box{min-height: auto !important;}
.main-container-for-all .course-cat .box{min-height: auto !important;}
.categoriesland .courselanding.learnerflow.course_new_ui .scroll-content{width:100% !important;}
.course-cat.course-cat-next .course-name .name{font-size: 16px !important;}
}

@media screen and (min-width:760px) and (max-width:800px) {
.webresmaxwidth{margin-top: 10px;}
.ltmenuprogst{margin-right: 10px;}
.fscdetaildivnew{font-size: 18px !important;}
.ltmenuprogst{font-size: 14px;}
.dbrightprogress{margin-top: -52px; float: right; margin-right: 50px; font-size: 12px; width: 40px; text-align: center;}

}

@media only screen and (min-width:900px) {
.dashboardprogresssection{max-width:none; width: 100%;}
.dashboardprogresssection .textcontentarea{padding:20px 30px; font-size:18px; min-width:calc(100% - 450px) !important;}
/*.contentareabottom{margin-top:0px;}*/
.schedulepopupcontainer{width: 45%;}
.schedulepopupcontainer .schduleclosebtn{right:5px;}
.webresmaxwidth{max-width: none; width: 100%; padding:0 25px !important;}
.dbrightprogress{margin-right: 27px;}
.dashboardprogresssection .textcontentarea .contentareabottom:first-child{margin-bottom: 30px;}
.contentareabottom{justify-content: space-around !important;}
.popup-container.active .popup{width: 30% !important; box-shadow: 0 0px 20px rgba(51,111,169,0.9);}
.categoriesland.viewactivitypg .courselanding.learnerflow.course_new_ui .tbletypecnt.scroll-content{width: 700px; margin: auto;margin-top: 50px !important;}
.categoriesland.viewactivitypg .courselanding.learnerflow.course_new_ui .tbletypecnt.scroll-content .overview-main.viewmodescreen{padding: 0 !important;}


.dashboardprogresssection .newuiselectdrop  .select2-container .select2-choice > .select2-chosen{font-size: 16px; font-weight: 500;}
.dashboardprogresssection .newuiselectdrop .select2-results .select2-result-label{font-size: 16px !important;}
.wfpactsummary.facdashboard .newuiselectdrop .select2-results .select2-result-label, .facdashboard .newuiselectdrop .select2-results .select2-result-label{font-size: 16px !important;}
.wfpactsummary.facdashboard .select2-container .select2-choice > .select2-chosen, .facdashboard .select2-container .select2-choice > .select2-chosen{font-size: 16px; font-weight: 600;}
.facdashboard .newuiselectdrop .select2-container{margin-left: 12px !important; margin-right: 12px !important;}
/* .attendanceui .newuiselectdrop .select2-container, .attendanceui .newuiselectdrop .select2-container{width: 645px !important;} */
}

/* New styles added by Arun */

@media screen and (max-width:600px) {
  .onloginpage .newdesign02 md-tabs .md-tab span {
    font-size: 20px !important;
  }
  .logindesc {
    font-size: 18px;
    margin-top: 0px;
    line-height: 18px;
}
.newdesign02 .login_bg {
  margin-bottom: 0 !important;
}
.onloginpage.loginpag .login .content-block .login_form {
    width: 90% !important;
    margin-top: 20px !important;
}
.onloginpage.loginpag .login .content-block .login_form input {
  font-size: 15px;
}
.launcher-screen .launcher-top-text {
  margin-top: 0;
}
.launcher-screen .launcher-top-text p {
  font-size: 14px;
  line-height: 16px;
}
.launcher-screen .launcher-courses .col-md-12 a {
    margin: 5px 0 10px;
}
.launcherpopuptitle.popvideotitle .title, .launcherpopuptitle.popvideotitle .detailsrole, .launcherpopuptitle.popvideotitle .detailscounty {
  font-size: 14px;
}
.launcher-screen .header {
  display: block;
}
.launcher-screen .header .col-md-6 {
  width: 100%;
}
.launcher-screen .header .col-md-6.text-right {
  text-align: center !important;
  font-size: 14px;
  background: #f7f7f7;
  padding: 10px;
  margin: 10px 0;
  border-radius: 7px;
  line-height: 16px;
}
.launcher-screen .launcher-courses .col-md-12 a {
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 3px;
  line-height: normal !important;
}
.resetpswd {
  font-size: 20px;
}
.lamborghini a img {
    width: 20px;
    height: auto;
} 
.forgotpassword .content-block h3 {
  font-size: 18px;
}
.forgotpassword .forgotcontent, .headerwelcome {
  font-size: 14px;
  line-height: 16px;
}
.forgotpassword .content-block .button.button-positive {
  font-size: 16px;
  border-radius: 7px !important;
  padding: 8px 30px !important;
}
.forgotpassword .content-block .button.button-positive img {
  display: none;
}
.onloginpage.loginpag .login .content-block .login_form input::-webkit-input-placeholder { 
  font-family: 'helveticaregular' !important;
}

.onloginpage.loginpag .login .content-block .login_form input:-ms-input-placeholder { 
  font-family: 'helveticaregular' !important;
}

.onloginpage.loginpag .login .content-block .login_form input::placeholder {
  font-family: 'helveticaregular' !important;
}
.statusprogressnew, .startfromleft {
  display: none;
}
.newheader .lamborghini.header_lg {
  padding: 0 !important;
}
.headerlogopic {
    margin-left: 5px;
}
.headerlogopic img {
  width: 80px;
  margin-top: -6px !important;
}
.courselanding.newheader .lamborghini.header_lg .header-right-icons img {
  height: 20px !important;
}
.courselanding .lamborghini.header_lg .header-right-icons img, .header-right-icons img {
  margin-left: 10px;
}
.statusprogresstitle, .mysessionstitle, .popvideotitle {
  margin-top: 0;
  font-size: 16px;
}
.post-meta span, .post-meta-1 span, .assessmenttopic span {
  font-size: 12px;
}
.course-name .name, .course-cat.course-cat-next .course-name .name {
  font-size: 16px;
}
.categoriesland .courselanding.learnerflow .row.course-cat .box .course-name .name, .assessmenttopic, .main-container-for-all .catoverboxes .course-name {
  margin-top: 0;
}
.main-container-for-all .row p {
  font-size: 14px !important;
  line-height: 18px !important;
  margin-bottom: 10px;
}
.post-meta-1 span, .catoveriew .weekstatus span {
    font-size: 12px !important;
}
.course-cat .box, .course-cat.course-session .carouselmaindiv .box {
  border-radius: 7px;
}
.lamborghini .top-text {
  font-size: 18px !important;
}
.course-cat.course-session .carouselmaindiv.active_course .box .course-name .name, .course-cat.course-session .carouselmaindiv .box .course-name .name {
  font-size: 12px !important;
  line-height: 14px;
}
.newheader .lamborghini.header_lg .top-text, .topicassquiztitle {
    width: 67% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 5% 0 13%;
    font-size: 18px !important;
}
.categoriesland .courselanding.learnerflow.course_new_ui .main-container-for-all .video-js {
  border: 0;
  border-radius: 7px;
}
.video-js .vjs-tech {
    border-radius: 7px;
}
.course-listing .listing.active h3, .course-listing .listing h3 {
  font-size: 14px;
}
.course-listing .listing h3 {
  padding-left: 50px;
}
.course-listing .listing h3 b {
  font-size: 12px;
}
.main-container-for-all {
  padding-bottom: 20px;
}
.course-listing .listing strong img {
  width: 15px;
}
.course-listing .listing strong img.video-icon {
  width: 19px;
}
.sessionoverview .mentor_insights .item-avatar .mentornamedate h2, .sessionoverview .mentor_insights .item-avatar h2 {
  font-size: 14px !important;
  margin-bottom: -5px;
  font-weight: bold;
}
.sessionoverview .mentor_insights .item-avatar .mentordesc h2, .sessionoverview .mentorreplynamedate span, .sessionoverview .mentorcommentsnamedate span, .mentorreplydesc p, .mentorcommentsdesc p {
    font-size: 12px !important;
    line-height: 15px !important;
}
.mentorimage img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.mentorreplyimage img, .mentorcommentimage img {
  width: 30px;
  height: 30px;
}
.mentorreplyimage, .mentorcommentimage {
  width: 30px;
}
.sessionoverview .mentor_insights .item-avatar .item-body {
  padding: 20px 0;
}
.categoriesland.sessionoverview .lesson.mentor_insights.bottomfixbutton .button.button-ecd {
  font-size: 14px !important;
  padding: 15px 30px !important;
  border-radius: 7px;
  height: auto;
    min-height: inherit;
}
.result-base .content-div h3 {
  font-size: 22px;
}
.result-base .content-div p {
  font-size: 14px;
  line-height: 18px;
}
.result-base .circle {
  width: 200px;
  height: 200px;
  border: 8px solid #143878;
}
.result-base .circle img {
    top: -30px;
    width: 55px;
    left: 35%;
}
.result-base .circle img.resulticoncls {
    position: static;
    width: auto;
    margin-top: -67px;
    height: 130px;
}
.result-base .content-div a {
    padding: 10px 40px;
    left: calc(50% - 75px) !important;
}
.main-container-for-all.overview-main {
  padding-bottom: 20px;
}
.overview-content h3 {
  font-size: 16px;
}
.main-container-for-all .videocontenttext .topiccontent p {
  font-size: 14px !important;
  margin-bottom: 10px;
}
.showmoreless {
  font-size: 14px !important;
}
.main-title-all .title h2 {
  font-size: 14px;
}
.activity-result-page-main .col-md-4 {
  padding: 10px;
}
.vision-preview .row{
  margin:0;
}
.activity-result-page-main .col-md-4, .swot-4p-page-main .col-md-4 {
  width: 100%;
}
.activity-result-page-main .col-md-4 img {
  width: 40%;
}
.activity-result-page-main .col-md-4 h2, .swot-4p-page-main .col-md-4 h2, .category-drag-drop-page .col-md-4 h2, .market-analysis-output-page .market-box-output h2 {
  font-weight: bold;
  font-size: 16px;
}
.market-analysis-output-page .market-box-output h2 {
  padding: 10px;
}
.activity-result-page-main .col-md-4 h2, .message .col-md-4 h2 {
  margin-bottom: 10px;
}
.activity-result-page-main .col-md-4 p {
  width: 100%;
  float: left;
  padding: 0 !important;
}
.retake-box .box {
  line-height: 13px;
}
.retake-box .box a, .retake-box .box a.retake-btn, .next-topic-button a {
    font-size: 14px;
    line-height: normal;
}
.staticactivitytitle {
  font-size: 16px !important;
  line-height: normal;
}
.staticactivitybtn button {
  font-size: 14px;
  padding: 8px 30px !important;
}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label {
    font-size: 16px !important;
    line-height: 20px;
    margin-bottom: 10px;
}
.categoriesland.sessionoverview .hidedivsforquiz .message {
  font-size: 14px;
  margin-bottom: 10px;
}
.categoriesland.sessionoverview .hidedivsforquiz .message {
  top: 10px;
      left: 10px;
}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-header .table-header-cell, .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell input {
  font-size: 12px;
  line-height: 14px;
}
#resp-table-header .table-header-cell, #resp-table-body .table-body-cell input {
  width: 65px !important;
}
.categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell span.likertradiodesctext, .categoriesland.sessionoverview .userdropdowngrid #resp-table-body .table-body-cell span.likertradiotitletext {
  font-size: 12px !important;
  line-height: 14px;
}
.cardprenextdiv .right_button, .cardprenextdiv .left_button, .cardprenextdiv .right_button {
    float: right;
    padding: 5px 20px;
    font-size: 14px;
    border-radius: 7px;
    margin-left: 20px;
}
.cardprenextdiv .right_button {
  margin-right: 20px;
}
.cardprenextdiv {
  margin-top: 0;
}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz {
  height: 90%;
}
.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain {
  height: 75vh;
}
.market-box-output-title {
  font-size: 16px;
}
.market-box-output-desc {
    font-size: 14px;
    line-height: 17px;
}
.market-box-output-title {
    font-size: 14px;
    line-height: normal;
}
.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain {
  height: 90vh;
}
.hidedivsforquiz .formlyquiztemp .quiztemplate.interactivequiz {
    height: 90%;
}
.categoriesland.sessionoverview .hidedivsforquiz .message {
      margin-bottom: 10px !important;
      font-size: 14px !important;
}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .formly-field.formly-field-textarea textarea {
  font-size: 14px;
  line-height: 16px;
  min-height: 150px !important;
}
.menu-open .ecd_menu, .ecd_menu.menu.menu-left {
  width: 100% !important;
}
.menu-open .ecd_menu .close_menu, .ecd_menu.menu.menu-left .close_menu {
  top: 21px;
}
.menu-open .ecd_menu .close_menu:before {
  font-size: 1.2em;
}
.bgblue {
  height: 25px;
  padding:5px;
}
.title-bar-top .header-right-icons img {
  height: 15px !important;
  width: 15px !important; 
  margin: -8px 0 0 20px;
}
#left-menu .user-links.newmenuui .primer-menu-list-inner h5 {
  font-size: 14px;
}
.user-links.newmenuui .menustagetitle, .user-links.newmenuui .menustageinnertitle {
  width: 70%;
  font-size: 12px;
}
.primer-menu-list-item.item-accordion i {
  padding: 0 5px;
}
#left-menu .user-links.newmenuui .primer-menu-list-inner li .ion-checkmark-circled, #left-menu .user-links.newmenuui .primer-menu-list-inner li .ion-close-circled {
  font-size: 14px !important;
}
#left-menu .user-links.newmenuui .primer-menu-list-inner li {
  padding: 0 0 5px !important;
}
.log-menu-slide-text .col-md-3, .log-menu-slide-text .col-md-3 .menustaticlogout {
  font-size: 12px;
}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .showlabel label {
  font-size: 16px !important;
  line-height: 18px !important;
}
.categoriesland.sessionoverview .hidedivsforquiz .formlyquiztemp .quiztemplate .formly-field.formly-field-textarea textarea {
  font-size: 14px !important;
}
.categoriesland.sessionoverview .hidedivsforquiz .message {
  font-size: 14px !important;
  line-height: 16px !important;
}
.newheader .lamborghini.header_lg .menu-toggle-top img {
  height: 30px;
}
.categoriesland.sessionoverview .hidedivsforquiz .lamborghini.header_lg .menu-toggle-top {
    position: absolute;
    top: 11px;
    height: 20px;
    left: 20px;
}
.main-container-for-all.vision-content .question-content, .new-alert-popup .popupmsge, .assintro .assessmentcontainer h2 {
  font-size: 14px !important;
  line-height: 16px !important;
}
.swot-4p-page-main .col-md-4 {
  padding: 20px 15px;
}
.swot-4p-page-main .col-md-4 h2 {
  margin-bottom: 15px;
}
.vision-preview.five-col-grid .cash-in-output-page .item-name, .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, .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: 22% !important;
  font-size: 14px;
}
.cash-in-output-page .main-header, .new-table-design .listing-table b {
  font-size: 14px;
}
.new-table-design .listing-table .col {
  font-size: 12px;
}
.categoriesland.sessionoverview .courselanding.learnerflow.hidedivsforquiz .overview-main .quizcontentdiv.customclass .fixheightdiffmain {
  height: 75vh !important;
}
.categoriesland.sessionoverview .hidedivsforquiz .message {
  margin-top: 0 !important;
}
.popup-container.active .popup {
  width: 85% !important;
}
.newheader .topicassquiz .menu-toggle-top {
    top: 2px;
    left: 5px;
}
.assintro .assessmentcontainer h1, .newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span {
  font-size: 16px !important;
}
.newquizteminner .lessonnewquizstyles .mainquestioncontainer .showlabel label span, .dashboard.mycustomlesson .newquiztemp .showlabel label {
 font-size: 16px !important; 
 line-height: 18px !important;
 font-weight: bold !important;
}
.assintro .assessmentcontainer .coach-link a {
  font-size: 14px !important;
  padding: 10px 30px;
}
.newquiztemp .quiztemplate .lessonnewquizstyles .mainquestioncontainer .picquiz.lessonquizmain .item-content .listname span, .newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .listname span {
  font-size: 14px !important;
}
.newquiztemp .quiztemplate .checkboxoptiondivs .lessonquizmain .listname span, .scroll-content .result-base .content-div p {
  line-height: 18px;
}
.topicassessquiz.mycustomlesson {
  margin-top: 55px;
}
.db-footer.d-block {
  display: none !important;
}
.pre-ass-img {
  margin-bottom: 20px !important;
}
.quizres .result-base .content-div a {
    left: calc(50% - 67px) !important;
}
.result-new-page h3, .feedbacknewui.result-new-page h2 {
  font-size: 18px;
}
.result-new-page h4, .feedbacknewui.result-new-page span {
  font-size: 14px;
}
.feedbacknewui.result-new-page img {
  height: 90px;
}
.feedbacknewui.result-new-page h2 {
  font-size: 16px;
}
.rating-div {
  padding: 0;
}
.feedbackrating .rating-div .listing .fa {
    top: 5%;
    font-size: 30px !important;
}
.feedbackrating .rating-div .listing h4, .feedbackrating .rating-div .listing span {
  margin-left: 45px;
  font-size: 10px;
}
.feedbackrating .rating-div .listing h4 {
  font-size: 14px;
}
.feedbacknewui.result-new-page img {
    height: 40px;
    width: auto;
    left: 36px;
}
.budgettitle, .cashflwcharttablemain.questiondescription, .main-container-for-all.vision-content .quizgrouplabel.question-main.purple, .categoriesland.sessionoverview .hidedivsforquiz .formly-field-statement .field-title .statementtitle {
  font-size: 16px !important;
  line-height: 18px;
}
.cash-in-output-page .main-header, .cash-in-output-page .content-headerm, .budgettext .budgettitles, .cashflwcharttablemain .budgettitles, .budgettext .budgetvalues, .cashflwcharttablemain .budgetvalues {
  font-size: 14px;
  line-height: 16px;
}
.activity-result-page-main .col-md-4 img {
  margin-bottom: 0;
}
.result-base.mindset-top {
  font-size: 14px;
  padding: 20px 0;
}
.result-base.mindset-top h2 {
  font-size: 18px;
  margin:0 0 15px;
}
.main-container-for-all .row .result-base.mindset-top p, .categoriesland.sessionoverview .opinionscale_div {
  font-size: 14px !important;
  line-height: 16px !important;
}
.opinionquestion .questitle {
  font-size: 16px;
  line-height: 18px;
}

}
@media(min-width:1400px){
  .center-on-page.langtoggle.sessionselect.session-summary-valuechains-left{
    width: 100%;
  }
  .session-summary-valuechains-left .totalfsccount{
    margin-left: auto !important;
  }
  .dashboardprogresssection .textcontentarea{
    min-height: auto !important;
  }
  .session-summary-valuechains {
    padding-left: 100px !important;
}
.top-filters-row > div{
  gap: 20px;
}
}