@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root{
  --grashade-one:#eef3ef;
  --left-0:0;
  --right-0:0;
  --min-height:100%;
  --flex-basis-0:0;
  --primary-base-color:#10b872;
  --text-base-color:#10b872;
  --green:#386b0f;
  --yellow:#ffb900;
  --red:#c7250d;
}

html,
body{
  height: 100%;
  font-family: 'Roboto', sans-serif;
}
body{
  font-size: 14px;
}

::-webkit-resizer,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner { display: none; }
.btn-link:focus, .btn-link:hover{
  text-decoration: none !important;
  color: #555555 !important;
}
.min-height{
  min-height: var(--min-height) !important;
}

.progress{
  box-shadow: none  !important;
}
.card.ecd-card{
  border: none !important;
}
.select_language .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu{
display: block;
}
.flex-basis-0{
  flex-basis: var(--flex-basis-0) !important;
}
.box-shadow-default {
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12);
}
.border-0{
  border:none !important;
}
.primary-base-color{
  background-color: var(--primary-base-color) !important;
}
.text-base-color{
  color: var(--text-base-color) !important;
}
fieldset, textarea{
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
legend{
  margin-bottom: 0px;
}
.textClass {
  font-size: 16px;
}
.cursor-pointer{
  cursor: pointer;
}
.font-size-btns{
  position: relative;
  top:15px;
  z-index: 999;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}
.font-size-btns button{
  background-color:hsla(156, 96%, 34%, 0.15);
  border-radius: 50%;
  font-size: 16px;
  width: 30px;
  height: 30px;
  border: none;
  color: #03a866;
    font-family: 'Roboto', sans-serif;
   text-align: center;
   margin-right: 10px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.font-size-btns button sup{
  margin-top: 10px;
  font-size: large;
}
.font-size-btns button:nth-child(1){
  font-size: 11px;
}
.font-size-btns button:nth-child(3){
  font-size: 16px;
}
[ngClick],
[data-ng-click],
[x-ng-click],
a, button, md-button {
    cursor: pointer;
}
.lamborghini .gallardo{
  left: 8px;
  background-color: transparent !important;
}

.lesson_maximize_botton_icons.smartcoach{
  width:50%;
  background: #eee;
  padding:15px;
  margin: 0px auto;
  margin-bottom:15px;
  display:table;
}
.heading{
  padding: 0px;
  font-weight: 700;
  color: #5f5f5f;
  text-align: left;
  font-size: 100%;
  font-family: 'roboto_slablight' !important;
}

.help_questions{position: absolute; width:85%;}
#titleDiv{position: absolute; width:100%; margin:0px;}

.md-accordion .expandCollapse {
  width:30px;
  height:30px;
  position:relative;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  color:#ccc;
  display:block;
  margin-top: -2px;
  margin-left: -2px;
  overflow:hidden;
}
.md-accordion .expandCollapse:active {
  border:0px;
}
.md-accordion .expandCollapse:before, .md-accordion .expandCollapse:after {
  width:30px;
  height:30px;
  display:block;
  position:absolute;
  top:0; left:0;
  line-height:32px;
  text-align:center;
  -webkit-transition: .3s all ease-out;
  transition: .3s all ease-out;
}
.md-accordion .expandCollapse:before {
  opacity:1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  content: "|";
  margin-top:-3px;
}
.md-accordion .expandCollapse:after {
  opacity:1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  content: "|";
  margin-left:-3px;
}
.md-accordion .active:before {
  opacity:1;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-left:3px;
  margin-top:0px;
}

.md-accordion .dataContent {
  background: #F2F2F2;
  height:0px;
  overflow:hidden;
  -webkit-transition: .3s all ease-out;
  transition: .3s all ease-out;
}

.md-accordion .activeContent {
  height:auto;
  padding:20px;
  display:block;
}

.md-accordion md-toolbar{
  cursor:pointer;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  background-color: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.87);
  height: 60px;
  padding-top: 5px;
}

md-toolbar h2 {
  width: 90%;
    padding: 3rem 0 2.5rem;
    font-size: 18px !important;
    font-weight: 300;
    line-height: 1.3;
}


.md_button_faqs{text-align: left;
  color: rgba(0,0,0,0.32);
  min-width: 0px;
  margin-right:5px;
}

.row-flex{
  display: flex;
  flex-wrap: wrap;
}
.profilecompleteness{
  border-bottom: 1px solid #dddddd;
  margin-bottom: 2rem;
  /* padding-bottom: 2rem; */
}
.mentorcomments img{border-radius:100px; width:40px; height:40px;}
.mentorcomments input{position:relative; width:90%; float:right;}
.mentorcomments i{color:#3ec315; font-size:24px; float: right; position: relative;
    right:0px; left:88%;  top: 10px;}

.askquestionpopup .popup_container span{
      font-size: 16px;
      float: left;
      position: relative;
  }

.dashboard_announcement{width:100%; margin-bottom:10px !important; margin-left: 0px !important;
 background:#fff; border-radius:4px; box-shadow: 0px 5px 16px rgba(0,0,0,0.1);}

.dashboard_announcement h3{font-family: 'roboto_slablight';
    padding: 10px 0px 0px 10px;}
.loginform.loginipad{position: relative;}
.loginform .select_language{position:absolute; right:10px !important; top:10px !important;}
.select_language{position:absolute; right:30%; top:20px;}
.languages{width:120px; float:right; border-radius:0px; padding:3px 0px 3px 5px; border:1px solid #d6d6d6; background:#f3f3f3;}
.languages .ui-select-bootstrap>.ui-select-match>.btn{height:25px !important; background:#fff; border:none;
  font-family: 'roboto_slabregular'; font-size:12px; padding: 4px 5px;}
.languages .ui-select-match input{padding:0px; font-family:regular; font-size:12px;}
.select_language .ui-select-bootstrap>.ui-select-match>.btn{background:none; border:none;
font-family: 'roboto_slabregular'; font-size:12px; padding:4px 5px;}
.select_language .form-control{height:25px; line-height:16px;}
.select_language .languages input{border: none; padding: 8px !important; margin: 0px;
font-family: 'roboto_slabregular'; font-size:12px;}

.dashboard_languages_div{width:160px; margin-top:12px; display: table;}
.dashboard_languages_div .languages{width:160px; float:right; margin-left:20px; border-radius:2px; padding:0px 0px 0px 0px; border:1px solid #b0b0b0; background:#fff;}
.dashboard_languages_div .languages .ui-select-bootstrap>.ui-select-match>.btn{height:25px !important; background:#fff; border:none;
  font-family: 'roboto_slabregular'; font-size:12px; padding: 4px 5px;}
.dashboard_languages_div .languages .ui-select-match input{padding:0px; font-family:regular; font-size:12px;}
.dashboard_languages_div .ui-select-bootstrap>.ui-select-match>.btn{background:none; border:none;
font-family: 'roboto_slabregular'; font-size:12px; padding:4px 5px;}
.dashboard_languages_div .form-control{height:30px; font-family: 'roboto_slabregular'; font-size:12px;}
.dashboard_languages_div .languages input{border: none; padding: 8px !important; margin: 0px;
font-family: 'roboto_slabregular'; font-size:12px;}

.formobile{display: none;}
.forweb{display:block;}










.imagemodal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    top: 50%;
    margin-top: 60px;
}

/* Modal Content (image) */
.imagemodal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }

}

/* The Close Button */
.close {
    position: absolute;
    top: 50px;
    right: 10px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.modal-content, #caption, .popupsliderimagepopup {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.applyCloseAnimation {
    -webkit-animation-name: zoom2;
    -webkit-animation-duration: 0.4s;
    animation-name: zoom2;
    animation-duration: 0.4s;
}
@-webkit-keyframes zoom2 {
    from {-webkit-transform:scale(1)}
    to {-webkit-transform:scale(0);}
}

@keyframes zoom2 {
    from {transform:scale(1)}
    to {transform:scale(0)}
}
.eventpopup .row.onlycheckbox.optiondivs .list .item {
    margin-bottom: 10px;
}

.modal-backdrop {
    background: none;
}
.uploadmedia .modal{
     height: 65%;
    width: 60%;
    margin: auto;
}

.uploadmedia .modal .maincontent {
    width: 100%;
    margin: auto;
    padding: 20px;
}
.uploadmedia .savebutton {
    float: right;
    bottom: 20px;
    right: 0;
    margin-right: 5%;
}

.interaction_centericon {
    text-align: center;
}
.interaction_centericon img {
    vertical-align: middle;
    padding-top: 60px;
}


.newsdesk .webchatmentorships {
    padding-top: 44px;
}

.webchatmentorships {
    width: 100%;
    height: 600px;
    padding-top: 45px;
    background-color: #dedede;
}
.chatsearchbarmain {
    float: left;
    width: 100%;
    background: #c1c1c1;
    padding: 2px 0;
    margin-top: 4px;
    position: absolute;
    z-index: 999999;
    height: 45px;
}

.chatsearchbarmain div *{transition: all 500ms ease 0s;}
.chatsearchbarmain input{width: 100%; padding-left: 10px;}
.chatsearchbarmain.open input{width:97%; /*margin: auto;*/ margin-left: 2px; opacity: 1; padding: 0px; padding-left: 5px; border:solid 1px #999;}

.chatwindow .chatsearchbarmain{float: left; width: 100%; background: #c1c1c1; padding: 5px 0; margin-top: 0px; position: absolute; z-index: 999999;}
.chatwindow .chatsearchbar{width: 96%;}
.chatwindow .chatsearchbar i{position: initial;}

.hideshowattachments{position: absolute;  width: 100%; background: #d8d6d6;}
.hideshowattachments .attachments{ margin: auto; }
.hideshowattachments .attachments .icon{ width: 75px; margin-right:10px; text-align: center;
margin-bottom: 10px; font-size: 12px; cursor: pointer;}
.chatsearchbar {
    width: 80%;
    margin: auto;
    text-align: right;
}
.chatsearchbar i {
    font-size: 24px;
    float: right;
    margin-right: 5px;
    position: absolute;
    top: 5px;
    right: 0;
}

.chatsearchbarleft {
    width: 30%;
    margin-top: 0px;
    position: absolute;
    background-color: #fff;
    height: 100%;
}

.mentorlistmain {
    float: left;
    width: 100%;
    margin-top: 0px !important;
}

.newsdesk .mentorlist {
    width: 100%;
    padding: 8px 10px;
    margin: 0;
    line-height: 20px;
    cursor: pointer;
    display: table;
    border-color: #e0dede;
}
.mentorlist {
    width: 94%;
    margin: auto;
    border-bottom: solid 1px #ccc;
    margin-top: 15px;
}
.newsdesk .chatleft {
    float: left;
    width: 18%;
}
.newsdesk .chatleft img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.mentorlist img {
    float: left;
    margin-right: 15px;
}
.newsdesk .chatright {
    float: left;
    width: 82%;
    margin-top: 5px;
}
.newsdesk .chatright h4 {
    margin: 0 !important;
    font-size: 16px;
    font-weight: 600;
    font-family: 'roboto_slablight';
}
.onetoone .time {
    position: absolute;
    margin-top: -20px;
    right: 3%;
    font-size: 11px;
    color: #999;
}
.chatright .lastmessage {
    margin-top: 5px;
    font-family: 'robotomedium';
    color: #8c8c8c;
}

.websmartcoach {
    width: 70%;
    height: 650px;
    float: left;
    border-left: 1px solid #b2b2b2;
    padding-top: 40px;
    background-color: #dedede;
}


.newsdesk .websmartcoach .chatsearchbar {
    width: 100%;
}
.chatsearchbar {
    width: 80%;
    margin: auto;
    text-align: right;
}
.chatprofile {
    float: left;
    font-weight: 700;
}

.chatprofile img {
    margin-right: 5px;
}
.newsdesk .chatprofile img {
    border-radius: 100%;
}

.newsdesk .hideshowattachments {
    z-index: 99;
    width: auto;
    right: 0;
    position: absolute;
    bottom: 70px;
    background: transparent;
}

.hideshowattachments .attachments .icon {
    width: 75px;
    margin-right: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 12px;
    cursor: pointer;
}
.mentorcomments {
    position: relative;
    width: 100%;
    display: table;
}

.mentorcommentbox textarea {
    display: inline-block;
    width: 100%;
    padding: 5px 45px 5px 5px;
    border-color: #d6d3d3;
}

.newsdesk .websmartcoach .mentorcomments {
    position: absolute;
    bottom: 0px;
    width: 100%;
}

#commentsubmit {
    color: #04a51b;
    float: left;
    text-align: right;
    margin-top: 10px;
    padding-left: 40px;
}
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}



.mentorshipinline .mentortop_profile {
      float: left;
      width: 100%;
      margin-bottom: 0px;
  }
  .mentorshipinline .mentortop_profile h3 {
    font-size: 14px !important;
    line-height: normal !important;
    font-family: 'roboto_slablight' !important;
    margin: 2px 0 0 0;
    padding: 0;
    float: left;
}
.mentorshipinline .ementorship .mentortop_profile img {
    width: 25px !important;
    margin-right: 10px;
    height: 25px;
    border-radius: 100%;
}

.mentorshipinline .ementorship .titlequestion{
    float: left;
    width: 100%;
    margin-top: 5px;
}
.mentorshipinline .titlequestion h2:hover {
    color: #2b6dad !important;
}


.dailyquote .scroll {
    height: 100%;
    vertical-align: middle;
    display: table;
    width: 100%;
}

.quotewithimage .quoteskip {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.6);
    padding: 5px 25px;
    width: auto;
}
.quoteskip a {
    background-color: transparent;
}

.trainerlessons .mycustomlesson .dynamicprofilepage label{width:100%;}
.trainerlessons .newquizstyles .form-group{box-shadow: none;}
.trainerlessons .mainquestioncontainer{margin-bottom: 20px;}


.walkthrough .homeintro_next span {
    float: left;
    background-color: #f39b13;
    color: #FFFFFF;
    font-family: open_sansbold;
    padding: 4px 8px;
    font-size: 14px;;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.walkthrough .buttonpannel{
    float: right;
    bottom: 15px;
    position: absolute;
    text-align: right;
    right: 0;
    width: 125px;

}
.walkthrough .intro_skipbutton {
    background: none;
    padding: 0px 20px 0 10px;
    color: #FFF;
    float: right;
    font-family: open_sansbold;
    text-transform: uppercase;
    cursor: pointer;
}
.walkthrough .skip_btn{
      float:left;
      margin-top: 4px;

}


.pollsurvey .settimerdiv {color: #fff; display: inherit; padding: 5px; position: absolute;}
.pollsurvey .settimerdiv .timertext { margin-right: 5px;}
.pollsurvey .settimerdiv .timericon{ margin-right: 3px;}

.addreply_div textarea{margin-top:20px !important; line-height:10px;}
.ementorcomments_textearea_div{width: 92% !important; height:40px; float: left; padding:10px 0px 0 10px;
  margin-left: 8px;}
.ementorcomments_icon{position:absolute !important; top:-8px !important; right:20px !important;}

.ementor_pop_textarea{width: 92% !important;
    height: 40px !important;
    float: left;
    padding: 10px 0px 0 10px !important;
    margin-left: 5px;
    margin-bottom:20px;
}

.ementor_pop_icon{position:absolute !important; top:-8px !important; right:20px !important;}

.lessonpage_ementor_textarea{width: 94% !important; height: 40px !important; padding: 10px; position:absolute;
  left: 50px; margin-bottom:20px; display:table;}
.lesson_emantoricon{position:absolute !important; top:0px !important; right:25px !important;
  left:0px !important;}

.lesson_ementor_poptextarea{width: 94% !important; display:table; height: 40px !important; padding: 10px; position: absolute; left: 50px;}
.lesson_ementor_popicon{position:absolute !important; top:-8px !important; right:20px !important;}

.lesson_maximize_botton_icons{/*background: #f5f5f5;
    width: 100%;
    display: table;
    height:0px;
    text-align: left;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'roboto_slabregular';
    color:#4054B2 ;
    cursor: pointer;
    bottom: 0;
    padding-top:0px;
    margin-top: 15px;*/
  }

.lesson_maximize_botton_icons .expand{
   /*position: relative !important;*/
    bottom: 10px;
    height: auto;
}

.lesson_maximize_botton_icons .expand i{
  text-align:left;
}

.hidetextbtn{margin-top:0px !important;}

.trainerlesson_maximize_botton_icons .expand{
    position: absolute !important;
    bottom: 0px !important;
    background: #f5f5f5;
    width: 100%;
    text-align: left;
    height: 55px !important;
    right: 0;
  }

.maximize_button_icon{font-size: 25px; top:0px; text-align:left;}
.maximize_button_icon_custom{font-size: 16px; top:0px; text-align:left;width: 160px;}

.expandlessonwindow .expand{
  position: absolute;
  bottom: 10px;
  height: auto;
}

.maximizetextbtn a{padding: 5px 10px;
    background: #dfdfdf;
    width: 100px;
    border-radius: 2px;}

.maximizetextbtn .backtolessonbtn{padding: 5px 10px;
    background: #dfdfdf;
    width: 150px;
    border-radius: 2px;}

  .userpicandreplydiv{clear:both; padding-top:5px;}
  .userpicandreplydiv h5{font-family:'roboto_slabregular';
  font-size:16px; }


.applyimageanimation{
    animation: sliderin 0.6s;
    -moz-animation: sliderin 0.6s; /* Firefox */
    -webkit-animation: sliderin 0.6s; /* Safari and Chrome */
    -o-animation: sliderin 0.6s; /* Opera */
}
@keyframes sliderin {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes sliderin { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes sliderin { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes sliderin { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.hideshowdivAnimation{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.imagemodal .popupsliderimage {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}


@media only screen and (max-width: 700px){
    .popupsliderimage {
        width: 100%;
    }

}
.select_language .languages input{display:none;}
.owl-carousel .owl-item img{border-top:solid 2px #ccc; border-bottom:solid 2px #ccc;}

.fixedfooter{position: absolute; bottom: 0; width: 100%; background: #b7b7b7; padding: 10px 10px 10px 10px !important;}
.fixedfooter .progress{margin-bottom: 10px;}
.fixedfooter {z-index: 9999 !important;}
.footerbutton{position: absolute;bottom: 0;right: 0;background: transparent;padding: 0px 10px;border: none;z-index: 99;}
.footerbutton i{font-size:30px; color:#13c276;}
.footerbutton.slideInUp{bottom:80px !important; z-index: 99999999;}
.footerbutton.slideInDown{bottom:60px !important;}
.fixedfooter.slideInDown{bottom:-100px !important;}
.fixedfooter.slideInUP{bottom:50px !important;}

.bgimg{
  background-image: url('img/farm.jpg');
  background-position: left;
  background-size: cover;
}

.progresscustom{
  margin: 0px !important;
    padding: 0px !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.1) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.1) !important;
    border-radius: 0px !important;
}

.progress-bar-success{
  background-image: -webkit-linear-gradient(top,#1fc344 0,#179e36 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,from(#1fc344),to(#449d44));
  background-image: linear-gradient(to bottom,#1fc344 0,#179e36 100%);
}

.quizbg{
  background-image:linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../img/farm.jpg);
  background-size: cover;
  background-position: top;
  /*box-shadow: inset 0 1000px rgba(0, 0, 0, 0.64);*/
  box-shadow: inset 0 1000px rgba(136, 226, 131, 0.25);
    background-position: initial;
        width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-attachment: fixed;
  min-height: 100vh;
}

.customimagequiz.quiz_mcq .main-content .card{
  margin-top: 25px !important;
}

.quiz_mcq .content-block .subhead{
  background: transparent;
  z-index: 999;
  position: relative;
}

.quiz_mcq .main-content .card .item img{
  object-fit: cover;
}

.customimagequiz.quiz_mcq .main-content .card {
    box-shadow: -2px 2px 30px rgba(0, 0, 0, 0.33) !important;
}

.customimagequiz.quiz_mcq .content-block .answer-details {
    margin: 0;
    padding: 10px 0 2px 10px !important;
}

.quiz_mcq .content-block .answer-details.incorrect {
    background: rgba(255, 255, 255, 0.68) !important;
}

.quiz_mcq .content-block .answer-details{
    background: rgba(255, 255, 255, 0.74) !important;
    margin-top: 20px !important;
}

.profilerowwraper{
  background-color: #fff;
}

.profiletable{}
.tableprofile .table-bordered>tbody>tr>td{
  border:none !important;
}

.tableprofile .table>tbody>tr>td{
  border-top: 0px !important;
}

.tableprofile{
      /* width: 60%; */
    /* margin: auto; */
}
.familyprofile{
  width: 100%;
  clear: both;
}
.profileinfotable .familyprofile .table>tbody>tr>td{
  border-top: 0px !important;
}

.profileinfotable .tableprofile .table>tbody>tr>td {
    border-top: 0px !important;
    width: 50%;
}


.attendanceui .select2-container{
  width: 90% !important;

}
.attendanceui .select2-container .select2-choice{
  /* background-color: transparent !important; */
  background-image: none !important;
  width: auto !important;
}
.pl-15{
  padding-left: 25px !important;
}

.pr-15{
  padding-right: 25px !important;
}
.markcompleted {
        padding: 2px 10px 4px 10px;
    color: #ffffff;
    background: #4caf50b8 !important;
    margin: 6px 0 6px 0;
    border-radius: 6px;
    font-size: 12px;
    }

    .help .attendance {
    margin-top: 80px !important;
}

#resp-table-header{
  background-color: #fff !important;
}
.attendancetable #resp-table-header{background: transparent !important;}
#resp-table{
  border:1px solid #ddd;
}

.requiredfield{
  font-size: 15px !important;
}
.requiredfield {
    font-style: normal;
    top: -.3em !important;
}
.glyphicon-check:before, .glyphicon-unchecked:before {
    float: left;
    margin: 1px 7px 0 0 !important;
}
.profile .lamborghini .gallardo, .profile .lamborghini .Diablo {
    top: 6px;
}

.headerwithbg{
  background-color: #fa7526 !important;
}
/* .profile .contents,
.profile_edit .contents{
  margin-top: 44px !important;
} */
.profile_edit .dynamicprofilepage.lessonnewquizstyles{
  display: block !important;
}
.profile_edit .picquiz.withimages .lessonlabel .attachment img {
    height: auto !important;
    width: 50px !important;
}
.profile_edit .picquiz.withimages .lessonlabel .optiontitle {
    display: none !important;
}
.profile_edit .picquiz.picturechoicediv.withimages .item-radio .radio-icon {
    display: none !important;
}
.profile_edit .lessonquizmain .item-radio input:checked~.item-content{
  background-color: #7ad499 !important;
}

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

}

.profile .lamborghini .gallardo:before,
.profile .lamborghini .Diablo:before {
    color: #fff !important;
}
.profile .header h2{
  color: #fff;
}
.profile .button{
  border:none !important;
}


.profile_edit .lamborghini .gallardo,
.profile_edit .lamborghini .Diablo {
    top: 0px;

}

/* .profile_edit .lamborghini .gallardo:before,
.profile_edit .lamborghini .Diablo:before {
    color: #fff !important;
} */
.profile_edit .lamborghini .gallardo:before, .profile_edit .lamborghini .Diablo:before {
    color: #10b872 !important;
}
/* .profile_edit .header h2{
  color: #fff !important;
} */
.profile_edit .header h2 {
    color: #10b872 !important;
}

.mentor_insights .lamborghini .gallardo,
.mentor_insights .lamborghini .Diablo {
    top: 0px;

}

/*.mentor_insights .lamborghini .gallardo:before,
.mentor_insights .lamborghini .Diablo:before {
    color: #fff !important;
}*/


.attendancerpt .lamborghini .gallardo,
.attendancerpt .lamborghini .Diablo{
    top: 0px;
}

.attendancerpt .lamborghini .gallardo:before,
.attendancerpt .lamborghini .Diablo:before {
    color: #fff !important;
}
.attendancerpt .header h4{
  color: #fff !important;
}
.mentor_insights .header h2{
  color: #fff;
}


.course_detail .lamborghini .gallardo,
.course_detail .lamborghini .Diablo{
    top: 0px;
}

.lc_new .lamborghini .gallardo,
.lc_new .lamborghini .Diablo{
    top: 0px;
}


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


.nav-bar-title{
  font-size: 2rem;
  color: #fff;
}

.toplogoleft{
  width: 110px;
  height: auto;
  margin: 20px auto 0 auto;
}
.toplogoleft img{
  max-width: 100%;
  height: auto;
}
.toplogomiddle{
  width: 120px;
  height: auto;
  margin: 20px auto 0 auto;
}
.toplogomiddle img{
  max-width: 100%;
  height: auto;
}
.toplogoright{
  width: 120px;
  height: auto;
  margin: 20px auto 0 auto;
}
.toplogoright img{
  width: 120px;
  height: auto;

}

.Dateblock{
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;

}
.venueblock{
   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:start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;


}
.ewrblock{
    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:start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.batchblock{
  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:start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.districtblock{
  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: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.blockholder{
  border:1px solid #ddd;
  border-radius: 5px;
  padding: 0.5rem 2rem;
  margin-bottom: 1em;
}
.blockholder p{
  padding: 0px;
  margin: 0px;
  font-size:1.3rem;
}
.description{
  padding-top:30px;
  padding-bottom: 20px;
}
.description p{
  font-size: 1.3rem;
  margin-bottom: 5px;
}
.valignmiddle{
  vertical-align: middle !important;
}
.margintop-30{
  margin-top: 30px;
}
.marginbottom-30{
  margin-bottom: 30px;
}
.attendancetable{
  font-size: 12px;
}
.attendancetable th{
  font-weight: bold;
}
.attend{
  margin-right: 15px;
}
.checkmark{
  width: 20px;
  height: auto;
  margin: auto;
}
.print-btn{
  background-color: transparent;
  border:none;
  margin-top: 5px;
  font-size: 18px;
  color: #949292;
}

.attendancerpt .ion-checkmark{
  color: #0cc579 !important;
  font-size: 20px;
}

.checkmarkimg{
  width: 22px;
}

.filtersareatop{
  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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 25px;
}
.filtersareatop .print-btn{
margin-left: 20px;
}
.select_panchayath .languages{
  min-width: 160px;
  font-size: 12px;
  padding: 0px;
  border:none;
}
.select_panchayath .languages .btn{
  font-size: 12px;
}
.select_panchayath .languages .ui-select-toggle{
  border:1px solid #ddd !important;
}
.select_panchayath .languages .ui-select-choices-row-inner{
  font-size: 12px;
}
.select_panchayath .btn-default{
  background-image: none !important;
}
.globalfeedback #resp-table{
  border:none;
  /*table-layout: fixed;
  width: auto;*/
}
.globalfeedback .table-body-cell,
.globalfeedback .table-header-cell{
  border-bottom: 0px !important;
  border-top:0px !important;
}
.globalfeedback .table-header-cell{
  font-size: 1.3rem;
}



@media print {
.attendancerpt .filtersareatop, .attendancerpt .headerwithbg, .close_menu,
.ecd_menu.menu menu-left{display: none;}
.blockholder{padding: 5px !important;}
.blockholder p{font-size: 10px !important;}
.attendreport .col-xs-4{padding-right: 5px; padding-left: 5px;}
.printtitle{display: block; text-align: center; font-size: 18px; margin-bottom: 30px; font-weight: 700;
font-family: 'roboto_slablight';}
.attendancerpt .scroll-content.ionic-scroll{margin-top: 0px !important;}
}
.onboardtitle{
  text-transform: uppercase;
  font-weight: bolder !important;
  font-family: opensans;
  font-size: 30px;
}
.onboardfooter {
    position: fixed !important;
    bottom: 0;
    width: 100%;
    left: 0px;
    right: 0px;
    min-height: 50px;
    height: auto;
    display: flex !important;
    table-layout: fixed;
    padding: 0px !important;
}
.onboardfooter .signinbtn,
.onboardfooter .signupbtn{
  font-size: 20px !important;
  padding-top: 20px;
  padding-bottom: 20px;
   font-family: 'Roboto', sans-serif;
}
.onboardfooter .signinbtn{
  background-color: #f15522;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
}
.onboardfooter .signupbtn{
  background-color: #000000;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff !important;
}
.onboardfooter a{
  flex: 1;
}
.onboardlogos{
  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: space-evenly;
  -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: auto;
  table-layout: auto;
  position: relative;
  /* top: 110px; */
}
.leftlogoset{
  text-align: left;
}
.rightlogo{
  /* display: table-cell; */
}
/* .rightlogo img{
  width: 90% !important;
} */
.logotwo img{
  width: 90%;
}
.leftlogoset img{
  width: 90%;
}

.onloginpage md-tabs .md-tab.md-active{
  color: #000;
  font-weight: bolder;
}

.onloginpage md-tabs .md-tab{
  color: #000;
  font-weight: bolder;
}

.onloginpage md-tabs[md-border-bottom] md-tabs-wrapper {
    border: none !important;
    padding-left: 25px;
}

.onloginpage md-tabs md-ink-bar{
  background: #f15522 !important;
  height: 3px;
}
.onloginpage md-tabs .md-tab{
  position: relative;
}
.onloginpage md-tabs md-ink-bar:before{
  content: "";
  position: absolute;
  width: 0;
height: 0;
border: 0 solid transparent;
border-left-width: 6px;
border-right-width: 6px;
border-top: 8px solid #f15522;
top:0;

}

.button-ecd-join{
  background: #f15522 !important;
  border-radius: 0px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  text-transform: uppercase;
  clear: both;
  padding: 0 4.8em !important;
  height: 50px !important;
  line-height: 50px !important;
}
.login_bg{
    /* height: 500px; */
    width: 100%;
    background-repeat: no-repeat !important;
}

.login_bg img{
  max-width: 100%;
  height: auto;
  object-fit: cover;
}


.forgotpwd{
  display: block;
  margin-top: 15px;
  color: #000000;
}
.onloginpage md-content{
  margin-top: 15px !important;
}
.onloginpage.loginpag .login .content-block .button-ecd-join{
  margin-top: 10px !important;
   font-family: 'Roboto', sans-serif;
}

.trainings_ui .header_lg{
  height: 70px !important;
  line-height: 70px;
}

.trainings_ui .headertitle h4{
  line-height: 50px !important;
  color: #fff !important;
  font-size: 25px;
  font-weight: bold;
}

.trainings_ui .languages{

  border:none !important;
  background: none !important;
}
.trainings_ui .btn-default{
  background-image: none !important;
  background: none !important;
  text-shadow: none !important;
  color: #fff;
  font-size: 16px;
}

.trainings_ui .languages{
  padding: 0px;
}
.trainings_ui .ui-select-bootstrap .ui-select-toggle>.caret{
  /*margin-top: 0px !important;*/
  right: 10px !important;
  font-size: 16px !important;
}
.trainings_ui .lamborghini .Diablo{
  top:12px;
}



/* Dashboard UI */

.trainerdashboard .header_lg{
  height: 70px !important;
  line-height: 70px;
}

.trainerdashboard .headertitle h4{
  /* line-height: 50px !important;
  color: #10b872 !important;
  font-size: 25px;
  font-weight: bold; */
}

.trainerdashboard .languages{

  border:none !important;
  background: none !important;
}
.trainerdashboard .btn-default{
  background-image: none !important;
  background: none !important;
  text-shadow: none !important;
  color: #fff;
  font-size: 16px;
}

.trainerdashboard .languages{
  padding: 0px;
}
.trainerdashboard .ui-select-bootstrap .ui-select-toggle>.caret{
 /* margin-top: 0px !important;*/
  right: 10px !important;
  font-size: 16px !important;
}
/* .trainerdashboard .lamborghini .Diablo{
  top:12px;
} */

/* Dashboard UI Ended here */



/* new header UI start here */
.newheader .header_lg{
   height: 70px !important;
  line-height: 70px; 
  /*padding: 0 4%;*/
      /*height: 56px !important;
      line-height: 56px;*/
}

.newheader .headertitle h4{
  /* line-height: 50px !important; */
  /* color: #fff !important; */
   /* color: #10b872 !important;
  font-size: 25px;
  font-weight: bold; */
}
.profile .header h2 {
    color: #10b872;
}
.newheader .languages{

  border:none !important;
  background: none !important;
}
.newheader .btn-default{
  background-image: none !important;
  background: none !important;
  text-shadow: none !important;
  color: #fff;
  font-size: 16px;
}

.newheader .languages{
  padding: 0px;
}
.newheader .ui-select-bootstrap .ui-select-toggle>.caret{
/*  margin-top: 0px !important;*/
  right: 10px !important;
  font-size: 16px !important;
}
.newheader.lamborghini .Diablo{
  top:12px;
}


.newheader .lamborghini .Diablo {
    top: 0px;
    right: 0px;
}

.newheader .lamborghini .gallardo{
  top:0px;
  left: 0px;
  z-index: 99999;
}

.newheader .btn-default {
    background-image: none !important;
    background: none !important;
    text-shadow: none !important;
    color: #10b872;
    font-size: 16px;
}

.newheader .langdiv {
    position: absolute;
}
.newheader .ui-select-bootstrap .ui-select-toggle>.caret {
    /*margin-top: 0px !important;*/
    right: 10px !important;
    font-size: 16px !important;
}

.newheader .headertitle h4


/* new header UI Ended here */

.lamborghini .gallardo{
  left: 10px;
}

.lamborghini .Diablo{
  right: 10px;
}


.training-content{
  top: 70px;

}

.trainings_ui md-tabs .md-tab.md-active{
  color: #000000;
}

.trainings_ui .md-tab{
  font-size: 15px;
  font-weight: bolder;
  color: #000000;
}
.trainings_ui md-tabs{
  background: #fff;
}
.trainings_ui md-tabs.md-default-theme md-ink-bar,
.trainings_ui md-tabs md-ink-bar {
    color: #fa7526;
    background: #fa7526;
}
.trainings_ui md-tabs[md-border-bottom] md-tabs-wrapper{
  border-width: 0px !important;
      box-shadow: 0 16px 22px rgba(0, 0, 0, 0.13);
    margin-bottom: 35px;
}
.trainings_ui md-content.md-default-theme, md-content {
background-color: var(--grashade-one) !important;
    /* background-color: rgb(255, 255, 255); */
}

.training_box{
  border-radius: 8px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.19);
  overflow: hidden;
  margin-bottom: 30px;
}

.training_box_banner{
  width: 100%;
  height: 155px;
  overflow: hidden;
}
.training_box_banner img{
  width: 100%;
  height: auto;
}
.training_box_main_title{
    background-color: #fa7526;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 15px;
    /*position: relative;
    top: -44px;*/
    opacity: 0.9;
    margin:0px;
}

.training_date{
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width: 100%;
    /*table-layout: auto;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10980392156862745);
    padding: 10px 15px 10px 15px;
    margin: 0px 0 0px 0px;
}
.training_calendar_icon{
  /*display: table-cell;
  vertical-align: middle;*/
}
.training_calendar_icon img{
  width: 25px;
  height: auto;
}
.training_date_info{
  /*display: table-cell;
  vertical-align: middle;*/
  padding-left: 15px;
}
.training_date_info span{
  font-size: 16px;
  /*padding-left: 15px;*/
  color: #000000;
}



.training_place{
    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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width: 100%;
    /*table-layout: auto;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10980392156862745);
    padding: 10px 15px 10px 15px;
    margin: 0 0 0px 0px;
}
.training_place_icon{
 /* display: table-cell;
  vertical-align: middle;*/
}
.training_place_icon img{
  width: 25px;
  height: auto;
}
.training_place_info{
  /*display: table-cell;
  vertical-align: middle;*/
  /*width: 82%;*/
}
.training_place_info span{
  font-size: 16px;
  float: left;
  padding-left: 15px;
  color: #000000;
}



.training_count{
   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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    width: 100%;
    /*table-layout: auto;*/
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.10980392156862745);
    padding: 10px 10px 10px 15px;
    margin: 0 0 0px 0px;
}
.training_count_icon{
  /*display: table-cell;
  vertical-align: middle;*/
}
.training_count_icon img{
  width: 35px;
  height: auto;
}
.training_count_info{
  /*display: table-cell;
  vertical-align: middle;*/
  /*width: 82%;*/
  padding-left: 15px;
}
.training_count_info .training_learners_count{
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  color: #fa7526 !important;
}

.training_count_info .training_learners_title{
  font-size: 18px;
}


.training_progress{
  padding: 0px 10px 10px 20px;
}
.training_progress .progress{
  margin-bottom: 0px;
}
.training_progress .progress .progress-bar {
    background: #17af88;
}
.training_progress p{
  margin: 5px 0 0 0;
  padding: 0px;
}
.langdiv{
  position: absolute;
}

.trainings_ui .row{
  display: table !important;
}

/*.loginnew.onloginpage.loginpag.class_specific .content-block {
    margin-top: 0;
    width: 50% !important;
}
.loginnew .login_bg{
  height: 300px;
}*/

.sessioninfo .sessiondetails .time_location{
  /*display: block;*/
  display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.sessioninfo .sessiondetails .time_location img{
  display: block;
  width: 30px;
  margin:0 auto 10px auto;
}

.sessioninfo .traindate, .sessioninfo .locations, .sessioninfo .attended{
  display: inline-block;
  float: left;
  margin: 0 15px;
  color: #000000;
  font-weight: bold;
  /*width: 33% !important;*/
  text-align:center;
  /*margin: auto;*/
}
.sessioninfo .traindate{

}
.sessioninfo .attended{
  width: auto;

}

.countattend{

  color: #f15522
}

.sessioninfo .ecd-card .item{
  padding: 0px;
}

.sessioninfo .owl-carousel .owl-item img{
  width: 100%;
  height: auto;
  top:0px !important;
}

.sessioninfo .markcompleted{
  margin: -1px 0 0 0;
    padding: 5px 15px 8px 15px;
    border-radius: 0px;
}
.sessioninfo .itempadding{
  padding: 10px 15px !important;
}

.sessioninfo .ecd-card h2 a{
    color: #343434 !important;
}
.sessioninfo .categorymaincls h3{
  color: #343434;
  margin-bottom: 10px;
}
.sessioninfo .progress{
  margin-bottom: 0px;
}
.sessioninfo .sessionprogress{
  font-size: 13px;
  padding-bottom: 4px;
  padding-top: 6px;
  font-weight: bold;
}
.sessioninfo .row.sessiondetails{
  border-bottom: 0px !important;
  box-shadow: 0 16px 22px rgba(0, 0, 0, 0.13);
  background-color: #fff;
}

.shadowdiv{
  border-bottom: 0px !important;
  box-shadow:0 8px 30px rgba(0, 0, 0, 0.13);
  background-color: #fff;
  min-height: 30px;
}

.course_new_ui .progress{
  margin: 5px 0 0px 0;
}

.course_new_ui .progress_bar_div{
  font-size: 12px;
  padding-bottom: 5px;
}

.startcourse{
  color: #fa7526;
}

.completedcourse{
  color: #4caf50b8;
}


.sessioninfo .startcourse{
  color: #fa7526;
}

.sessioninfo .completedcourse{
  color: #4caf50b8;
}


.sessioninfo .sessiondetails {
    width: 100%;
    margin: auto;
    margin-top: 44px;
    padding: 10px 20px;
}
.sessioninfo .ecd-card .item.item-avatar{
  min-height: 150px !important;
}
.sessioninfo .progress_users{
   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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.sessioninfo .progress_users .progress_bar_div{
  width: 60%;
}
.sessioninfo .progress_users .usercount{
    position: absolute;
    right: 10px;
    top:2px;
    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;
    -ms-flex-pack: distribute;
        justify-content: space-around;
        font-weight: bold;
        color: #343434;
}
.sessioninfo .progress_users .usercount img{
  width: 45px !important;
  height: auto;
  padding-right: 10px;
}
.sessioninfo .owl-carousel .owl-item img {
    border-top: 0px;
    border-bottom: 0;
}

.attendanceui .lamborghini .gallardo {
    left: 10px;
    top: 0px;
  }


.date_pace_count{
   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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  width:100%;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 0px !important;
  box-shadow: 0 16px 22px rgba(0, 0, 0, 0.13);
  background-color: #fff;

}

.date_pace_count img {
  width: 30px;
  display: block;
  margin:0 auto 10px auto;
}
.date_pace_count .traindate,
.date_pace_count .locations,
.date_pace_count .attended{
  font-size: 14px;
  font-weight: bold;
  /*width: 33%;*/
  text-align: center;
}
.attendanceui .content_block{
  margin-top: 140px;
 /* padding-left: 30px;
  padding-right: 30px;*/
}

.darktitle{
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}

.orangetitle{
 color: #f57021 !important;
}

.learnerslisttitle h2{
  font-weight: bold;
  font-size: 25px;
  color: #000000;
}

.panchayathinfo{
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #ddd;
    padding:20px;
}

.attendancetitleleft, .attendancetitleright{
  display: table-cell;
}
.attendancetitleleft h3{
  font-weight: bold;
  font-size: 2rem;
  color: #010101;
}
.attendancetitleright .text-bold{
  font-weight: bold;
  color: #010101;
}

.attendancetable #resp-table{
  border:0;
}
.attendancetable .table-body-cell{
  border-bottom: 0px;
}
.attendancetable .item-checkbox{
  padding-left: 0px;
}
.attendancetable .table-body-cell{
  vertical-align: middle;
}
.attendancetable .table-body-cell .item{
  margin: 0px;
  padding: 5px;
}
.attendancetable .table-body-cell{
  font-size: 16px;
}
.attendanceui .table-body-cell .checkbox input:checked:before,
.attendanceui .table-body-cell .checkbox input:checked + .checkbox-icon:before {
    background: #66c253 !important;
    border-color: #66c253 !important;
}

.attendanceui .table-body-cell .checkbox-calm input:before,
.attendanceui .table-body-cell .checkbox-calm .checkbox-icon:before {
    border-color: #cccccc !important;
    background-color: #ddd !important;
}



.attendanceui .checkbox input:before,
.attendanceui .checkbox-icon:before{
  width: 25px !important;
  height: 25px !important;
  border-radius: 25px !important;

}




.attendanceui .table-content{
  padding: 25px;
}

.atendancebtns{
  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;
}

.orangebtn, .graybtn{
  background-color: #fa7526 !important;
  border:1px solid #fa7526 !important;
  padding: 10px 60px !important;
  margin: 50px 15px 0 15px;
  display: inline-block !important;
  border-radius: 0px !important;
  font-size: 20px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  min-width: 150px !important;
}

.graybtn{
  background-color: #4a4a4a !important;
   border:1px solid #4a4a4a !important;
}

.attendanceui.scrolling .scroll-content{
  height: 100% !important;
}

.lessionindexui.course_content .course-img h2{
  text-align: left !important;
  padding-left: 20px;
}

.lessionindexui .tab-nav.tabs{
  margin-left: 0px;
  left: 0px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.39);
}

.lessionindexui .content-block .tab-nav .tab-item.tab-item-active{
  border-bottom:4px solid #fa7526 !important;
}

.lessionindexui .content-block .lessons-list .item-avatar h2{
  font-size: 1.3em !important;
  color: #444 !important;
}

.lessionindexui .course_content .content-block .lessons-list .item-avatar .lesson-type{
  font-size: 0.8em !important;
}

.lessionindexui .lessons-list.list .item{
  background:#fff !important;
}
.lessionindexui .progresscustom{
  display: none;
}

.lessionindexui .lessons-list{
  margin-top: 25px;
}
.lessionindexui .lamborghini .gallardo:before{
  text-shadow: none !important;
}

.lessionindexui .tab-nav a.tab-item{
  color: #000 !important;
  font-weight: bold;
}

.trainerwelcomediv{
  /*display: table;
  table-layout: fixed;
  width: 100%;*/
   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-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.trainerwelcomediv small{
  font-weight: bold;
  color: #000000;
}
.trainerwelcomediv h2{
  margin: 0px;
  font-size: 20px;
   font-family: 'Roboto', sans-serif;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display:block;
  text-transform: uppercase;
}

.trainerwelcomediv .countnumber{
  color: #f57021;
    font-size: 20px;
   font-family: 'Roboto', sans-serif;
}
.trainerwelcomediv h4{
  color: #444;
  font-size: 16px;
   font-family: 'Roboto', sans-serif;

}
.learners_ui .trainerwelcomediv .trainername h4 span{ font-family: 'Roboto', sans-serif;}
.trainerlocations,
.trainerstudents,
.trainertrainings,
.trainercourses{

  text-align: center;

}

.Flex-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    position: relative;
    text-align: center;
    line-height: 40px;
}
.Flex-item + .Flex-item {
    border-left: solid 1px #eee;
}



.upcomingtrainings{
  padding-left: 15px;
  margin-bottom: 20px;
}

.upcomingtrainings h2{
  margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
}
.upcomingtrainings h6{
  font-size: 14px;
  color: #000000 !important;
  font-weight: bold;
}
.upcomingtrainings .media-heading{
  font-size: 14px;
}
.trainerdashboard md-tabs md-tabs-wrapper{
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.13);
  margin-bottom: 20px;
  border-bottom: 0px;
}
.trainerdashboard md-tabs .md-tab.md-active, .trainerdashboard .md-tab{
  color: #000000;
   font-family: 'Roboto', sans-serif;
  padding-left: 15px;
  padding-right: 15px;
  /* font-size: 20px; */
}

.trainerdashboard md-tabs.md-default-theme md-ink-bar,
.trainerdashboard md-tabs md-ink-bar{
      color: #f57021;
    background: #f57021;
    height: 3px;
}

.learnerrating{
  width: auto !important;
  min-width:51px !important;
  background-color: #fc9729;
  color: #fff;
  padding: 3px 15px 2px 15px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  text-align: center;
}

.trainerdashboard #resp-table {
    border:none !important;
    color: #333333;
}
.trainerdashboard .table-header-cell{
  font-weight: normal;
}
.trainerdashboard .resp-table-row:nth-child(odd){
  background-color: #f9f9f9;
}
.trainerdashboard .table-header-cell {
    border-top: solid 1px #eaeaea;
    border-bottom: solid 1px #eaeaea;
    color: #000;
    font-weight: bold;
}
.trainerdashboard .table-body-cell{
  border-bottom: solid 1px #eaeaea;
  padding-right: 10px;
  color: #000;
}
.trainerdashboard .table-body-cell .table-col-span div{}
.ipdashboard .facilitators .table-header-cell span,
.ipdashboard .facilitators .table-header-cell div{ font-family: 'Roboto', sans-serif;}
.trainerdashboard .shadowdiv{
  border-bottom: 0px !important;
  box-shadow:0 8px 30px rgba(0, 0, 0, 0.13);
  background-color: #fff;
  min-height: 30px;
  position: relative;
  top: 75px;
}
.trainerdashboard .learnername{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #333333;
}
.trainerdashboard .learnerid{
  color: #f57021;
  margin: 0px;
  padding: 0px;
}

.trainerdashboard .table-body-cell{
  vertical-align: middle;
}
.training_dashboard_progress{
  width: 80%;
  height: 6px !important;
  float: left;
  margin-right: 10px;
  margin-top:8px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
}
.training_dashboard_progress .progress-bar{
  height: 6px !important;
}

.training_dashboard_progress_count{
  font-weight: bold;
}
.progress_spacing{
  position: relative;
  top:5px;
}
.coursescompleted, .ranknumber{
  font-weight: bold;
}
.coursescompleted i{
  padding: 10px;
  color: #10b872;
  font-size: 18px !important;
}
.coursedetails_ui .course-block{
  padding: 0px;
  margin-top: 0px !important;
}
.coursedetails_ui .card{
  margin: 0px;
}
.course_type_count{
  position: relative;
}
.course_type_count span{
  color: #333;
  font-weight: bold;
  margin: 0 2px;
  font-size: 18px;
}

.course_type_count span strong{
  color: #fa7526;
}
.course_type_count:after{
    content: "";
    position: absolute;
    bottom: -30px;
    height: 4px;
    width: 140px;
    background: #fa7526;
    left: 0;
    right: 0;
    margin: auto;
    clear: both;
}

.coursedetails_ui .header_lg {
    height: 70px !important;
    line-height: 70px;
}
.coursedetails_ui .course-card{
  padding-top: 70px;
}
.coursedetails_ui .course-card h2{
  color: #000000;
  font-weight: bold;
}
.coursedetails_ui .item-body p {
    font-size: 1.1em !important;
    /* margin-top: 60px; */
}

.coursedetails_ui .course-img{
  height: 300px !important;
}

.startcourse_fixed_bottom{
  position: fixed !important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #fa7526;
  z-index: 999999;
}
.startcourse_btn{
  color: #fff;
  display: block;
  background-color: transparent;
  border:none;
  margin: auto;
  padding: 10px 0;
  font-size: 20px;
}

.endcourse_fixed_bottom{
  position: fixed !important;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #fa7526;
  z-index: 999999;
}
.endcourse_btn{
  color: #fff;
  display: block;
  background-color: transparent;
  border:none;
  margin: auto;
  padding: 20px 0;
  font-size: 20px;
}
.course_content .content-block .lessons-list {
    padding-bottom: 130px !important;
}
.course_content .lamborghini .gallardo:before{
  text-shadow: none !important;
}

.onloginpage md-tabs .md-tab {
    text-transform: uppercase !important;
}

.onboard .slider-pager .slider-pager-page.active {
    color: #FF5722 !important;
}

.right_devider{
  border-right: 1px solid #ddd;
}

.learners_ui .learners_content{
  margin-top: 10px;
  height: 100%;
  background: #fff;
}

.learners_ui .trainerwelcomediv .trainername h2{
   font-family: 'Roboto', sans-serif;
}

.learners_ui .trainerwelcomediv .trainername h4{
  margin: 5px 0 0 0;
  font-weight: normal;
}

.lessioncontent_newui .headertitle h3{
   font-family: 'sfns_displaybold' !important;
   color: #fff !important;
}

.footer_next_prevbtns{
  position: fixed;
  bottom: 0px;
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background: #14a267 !important;
}
.footer_next_prevbtns a{
  width:50%;
}

.footer_next_prevbtns a .bar{
  position: relative;
  background-color: transparent !important;
}
.backbtn{
  background-color: #fa7526 !important;
  text-align: left;
}
.next_btn{
  background-color: #000000 !important;
  text-align: right !important;
}
.footer_next_prevbtns .backbtn i{
  left: 0px !important;
}

.footer_next_prevbtns .lesson-footer .footer-arrow{
  position: relative;
}

.footer_next_prevbtns .lesson-footer .footer-title{
  margin-left: 0px;
}

.footer_next_prevbtns .lesson-footer .footer-title {
    font-size: 1em;
    /* margin: 0 0px 0 0px !important; */
    margin: 0 auto;
    width: calc(100% - 30px);
}

.slideswithcount{
  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-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}
.slideswithcount .backsvg, .slideswithcount .nextsvg{
  width: 40px;
}
.oneoffdiv{
  background-color: #fa7526;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  padding: 10px 25px;
}

.learner-lession-progress{
    padding: 1px 0 20px 0;
    background: #f5f5f5;
}
/* .learner-lession-progress .row{
  display: table;
} */

.flexrow{
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30px;
}
.learner-lession-progress h2{
   font-family: 'Roboto', sans-serif;
  margin-bottom: 15px;
  font-size: 20px;
}
.learners_ui .progress_spacing{
  padding: 0 30px;
}
.learners_ui .progress{
  background-image: none !important;
  box-shadow: none !important;
  height: 8px;
}
.progress-bar{
  box-shadow: none !important;
}
.learnerdate div:first-child{
    font-family: 'Roboto', sans-serif;
   color: #6b6b6b !important;
   font-size: 16px;
}
.learnerdate div:last-child{
    font-family: 'Roboto', sans-serif;
   color: #6b6b6b !important;
   font-weight: 600;
   opacity: 0.6;
   margin-top: 5px;
}

.lessioncontent_newui .lesson-footer{
  background: #fa7526 !important;
}

.selflearner_ui .sessiondetails{
  margin-top: 0px;
}

.selflearner_ui .headertitle h4{
  line-height: 70px !important;
}

.self-learners-maintitle{
  font-family: 'sfns_displaybold' !important;
  font-size: 20px;
}
.selfleranerplace{
  font-family: 'sfns_displaybold' !important;
}
.selflearnertitle{
    font-family: 'Roboto', sans-serif;
   font-size: 25px;
   text-transform: uppercase;
   display: block;
}

.selflearner_table{
  border:none !important;
  padding-left: 10px;
}
.selflearner_table #resp-table{
  border:none;
}
.selflearner_table #resp-table .table-body-cell{
  border:none;
}
.selflearner_table #resp-table .table-body-cell .learnername{
  font-size: 20px;
}
.selfflearnerprogress{
  padding-right: 30px;
}
.selfflearnerprogress .progress{
  min-width: 50px;
  border-radius: 8px !important;
  height: 8px !important;
}
.item-avatar > img:first-child{
  top: 0px !important;
}

.regularfont{
  font-family: 'sfns_displayregular' !important;
}
.heavyboldfont{
   font-family: 'Roboto', sans-serif;
}

.learner_dashboard .regularfont{
  color: #000000 !important;

}
.learner_dashboard .heavyboldfont{
  color: #000000 !important;
}
.learner_dashboard .trainerwelcomediv .trainername h4{
  font-family: 'sfns_displaybold' !important;

}
.learner_dashboard .trainerwelcomediv .trainername h2{
  color: #000000 !important;
   font-family: 'Roboto', sans-serif;
}


.attendance_blocks strong{
  display: block;
}

.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 60px;
}

.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: 50%;
  margin: auto;
}


.course_detail .course-card h2{
  font-family: 'boldfont';
}

.course_content .content-block .tab-nav .tab-item.tab-item-active{
  color: #000000 !important;
}

.mentor_insights .header h2, .profile .header h2{
   font-family: 'Roboto', sans-serif;
  margin-top:0px;
}
.lessonfeedback{
  padding-left: 15px;
}

.profile .contents .profile_info {
    margin-top: 45px;
}

.profile .contents .profile_info .button.button-ecd {
    margin: 1em 4em;
    background-color: #fa7526 !important;
    color: #fff;
    padding: 3px 30px;
    font-weight: bold;
    border-radius: 40px;
    text-transform: uppercase !important;
}

.menu-open .ecd_menu .menu_list .profile_info h3{
  margin-top: 10px;
   font-family: 'Roboto', sans-serif;
}
.ui-select-container{
  position: relative;
  /* right: 15px; */
}


.profile_edit .header h2{
  /* margin-top: 10px; */
 /*  font-family: 'Roboto', sans-serif;*/
}

.course_new_ui.courselanding .courses{
  width: 100% !important;
}

.course_new_ui.courselanding .tab-nav.tabs{
  width: 100% !important;
   box-shadow: 0 16px 22px rgba(0, 0, 0, 0.13);
   padding-left: 0px;
}

.course_new_ui.courselanding .tabs{
    -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.course_new_ui.courselanding .tab-nav.tabs{
  margin-top: 25px !important;
}
.course_new_ui .tab-item{
    -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  width: auto !important;
  display: inline-block !important;
}
.course_new_ui .tab-nav.tabs .tab-item {
     font-family: 'Roboto', sans-serif;
    color: #000 !important;
    font-size: 18px !important;
    font-weight: bolder;
    padding: 0 20px;
}

.course_new_ui .tab-nav a.tab-item{
  margin-right: 0px !important;
}

.course_new_ui .tab-nav a.tab-item.tab-item-active:after{
  content: "";
  position: absolute;
  border-bottom: 3px solid #000;
  bottom: 0px;
}

.course_new_ui .tab-nav a.tab-item.tab-item-active {
    border-bottom: 3px solid #f05421 !important;
}


.lamborghini .dropdown-menu{
  min-width: 80px !important;
}

.dropdown-menu{
  overflow: hidden;
  padding: 0px;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fa7526;
    text-decoration: none;
    outline: 0;
    background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row>span{
  padding: 6px 20px;
}
.mentor_insights .button{
  border-width: 0px;
}

.course_detail .posterbg{
  position: absolute;
  bottom: -15px;
  background-image: url('../img/poster_cloud_bg.png');
  width: 101%;
  height: 120px;
  background-position: bottom center;
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
}

/* buton active in alphabet filter */
.alphabetpagi .btn-group .letter_active, .filtersrow .letter_active{
    color: #00ab66  !important;;
    text-shadow: none;
    background-color: transparent;
     font-family: 'Roboto', sans-serif;
}
.filtersrow .remove_active , .filtersrow  .clear_flter.remove_active{
  color: #333 !important;
}

.activated_correct .item-radio .radio-icon{
  visibility: initial !important;
}

.coursenamefixes  {
  padding: 5px 10px 10px 10px !important;
}

.first_sync_start{
/*margin-top: 50%;*/
height: 100%;
width: 100%;
text-align: center;
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: center;
-ms-flex-pack: center;
    justify-content: center;
    position: relative;
     background: #5eb4e7 url(../img/sync_bg_new.png);
    width: 100%;
    height: 100%;
    background-size: contain;
    /*background-repeat: no-repeat;*/
    background-position: center top;
    position: absolute;
}

.first_sync_start strong{
  color: #fff;
  font-size: 1.5rem;
    width: 80%;
  display: block;
  margin: auto;
}

.first_sync_start input[type="button"]{
  display: inline-block !important;
  margin:20px auto 0 auto !important;
  padding:5px 50px !important;
  width: auto !important;
  font-size: 1.5em;
}
.devicesetup .fixedfooter{
  top: calc(50% - 150px);
  left: 0px;
  right: 0px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: auto !important;
  background: #ffffff;
  min-height: 200px;
  max-height: 300px;
  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-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
        padding-top: 10px !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
    border-radius: 4px;
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.devicesetup .popuptitle{
  margin: 0px;
  padding: 0px 0 0 0;
  position: relative;
  top: -0.5em;
  font-size: 1.2rem;
  color: #000000;
}

.devicesetup .popuplogo{
  text-align: center;
  margin: auto;
}
.devicesetup .popuplogo img{
  width: 90px;
  height: auto;
  margin-bottom:0.8em;
}
.devicesetup .devicesetupbtn {
    padding: 15px 0 15px 0px;
    height: auto !important;
    min-height: auto;
    line-height: normal;
    min-width: 170px !important;
    border: none;
    background-color: #336a8c !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto;
    margin-top: 2em;
    color: #fff !important;
    border-radius: 4px !important;
    font-size: 1.8rem;
}
.devicesetup .button.button-positive:hover,
.devicesetup .lessonslidebottom button:hover,
.devicesetup .btn-success:active:focus,
.devicesetup .btn-success:active:hover,
.devicesetup .btn-primary:active:focus,
.devicesetup .btn-primary:active{
  background-color: #336a8c !important;
}

.devicesetup .progress_bar_div{
  width: 100% !important;

}

.syncmsgbottom{
  /*padding-left: 1em;*/
}

.devicesetup .loginpopupprogress{
      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-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.devicesetup .profileimg{
  margin-top: 1.4em !important;
}
/* Progress Bar */
.devicesetup .progress {
  position: relative;
  height: 6px !important;
  display: block;
  width: 100%;
  background-color:#E8EEF4 !important;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0.5rem 0 0.5rem 0;
  overflow: hidden;
  background-image: none !important;
}
  .devicesetup .progress .determinate {
    position: absolute;
    background-color: inherit;
    top: 0;
    bottom: 0;
    background-color: #3359F7 !important;
    transition: width .3s linear; }
  .devicesetup .progress .indeterminate {
    background-color: #3359F7; }
    .devicesetup .progress .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit !important;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
              animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .devicesetup .progress .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
              animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -webkit-animation-delay: 1.15s;
              animation-delay: 1.15s; }

@-webkit-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }
@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }
@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }
@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

/* fiil in the blanks*/

.quiz_mcq .content-block{top: 0px;}
.bar.bar-ecd{display: none;}
.quiz-wrapper {
  position: relative;
  display: block;
}
.quiz-wrapper p.question-description {
  background: #19286C;
  color: white;
  padding: 25px 20px;
}
.quiz-wrapper ul.options {
  position: relative;
  display: inline-block;
  vertical-align: top;
  list-style: none;
  border: none;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.quiz-wrapper ul.options li {
  padding: 6px 8px;
}
.quiz-wrapper ul.options li.title {
  background: transparent;
  color:#03563a;
  margin-bottom: 0;
  text-align: left;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding-left: 0;
}
.quiz-wrapper ul.options li.option {
  position: relative;
  z-index: 50;
  float: left;
  cursor: move !important;
  margin-bottom: 0;
  padding: 10px 20px;
  margin: 5px 15px 15px 0;
  font-size: 13px;
/*  border:solid 1px #ccc;
  border-radius: 25px;*/
}
.quiz-wrapper .answers {
  display: inline-block;
  margin: 30px 0 10px 0;
}
.quiz-wrapper .answers .target {
  display: inline-block;
  width: 120px;
  background: transparent;
  margin: 5px 5px;
  text-align: left;
  border-bottom: solid 1px #ccc;
  padding: 5px 5px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.quiz-wrapper button[type="submit"] {
  display: block;
  position: relative;
  margin: 10px auto;
  padding:5px 10px;
  background: #19286C;
  border: none;
  color: white;
  font-size: 14px;
  border-radius: 5px;
}
.lightbox-bg {
  display: none;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.status {
  display: none;
  position: absolute;
  z-index: 110;
  text-align: center;
  width: 80%;
  top: 220px;
  left: 47px;
}
.status p {
  background: white;
  padding: 30px;
}

.quiz-wrapper .answers li{padding-bottom: 0; padding-left: 0; line-height: 35px; margin-bottom: 8px; background: #55b292; list-style: none; padding: 15px; color: #fff; font-size: 16px; border-radius: 6px; text-align: left;}
.drag_drop .main-content{
  /* width: 60%;  */
  font-family: 'roboto_slabregular'; 
  background: #5cc29f; 
  height: auto; 
  padding: 0 30px 15px 30px;
}
.ui-draggable-handle{border:solid 1px #55b292 !important; border-radius: 5px; background-color: #fff !important; color: #048a54; font-size: 14px !important; font-size: 14px !important;
    font-weight: 700; font-family: 'roboto_slablight';}
.target{border:solid 1px #03a866 !important; border-radius: 5px; background-color: #fff !important; color: #048a54; font-size: 14px; font-weight: 700; font-family: 'roboto_slablight';}
.target.ui-droppable{border:none !important; border-bottom: solid 1px #ccc !important; border-radius: 0; background:transparent !important;}
.answers ol{padding-left: 0;}


.newblank{
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
           flex-direction: column;
}

.simulation_New_Design{
    /*height: 40%;*/
    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:center;
        -ms-flex-pack:center;
            justify-content:center;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.74);*/
    background:rgba(0,0,0,0.8);
    padding: 8px 0 0px 0;

}

.simulation_New_Design .simulation_decisions ul{
  margin-bottom: 0px;
}


.simulation_New_Design .conversation_speech {
    width: 100%;
    /* height: 50%; */
    float: none;
    background: rgba(0, 0, 0, 0.6392156862745098);
    border-radius: 0px;
    padding: 0px 25px 10px 25px;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.simulation_New_Design .conversation_speech span{
  padding-top: 25px;
  padding-right: 20px;
  padding-left: 20px;
  display: block;

}
.simulation_New_Design .conversation_speech{
  background: none !important;
}
.simulations_next_buttons {
    width: 100%;
    height: 5%;
    top: 50%;
    position: relative;
}
.simulation_New_Design .simulation_decisions{
  width: auto !important;
    height: auto;
    margin: 0 auto;
    padding: 0px;

}

.simulation_New_Design .simulation_decisions ul li span{
  display: none;
}

.simulation_New_Design .simulation_decisions ul li{
  background:#1da769;
  border:1px solid #1da769;
  color: #fff;
  margin-bottom: 25px;
  margin-top: 10px;
  border-radius: 0px;
  padding: 10px 5px;
}
.simulation_New_Design .conversation_speech span {
    font-family: 'Conv_AvenirLTStd-Roman' !important;
    font-size:20px;
    line-height: 24px;
    border-radius: 0px !important;
}

.simulation_New_Design .start_button button{
  margin-left: auto;
  margin-right: auto;
}

.simulation_New_Design .conversation_screen img,
.simulation_New_Design .conversation_screen_list img{
  display: none;
}
.simulation_New_Design .decisions_list{
  text-align: center;
  float: none !important;
  width: auto !important;
  text-transform: uppercase !important;
}

.simulation_New_Design .simulation_decisions ul li button{
  text-align: center;
  font-size: 14px;
  font-family: 'Conv_AvenirLTStd-Roman' !important;
  text-transform: uppercase !important;
  font-weight: bold;

}

.simulation_New_Design .simulation_decisions ul{
  /*width: auto;*/
  min-width: 290px !important;
  /*margin-bottom: 20px;*/
}

.simulation_New_Design .conversation_speech{
  height: auto;
  margin-bottom: 15px;
}
.ileapsimulations .simulation_screen_main{
  height: calc(100vh - 0px) !important;
}

.start_button {
    position: absolute;
    z-index: 999999;
    text-align: center;
    width: auto !important;
    bottom: 32px !important;
    font-family: 'Conv_AvenirLTStd-Roman' !important;
    text-transform: uppercase !important;
    left: 0;
    right: 0;

}
.simulations_start h4 {
   font-family: 'Conv_AvenirLTStd-Roman' !important;
    font-size: 18px;
    line-height: 30px;
}

.simulation_speech span {

    font-size: 18px;
    text-align: justify;
    font-family: 'Conv_AvenirLTStd-Roman' !important;
}

.startagain_button{
  width: 100%;
  text-align: center;
}

.startagain_button button{
  float: none !important;
}

.start_button button{
  font-weight: bold;
  text-transform: uppercase;
}

.simulation_New_Design .simulations_start{
  width: 100%;
  border-radius: 0px;
  background:rgba(0,0,0,0.8);
  color: #fff;
  left: 0px;
  bottom: 0px;
  text-align:center;

}

.simulation_New_Design .start_button button{
  background-color: #13c276 !important;
  border-radius: 0px;
  min-width: 200px;
}

/* .btn{
  background-color: #13c276 ;
}
.btn-primary{
  background-color: #13c276 !important;
} */
.conversation_screen_list {
    width: auto;
    height: auto;
    padding: 0px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -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:center;
        -ms-flex-pack:center;
            justify-content:center;
}

.simulation_New_Design .conversation_speech{

}

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

.simulation_New_Design .conversation_speech{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
  }
  .simulation_New_Design .conversation_speech span{
    font-size: 16px;
  }

  .simulation_New_Design .simulation_decisions {
    width: auto !important;
    height: auto;
    margin: 0 auto;
    padding: 0px;
}

.simulation_New_Design .simulation_decisions ul{
  width: 250px;
  float: none !important;
  margin:0 auto;
}

.newblank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
}
.simulation_New_Design{
  padding: 5px 0 5px 0;
}

.simulation_New_Design .simulation_startpage {
    width: 100%;
    /*height: calc(100vh - 0px);*/
    margin: 0px auto;
}

.simulation_New_Design .simulations_start{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

    top: auto;

}
.simulation_New_Design .simulation_speech{
  /*margin-bottom: 20px;*/
}
.simulation_New_Design .start_button{
  bottom: 30px;
}

.bottom_logos{
  width:90% !important;
  margin: 40px auto 20px auto;
}

.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%;
}
.bgimgg img[src$="tomato_screen_20.jpg"] {
    height:100vh;
    width: 100%;
}

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

img[src$="tomato_screen_1.jpg"] {
    height:80vh;
    width: auto;
}

.launch_screen .simulations_start {
    min-height: 120px;
}

}


@media (min-width: 1281px){



.blue_login.onboard p{
  padding-bottom: 3em;
}
.blue_login .sociallogins{
  margin-bottom: 0px;
  margin-top: 0px;
}

.new_login_ui .select_language {
    right: 15% !important;
}

.blue_login .select_language {
    right: 13% !important;
}
.ileapsimulations .simltnweb{
  width: 100%;
  margin: auto;
}
.ileapsimulations .simltnweb .simulations_start{
  width: 100%;
  /*margin: auto;
  left: 0;
  right: 0;*/
}

.ileapsimulations .simulation_main_div{
  width: 100%;
}

  .newblank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;

}
  .simulation_New_Design{
    padding-top: 50px;
     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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    background:rgba(0,0,0,0.8);
  }
.simulation_New_Design .conversation_speech span{
  /*padding-bottom: 25px;*/
}
.simulation_New_Design .simulation_decisions{
      margin: 0px auto 30px auto;
}
.ileapsimulations .simulation_screen_main {
    width: 100%;
    /*height: calc(100vh - 0px);*/
    height: 1024px !important;
    color: #000;
    background-repeat: no-repeat;
}




}


.simulationwraper{
  height: 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;
}




.simulation_New_Design .conversation_speech span{
  font-family: 'Conv_AvenirLTStd-Roman' !important;
}



.startagain_button button{
  background-color: #13c276 !important;
    border-radius: 0px;
    min-width: 200px;
    border-radius: 0px !important;
    margin-bottom: 30px;
}

.simulations_start h4{
  font-size: 18px;

}

.startpagesimulation{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/*.simulation_startpage{
  height: calc(100vh - 0px) !important;
}*/

.decisions_list{
   font-family: 'Conv_AvenirLTStd-Roman' !important;
}

.start_screen{
  /*min-height: 240px !important;*/
  /*min-height: 215px !important;*/
  min-height: auto;

}

.ileapsimulations .lesson-footer {
    height: 45px;
    font-size: 14px;
}

.ileapsimulations .lesson-footer .footer-arrow {
    margin-top: 2px;
}

#char1speech8 strong{
  display: inline-block;
  /*padding:8px 0;*/
  font-size: 20px;
}


.simulation_New_Design br
{ content: "A" !important;
 display: block !important;
 margin-bottom: 15px !important;
}

.startagain_button button {
    margin-bottom: 60px;
}

.bgimgcntrl{
  width: 100%;
  height: auto;
  background-size: cover;
}
.simgifcenter{
  width: auto !important;
  height: auto !important;
  margin: auto !important;
    position: absolute;
    left: 0;
    right: 0;
    top: -300px;
    bottom: 0;
}


.bgimgg{
  height: auto;
  width: 100%;
}

.bgimgg img{
  background-size: cover;
  background-position: center;
}


.mainquestioncontainer{
  clear: both;
  display: block;
}


.bgimgg img[src$=".png"]{
  height: 100vh;
  object-fit: cover;
  /*width: 100%;*/
}

.bgimgg img[src$=".gif"]{
  background-repeat: repeat;
}

.bgimgg img[src$="screen-08.png"] {
    height: 80vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-32.png"] {
    height: 95vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-09.gif"] {
    height: 53vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-13.gif"] {
    height: 48vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-27.gif"] {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-26.gif"] {
    height: 100vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-29.gif"] {
    height: 59vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-38.png"] {
    height: 79.7vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-39.png"] {
    height: 79.7vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-40.png"] {
    height: 76.5vh;
    width: 100%;
    object-fit: cover;
}

.bgimgg img[src$="screen-14.png"] {
    height:104.6vh;
    width: 100%;
    object-fit: cover;
}

.blue_login.onboard h2{
  padding-bottom: 0px;
}

.geolocationpopup{
    display: flex;
    margin: auto;
    max-width: 480px;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding:10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 99;
}
.geolocationpopup .askquestionpopup{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.geolocationpopup .takesignappsign{
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 200px;
  margin: auto;
}
.geolocationpopup .takesignappsign .button-energized{
  background-color: #10b872;
  border:1px solid #10b872;
  margin: 5px;
  min-width:95px;
}

.geolocationpopup .takesignappsign .appsign .button-energized{
  background-color: #e86b75;
  border:1px solid #e86b75;
  margin: 5px;
}
.geolocationpopup .custom.closepoll{
    position: absolute;
    right: -6px;
    top: -15px;
    font-size: 30px;
    color: #c65c64;
}
.geolocationpopup .right_div img{
  display: block;
  max-width: 100%;
  margin: 0px !important;
      max-height: 235px;
    object-fit: contain;
}
.geolocationpopup .input-label{
  display: none;
}
.geolocationpopup .right_div .input-label{
  display: block;
}
.campaignbanner{
  height: 200px;
      overflow: hidden;
    margin: 15px 0 0 0;
    position: relative;
    border-radius: 8px;
}
.campaignbanner img{
  max-width: 100%;
  height: 100%;
}
.campaign-main{
  width: 100%;
  padding: 1rem;
}
.campaigncontainer{
  margin-bottom: 20px;
}
.profilefields{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.1);
    display: flex;
}
.profilefields .fieldsets{
  margin: auto;
}
.profilefields .fieldsets span{
  font-size: 2.5rem;
  color: #ffffff;
}
.editforms{
    position: absolute;
    right: 5px;
    background: transparent;
    border: 0;
}
.viewform-content-inner .farmerprofiledata{
  display: flex;
  padding: 5px 0;
  border-bottom: 1px solid #dddddd;
}
.viewform-content-inner .detaildescription{
  display: flex;
}
.viewfieldscontainer .farmerprofiledata label{
  font-weight: normal;
}
.viewfieldscontainer .detaildescription .labelans{
  font-size: 14px;
  font-weight: normal;
}
.campaignscrolldiv{
  padding: 15px;
}
@media (min-width: 601px) and (max-width: 890px){
  .noshadowdiv {
    margin-top: 0px;
  }
  new_login_ui .select_language {
      right: 0% !important;
  }
  .bottom_logos{
    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-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: 80%;

    margin:20px auto 20px auto;
  }
  .blue_login .select_language {
      right: 0% !important;
  }
  .new_login_ui {
     width: 100% !important;
     margin: auto;
  }
  .new_login_ui .login .content-block {
      width: 100% !important;
  }
  .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_9.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%;
  }
  .bgimgg img[src$="tomato_screen_20.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_screen_21.jpg"] {
      height:100vh;
      width: 100%;
  }
  img[src$="tomato_screen_1.jpg"] {
      height:80vh;
      width: auto;
  }

  .launch_screen .simulations_start {
      min-height: 120px;
  }

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

  .simulation_New_Design .simulations_start{
     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-pack: center;
      -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
              align-items: center;
      margin-bottom: 95px;
  }

    .new_login_ui .languages {
      margin: 20px;
  }
    .new_login_ui .select_language {
      right: 0% !important;
  }
    .bottom_logos{
    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-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    width: 80%;

    margin:20px auto 20px auto;
  }
  .blue_login .languages {
      margin: 20px;
  }
  .new_login_ui {
     width: 100% !important;
     margin: auto;
  }
  .new_login_ui .login .content-block {
      width: 100% !important;
  }

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

  }*/

  .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%;
  }
  .bgimgg img[src$="tomato_screen_20.jpg"] {
      height:100vh;
      width: 100%;
  }
  .bgimgg img[src$="tomato_screen_21.jpg"] {
      height:100vh;
      width: 100%;
  }

  img[src$="tomato_screen_1.jpg"] {
      height:80vh;
      width: auto;
  }

  .launch_screen .simulations_start {
      min-height: 120px;
  }

}

/* new simulation ui changes end */


.pop_quiz_main .popquiz{
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#52000000', GradientType=1);
  /* IE6-9 */
  /* width: auto; */
  margin-left: 0px !important;
  padding-top: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
}
.pop_quiz_main .popquiz .showlabel{
  background-color: transparent !important;
  color: #fff !important;
  margin-top: 1rem;
}
.pop_quiz_main .popquiz .showlabel label{
  color: rgba(255, 255, 255, 0.77) !important;
  text-align: left;
  /* margin-left: -35px; */
}
.pop_quiz_main .lessonnewquizstyles .form-group .list label{
  background-color:rgba(0, 0, 0, 0.4196078431372549) !important;
  color: rgba(255, 255, 255, 0.77) !important;
  border:none !important;
  min-width: 160px !important;
  margin-bottom: 5px !important;
}
.pop_quiz_main .item-radio input:checked~.radio-icon {
   visibility: hidden;
}
.lessonquizmain .item-radio input:checked~.item-content{
  background-color: rgba(54, 224, 49, 0.25882352941176473) !important;
}

.pop_quiz_main .popquiz .list{
  display: -webkit-box;display: -ms-flexbox;display: flex;
}
.pop_quiz_main .popquiz .list .questioncount{
  opacity: 0.6;
}
.pop_quiz_main .questionquestion{
   opacity: 0.8;
  -moz-animation: fadeInLeft 0.5s ease-in alternate ;
  -webkit-animation: fadeInLeft 0.5s ease-in alternate ;
  -ms-animation: fadeInLeft 0.5s ease-in alternate ;
  -o-animation: fadeInLeft 0.5s ease-in alternate ;
   animation: fadeInLeft 0.5s ease-in alternate ;
}

@-webkit-keyframes fadeInLeft {
  0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
  }
  100% {
     opacity: 1;
     -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
     opacity: 0;
     transform: translateX(-20px);
  }
  100% {
     opacity: 1;
     transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;

}

.pop_quiz_main .popquiz .list .questioncount{
       -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
       -ms-animation: fadein 2s;
       -o-animation: fadein 2s;
       animation: fadein 2s;
       background-color: #000000;
       width: 20px;
       height: 20px;
       border-radius: 50%;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       -o-border-radius: 50%;
       text-align: center;
       position: absolute;
       left: 5px;
       padding: 1px 0 0 2px;
}
/* .questionquestion{
  margin-left: 20px;
} */

.item-radio .radio-icon{
  -moz-animation: fadeInLeft 0.5s ease-in alternate ;
  -webkit-animation: fadeInLeft 0.5s ease-in alternate ;
  -ms-animation: fadeInLeft 0.5s ease-in alternate ;
  -o-animation: fadeInLeft 0.5s ease-in alternate ;
  animation: fadeInLeft 0.5s ease-in alternate ;
  -webkit-animation: fadeInLeft 0.5s ease-in alternate ;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.scale-up-hor-center {
  -webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes scale-up-hor-center {
  0% {
    -webkit-transform: scaleX(0.4);
    transform: scaleX(0.4);
  }

  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}


.lblforaudio{
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.learnerprofile{
  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;
  /* border-right: 1px solid #eee; */
  padding-right: 1rem;
}
.learner_pic{
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-right: 0.8rem;
}
.learner_pic img {
  width: 50px;
  height: 50px;
}
.learnerprofile h2{
  font-size: 16px;
}
.learnerprofile h4{
  font-size: 15px !important;
}
.first-child-brdr{
  border-left: 1px solid #eee;
}
.learnerprofile .trainername{
  width: auto;
  margin-bottom: 0px;
  text-align: left;
}
.learnergriddata{
  padding:0 2rem 2rem 2rem;
  overflow-x: auto;
  white-space: nowrap;
  background-color: #ffffff;
}
/* .learnergriddata .table-bordered {
    border: none !important;
} */

/* .learnergriddata .table-bordered th:first-child,
.learnergriddata .table-bordered td:first-child{
    border-left: none !important;
}
.learnergriddata .table-bordered th:last-child,
.learnergriddata .table-bordered td:last-child{
    border-right: none !important;
} */
.learnergriddata .table-body-cell {
  border-bottom: solid 1px #eaeaea;
  padding-right: 10px;
}
.learnergriddata .resp-table-row:nth-child(odd) {
  background-color: #f9f9f9;
}
.learnergriddata .table-header-cell {
  border-top: solid 1px #eaeaea;
  border-bottom: solid 1px #eaeaea;
  font-size: 1.3rem;
}
.learnergriddata .table-body-cell {
  vertical-align: middle;
  font-size: 1.3rem;
}
.learnergriddata #resp-table {
  border: none !important;
  color: #333333;
}

.learnergriddata .count{text-align: right !important;}
.learnergriddata .module {text-align: left !important;}
.learnergriddata .lesson {text-align: left !important;}
.learnergriddata .sdate {text-align: center !important;}
.learnergriddata .timespent {text-align: center !important;}
.learnergriddata .points {text-align: right !important;}
.learnergriddata .c_status {text-align: left !important;
}

.learnergriddata tbody:nth-child(even) tr {
  background-color: #fff;
}
.learnergriddata th, .learnergriddata td{
  vertical-align: middle !important;
}

.profile .learnergriddata th{
   font-family: 'Roboto', sans-serif;
  font-size: 13px !important;
  color: #000000 !important;
}

.profile .learnergriddata th,
.profile .learnergriddata td{
   font-family: 'Roboto', sans-serif;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-size: 12px !important;
}
.profile .learnergriddata .modulecell{
  width: 270px !important;
}


.learnergriddata th i{
  margin-left: 5px;
}

.learnergriddata .flex-row{
display: flex;
justify-content: space-between;
align-items: center;
}

.learnergriddata .text-link{
  color: #d45408;
    background-color: rgba(250, 117, 38, 0.21);
    font-weight: bold;
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 5px;
     font-family: 'Roboto', sans-serif;
}

.learnergriddata .table-group-title{
  font-size: 14px;
}
.table-title {
  width: 100%;
}

.table-title td{
  font-weight: bold;
  font-size: 16px;
  padding-top: 5px;
}


.valigntop{
  vertical-align: top !important;
}
.valigncenter{
  vertical-align: middle !important;
}
.videoscount{
  opacity: 0.6;
}
.togglearea{
  display: block;
  text-align: right;
  padding-right: 2rem;
  margin-bottom: 1rem;
}
.listgridicons{
  background-color: transparent;
  border:none;
  font-size: 25px;
  margin-top: 1rem;
}
.time_min{
  opacity: 0.6;
  font-size: 1.2rem;
}

.pop_quiz_main .popquiz {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    width: auto;
    margin-left: 0px !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
    /* background: rgba(0, 0, 0, 0.85); */
    background: #ffffff !important;
    position: relative;
    border: 1px solid #cccccc;
}
.pop_quiz_main .popquiz .showlabel label {
    color: rgba(255, 255, 255, 0.77) !important;
    text-align: left;
}
.pop_quiz_main .popquiz .list .questioncount {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
    background-color: #000000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    position: relative;
    margin-right: 10px;
    padding: 1px 0 3px 2px;
}
.pop_quiz_main .popquiz .list .questioncount {
    opacity: 0.6;
}
.pop_quiz_main .questionquestion {
    opacity: 0.8;
    -moz-animation: fadeInLeft 0.5s ease-in alternate;
    -webkit-animation: fadeInLeft 0.5s ease-in alternate;
    -ms-animation: fadeInLeft 0.5s ease-in alternate;
    -o-animation: fadeInLeft 0.5s ease-in alternate;
    animation: fadeInLeft 0.5s ease-in alternate;
    padding-left: 1rem;
}
.questionquestion {
    float: left;
    width: calc(100% - 30px);
}

.popquiz .dynamicprofilepage{
  width: 100%;
}

@media (min-width: 1281px){
  .scalecontainer {
    float: none;
    width: 80% !important;
    margin: 10px auto 30px auto;
}

.scalecontainer .titlename {
    margin-top: 2rem;
}

}

.assesmenttool .footer_next_prevbtns{
  background-color: #10b872;
}
.assesmenttool .backbtn{
 max-width: 50% !important;
}
.assesmenttool .next_btn{
 max-width: 50% !important;
}


.owl-stage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
  }
  .owl-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-flex: 1;
   -ms-flex: 1;
           flex: 1;
  }
.lessoncontent.lesson_content .content-block .lesson-component.carousalquiz {
    height: 100vh !important;
}
.resumebtn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.resumebtn .resumebutton{
  margin-right: 1rem;
  margin-bottom: 1rem;
  text-transform: capitalize !important;
   font-family: 'Roboto', sans-serif;
}

.popuptitlewithassessment span{
  font-size: 14px;
  line-height: 20px;
   font-family: 'Roboto', sans-serif;
}

.newuiprompt .popup-buttons{
  padding: 0px;
  min-height: 40px;
  line-height: 40px;
}
/* .webcarousel{
  margin-bottom: 20px !important;
} */

.owl-dots{
  margin-top: 30px !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
}
.roundedcardmain{
  padding: 10px !important;
}

.overlay-card{
  margin-bottom: 1.5rem;
}

/* styles by rk */

.matchpairmain h2{
  font-size: 18px;
  font-weight: bold;
}
.matchpairmain .main-content{
  width: 45%;
  padding: 0px;
}
.matchpairmain .drag-list > li{
  padding-left: 0px;
  border: 1px solid #10b872 !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.matchpairmain .drag-list .drag-area{
  height: 100%;
}
.matchpairmain .drag-list > li .nocount{
  width: 30px !important;
  height: 30px !important;
  font-size: 15px;
    text-align: center;
    padding-top: 4px !important;
    font-weight: bold !important;

}
.matchpairmain img{
  border-top: 0px !important;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.lamborghini a{
cursor: pointer;
padding: 0px 5px;
}
.matchpairmain .resetblank{
  color: #ffffff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  padding: 6px 20px;
  font-size: 16px;
  font-weight: 500;
  display: inherit;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
}


.noshadowdiv {
  border-bottom: 0px !important;
  box-shadow: none !important;
  background-color: #fff;
  min-height: 30px;
  position: relative;
  /* top: 20px; */
}
.ipdashboard .fieldfacilitators{
  position: relative;
}
.ff_welcome{
  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-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
          align-items: center;
  padding-left: 10px;
  padding-right: 1rem;

  position: relative;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.46);
  min-height: 80px;
}

.ff_welcome h2{
  margin: 0px;
  font-size: 20px;
  color: #000000;
  text-transform: uppercase;
   font-family: 'Roboto', sans-serif;
}




.ff_welcome h3{
  margin: 0px;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
  margin-top: 1rem;
   font-family: 'Roboto', sans-serif;
}
.ff_welcome h4 {
  margin: 10px 0 0 0;
  font-weight: bold;
  font-size: 18px;
  color: #000000;
   font-family: 'Roboto', sans-serif;
}
.ff_welcome small{
  display: block;
  font-size: 14px;
   font-family: 'Roboto', sans-serif;
  font-weight: 800;
  text-transform: capitalize;
  color: #000000;
}


.p_name{
  display: block;
  flex-basis: 100%;
  padding-top: 1rem;
}
.p_name h4{
  margin: 0px;
  padding: 0px;
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}
.p_name h5 {
  margin: 0px;
  padding: 4px 0 0 0;
}
.ipdashboard .largenumber {
  font-size: 35px;
   font-family: 'Roboto', sans-serif;
  color: #000000;
  position: relative;
  line-height: 1;
}
.ipdashboard .fieldfacilitators h4 {
  margin: 0px;
   font-family: 'Roboto', sans-serif;
  font-weight: 500;
  text-align: right;

}

.assesment_area{
  background-color: #ffffff;
  min-height: 150px;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 40px;
}
.assesment_area h3{
  color: #000000;
  font-weight: 700;
  font-size: 18px;
   font-family: 'Roboto', sans-serif;
}

.progress_main{
  width: 100%;
  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-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.progress_main .progress_title{
  min-width: 80px;
 font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #000;
}

.progress_main .progressbar_inner {
  width: 55%;
  position: relative;
  top: 3px;
}

.progress_main .progressbar_inner .progress{
  height: 5px;
  background-color: #d6d5d5 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.progress_main .progressbar_inner .progress .progress-bar.purple {
  background-color: #8630dd;
}

.progress_main .progressbar_inner .progress .progress-bar.green {
  background-color: #5ddc94;
}

.progress_main .progressbar_inner .progress .progress-bar.blue {
  background-color: #47a6fa;
}

.progress_main .progress_count{
  font-size:18px;
  /*font-weight: bold;*/
  min-width: 30px;
  text-align: right;
   font-family: 'Roboto', sans-serif;
}

.learning_modules {
  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-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
}
.learning_modules_inner h4{
  text-align: center;
  font-size: 16px;
   font-family: 'Roboto', sans-serif;
  color: #000;
}
.learning_modules_inner{
  min-width: 33%;
}
.progress_circle{
  width: 65px;
  height: 65px;
  border:3px solid #ccc;
  border-radius: 100%;;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  text-align: center;
  vertical-align: middle;
  line-height:56px;
  margin: 0 auto;
}
.progress_circle span{
  font-size: 18px;
  font-weight: bold;
   font-family: 'Roboto', sans-serif;
}

.border_purple{
  border-color: #8630dd !important;
}
.border_green {
  border-color: #5ddc94 !important;
}
.border_blue {
  border-color: #47a6fa !important;
}

.bg_purple {
  background-color: #8630dd !important;
}

.bg_green {
  background-color: #5ddc94 !important;
}

.bg_blue {
  background-color: #47a6fa !important;
}

.filtersdiv{
  margin-top: 1rem;
  margin-left: 2rem;
}
.filtersdiv .filtersrow{
  margin: 0px;
}


.ipdashboard md-tabs.md-default-theme md-ink-bar,
.ipdashboard md-tabs md-ink-bar {
  background: #10b872;
  height: 4px;
}

.scorecolor{
  margin: -2px;
  vertical-align: bottom;
  text-align: center;
  min-height: 35px;
  padding: 5px 5px 0 5px;
}
.scorecolor.yellow{
  background-color: #f1e356;
}
.scorecolor.green {
  background-color: #26c450;
}
.scorecolor.red {
  background-color: #dd3d4c;
}

.ipdashboard .facilitators .learnerid{
  color: #10b872 !important;
  font-weight:bold;
  font-size: 12px;
  font-family: poppins_lightregular !important;
}
.ipdashboard .facilitators .learnername {
  /* color: #000000; */
  padding-bottom: 6px;
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
}


.ipdashboard .facilitators .table-header-cell{
  font-weight: bold;
  white-space: nowrap;
}
.ipdashboard .facilitators .table-body-cell .coursescompleted{
  /* font-family: 'poppins_extraboldregular' !important; */
  color: #000000;
  font-size: 16px;
  font-weight:500 !important;
  border: none;
}
.ipdashboard .headertitle h4 {
  padding-right: 1rem;
}
/* .menu-open .menu-content .pane .webmode {
  margin: 0px;
} */
.menu-open .menu-content .pane .mx-auto,
.menu-open .menu-content .mx-auto {
  margin: 0px !important;
}


.table-responsive #resp-table {
  white-space: nowrap;
}

.fa-chevron-up:before {
  content: "\f0de" !important;
}

.fa-chevron-down:before {
  content: "\f0dd" !important;
}

.fixedfooter .progress {
  height: 5px;
}

.maincontainerdiv {
  margin: auto;
  padding: 10px;
  height: auto;
  position: absolute;
}

.templatediv {
  width: 45%;
  height: 350px;
  border: 1px solid #e0dfdf;
  border-radius: 10px;
  color: black;
  padding: 10px;
  float: left;
  text-align:left;
  margin: 10px;
}

.courseprogressdiv {
  margin: auto;
  display: table;
}
.circledivmain{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
          flex-direction: row;
}
.courseprogressdiv .circlediv {
  text-align: center;
}

.courseprogressdiv .circlediv .labeltext {
  font-size: 16px;
  position: relative;
  top: 5px;
   font-family: 'Roboto', sans-serif;
  clear: both;
}

.courseprogressdiv .circlestyles {
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
}

.circlediv .circle1 {
  border: 3px solid #aa3cb3;
}

.circlediv .circle2 {
  border: 3px solid #2eecb2
}

.circlediv .circle3 {
  border: 3px solid #11cfe6
}

.progressbardiv {
  display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;
}

.progressbardiv .progressbarlabel {
  margin: 8px;
  width: 25%;
  font-size: 10px;
}

.progressbardiv .progress {
  height: 5px;
  width: 80%
}

.progressbardiv .progressval {
  margin: 8px;
  min-width: 30px;
  text-align: right;
  width: 20%;
}

.footerbtn {
  color: #fff;
  background-color: green;
  width: 100%;
  text-align: center;
}
.notstarted{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
          align-items: stretch;
}
/* styles by rk end*/

.offlinemain{
  width: 30%;
  margin: auto;
background-color: #eee;
height: 100%;
position: relative;
}
.offlinelaert {
  background: #fff;
  padding: 20px;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
}
.offlinebtn{
     display: block;
     text-align: center;
     margin: 30px auto 0 auto;
     background: #3d8dd8;
     width: 100%;
     padding: 8px 10px;
     color: #ffffff;
     font-size: 16px;
}
.offlinebtn:hover {
  background: #3d8dd8;
  text-decoration: none;
  color: #ffffff;
}
.offlinelaert h2{
  font-weight: bold;
  font-size: 18px;
}
.offlinelaert h4{
  font-size: 14px;
  color: #444444;
}
.bg_overly{
  background-color: rgba(0, 0, 0, 0.59);
  height: 100%;
  width: 100%;
}
.align_width_center .button{
  border-color: inherit !important;
}
.bg-white{
  background-color: #ffffff !important;
  /* overflow: hidden; */
}
.align_width_center .footerlogo img {
  max-width: 90px;
  margin-left: 5px;
  margin-bottom: 10px;
}
/* .align_width_center .slider{
  background-color: #ffffff;
} */
.align_width_center.whitetheme .lamborghini {
  border-bottom: none !important;
  box-shadow: none !important;
}
.align_width_center.whitetheme .lamborghini button {
color: #333333;
}
.bg-white,
.align_width_center {
  background-color: #ffffff !important;
}


/* White theme changes */

.pane {
  background-color: #e6e6e6 !important;
}
/* .whitetheme{
  width:30% !important;
} */
.onboardwhite.onloginpage .bar-ecd-footer .button-ecd {
  min-width: 100px !important;
  padding: 6px 15px 6px 15px !important;
  height: auto !important;
}
.onboardwhite .scroll-content {
  background-color: #ffffff;
}
.onboardwhite .bottom_logos {
  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-pack: center;
  -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
          align-items: baseline;
  width: 70%;
  margin: 10px auto 20px auto;
}
.onboardwhite .logoone{
  width:50% !important;
}
.onboardwhite .logotwo {
  display: none;
}
.onboardwhite .logothree {
  display: none;
}
.onboardwhite .ileaplogo {
  position: relative;
  top: 10px;
}
.onboardwhite .ileaplogo img {
max-width: 100%;
height: auto;
}
.onboardwhite .bar-ecd-footer .button-ecd {
  background-color: #448cd8 !important;
  border: 1px solid #fff !important;

}
.onboardwhite .ecdbtnleft {
padding: 10px 20px !important;
}
.onboardwhite .ecdbtnright {
padding: 10px 20px !important;
}
.whitetheme.onboard h2,
.whitetheme.onboard p {
  color: #333333 !important;
}
.whitetheme.onboard h2 {
  font-weight: bolder;
  padding: 0px;
  line-height:26px;
     font-family: 'Roboto', sans-serif;
   font-size: 20px;
}
.whitetheme.onboard p{
  font-family: 'poppins_mediumregular' !important;
  font-size: inherit;
  margin-top: 1rem;
}
.onboardwhite .slider-pager-page i {
  font-size: 16px;
}
.onboardwhite .slider-pager .slider-pager-page {
  color: #448cd8;
}
.onboardwhite .slider-pager .slider-pager-page.active {
  color: #0d4b8c;
}
.onboardwhite.onloginpage .bar-ecd-footer .button-ecd {
  min-width: auto;
}
.onboardwhite .whitebglogin.scroll-content {
  background-color: #ffffff !important;
}
.loginbanner{
  text-align: center;
  position: relative;
  top: 1rem;
  margin-bottom: 1rem;
}

.onboardwhite .login .content-block .login_form input {
  text-align: center !important;
  display: block;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 1.6em;
  width: 90% !important;
  height: 3em;

  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #ece8e8ee;
    border-radius: 40px !important;
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  -o-border-radius: 40px !important;
}

.onboardwhite .slider{
  margin: 2rem 0;
}
.onboard_align{
  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-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.bg_white{
  background-color: #ffffff !important;
}

/* .onboardwhite .bar-ecd-footer{
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap:wrap;
  width: 100% !important;
} */
.content-block-inner{
  background-color: #ffffff;
  height: 100%;
}
.course_type_count{
  margin-bottom:4rem;
}
.course_type_count {
  position: relative;
}
.course_type_count span {
  color: #333;
  font-weight: bold;
  margin: 0 2px;
  font-size: 18px;
}
.course_type_count span strong {
  color: #fa7526;
}
.course_type_count:after {
  content: "";
  position: absolute;
  bottom: -30px;
  height: 4px;
  width: 140px;
  background: #fa7526;
  left: 0;
  right: 0;
  margin: auto;
  clear: both;
}
@media only screen and (min-width: 900px) {
.course_type_count:after {
  bottom: -20px;
}
}
@media(min-width:960px) and (max-width:1220px){
  .onboardwhite .bar-ecd-footer {
    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: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100% !important;
  }
  /* .whitetheme {
    width: 40% !important;
  } */
}
@media(min-width:320px) and (max-width:480px) {
 .whitetheme {
   width: 100% !important;
 }

}
@media(max-width:768px){
  .whitetheme {
    width: 100% !important;
  }


}

.theme3 .whitetheme .slider-pager .slider-pager-page.active {
    color: #2674c7 !important;
}
/* .lessioncontent .swipers{
display:none;
} */

/* end White theme changes */
.onloginpage.loginpag.whitetheme .scroll {
    float: left;
    width: 100%;
    background: #fff;
}
.whitetheme form{
  background:#ffffff !important;
  width:65%;
  margin:auto;
}
.whitetheme .sociallogins{
  display: none;
}
.onloginpage.loginpag.class_specific.whitetheme .content-block img{
  max-height:inherit !important;
}
@media (min-width:769px) and (max-width:1000px){
  .whitetheme {
    width: 100% !important;
  }
}
.loginnew.loginpag.class_specific .whitetheme .content-block {
  width: 65% !important;
}
.whitetheme .lamborghini button{
border:none !important;
color: #333333 !important;
}
.whitetheme .login .content-block .button-ecd-join {
    margin: 0 4em;
    background-color: #448cd8 !important;
    color: #fff;
    padding: 0 2.8rem !important;
    border-radius: 40px !important;
    height: 35px !important;
    min-height:35px !important;
    line-height: 30px !important;
    border: 1px solid #fff;
        text-transform: capitalize;
}
.login .content-block {
    /* width: 65% !important; */
    background-color:#ffffff !important;
    height:100% !important;
}
.new_login_ui .lamborghini .gallardo:before,
.new_login_ui .lamborghini .Diablo:before {
  color: #333333 !important;
}
.theme3 .onloginpage.loginpag.class_specific .content-block img {
  width: auto;
}
.onboard.onloginpage .bar-ecd-footer .button-ecd:hover{
  color: #ffffff !important;
}
.theme3 .mentor_insights .button.button-ecd {
  background-color: #10b872 !important;
}
.theme3 .button.button-ecd:hover {
color: #ffffff !important;
}
.theme3 .ecd-col.maincontainer{
  margin-bottom: 10px !important;
}
.theme3 .ecd-card h2 a {
  color: #1F314A;
  text-decoration: none;
  display: block;
    font-family: 'poppinsbold' !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.theme3 .cousedescriptiontext{
  font-size: 14px !important;
}
.theme3 .owl-carousel .owl-stage-outer {
  overflow: visible;
}
.theme3 .sessionprogress {
  font-size: 12px;
  margin-top: 5px;
  font-family: 'poppins_mediumregular' !important;
}
.theme3 .subcategories {
  float: left;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  border-radius: 10px;
}
.theme3 .course-card h2 {
  font-family: 'poppins_mediumregular' !important;
}

.theme3 .owl-theme .owl-dots .owl-dot span {
  width: 15px !important;
  height: 15px !important;
}
.theme3 .mentornamedate h2{
  color: #10b872 !important;
}
.theme3 .mentor_insights .item-divider .answer_count {
  color: #10b872 !important
}
.theme3 .mentor_insights .item-divider .reply {
  color: #10b872 !important;
}
.theme3 .blank_modal_askq .contents {
  background: #10b872 !important;
}

.theme3 .mentor_insights .header h2,
.theme3 .profile .header h2, .theme3 .newheader .headertitle h4 {
font-family: 'poppins_mediumregular' !important;
font-size: 18px !important;
}
.theme3 .startcourse_btn {
  font-weight: 500;
}
.theme3 .footer_next_prevbtns .lesson-footer .footer-title {
  font-size: 18px !important;
}
.theme3 .lesson_content .content-block h2.title.fontsize0 {
font-size: 18px;
  font-family: 'poppinsbold' !important;
}
.theme3 .lessioncontent_newui .headertitle h3{
  font-family: 'poppinsbold' !important;
  font-size: 18px !important;
}
.theme3 .onboard .slider-pager .slider-pager-page.active {
  color: #2674c7 !important;
}
.theme3 .align_width_center .lamborghini .gallardo:before {
  font-size: 1.8em;
  color: #333333;
  padding-top: 8px;
}
.theme3 .blank_modal.blank_modal_askq .contents .text-container button.button-ecd {
  background-color: #ffffff !important;
color: #10b872;
border:none;
}
.theme3 .blank_modal.blank_modal_askq .contents .text-container button.button-ecd:hover{

  color: #10b872 !important;

}
.theme3 .onloginpage.loginpag .login .content-block .login_form input{
  float: none !important;
}
@media(min-width:1220px) and (max-width:1270px){
  .theme3 .whitetheme form {
    width: 100%;
  }
  .theme3 .onloginpage.loginpag.class_specific .content-block {
    margin-top: 0;
    width: 100% !important;
  }
  .theme3 .onboardtitle,
  .theme3 .onboard h2,
  .theme3 .onboard p {
    width: 90%;
  }
}
@media(min-width:1010px) and (max-width:1290px) {
  .theme3 .whitetheme form {
    width: 100%;
  }

  .theme3 .onloginpage.loginpag.class_specific .content-block {
    margin-top: 0;
    width: 100% !important;
  }
  .theme3 .onboardtitle,
  .theme3 .onboard h2,
  .theme3 .onboard p {
    width: 90%;
  }
}
@media(min-width:991px) and (max-width:1290px) {
  .theme3 .whitetheme form {
    width: 100%;
  }

  .theme3 .onloginpage.loginpag.class_specific .content-block {
    margin-top: 0;
    width: 100% !important;
  }

    .theme3 .onboardtitle,
    .theme3 .onboard h2,
    .theme3 .onboard p {
    width: 90%;
  }

}

/* .theme3 .formly-field-radio {
  margin: auto;
  min-width: 80%;
} */
.theme3 .onboard .board{
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.whitebg{
  background-color: #ffffff !important;
}

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

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

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

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


#resp-table {
width: 100%;
background-color: #fff !important;
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;

}

#resp-table-body{
  background-color: #fff !important;
display: table-row-group;
}
.resp-table-row{
display: table-row;
border-bottom: solid 1px #ccc;
}
.quizwatchvideo{
 background-color: transparent !important;
}
.count-right{
float: right;

}
.count-right .numbercount{
  /* font-size: 14px !important; */
  text-align: center;
}
.count-right .organisationcount{
  margin-right: 10px;
}
/* .count-right .organisationcount span{
  font-size: 12px;
} */
.templatediv100{
  width: 100% !important;
}
.float-none{
  float: none !important;
}
.text-center {
  text-align: center !important;
}
.resp-width{
  width: 33%;
}
.flex-header{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
          align-items: baseline;
}
.templatedivwidth{
  border:1px solid #dddddd;
  overflow: hidden;
  margin-bottom: 1rem;
  /* height:100%; */
}
.row-flex{
  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;
}
.courseprogressmain{
  border: 1px solid #dddddd;
  overflow: hidden;
  padding: 2px 0;

}
.graphsdiv{
  position: relative !important;
}
/* BCI Dashboard */
.bcidashboard .header_lg{
  height: 70px !important;
  line-height: 70px;
}

.bcidashboard .headertitle h4{
  line-height: 50px !important;
  color: #10b872 !important;
  font-size: 25px;
  font-weight: bold;
}

.bcidashboard .languages{

  border:none !important;
  background: none !important;
}
.bcidashboard .btn-default{
  background-image: none !important;
  background: none !important;
  text-shadow: none !important;
  color: #fff;
  font-size: 16px;
}

.bcidashboard .languages{
  padding: 0px;
}
.bcidashboard .ui-select-bootstrap .ui-select-toggle>.caret{
 /* margin-top: 0px !important;*/
  right: 10px !important;
  font-size: 16px !important;
}
.bcidashboard .lamborghini .Diablo{
  top:12px;
}
.bcidashboard md-tabs md-tabs-wrapper{
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.13);
  margin-bottom: 20px;
  border-bottom: 0px;
}
.bcidashboard md-tabs .md-tab.md-active, .bcidashboard .md-tab{
  color: #000000;
   font-family: 'Roboto', sans-serif;
  font-size: 20px;
}

.bcidashboard md-tabs.md-default-theme md-ink-bar,
.bcidashboard md-tabs md-ink-bar{
      color: #10b872;
    background: #10b872;
    height: 3px;
}
.bcidashboard #resp-table {
  border:none !important;
  color: #333333;
}
.bcidashboard .table-header-cell{
font-weight: normal;
}
.bcidashboard .resp-table-row:nth-child(odd){
background-color: #f9f9f9;
}
.bcidashboard .table-header-cell {
  border-top: solid 1px #eaeaea;
  border-bottom: solid 1px #eaeaea;
  color: #000;
  font-weight: bold;
   font-family: 'Roboto', sans-serif;
}
.bcidashboard .table-body-cell{
border-bottom: solid 1px #eaeaea;
padding-right: 10px;
 font-family: 'Roboto', sans-serif;
}

.bcidashboard .shadowdiv{
border-bottom: 0px !important;
box-shadow:0 8px 30px rgba(0, 0, 0, 0.13);
background-color: #fff;
min-height: 30px;
position: relative;
top: 75px;
}
.bcidashboard .learnername{
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
}
.bcidashboard .learnerid{
color: #10b872;
margin: 0px;
padding: 0px;
}
.bcidashboard .facilitators .learnerid{
  color: #10b872 !important;
  font-weight:bold;
  font-size: 12px;
  font-family: poppins_lightregular !important;
}

.bcidashboard .table-body-cell{
vertical-align: middle;
}
.contentwrapper{
  height: 100%;
  overflow: scroll;
}
.spaceremove{
  min-height: 100% !important;
  padding-top:0px;
}


@media(min-width:320px) and (max-width:340px){
  .onboardnew .logoleft img, .onboardnew .logoright img{
    max-width: 100%;
  }
  .ipdashboard .lamborghini, .bcidashboard .lamborghini {
    justify-content: flex-start;
    align-items: center;
}
  .ipdashboard .lamborghini img, .bcidashboard .lamborghini img{
    height: 25px;
  }



}
@media(min-width:360px) and (max-width:480px){
  .onboardnew .logoleft img, .onboardnew .logoright img{
    max-width: 100%;
    /* height: 40px; */
  }
  .onboardnew .lamborghini{height: 70px;}
  .onboard.onboardnew .newdesign02 .scroll{padding-top: 70px !important;}
}

.bottomsheetbtnmain{
  position: absolute;
    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;
    bottom: 50px;
    cursor: pointer;
}
.bottomsheetbtnmain i{
  color: #10b872;
    /* background: #10b872; */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 1px 9px;
    position: relative;
    top: 15px;
    z-index: 0;
 -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
    font-size: 20px;
}
.bottomsheetbtnmain span{
  margin: auto;
  color:#333333;
  font-size: 14px;
  font-weight:600;
    /* background-color: #10b872; */
    padding:2px 8px;
    border-radius: 4px;
    z-index: 99;
    margin-top: 5px;
}

.hidedown{
    min-width: auto;
    min-height: auto;
    padding: 0 0 0 0px;
    margin: auto;
    font-size: 20px;
    position: absolute;
    color: #ffffff;
    border: 0;
    left: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    background: #10b872;
    top: -16px;
    border-radius: 50%;
    z-index: -1;
    cursor: pointer;
}
md-bottom-sheet .md-button:not([disabled]):hover{
  background-color:#10b872;
}
.hidedown i{
  position: relative;
  top:-2px;
}

.bottomsheetbtn{
  width:60px;
  height:60px;
  border-radius:50%;
  background:#10b872;
  border:1px solid #10b872;
    color:#ffffff;
    z-index:0;
}

.bottomsheetbtn i{
      color: #ffffff;
    position: relative;
    top: -18px;
}

md-bottom-sheet{
  /* height:65% !important; */
  background-color: #10b872;
  border: 0px;
    /* display: flex;
    flex: 1; */
    padding: 15px;
    bottom: 125px;
    border-radius: 4px;


}

md-bottom-sheet .related-content{
  width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    box-shadow: 0 0 6px #000000;
    padding: 0 0px;
    color: #ffffff;
    margin: 20px;

    }
md-bottom-sheet .related-content p:nth-child(3){
  display: none;
}
md-bottom-sheet .related-content p:nth-child(1){
  padding:5px 20px;
}
md-bottom-sheet .related-content p{
  color: #ffffff;
}
md-bottom-sheet .related-content p a img{
  max-width: 100%;
  height: 130px !important;
  -o-object-fit: cover;
  object-fit: cover;
}

md-bottom-sheet .roundedcardmain {
    width: 240px;
    margin: auto;
    margin-top: 15px;
    float: left;
    margin-right: 15px;
}
md-bottom-sheet .roundedcardmain .cardposter{
  margin: auto;
}
md-bottom-sheet .roundedcardmain .cardposter img {
    border-radius: 25px;
    height: 150px;
    object-fit: cover;
}

md-bottom-sheet .roundedcardmain .cardtitle {
    color: #000;
    font-size: 16px;
    padding-bottom: 5%;
    min-height: auto;
    margin: auto;
    width: 100%;
    margin-top: 60px;
    margin-top: 40px;
}
.relatedtopicscontainer{
  margin-top: 0px !important;
}
.relatedtopics-title{
  margin: 0px;
  padding: 15px 0 0 0;
  color: #ffffff;
}
.onvideocard{
    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-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
}
.onvideocard .lessoncardtop{
  margin-top: 0px;
  margin-bottom:20px;
  animation-delay: 1s;
}

.onvideocard .lessonheading {
    font-size: 16px;
}

.onvideocard .lessonheading .countno{
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 25px;
  margin-right: 10px;
}

.onvideocard .roundedcardmain{
  margin-top: -10px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 0px;
  width: 190px;
  animation-delay: 1.5s;

}
.onvideocard .cardposter img {
    border-radius: 20px;
}
.onvideocard .cardposter,
.onvideocard .cardposter img {
    width: 100%;
    height: 105px;
    -o-object-fit: cover;
    object-fit: cover;
}
.onvideocard .cardtitle{
  width: 100%;
  min-height: auto;
  font-size: 14px;
  text-align: left;
}
.onvideocard h4{
  margin: 0px;
  padding: 0px;
  color: #ffffff !important;
  margin-bottom: 10px;
  text-align: left;
}
.onvideocard p{
  font-size: 12px;
  color: #333333;
  text-align: left;
  line-height: 18px;
     font-family: 'Roboto', sans-serif;
}

}
.onvideocard .cardicon {
    position: absolute;
    bottom: -40px;
    left: calc(50% - 40px);
}
.onvideocard .cardicon img {
    width: 75px !important;
    height: 75px;
    margin: 0 auto;
}
.closebtnrelated{
    position: absolute;
    right: 0px;
    top: 0px;
    border: none;
    z-index: 9999;
    background: transparent;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-animation-delay: 1.0s;
    animation-delay: 1.0s;
    padding: 10px;
}
.closebtnrelated i{
font-size: 20px;
    color: #fff;
      -webkit-filter: hue-rotate(520deg);
    filter: hue-rotate(520deg);

}


.video-js.vjs-fullscreen #custommmoverlay{
  margin-top: 0px;
}

.video-js.vjs-fullscreen #relatedtopicsoverlay{
  margin-top: 0px;
  height: calc(100vh - 30px) !important;
}

.vjs-fullscreen.video-js .vjs-overlay {
  width: 30%;
}

.video-js.vjs-fullscreen .onvideocard .roundedcardmain {
  width: 215px;
}

/* .lessoncontent-wraper{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.lessoncontent-wraper .lesson-component.maincont {
 flex: 1;
 overflow-y: auto;
} */

@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@media (max-width:1199px){
 md-bottom-sheet{
  width:46%;
  margin:auto;
}
}
@media (max-width:768px){
 md-bottom-sheet{
  width:98%;
  margin:auto;
  bottom: 145px;
}

md-bottom-sheet .roundedcardmain .cardtitle{
  margin-top: 65px;
}
.onvideocard .cardicon img {
    width: 75px !important;
    height: 75px;
    margin: 0 auto;
}

}

@media (max-width:1020px){
.onvideocard .lessoncardtop .lessonheading span.headingtitle {
    font-size: 16px !important;
    line-break: normal !important;
    line-height: normal !important;
}
}



/* Crop life cycle CSS*/

.main-crop-content{
  height: 100%;
  flex: 1;
  overflow: auto;
  padding-top: 2rem;
  position: relative;
}

.corplifecyclemain{
  display: flex;
  align-items: center;
  position: relative;
  overflow: auto;
  flex:1;
  justify-content: center;
   height: 100%;
}

.corplifecyclemain .croplifecycleinner{
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 0 0px 0px 0px;
width: 195px;
flex: 0 0 auto;
flex-wrap: wrap;
margin-bottom: 50px;
}
.corplifecyclemain .croplifecycleinner .stageoneinfo h3{
  font-size: 14px;
  font-weight: 600;
}

.stageoneinfo{
  position: relative;
}

.stage-one .stageoneinfo:before{
 top: -38px;
}

.stageoneinfo:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #d2d2d2;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -43%;
  z-index: 99;
}


.stageoneinfo p{
  font-size: 12px;
}
.period{
  padding-left: 15px;
  padding-right: 15px;
  margin-right: auto;
}
.period h4{
  font-size: 12px;
  font-weight: bold;
}
.stageoneinfo{
  padding: 15px 15px 0 15px;
}
.crop-image{
  width: 110px;
  margin-top: 0;

}
.crop-image img{
  max-width: 100%;
  height: auto;
}
.stage-three .crop-image img:first-child{
  margin-top: 26px;
}
.stage-three .crop-image img:last-child {
  margin-bottom: 26px;
}
.stage-two .crop-image img:first-child{
margin-bottom: 20px;
}
.stage-six .crop-image img:first-child {
  margin-bottom: -20px;
}
.stage-seven .crop-image img:last-child {
  margin-bottom: -15px;
}

.timelinecontent{
  margin-top: auto;
}

#cd-timeline {
  position: relative;
  padding: 0 0 4em 0;
  margin-top: 2em;
  margin-bottom: 0em;
}

#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 2px;
  background: #cecece;
}

@media only screen and (min-width: 1170px) {
  #cd-timeline {
    /* margin-top: 3em;
    margin-bottom: 3em; */
    margin-top: 0em;
    margin-bottom: 0em;
  }

  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

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

.cd-timeline-block::after {
  clear: both;
  content: "";
  display: table;
}

.cd-timeline-block:first-child {
  margin-top: 0;
}

.cd-timeline-block:last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 5em 0;
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: relative;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  /* margin-left: -12px;
  margin-top: -12px; */
  transform: translate(-12px, -12px);
}

.cd-timeline-img.cd-picture {
  background: #75ce66;
}

.cd-timeline-img.cd-movie {
  background: #c03b44;
}

.cd-timeline-img.cd-location {
  background: #f0ca45;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -22px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }

  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}

@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #ffffff;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}

.cd-timeline-content::after {
  clear: both;
  content: "";
  display: table;
}

.cd-timeline-content h2 {
  color: #303e49;
}

.cd-timeline-content p,
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}

.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  display: inline-block;
}

.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}

.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #ffffff;
  border-radius: 0.25em;
}

.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}

.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}

.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #ffffff;
}

@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-timeline-content .cd-read-more,
  .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
    float: right;
  }

  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #ffffff;
  }

  .cd-timeline-content .cd-read-more {
    float: left;
  }

  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ffffff;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }

  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }

  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {

  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.video-js .vjs-overlay-background {
  width: 100%;
}
#custommmoverlay{
  width: 100% !important;
}
#custommmoverlay .pop_quiz_main .popquiz {
  width: 40% !important;
}

.video-js.vjs-fullscreen #custommmoverlay{
  width: 100% !important;
}
.video-flex-container{
  display: flex;
  flex-direction: column;
  /* height: 100vh; */
  overflow-y: auto;
  margin: 0px;
}

.table-col-span {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  /* display: inherit; */
  /* -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px; */
}
.table-col-span-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.category-grid-col-span{
  display: inherit;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}


.centerallign{
    text-align: -webkit-center !important;
}
.status-icon {
  width: 20px;
  height: auto;
}
.word-break{
  word-break: break-word;
  width: 125px;
  display: inline-block;
  vertical-align: middle;
}
.word-break-date{
  word-break: break-word;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.rowspanned {
  background-color: #fff;
  border-bottom: none !important;
}

.empty-cell {
  border-top: none !important;
}

.centerrowspan {
  margin: 0 !important;
  position: absolute;
  top: 65%;
  /* left: 15%; */
}

.resp-table-row .whitecell {
  background-color: #fff;
}

.centeraligntext {
  width: 100%;
  left: 0;
  text-align: center;
}
/* .img-convert-white{
  filter: brightness(0) invert(1);
} */
.bcidashboard .lamborghini .header-partnerlogo{
    margin-left: 10px;
    height: 35px;
    margin-top: 10px;
}
.facilitators{
  padding-top:0px;
}
button:focus, a, a:focus {
  outline:0 !important;
}
.header-logout-btn{
  right:5px;
  position: inherit;
  top:-8px;
}
.signout-img{
  width:auto !important;
  height:auto !important;
}

/* new styles for xray */
.xray_video .xray, .xray_video .xrayrelatedimg{
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#52000000', GradientType=1);
  /* IE6-9 */
  /* width: auto; */
  margin-left: 0px !important;
  padding-top: 2rem;
  padding-bottom: 1rem;
  padding-left: 2rem;
}
.xray_video .xrayrelatedimg{width: 265px !important; height: 100px !important; background: transparent !important;
 text-align: left;}
#relatedtopicsoverlay{width: 265px !important; height: 100px !important;}
.xray_video .xray .showlabel{
  background-color: transparent !important;
  color: #fff !important;
  margin-top: 1rem;
}
.xray_video .xray .showlabel label{
  color: rgba(255, 255, 255, 0.77) !important;
  text-align: left;
  margin-left: -35px;
}
.xray_video .lessonnewquizstyles .form-group .list label{
  background-color:rgba(0, 0, 0, 0.4196078431372549) !important;
  color: rgba(255, 255, 255, 0.77) !important;
  border:none !important;
  min-width: 160px !important;
  margin-bottom: 5px !important;
}
.xray_video .item-radio input:checked~.radio-icon {
   visibility: hidden;
}
.lessonquizmain .item-radio input:checked~.item-content{
  /* background-color: rgba(16, 184, 114, 0.16) !important; */
  background-color: #10b872 !important;
  color: #ffffff !important;
}

.xray_video .xray .list{
  display: -webkit-box;display: -ms-flexbox;display: flex;
}
.xray_video .xray .list .questioncount{
  opacity: 0.6;
}
.xray_video .questionquestion{
   opacity: 0.8;
  -moz-animation: fadeInLeft 0.5s ease-in alternate ;
  -webkit-animation: fadeInLeft 0.5s ease-in alternate ;
  -ms-animation: fadeInLeft 0.5s ease-in alternate ;
  -o-animation: fadeInLeft 0.5s ease-in alternate ;
   animation: fadeInLeft 0.5s ease-in alternate ;
}
.xray_video .xray .list .questioncount{
       -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
       -ms-animation: fadein 2s;
       -o-animation: fadein 2s;
       animation: fadein 2s;
       background-color: #000000;
       width: 20px;
       height: 20px;
       border-radius: 50%;
       -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
       -ms-border-radius: 50%;
       -o-border-radius: 50%;
       text-align: center;
       position: absolute;
       left: 5px;
       padding: 1px 0 0 2px;
}
.xray_video .xray, .xray_video .xrayrelatedimg {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    /* background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%); */
    /* background: linear-gradient(to right, rgba(0, 0, 0, 0.89) 0%, rgba(0, 0, 0, 0.32) 100%); */
    width: auto;
    margin-left: 0px !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    width: 100%;
    overflow: auto;
}
.xray_video .xray .showlabel label {
    color: rgba(255, 255, 255, 0.77) !important;
    text-align: left;
    margin-left: -35px;
}
.video-js.vjs-fullscreen .xray_video .xray,  .video-js.vjs-fullscreen .xray_video .xrayrelatedimg{
    width: 265px;
}

.xray_video .xray .list .questioncount {
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
    background-color: #000000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    position: relative;
    margin-right: 10px;
    padding: 1px 0 3px 2px;
}
.xray_video .xray .list .questioncount {
    opacity: 0.6;
}
.xray_video .questionquestion {
    opacity: 0.8;
    -moz-animation: fadeInLeft 0.5s ease-in alternate;
    -webkit-animation: fadeInLeft 0.5s ease-in alternate;
    -ms-animation: fadeInLeft 0.5s ease-in alternate;
    -o-animation: fadeInLeft 0.5s ease-in alternate;
    animation: fadeInLeft 0.5s ease-in alternate;
    padding-left: 1rem;
}
#relatedtopicsoverlay .xray_video .xray, #relatedtopicsoverlay .xray_video .xrayrelatedimg {
  width: 40% !important;
}

/* .custom-next-btn .vjs-control-text{position: relative;color: #000;font-size: 16px;font-weight: bold; } */
.custom-next-btn {
    bottom: 35px;
    color: #000 !important;
    font-size: 16px !important;
    font-weight: bold;
    min-width: 100px;
    border-radius: 3px;
    box-shadow: 0px 0px 6px 2px #d7e4ed !important;
    width: auto !important;
    padding: 8px !important;
    position: absolute !important;
    right: 0;
    background: #ffffffb8 !important;
}

.related-content-btn {
  color: #000 !important;
  font-size: 16px !important;
  font-weight: bold;
  min-width: 100px;
  border-radius: 3px;
  box-shadow: 0px 0px 6px 2px #d7e4ed !important;
  width: auto !important;
  padding: 8px !important;
  position: absolute !important;
  top: 0;
  background: #ffffffb8 !important;
}

  .scroll-down {
    position: absolute;
    top: 85%;
    left: 95%;
    transform: translate(-50%, -50%);
    padding: 30px 15px;
    }

    .scroll-down span:nth-child(2) {
    animation-delay: -0.2s;
    }

    .scroll-down span:nth-child(3) {
    animation-delay: -0.4s;
    }

    .scroll-down span {
    display: block;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #10b872;
    border-right: 2px solid #10b872;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 3s infinite;
    }


    .scroll-down span.arrowfixed {
      display: block;
      width: 10px;
      height: 10px;
      border-bottom: 2px solid #10b872;
      border-right: 2px solid #10b872;
      transform: rotate(45deg);
      margin: -10px;
      animation:none;
      position: absolute;
      top: 0;
    }


    @keyframes animate {
    0% {
    opacity: 0;
    transform: rotate(45deg) translate(-20px, -20px);
    }

    50% {
    opacity: 1;
    }

    100% {
    opacity: 0;
    transform: rotate(45deg) translate(10px, 10px);
    }
    }
    .quiztemplateformdiv{
      height:auto;
    }
  /* .disable_quiz_scroll {
    overflow: hidden;
  } */

.helpfaq .faqhelpcls{
  border-bottom: 1px solid #fff;
  margin-bottom: 2px;
  box-shadow: none !important;
}

.helpfaq .list{
  margin-top: 15px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom:0; 
}

.helpfaq .faqhelpcls .item.active {
  border-left: 2px solid #14a267;
  margin-left: 1px;
}

 .helpfaq .faqhelpcls .item-accordion{
   background-color: #ffffff;
    padding: 0px 15px 15px 15px;
    border-left: 2px solid #14a267;
    margin-left: 1px;
 }

 .helpfaq .faqhelpcls .item.active {
   background-color: #ffffff;
 }

 .helpfaq .faqhelpcls .item-icon-right i {
   background: #14a267;
   width: 25px;
   height: 25px;
   top: 50%;
   margin-top: -13px;
   color: #ffffff;
   border-radius: 50%;
   font-size: 12px;
   padding-top: 3px;
 }
.helpfaq .faqhelpcls .item h2 {
   font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

 .helpfaq .faqhelpcls .item.active h2 {
    font-family: 'Roboto', sans-serif;
   color: #14a267;
   font-size: 16px;
 }
 .helpfaq .header h2{
    font-family: 'Roboto', sans-serif;
   font-size: 22px;
   color: #10b872;
   line-height: 55px;
   margin-bottom: 0;
 }
 .border-right{
  border-right: solid 1px #eaeaea !important;
 }
.ipdashboard .filtersdiv{
  padding-right: 2rem;
 }
.ipdashboard .filtersdiv .filtersrow{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
}
 .searchbar{
  border: 1px solid #cccccc;
  max-width: 320px;
  border-radius: 20px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  /* overflow: hidden; */
  padding: 1px 10px;
  z-index: 9;
  margin-left: auto;
 }
 .searchbar .searchbar-input{
   border: none;
   padding-left: 10px;
   width: 100%;
 }
 .search-btn{
   background-color: transparent;
   border: none;
   font-size: 18px;
 }
 .filter-tags{
  border: 1px solid #14a267;
  color: #14a267;
  padding: 6px 6px;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 130px;
  margin-right: 6px;
  margin-bottom: 6px;
  margin-top: 6px;
 }
  .filter-tags span:first-child{
    padding-right: 6px;
  }
  .filters-tags-main{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }


  .table-shadow{
    padding: 0px;
    margin-top: 20px;
  }

.table-responsive{
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2),
  0 8px 10px 1px rgba(0, 0, 0, .14),
  0 3px 14px 2px rgba(0, 0, 0, .12);
  border-radius: 6px;
  clear: both;
   font-family: 'Roboto', sans-serif;
  margin-top: 10px !important;
}

.table-custom .table{
  margin-bottom: 0px;
}
  .table-custom .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.03);
  }

  .table-custom td {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    font-size: 15px;
    font-weight: normal;
  }
  .table-custom td,
  .table-custom th {
    vertical-align: middle;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;

  }
  .table-custom th {
    text-transform: capitalize;
  }
  .table-custom .table thead th {
    border-bottom-width: 1px;
    font-weight: bold;
     font-family: 'Roboto', sans-serif;
    font-size: 16px;
  }
  .table-custom .learnername {
    font-size: 15px !important;
     font-family: 'Roboto', sans-serif;
  }

.table-custom .coursescompleted{
  font-weight: normal;
}

  .verticle-middle{
    vertical-align: middle !important;
  }
  .border-left{
    border-left: 1px solid #dddddd;
  }
  .border-right{
    border-right: 1px solid #dddddd;
  }

.course_name{
  font-size: 16px;
  color: #000000;
}
.category_name{
   font-family: 'Roboto', sans-serif;
  font-size: 12px !important;
  color: #14a267;
}

  .xlexportbtn{
    position: relative;
    text-align: right;
    padding: 10px 0;
    display: inline-block;
    float: right;
    z-index: 9;
  }
  .xlexportbtn .dsexport{
    background-color: transparent;
    border:none;
    color: #1f6f42;

  }
    .xlexportbtn .dsexport i{
      font-size: 23px !important;
    }
    .tabrightsection{
          display: flex;
          justify-content: space-between;
          flex-direction: row;
          align-items: center;
          position: absolute;
          top: 18px;
          right: 18px;
    }
    .flex-direction-row{
      display:flex;
      flex-direction: row;
      justify-content: space-around;
    }
    .top-section{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap;
      padding-left: 1rem;
      padding-right: 2rem;
    }
.top-section .md-select-value{
  border: 1px solid #dddddd !important;
  padding-left: 8px;
  /* padding-bottom: 5px !important; */
}
.top-section md-option {
  height: 35px !important;
}
.overflow-auto{
  overflow: auto !important;
}
.plan-description{
  margin-left: 10px;
}
.plan-description p {
  color: #505050;
  margin-bottom: 0px;
}
.mentor-card-main{
 position: relative;
}

.plan-description span,
.plan-description span,
.plan-description span {
    font-size: 12px;
    color: #0a965c !important;
    font-weight: 600;
}


.mentor-card{
      display: flex;
      flex-direction: row;
      align-items: center;
      margin: 4px 0;
      padding: 6px 6px;
      border-radius: 4px;
      border-bottom: 1px solid #f1f1f1;
}
.mentoricon{
    background-color: rgba(11, 199, 121, 0.15);
    width: 35px;
    height: 35px;
    border-radius: 28%;
    padding: 5px;
    text-align: center;
}
.mentoricon i{
  font-size: 18px;
  color: #14a267;
}

.mentor-card-main .insight-item {
  border-bottom: 0px !important;
  width: 100%;
  margin: 0 auto !important;
}


md-option,
md-select {
       font-family: 'Roboto', sans-serif;
      font-size: 14px;
}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
  color: #000 !important;
}
md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value, md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
  color: #000 !important;
}
 md-select .md-select-value.md-select-placeholder {
   color:  #000 !important;
 }
.myprofiletable th{
  font-size: 14px !important;
}
.containerd .progress{
  display: none;
}
.middlecount{
  margin-left: auto;
  margin-right: 10px;
}
.forms .forms-inner .rangeslider {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forms .forms-inner .select2-container-multi .select2-choices {
  border: dashed 1px #048404 !important;
  box-shadow: none !important;
  background-image: none !important;
  margin-bottom: 25px;
}
.header-bg {
  /* background-color: #14a267 !important; */
  background-color: #ffffff !important;
}

.forms .showlabel.grouplabeltitle{
  float: left;
}
.forms .showlabel.grouplabeltitle label{
  font-size: 16px !important;
  color: #10b872 !important;
}
.forms .groupcontent{
  float: right;
  padding-left: 0px !important;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 4px;
}
.forms .groupcontent button{
  background-color: transparent;
  border: none;
  color: #333333;
}
.forms .showlabel.grouplabeltitle label{
  font-size: 16px !important;
   font-family: 'Roboto', sans-serif;

}
.forms .form-group .list label{
  font-weight: 500 !important;
}
.forms .mainquestioncontainer .showlabel label,
.forms .mainquestioncontainer .showlabel label span {
    width: calc(100% - 0px) !important;
    font-weight: normal !important;
    font-size: 14px !important;
    /*font-size: 1.8rem;*/
    /* color: #333333; */
}
.forms .subgrouptwo,
.forms .subgroupthree,
.forms .subgroupthree,
.forms .subgrouptwo,
.forms .mainquestioncontainer .subgroupthree{
color: #333333;
}

.date_field .sub_group_container .showlabel{
  white-space: nowrap;
  margin-right: 10px;
}
.forms .forms-inner .letter{
  display: none;
}
.forms .subgrouptwo{
 /*  display: none; */
}
.forms .sub_group_container{
  left:0;
  position: relative;
  margin-right: 0;
}

.forms .message{
  display: none;
}
.opensurvey.forms .message{
  display: block;
}
.forms .switchform_yesno {
  min-width: 120px;
  max-width: 150px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.forms .switchform_yesno label{
  border: dashed 1px #048404 !important;
  background-color: #f1f3f2 !important;
  color: #14a267 !important
}
.forms textarea{
  padding: 10px;
  border: dashed 1px #048404 !important;
  width: 100%;
}

.event-container{
  margin-top: 20px;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.light {
  background-color: #fff;
}

.dark {
  margin-left: 65px;
}

.calendar {
  width: 100%;
  /* box-shadow: 0px 0px 35px -16px rgba(0, 0, 0, 0.75); */
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.19);
  padding: 16px 18px;
  color: #363b41;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
}

.calendar_header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.header_copy {
  color: #A39D9E;
  font-size: 20px;
}

.calendar_plan {
  margin: 0px 0px 10px 0;
}

.cl_plan {
  width: 100%;
  background-image: linear-gradient(-222deg, #14a267, #14a267);
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
  padding: 8px 15px;
  color: #fff;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cl_copy {
      font-size: 14px;
    margin: 0px 0;
    display: inline-block;
    font-weight: bold;
}

.cl_add {
display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    margin: 0 0 0 0px;
    color: #3c3b3b;
    padding: 6px 11px;
    font-size: 16px;
}

.calendar_events {
  color: #A39D9E;
}

.ce_title {
  font-size: 14px;
  padding-left: 5px;
  margin-bottom: 0px;
}

.event_item {
      margin: 8px 0;
    padding: 5px 10px;
    cursor: pointer;
}
.event_item:hover {
  background-image: linear-gradient(-222deg, #14a267, #14a267);
    box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
    border-radius: 8px;
}
.event_item:hover .ei_Dot {
  background-color: #fff;
}
.event_item:hover .ei_Copy, .event_item:hover .ei_Title {
  color: #fff;
}

.ei_Dot, .ei_Title {
  display: inline-block;
}

.ei_Dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #A39D9E;
  box-shadow: 0px 0px 52px -18px rgba(0, 0, 0, 0.75);
}

.dot_active {
  background-color:#14a267;
}

.ei_Title {
  margin-left: 10px;
  color: #363b41;
  font-size: 16px;
}

.ei_Copy {
  font-size: 12px;
  margin-left: 27px;
}
.viewformdata .mainquestioncontainer {
    margin-bottom: 0px;
    /* border-bottom: 1px solid #ddd; */
}
.viewformtemplate .mainquestioncontainer {
    margin-bottom: 10px;
}
/*.mainquestioncontainer {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}*/

.viewformdatanew .mainquestioncontainer {
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.viewformdatanew .farmer_information .viewformmode .labeltitle, .viewformdatanew .viewformmode .mainquestioncontainer .showlabel label {
     font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
}
.viewformdatanew .farmer_information .viewformmode .labeltitle {
    float: left;
    width: 25%;
    margin-right: 4%;
     font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.viewformdatanew .viewformmode .labeltitle {
    color: #434343;
}
.viewformmode .labeltitle {
    float: left;
    width: 48%;
    margin-right: 4%;
     font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.viewformdatanew .viewformmode .detaildescription {
    font-family: inherit;
    padding: 5px 0;
}
.viewformmode .detaildescription {
    width: 40%;
    color: #000;
    /* font-weight: 600; */
    /* float: left; */
     font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.devidercol {
    font-weight: 500;
    margin-right: 20px;
    color: #434343;
}
.viewformdatanew .labelans {
    width: calc( 100% - 35px) !important;
}

.viewformdatanew .labelans {
    display: inline-block;
    font-size: 14px;
    color: #434343;
}
.viewformdatanew .labelans {
    width: calc( 100% - 35px) !important;
}

.viewformdatanew .labelans {
    display: inline-block;
    font-size: 14px;
    color: #434343;
}
.thead-iner{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.thead-iner span{
  margin-right: 5px;
}
#modules th{
  font-size: 15px;
  color: #000000;
  padding-top: 0px;
  padding-bottom: 0px;
  vertical-align: middle;

}
.registration-wrappr{
  margin-top: 0px;
  height: 100%;
  background-color: #ffffff;
}
.registration-wrappr .nav-tabs{
  border-bottom: 2px solid #14a267;
}
.registration-wrappr .nav-tabs {
    width: 100%;
    margin: auto;
    margin-top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f1f1f1;
}
.registration-wrappr .nav-tabs>li.active>a,
.registration-wrappr .nav-tabs>li.active>a:focus,
.registration-wrappr .nav-tabs>li.active>a:hover {
    background-color: #14a267;
    border: 1px solid #14a267;
    color: #fff;
    border-radius: 0;
}
.registration-wrappr .mainquestioncontainer, .prevnextbtns {
    width: 55%;
    margin: auto;
    float: none;
}
.registration-wrappr .mainquestioncontainer input {
    padding: 0 8px;
    border: solid 1px #c7c7c7;
    width: 100%;
    height: 34px;
}
.form-group label.control-label {
    display: none;
}
.registration-wrappr .tabsetmain .customcontent {
    margin-top: 60px !important;
    margin-bottom: 60px;
}
.mt-0{
  margin-top: 0px !important;
}
.registration-wrappr .nav-tabs>li>a {
    font-size: 15px;
    color: #848484;
}
.registration-wrappr .scroll{
  margin-top: 20px !important;
}
.tabsetmain .subgroupone{
  display: none;
}

.language-selection{
  display: inline-block;
  margin-right: 1rem;
  border-radius: 4px;

  border: 1px solid #cccccc;
  z-index: 999999;
}
.db-select-drop{
  border: 1px solid #ccc;
  margin-right: 20px;
  margin-top: 0px;
  border-radius: 6px;
  padding: 2px 15px;
  position: relative !important;
  right: 0px !important;
  top: 0px !important;
  z-index: 999999;
}
/* .onloginpage.loginpag.class_specific .content-block img {
    width: auto !important;
} */
.login_bg{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* min-height: 300px; */
}

.lamborghini{
  align-items: center;
}
.lamborghini .gallardo{
  top: 0px;
  display: flex;
  align-items: center;
}

.lamborghini .gallardo, .lamborghini a, .profilelogout, .newheader .lamborghini .Diablo, .lamborghini .header, .lamborghini .Diablo, .headertitle, .lamborghini .right-menu-btns, .lamborghini .scalelogout, .lamborghini .headerprofile{
flex: 1;
}
.lamborghini .button-clear{
  text-align: right !important;
}
.lamborghini .right-menu-btns{
  display: flex;
  justify-content: flex-end;
}

.lamborghini .right-menu-btns .Diablo{
  display: flex;
  justify-content: flex-end !important;
}

.lamborghini .header h2, .headertitle h4{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.newheader .lamborghini .Diablo, .lamborghini .Diablo{
  text-align: left;
  display: flex;
  align-items: center;
}
.headerlogonew{
  margin-top: 0px !important;
}

.right-menu-btns

.language-dropdown{
  margin-right: 1rem;
}
.language-dropdown .ui-select-container{
  max-width: 100px;
   border-radius: 6px;
   background-color: #ccc;
}
.language-dropdown .ui-select-toggle{
  background-color: #cccccc !important;

}
.language-dropdown .ui-select-toggle .ui-select-match-text span{
  color: #333333 !important;
}
.language-dropdown .ui-select-bootstrap .ui-select-toggle>.caret{
  color: #333333 !important;
}
.onloginpage md-tabs .md-tab span {
    font-size:36px !important;
}
.trainerdashboard .db-select-drop .ui-select-bootstrap .ui-select-toggle>.caret {
    color: #717171;
}
.trainerdashboard .db-select-drop .ui-select-bootstrap .ui-select-toggle>.caret{
  right: -20px !important;
}
.trainerdashboard .ui-select-bootstrap .ui-select-search-hidden{
  display: none;
}
.ng-toast__message .alert.alert-success{
  background-color:#202124;
  border:1px solid #202124;
  color: #ffffff;
  font-weight: 600;
}
.select_language .dropdown-menu {
    border-radius: 6px;
    top: 28px;
}
.select_language .dropdown-menu{
  min-width: 125px !important;
}
.ui-select-bootstrap .ui-select-choices-row>span{
  white-space: normal !important;
}
.registration .md-padding{
  padding:0px !important;
}
.mentordashboard .ff_welcome{
  justify-content:space-between;
  padding-left:2rem;
  padding-right:2rem;
  border-bottom:1px solid #eeeeee;
}
.counties{
  margin-left:2rem;
}
.mentordashboard .ff_welcome .fieldfacilitators{
  display:flex;
  align-items:center;
  flex-direction:column;
  margin-left: auto;
}
.registration .registration-wrappr .row{
  margin:0px 0 0 -10px !important;
}
.registration .header{
  padding-top:0px !important;
}
.registration .registration-wrappr .prevnextbtns{
  padding-right:1rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.registration .registration-wrappr .moduleprevious,
.registration .registration-wrappr .formsubmitbtn{
  margin-right:2rem;
  margin-left:2rem;
}
.registration .contents,
.registration .contents {
    /* margin-top: 50px !important; */
}
/* .logout-right img{
  filter: invert(60%);
    height: auto !important;
    margin-right: 10px !important;
} */
.main-title h3{
  color: #14a267;
  font-size: 22px !important;
  margin-top: 0px;
}
.th-flex{
  display: flex;
  align-items: center;
}
.th-flex i{
  margin-left: 5px;
}
.learnergriddata .table>thead>tr>th{
  border-bottom-width: 1px !important;
}
.entry{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:center;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin: -1px;
  min-height: 65px;
  overflow: hidden;
      color: #14a267;
}
.notes-count{
  width: 20px !important;
  height: 20px !important;
  line-height: 20px;
  font-size: 12px;
  background-color: #14a267 !important;
  margin-left:10px;

}

.view-btn{
    background: rgba(63, 81, 181, 0.17);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #3f51b5;
    padding: 3px 6px;
    margin-right: 1rem;
    font-size: 16px;
}

.edit-btn{
background: rgba(20, 162, 103, 0.18);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #14a267;
    padding: 4px 6px;
    margin-right: 1rem;
}

.remove-btn{
    background: rgba(167, 22, 22, 0.12);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #f54a4a;
    padding: 4px 7px;
}
.calendar-action-btns{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 46px;
}
.event-card-width, .card-width{
  width: 100%;
}
.fa.fa-file-pdf-o{
  color: #f54a4a;
}
.mentor_dashboard_inner{
    /* background-color: #e6e6e6; */
    /* min-height: calc(100vh - 57px); */
     /* min-height: 100%; */
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0;
    overflow: auto;
    /* position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px; */
}
.mentor_dashboard_inner .card{
  /*width: 100%;
  margin: 15px 10px !important;*/
}
.mentor_dashboard_inner .card .card-body{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  background-color: #ffffff;
}
.mentor_dashboard_inner .card a:hover{
  text-decoration: none;
}
.mentor_dashboard_inner .card img{
width: 60px !important;
margin-bottom: 1rem;
}
.mentor_dashboard_inner .card .card-body span{
  color: #444444;
  font-size: 16px;
   font-family: 'Roboto', sans-serif;
}
.report-table{
  margin-top: 8rem !important;
  background-color: #ffffff;
  margin: 2rem;
}
.report-table th, .report-table td{
  font-size: 13px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
   font-family: 'Roboto', sans-serif;
}
.report-table-title{
  font-size: 16px;
   font-family: 'Roboto', sans-serif;
  text-align: left;
}
.profile .header {
    padding-top: 0px !important;
    /* position: absolute; */
    width: 100%;
    text-align: center;
    z-index: -1;
}

.profile_edit .header h2{
  font-size: 15px !important;
}
.scalelogout{
  font-size: 20px;
  color: #14a267;
  padding: 0 10px;
  z-index: 99999;
  text-align: right;
}
.greenpatch{
  height: 5px !important;
  display: none !important;
}
.headerwithbg {
    background: #ffffff !important;
}

.lamborghini {
    align-items: center;
    /*border-bottom: 5px solid #10b872;*/
    box-shadow: 0 0px 36px rgba(0,0,0,0.1);
    padding: 0 10px;
}
.lamborghini .gallardo:before, .lamborghini .Diablo:before {
    color: #444 !important;
}
.profile .lamborghini .gallardo:before, .profile .lamborghini .Diablo:before {
    color: #444 !important;
}
/* .ipdashboardcontainer {
    padding-top: 60px;
} */

/* .baseline_listing_content{
  padding-top: 60px;
} */

.ipdashboard .lamborghini, .bcidashboard .lamborghini {
    justify-content: space-between !important;
}
.dncalendar-add-event{
   display: inline-flex;
   align-items: center;
  align-self: center;
      margin-left: auto;
      margin-right: auto !important;
    margin-right: 55px;
    width: auto !important;
    position: relative;
    top: -3px;
}
.dncalendar-add-event i{
  margin-left: 25px;
  margin-right: 5px;
}
.dncalendar-add-event .ion-plus{
  font-size: 20px !important  ;
}
.dncalendar-add-event .ion-search{
  font-size: 20px !important  ;
}
.dncalendar-header {
    border-bottom: 1px solid #e4e4e4;
}
.dncalendar-search-event{
  display: inline-flex;
  align-self: center;
      margin-right: 30px;
}
.mentor_circle_cards .card{
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 10px;
  margin:5px 0;
}
.mentor_circle_cards .card .card-body{
  /*width: 150px;
  height: 150px;*/
  border-radius: 50%;
  margin:0 0 0 auto;
  box-shadow:0 0 15px rgba(220, 220, 220, 0.59);
}
.mentor_circle_cards .card span{
  font-size: 30px;
   font-family: 'Roboto', sans-serif;
}
.mentor_circle_cards .card img {
    width: 75px;
    margin-bottom: 0rem;
}
.md-datepicker-calendar-pane{
z-index: 1200}
.modal-open {
    pointer-events:all;
}
.signatures{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.sign-left, .sign-right{
  font-size: 14px;
   font-family: 'Roboto', sans-serif;
  color: #000000;
}
.left-signature, .right-signature{
      display: flex;
    flex-direction: column-reverse;
    padding: 6px 0;
}
.right-signature{
  text-align: right;
}
.sign{
  padding-bottom: 15px;
}
.report-print{
  background-color: transparent;
  border: none;
  text-align: right;
  float: right;
  clear: both;
  color: #666666;
  padding: 5px 8px;
}
.report-description{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.report-description .kuzap-report-logo{
  margin-left: 1rem;
}
.right_div{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 1rem;
  max-width: 250px;
}
.right_div .input-label{
  display: flex !important;
  flex-direction: column;
  width: auto !important;
}
.right_div .input-label .geoinner{
  display: flex;
  flex-direction: row;
  min-width: 150px;
  max-width:320px;
  margin-left: 1rem;
}
.right_div .input-label .geoinner span{
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.right_div .input-label .geoinner span:first-child{
  white-space: nowrap;
  padding-right: 10px;
   font-family: 'Roboto', sans-serif;
}
.geolocationpopup .input-label{
  max-width: 320px !important;
}
.geolocationpopup img{
  object-fit: cover;
}

.newgridui .ui-grid {
    border: none;
    border-width: 1px !important;
    border-color: #ccc;
    border-style: solid;
    margin-left: auto;
    margin-right: auto;
}
/* .aacoaching .lessonquizmain .list .item {
    margin-bottom: 10px;
} */
.v-align-top{
  vertical-align: top !important;
}
.vailgn-top-row td{
  vertical-align: top !important;
}
.text-align-justify{
  text-align: justify !important;
}

.report-table-bg .table tbody:nth-child(odd){
  background-color: #f7f7f7;
  margin-bottom: 1rem;
}
.report-table-bg .table>tbody+tbody{
  border-top-width: 1px !important;
}
.lessonquizholder textarea{
  min-height: 200px !important;
  border: 1px solid #cccccc !important;
  border-radius: 6px;
  padding:1rem !important;
}
.globalfeedback .module_quizz textarea{
  margin-left: 0px !important;
  min-height: 150px !important;
  min-width: 95% !important;
  padding:1rem !important;
}
 .globalfeedback .module_quizz .message {
    margin-left: 0 !important;
}
.left-menu-container .row{
  display: flex !important;
  flex-wrap: wrap;
}
.left-menu-container .card{
  width: 100%;
  margin: 0px;
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.left-menu-container .card .item{
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
  text-align: center;
  margin-bottom:30px;
  border-radius: 10px;
  padding:15px 10px;
}
.left-menu-container .card .item span{
  font-size: 14px;
  margin-top: 6px;
   font-family: 'Roboto', sans-serif;
}
.left-menu-container .card .item img{
  width: 50px;
  margin: 0 auto 0 auto;
  filter: hue-rotate(229deg);
}
.left-menu-container .card .item:last-child.activated,
.left-menu-container .list-inset .item:last-child.activated {
  background: #ffffff;
}
/* .side-menu-control .row{
  flex-wrap: wrap;
}
.side-menu-control .card{
  width: 100%;
  margin: 12px;
  border-radius:10px;
}
.side-menu-control .card img{
  width: 50px;
}
.side-menu-control .card a,
.side-menu-control .card span{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.side-menu-control img{
  filter: hue-rotate(229deg);
} */
.profile .tableprofile{
  width: 100%;
}
.profile .tableprofile md-tabs-wrapper {
    background: #fff;
    border: none;
    box-shadow: 1px 6px 7px 0px #ececec;
}
.profile .tableprofile md-tabs.md-default-theme md-ink-bar,
.profile .tableprofile md-tabs md-ink-bar {
    color: #10b872;
    background:#10b872;
}
.profile md-tabs .md-tab.md-active{
  color: #000000;
}
.profile md-ink-bar{
  height: 5px;
}
.profile .md-tab {
    color: #484848 !important;
    line-height: 22px;
    font-size: 18px !important;
     font-family: 'Roboto', sans-serif;
    text-transform: none;
}
.registration-wrappr .modulenext{
  margin-left: auto;
}

.registration .registration-wrappr .moduleprevious{
  margin-right: auto;
}

.reset-pwd{
  background-color: transparent;
  border: none;
  color:#787878;
  font-size: 18px;
}
.popuptitle strong{
   font-family: 'Roboto', sans-serif;
  color: #000000;
}
.ftmadashboard{
  margin-top: 60px;
}


.ipdashboard .ftmadashboard .facilitators a .learnername{color: #14a267; padding-bottom: 0;
    line-height: 18px;  font-family: 'Roboto', sans-serif;}
.ipdashboard .ftmadashboard .facilitators a{text-decoration: none !important;}
.header.topics-header{
  margin-top: 20px;
}

.theme1 .tile_view .header {
    padding-top: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #fa7526;
    text-transform: uppercase;
}

.repeatsectionstyles .product-details-container .repeatsection .formly{
  flex-wrap: nowrap;
}
.repeatsectionstyles .product-details-container .repeatsection .formly .formly-field.width70.formly-field-checkbox{
  flex-basis: 0;
}
.repeatsectionstyles .product-details-container .repeatsection .formly .formly-field.width70.formly-field-checkbox .form-group{
  position: relative;
  top: 40px;
  right: 20px;
}
.pic-jio{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.pic-jio .uploadedimage{
  margin-bottom: 0px;
}
.titlequestion [name="picture_geo5"]{
  width: 60px !important;
  height: 60px !important;
  margin: 0 0 0 0;
  border:0px !important;
}
.pic-jeo-single{
  width: 240px;
  height: 100px;
  max-height: none !important;
  border: 1px solid #eeeeee;
  display: flex;
  align-items: center;
}
.pic-jeo-single img{
  max-width: 100%;
  height: auto !important;
}
.uploadpic{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.details{
  display: block;
  width: 100%;
}

.maximize-image-inner{
  /* min-width: 320px; */
  width: auto;
  overflow: hidden;
  margin:auto;
}
.maximize-image-inner img{
  max-width: 100%;
  height: auto;
}
.maximize-image .popup-buttons{
  position: absolute;
  top: -18px;
  right: -25px;
  bottom: auto;
  padding: 0px !important;

}
.maximize-image .popup-buttons .button-balanced{
 min-width: 30px !important;
  min-height: 30px !important;
  border-radius: 50% !important;
  font-size: 18px;
  background: #F44336 !important;
  position: relative;
}
.maximize-image .popup-buttons .button-balanced:after{
   content:'';
    position:absolute;
    top:-10px; bottom:-10px;
    left:-10px; right:-10px;
}

.maximize-image .popup-buttons .button i{
  position: relative;
  top:0px;
  font-size: 20px;
}
.popup-container.maximize-image .popup{
  border: none !important;
}
.fav-toggle-btn{
  position: relative;
  z-index: 2;
}
.favorates-block{
  width: 100%;
  min-height: 100vh;
  max-height: 100%;
  height: 100%;
  position: absolute;
  background-color: #949292;
  top:-20px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 999999;
}
.product_details .unit_type{
  flex-basis: 45% !important;
  margin-right: auto;
  margin-left: 10px !important;
}
/* .product_details .unit_type .showlabel label{
  max-width: 40px !important;
} */


.product_details .unit_type .showlabel label span{
  font-size: 14px !important;
}
/* .unit_type{
  min-width: 70px;
  max-width: 70px;
} */
.product_details .formly{
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  /* width: 100%; */
}
.product_details .formly-field.formly-field-radio .row{
  flex-wrap: nowrap !important;

}
.forms .repeatsection .mainquestioncontainer .showlabel label{
  font-weight: normal !important;
  font-size: 13px !important;
}
.lessonnewquizstyles .mainquestioncontainer .showlabel label, .lessonnewquizstyles .mainquestioncontainer .showlabel label span{
  font-size: 16px;
}
.module-title{
  font-size: 20px;
  margin-bottom: 15px;
}
/* .module-title .title{
opacity: 0.8;
} */
.module-title .titlehead{
  padding-right: 8px;

}
.module_quizz .repeatsection .formly-field.formly-field-date{
/*  min-width: 120px;
  max-width: 120px;*/
}

.forms .product_details .repeatsectionstyles .repeatsection {
    background: #ffffff !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.product_details .repeatsection .repeatsectionstyles{
  background-color: #ffffff !important;
}
.product_details .repeatsection .formly-field{
  flex: none !important;
  flex-basis: auto !important;
  margin-bottom: 0px !important;
}
/*.product_details .repeatsection .formly-field input[name="text0"]{
  width: 160px;
}*/
.product_details .repeatsection .formly-field.quantity_field,
.product_details .repeatsection .formly-field.price_per_unit
/* .product_details .repeatsection .formly-field input[name="number4"] */
{
  width: 78px;
}

.product_details .price_per_unit{
  min-width: 90px;
  max-width: 90px !important;
}
.product_details .quantity_field{
  min-width: 65px;
  max-width: 65px;
}

.product_details .alert{
  position: absolute !important;
  z-index:999;
  min-width: 140px;
}

.Amount_Paid{
  min-width: 70px !important;
  max-width: 70px !important;
}
.amount_paid{
  min-width: 70px !important;
  max-width: 70px !important;
}

/* .product_details .quantity_field .showlabel label{
  min-width: 80px;
  max-width: 80px;
} */
.product_details input[type=number]::-webkit-inner-spin-button,
.product_details input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product_details .repeatsection{
  margin-bottom: -1px !important;
  margin-left: 0px !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product_details fieldset{
  background-color: #ffffff !important;
}
/*.product_details fieldset .product-details-container{
  overflow-x: auto;
}*/
.aacoaching .product_details .form-group{
  margin-bottom: 0px !important;
}

.product_details .total_value{
  min-width: 100px !important;
  max-width: 100px !important;
}
.product_details .total_value .showlabel label{
  max-width: 90px !important;
}
.product_details .total_value .form-group{
  margin-right: 0px;
}

.product_details .labelvalue{
   padding: 4px 10px;
    border: 1px dashed #10b872;
    font-weight: bold;
    background: transparent;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
    height: 30px;
    line-height: 20px;
}
.product_details .labelvalue.text-right{
  text-align: right;
}
.product_details .repeatsection .addfieldclose{
  position: static !important;
  /* width: 25px !important;
  height: 25px !important;
  padding: 2px 0px !important; */
  display: inline-block;
  text-align: center;
  /* margin-top: 35px; */
}
.AddNewButton{
  /* display: flex;
    align-items: flex-end;
    justify-content: flex-end; */
}
.myprofile .dynamicprofilepage .product_details .AddNewButton button{
    background-color: #f6f6f7 !important;
    font-size: 14px;
     font-family: 'Roboto', sans-serif;
    color: #04a261;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.38);
    border-radius:6px ;
    -webkit-border-radius:6px ;
    -moz-border-radius:6px ;
    -ms-border-radius:6px ;
    -o-border-radius:6px ;
}
.multiplebtn .SaveNewButton button{
  font-size: 14px !important;
}
.myprofile .dynamicprofilepage .product_details .AddNewButton button span{
  /* color: #04a261; */
  position: relative;
  top: 1px;
}
.product_details .repeatsection .formly-field.formly-field-radio .form-group .list label{
  border-radius: 10px;
}
.repeatsection .genderfield .row.onlycheckbox.optiondivs label{
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -ms-border-radius: 0px !important;
  -o-border-radius: 0px !important;
}
.product_details .repeatsection .formly-field.genderfield.formly-field-radio .form-group .list label .item-content{
  padding: 0px !important;
  /* height: 28px !important; */
}


.product_details .repeatsection .formly-field.formly-field-radio .form-group .list label .item-content {
    padding: 5px 12px !important;
    border-radius: 8px !important;
}
.product_details .repeatsection .formly-field.formly-field-radio .form-group .list label{
  margin-bottom: 0px;
  margin-right: 0px !important;
}

.product_details ::-webkit-scrollbar {
    display: block !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px;
   font-family: 'Roboto', sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
 font-size: 12px;
  font-family: 'Roboto', sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px;
   font-family: 'Roboto', sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 12px;
   font-family: 'Roboto', sans-serif;
}
.popup_container .picturechoicediv .item-radio input:checked+.radio-content .item-content{
  background: #10b872 !important;
}

/* POS css start */
.formly-field{
  margin-right: 15px;
}
.product_details fieldset .product-details-container{
  position: relative;
}

 .addrowbtn{
    /* position: absolute;
    bottom: 0px;
    right: 0px; */

}
.md-button.md-default-theme:not([disabled]).md-icon-button:hover, .md-button:not([disabled]).md-icon-button:hover {
    background: #10b872 !important;
}

.accordian-toggle-btn{
  background-color: #eeeeee !important;
  display: flex;
  color: #555555 !important;
  border:none !important;
  font-size: 14px;
  align-items: center;
}
.accordian-toggle-btn img{
  width: 18px;
  height: auto;
  margin-right: 0px;
  position: relative;
  left: -10px;
}
.filtersscroll .card{
  padding-top: 0px !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: none !important;
  margin-top: 0px !important;
  overflow: visible;
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}
.filtersscroll .card .card-header{
  background-color: #ffffff !important;
}
.filtersscroll .card .card-header button{
  background-color: #ffffff !important;
   font-family: 'Roboto', sans-serif;
  text-transform: uppercase;
}


.accordion .card .formly-field{
  margin-bottom: 10px;
}

/* .filtersscroll .formly-field-date label{
  padding-left: 10px;
} */
.filter-search-header{
  background-color: #eeeeee !important;
  padding: 0px 0;
  border-bottom: 1px solid #ececec;
}
.filter-search-header h2{
  margin-bottom: 0px !important;
}
.md-datepicker-input{
      min-width:110px !important;
    max-width: 110px !important;
}
.filtersscroll{
  min-height: auto !important;
}
.filtersscroll{
  height: auto !important;
  padding-bottom: 0px !important;
}
.filtersscroll .form-group{
  margin-bottom: 0px !important;
}

.formly-field.formly-field-ui-report-grid{
  padding-left: 10px !important;
  padding-right: 0px !important;
}
.filters_search_btn{
  font-size: 13px !important;
}
.customdatepicker .md-button.md-icon-button {
    border-radius: 3px 0 0 3px !important;
    -webkit-border-radius: 3px 0 0 3px !important;
    -moz-border-radius: 3px 0 0 3px !important;
    -ms-border-radius: 3px 0 0 3px !important;
    -o-border-radius: 3px 0 0 3px !important;
    margin-left: 0px !important;
}
.form-actions-btns{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
md-input-container .md-errors-spacer{
  display: none;
}
.form-actions-btns .filters_search_btn{
  margin: 0 10px 0 0;
}

.filtersrow .ng-pristine{
  flex-direction: row !important;
  flex-wrap: wrap !important;
  width: auto !important;
  justify-content: flex-start;
  align-items: flex-start;
}
.filtersrow .ng-pristine .customdatepicker{
  flex-wrap: nowrap !important;
}
.filtersscroll .filters_search_btn{
  width: auto !important;
}
.formly-field-select{
  margin-bottom: 0px !important;
}
.popupfields.popupfieldsnewui input,
.newgridui .select2-container .select2-choice{
  border:1px dashed #10b872 !important;
}
.customdatepicker .md-button.md-icon-button {
    height: 31px;
    min-height: 31px;
    padding: 4px;
    width: 35px;
    background: #10b872;
    margin-right: 0;
    margin-top: -10px;
}

.filtersscroll{
  width: 100% !important;
}
.newgridui .griduicontainer{
  margin-top: 0px;
}
.gridview{
  margin:auto;
}
.grid-ui-control{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.ui-grid-cell-contents{
  font-size: 13px;
}
.report-pic{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 0px;
  margin-bottom: 10px;
  gap: 5px;
}
.report-pic img{
  /* width: 180px !important;
  min-height: 100px;
  height: auto;
  margin-right: 5px;
  object-fit: cover; */
}

.report-pic .report-description img{

  border-radius: 50px;
}

.learning-report-table .table{
  border-bottom: none !important;
  border-left: none;
  margin-bottom: 0px !important;
  height: auto;
}
.learning-report-table thead{
    display: block;
  }
.learning-report-table thead td{
   font-family: 'Roboto', sans-serif;
  color: #333333;
}

.learning-report-table thead td .rotate-text{
   font-family: 'Roboto', sans-serif;
  color: #333333;
  font-size: 13px !important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.learning-report-table tbody td{
   font-family: 'Roboto', sans-serif;
  color: #505050;
}
.learning-report-table tbody {
  min-height: 90px;
  max-height: 330px;
  display: inline-block;
  width: 100%;
  overflow-y:scroll;
}
.learning-report-table td{
  min-width: 30px;
  max-width: 30px;
  font-size: 12px !important;
}
.learning-report-table .rotate-text {
writing-mode: tb-rl;
transform: rotate(-180deg);
position: relative;
left: 2px;
}
.learning-report-table{
  overflow:auto;
  width: 100%;
  white-space: nowrap;
}
.learning-report-table table{
  border: 1px solid #dddddd;
}

.learning-report-table .v-align-bottom {
    vertical-align: bottom !important;
}

.learning-report-table table td, .learning-report-table table th {
    padding: 6px 3px !important;
}
.learning-report-table table td, .learning-report-table table th {
    border: 1px solid #dddddd;
    border-collapse: collapse;
}
.learning-report-table .green {
    background-color: #26c450;
}
.learning-report-table .yellow {
    background-color: #f1e356;
}
.learning-report-table .red {
    background-color: #dd3d4c;
 }
 .learning-report-table .yellow,
 .learning-report-table .green,
 .learning-report-table .red {
    border-color: rgba(115, 115, 115, 0.40) !important;
    color: #000000 !important;
}
.name-column{
  min-width: 250px !important;
  max-width: 250px !important;
  white-space:normal;
  text-align: left;
}
.email-column{
  min-width: 250px !important;
  max-width: 250px !important;
  white-space:normal;
  text-align: left;
}
.state-column{
  min-width: 100px !important;
  max-width: 100px !important;
  white-space:normal;
  text-align: left;
}
.ip-column{
  min-width: 140px !important;
  max-width: 140px !important;
  white-space:normal;
  text-align: left;
}
.barriers-rating{
  min-width: 95px !important;
  max-width: 95px !important;
  white-space:normal;
  text-align: center;
}
.phone-column{
  min-width: 85px !important;
  max-width: 85px !important;
  white-space:normal;
  text-align: left;
}
.not-recommended-column, .learning-report-table thead td.not-recommended-column{ font-family: 'Roboto', sans-serif;
font-size: 11px !important;}
.userid{
min-width: 70px !important;
max-width: 70px !important;
}
.ipname{
min-width: 120px !important;
max-width: 120px !important;
}
.repeatsection .formly-field.formly-field-radio .row{
  padding: 0 0px !important;
}
#custom-search-input .input-group .searchbar-container{
  display: flex;
}

.recommend_background {
  background: #A2C4C9;
  border-color: #93abaf !important;
}
.optional_background {
  background: #9FC5E8;
  border-color: #95abbf !important;
}
.recommend_modules_background {
  background: #FFE599;
  border: 1px solid #dcc991 !important;
}
.completed_modules_background {
  background: #FFF2CC;
  border:1px solid #e2d9bc !important;
}
.training_campaign{
  flex-basis: 100% !important;
  display: flex;
    /* margin-top: 30px; */
    margin-bottom: 20px !important;
}


.training_campaign .form-group{
  margin-bottom: 0px !important;
}
.date_field{
  /* flex-basis: 100% !important; */
  float: left;
  margin-bottom: 0px !important;
}
.date_field .form-group, .village_field .form-group{
  margin-bottom: 0px !important;
}
.date_field .md-datepicker-input-container input{
  border: dashed 1px #14a267 !important;
  height: 30px !important;
}
.date_field .md-button.md-icon-button{
  height: 30px;
}
.county_field,
.sub_county_field,
.block_field,
.location_field{
  display: inline-flex;
  flex:1 1 150px;
  margin: 0 20px 0 0 !important;
}
.county_field label,
.sub_county_field label,
.block_field label,
.location_field label{
  margin-bottom: 0px !important;
}
.mcrp .product-details-container .repeatsection .emptydiv{
  padding-left: 0px !important;
    width: 30px !important;
    height: 30px !important;
     margin-left: 6px;
     margin-top: 10px;
}
.date_field .sub_group_container{
  display: flex;
  align-items: baseline;
  flex-direction: column;
}
.completed_field .sub_group_container{
  display: flex;
  flex-direction: column;
  align-items:flex-start;
}
.completed_field .form-group .showlabel label{
  position: relative;
  top: 5px;
}
.remarks_field textarea{
  height: 125px !important;
}
.farmer_name .select2-container .select2-choice{
  border: none !important;
  background-image: none !important;
  height: 28px;
  padding-left: 5px;
}
.completed_field .lessonquizmain .list .item .item{
  /* min-width: 90px !important; */
  min-width: auto !important;
  margin-left: 0px;
}
.completed_field .optionoption.questioncount{
  display: none;
}
.completed_field .lessonlabel .item-radio .item-content{
  padding-right: 10px !important;
  text-align: center;
}
.completed_field .showlabel{
  white-space: nowrap;
  margin-right: 10px;

}
.aacoaching .repeatsectionstyles .formly-field.namefield,
.aacoaching .repeatsectionstyles .formly-field.mobilefield,
.aacoaching .repeatsectionstyles .formly-field.genderfield,
.aacoaching .repeatsectionstyles .formly-field.agefield,
.repeatsectionstyles .formly-field .form-group{
  margin-bottom: 0px !important;
}
.agefield{
  margin-left: 0px !important;
}

.completed_field .lessonquizmain .list .item{
  margin-left: 0px !important;
}
.completed_field .row.onlycheckbox.optiondivs{
  padding-left: 0px !important;
}
.mcrp .product-details-container .addfieldclose{
  position: static;
  width: 25px !important;
  height: 25px !important;
  display: inline-block;
  text-align: center;
  padding: 3px 0px;
}
.mcrp .product-details-container .repeatsection{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: none !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.mcrp .fieldset{
  margin:0px;
}
.mcrp .repeatsectionstyles .repeatsection .formly{
  align-items: end;
}
.formly-field-checkbox{
  margin-bottom: 0px !important;
}
.aacoaching .lessonnewquizstyles .showlabel label{
  margin-bottom: 10px !important;
}
.aacoaching .lessonquizmain .list .item .item{
  margin-left: 0px !important;
  width: auto !important;
  background-color: #ffffff !important;
   font-family: 'Roboto', sans-serif;
  min-width: auto !important;
}
.lessonquizmain .list .item {
    margin: 0px 5px 0px 0 !important;
}
.formly-field-checkbox .form-group{
  margin-bottom: 0px !important;
}
.formly-field-checkbox .form-group .list .multiselectcheckbox label{
  padding:5px 10px !important;
}
/* .listname{
  padding-right: 10px;
} */
.repeatsection .formly-field.genderfield.formly-field-radio .form-group .list label {
    border: dashed 1px #14a267 !important;
}

/* crops ui style two start */
.lessonnewquizstyles .opt50 .form-group .list label{
  background-color: #ffffff !important;
}
.opt50 .picquiz.withimages .lessonlabel .optiontitle{
  background-color: #ffffff !important;
}
.opt50 .picquiz.withimages .lessonlabel .attachment img{
  background-color: #cccccc !important;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 5px;
  max-width: 70px !important;
  max-height: 70px !important;
  text-align: center !important;
}
.opt50 .picquiz.withimages .lessonlabel .optiontitle{
  min-height: auto;
  padding:5px 10px !important;
}
.opt50 .lessonquizmain.withimages .item-radio i.radio-icon {
   bottom: auto !important;
    top: 15px !important;
    right: 30px !important;
    border-radius: 50% !important;
    width: 25px;
    height: 25px !important;
    font-size: 15px;
    padding: 3px 7px;

}
.opt50 .lessonquizmain .list .item .item{
  min-width: 150px !important;
  max-width: 150px !important;
}
.opt50 .showlabel label{
  margin-bottom: 0px !important;
}
.opt50 .picquiz.withimages .lessonlabel .optiontitle {
    min-height: auto;
    padding: 5px 12px !important;
    white-space: normal !important;
}
.opt50 .form-group{
  margin-bottom: 0px !important;
}
.formly-field.opt50{
  margin-bottom: 0px !important;
   /* border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc; */
}
/* crops ui style two end */
.popupfieldsnewui .form-control{
  width: 100% !important;
}
.popupfieldsnewui input[name="formly_1_datepicker_From_Date_0"]{
  margin-bottom: 15px !important;
}
.popupfieldsnewui .select2-container .select2-choice{
  height: 30px;
  line-height: 30px;
  border-radius: 4px;;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}

.formly-field-input input[type="text"]{
  height: 30px !important;
}

.village_field{
  float: left;
  /* margin-left: 10px; */
}
.village_field .sub_group_container{
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.village_field .sub_group_container .showlabel{
  white-space: nowrap;
}
.village_field .sub_group_container input[type="text"]{
  max-width: 150px !important;
  padding-left: 10px;
  border: dashed 1px #14a267 !important;
}
.training-wrapper fieldset{
  padding-left: 20px;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.training-wrapper fieldset legend{
  width: auto;
  padding: 0 5px;
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 600;
}
/* .training-wrapper h5{
  font-weight: 600;
} */
.training-crops{
  margin-top: 15px;
}
.training-crops h5{
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.training-details-content{
  display: flex;
}
.training-details-inner{
  display: flex;
  flex-direction: column;
  margin-right: 15px;
  margin-top: 15px;
}
.training-details-inner input{
  padding-left: 10px;
}
.t-date-field{
  display: flex;
}
.t-date-field input{
  border: 1px dashed #00ab66;
}
.t-date-icon{
  background-color: #00ab66;
  color: #ffffff;
  border: none;
  padding: 5px 10px;
}

.training-crops-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.t-crops-img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: #cccccc;
  margin-bottom: 10px;
  text-align:center;
  padding: 10px;
  position: relative;
}
.t-crops-img img{
  max-width: 100%;
  height: auto;
}

.selected-check{
  position: absolute;
  background-color: #10b872;
  color: #ffffff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 25px;
  height: 25px;
  top: -2px;
  right: -5px;
  text-align: center;
  padding: 2px 0;
}

.training-crops-card{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 25%;
  margin-bottom: 10px;
  text-align:center;
}
.chip-tag{
  border:1px dashed #10b872;
  display: inline-block;
  padding:10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  font-weight: 500;
  margin-right: 5px;
}
.training-input-fields-inner{
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  margin-bottom: 8px;
}
.training-input-column{
  margin-right: 10px;

}
.training-input-column input{
  border: 1px dashed #10b872;
    display: inline-block;
    padding: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: 500;
}
.training-input-fields{
    overflow: auto;
}
.training-input-fields::-webkit-scrollbar {
    display: block;
}
.training-gender .btn-group{
  display: flex;
}
.training-gender button{
  height: 34px;
  width: 45px;
  background-color: transparent;
  border: 1px dashed #00ab66;
  margin-right: -1px;

}
.training-gender button img{
  max-width: 100%;
  height: auto;
}
.training-mobile{
  width: 120px;
}
.training-mobile input{
  max-width: 100%;
}
.training-name input[type="text"]{
  min-width: 250px;
}
.training-age{
  max-width: 60px;
}
.training-age input{
width: 100%;
}
.training-trash button{
  background-color: #de6565;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: none;
  color: #ffffff;
  font-size: 16px;
}
.add-farmer-btn{
  background-color: #10a041;
  padding: 8px 12px;
  color: #ffffff;
  border:none;
  margin-top: 15px;
  float: right;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.add-farmer-btn i{
  padding-right: 5px;
}
.trainer-remarks h5{
margin-top: 3px;
}
.add-pic{
  width: 80px;
  height: auto;
  position: relative;
  top: 5px;
}
.add-pic img{
  max-width: 100%;
  height: auto;
}
.remarks-textarea{
  margin-bottom: 15px;
}
.remarks-textarea textarea{
  min-height: 150px;
}
.iscompleted{
  position: relative;
}
.iscompleted span{
  padding: 8px 15px;
  margin-right: 10px;
}
.btn-form-submit{
  margin-top: 15px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
}
.bottom-btn{
  display: flex;
  justify-content: center;
  border: none !important;
}
.remarks-textarea{
  margin-top: 10px;
}
.aacoaching .formly-field-select, .aacoaching .form-group, .aacoaching .formly-field{
  margin-bottom: 15px !important;

}
/* .farmerattended{
  margin-top: 15px !important;
} */
.opt50 .mainquestioncontainer .lessonquizmain.withimages {
    max-height: 140px !important;
}
.aacoaching .repeatsectionstyles legend, .formly-field-picturegeo .textfield .titlequestion legend{
  font-size: 14px !important;
   font-family: 'Roboto', sans-serif;
  font-weight: normal !important;
}
.training_campaign .form-group{
  margin-bottom: -5px !important;
}
.farmerattended fieldset .product-details-container {
    overflow-x: auto;
    margin: 0px 0 0 0 !important;
    -ms-touch-action: manipulation;
       touch-action: manipulation;
}
.completed_field .item, .item-content{
  /* white-space: nowrap !important; */
  padding-right: 0px !important;
}
.completed_field .item-radio .radio-icon{
  display: none !important;
}
.formly-field-picturegeo .textfield .titlequestion legend{
   font-family: 'Roboto', sans-serif;
}
.training-details-table table{
  font-size: 15px;
}
.title-primary{
  font-size: 16px;
   font-family: 'Roboto', sans-serif;
  color: #10b872;
  /* border-bottom: 1px solid #10b872; */
  margin-bottom: 5px;
}
.training-details-table .table{
  margin-bottom: 0px !important;
}
.title-secondary{
  font-size: 14px;
   font-family: 'Roboto', sans-serif;
  color: #333333;
  margin-top: 10px;
}
.viewtraining .table>tbody>tr td,
.viewtraining .table>thead tr th,
.viewtraining .table>tfoot>tr>td,
.viewtraining .table>tfoot>tr>th,
.viewtraining .table>thead>tr>td,
.viewtraining .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-bottom: 1px solid #ddd !important;
}
.viewtraining .farmers-attended .title-primary{
  margin-top: 15px;
}
.viewtraining .farmers-attended-table .table{
  font-size: 14px !important;
}
.viewtraining .farmers-attended-table .table thead tr th{
  color: #333333 !important;
   font-family: 'Roboto', sans-serif;
  border-top: 1px solid #dddddd !important;
}
.farmers-attended-table .table thead tr th:nth-child(2){
  width: 200px;
}
.viewtraining .training-image{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.viewtraining .training-image-holder{
  width: 60px;
  height: 60px;
  margin-right: 2px;
}
.viewtraining .training-image-holder img{
  width: 60px;
  height: 60px;
    border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border: 3px solid #eeeeee;
}

.training-details-table .table tr td:nth-child(1){
  width: 50%;
}
.training-details-table .table tr td:nth-child(2){
  width: 10px;
}

.trainer-remarks-content .table td{
  vertical-align: middle !important;
}
.trainer-remarks-content .table tbody tr td:nth-child(1){
  width: 135px;
}
.trainer-remarks-content .table tbody tr td:nth-child(2){
  width: 10px;
  text-align: center;
}
.training-details-inner-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.training-details-info{
  display: flex;
  flex-direction: row;
  margin-right: 10px;
}
.crops-info{
  margin-bottom: 15px;
}
.training-description, .crops-description{
  /* border:1px dashed #10b872; */
  padding:0px 0px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  margin-top: 0px;
}

.training-title, .crops-title, .topic-title{
   font-family: 'Roboto', sans-serif;
  margin-right: 15px;
}

.crops-info{
  margin-top: 15px;
}
.crops-description-main{
  display: flex;
}
.crops-description-main .crops-description{
    margin-right: 10px;
    border: 1px solid rgba(16, 184, 114, 0.15);
    background: rgba(16, 184, 114, 0.07);
    color: #0d965d;
    padding: 6px 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-top: 5px;
}
.training-details-info{
  border:1px dashed #0d965d;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}



.topic-description{
  display: flex;
}
.topic-description-inner{
    margin-right: 10px;
    border: 1px solid rgba(16, 184, 114, 0.15);
    background: rgba(16, 184, 114, 0.07);
    color: #0d965d;
    padding: 6px 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    margin-top: 5px;
}

/* Form fields with flex */

/* .simform-inner .dynamicprofilepage.lessonnewquizstyles{
  display: flex;
  flex-wrap: wrap;
}
.simform-inner .formly-field.formly-field-checkbox,
.simform-inner .formly-field.formly-field-questionGroup,
.simform-inner .formly-field.formly-field-picturegeo,
.simform-inner .formly-field.remarks_field.formly-field-textarea,
.simform-inner .formly-field.formly-field-textarea,
.simform-inner .formly-field.completed_field.formly-field-radio,
.simform-inner .formly-field.formly-field-radio{
  flex-basis: 100%;
}
.formly-field-picturegeo fieldset{
  margin-bottom: 20px !important;
}
.formly-field-date{
  margin-right: 10px;
}
.myprofile .lessonnewquizstyles input, .mysurvey .lessonnewquizstyles input{
  border: dashed 1px #10b872 !important;
}
.aacoaching .md-datepicker-input-container input,
.md-button.md-icon-button{
  height: 35px;
}
.globalfeedbackbtn{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.listname .icon.ion-checkmark,
.lessonquizmain .item-radio .radio-icon{
    font-size: 14px !important;
    display: none;
}
.submit-button{
  color: #ffffff;
  border:none !important;
  font-size: 13px;
    font-family: 'Roboto', sans-serif;
   font-weight: normal !important;
} */
/* Form fields with flex end*/
/* .lessonquizmain .item-radio .radio-icon,
.listname .icon.ion-checkmark {
    display: none !important;
} */
.noofacres{
  min-width: 80px !important;
  max-width: 80px !important;
}
.formly-field.formly-field-lookup{margin-bottom: 30px !important;}
.inputlookup .customlookupbtn {
    padding: 2px 10px !important;
}
.product-details-container .repeatsection .formly-field .mainquestioncontainer,
.product-details-container .repeatsection .formly-field.formly-field-picturegeo{
  margin-bottom: 0px !important;
}
.formly-field-picturegeo, .formly-field-signaturewidget{
  flex-basis: 100%;
}
.formly-field-signaturewidget .form-group{width: 185px;}
.defaultformview{
  flex-basis: 100%;
}
.picturegeo{
  margin-bottom: 30px !important;
  display: inline-block;
  width: 100%;
}

.profilelogout{
  float: right;
  width: auto;
  margin-left: 0px !important;
  margin-right: 10px;
  padding-top: 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  }

.lamborghini .profilelogout img{
  width: 40px !important;
  height: 40px !important;
  margin-top: 0px !important;
  margin-left: 0 !important;
  margin-right: 10px !important;
  float: left;
  border-radius: 100%;
  border:solid 1px #ccc;
  padding-top: 0px !important;
}
.profile-info-right{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  min-width: auto !important;
}

.profile-info-right .logouttext{
  line-height: 14px;
  font-family: 'helveticaregular';
  font-size: 12px;
}
.profile-info-right .profile-name{
  white-space: nowrap;
  overflow: hidden;
  margin-right: 10px;
  font-family: 'helveticaregular';
  font-size: 13px;
}
.product_details .repeatsectionlegend{
  position: relative;
}


.product_details .repeatsectionlegend:before{
  content: "";
  position: absolute;
  top: 30px;
  right:15px;
  background-image: url(../img/swipe_indicator.gif);
  width: 40px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: right;
  padding: 10px 0 0 0;
  font-family: 'helveticaregular';
  font-size: 12px;
  z-index: 99;
}
.headerlogonew {
    margin-right: auto;
    margin-left: 15px;
}
.ssdashboard .item-card, .sub-category .item-card{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  text-align: center;
}
.ssdashboard .item-card h3, .sub-category .item-card h3{
  margin-top: 10px;
  margin-bottom: 0px !important;
}
.dashboard-items{
  margin-left: 10px;
  margin-right: 10px;
      display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}
/* .pos-card{
  background-color: #eeeeee;
} */
.courselanding .lamborghini.header_lg .headertitle{
  position: relative !important;
}
.formly-field-repeatSection {
  width: 100% !important;
}
.lookuppopupview .ui-grid-pager-control button{
  color: #333333 !important;
  background-color: transparent !important;
  border:none !important;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
}
.lookuppopupview .ui-grid-pager-control{
  display: flex !important;
  align-items: baseline !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.lookuppopupview .ui-grid-pager-control input{
  margin-right: 5px;
  text-align: center;
}
.lookuppopupview .ui-grid-pager-count{
  font-size: 12px;
}
.lookuppopupview .ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{
  font-size: 12px;
}
.lookuppopupview .ui-grid-pager-row-count-picker select{
  width: auto !important;
  padding: 0px !important;
  border: dashed 1px #10b872 !important
}
.lookuppopupview .ui-grid-pager-control button{
  height: auto;
}
.lookuppopupview .ui-grid-pager-count-container {
    margin-left: auto;
    margin-top: 0px;
}
.lookuppopupview .ui-grid-viewport{
  overflow: auto !important;
  width: 100% !important;
}
.lookuppopupview .popuptable .formly-field{
  margin-right: 0px !important;
}
.lookuppopupview .ui-grid-pager-row-count-picker {
    margin-right: 10px;
}
.newgridui .ui-grid-pager-row-count-picker select {
    border: 1px dashed #10b872 !important;
}
.ui-grid-pager-control{
  display: flex;
  align-items: center;
}
.ui-grid-pager-max-pages-number{
  margin-left: 5px;
}

/* .headertitle, .lamborghini .header{
  text-align: center;
   white-space: nowrap;
   overflow: hidden;
   flex:6;
} */

.headertitle{
  text-align: center;
   white-space: nowrap;
   overflow: hidden;
   flex:6;
}
.courselanding .lamborghini.header_lg .headertitle{
  text-align: center;
   white-space: nowrap;
   overflow: hidden;
   flex:7;
}
.lamborghini .header{
  text-align: center;
   white-space: nowrap;
   overflow: hidden;
   flex:2;
}


.headertitle h4{
  font-size:20px !important;
  margin-bottom: 0px !important;
}
.addoptionbtn{
  font-family: 'helveticaregular';
  color: #10b872;
}
.addoptionbtn span{
  padding-right: 6px;
}
.lookuppopupview.updatedpopup.pmsdata.pmsdataform .registrationpopup.eventpopup .genderopts{
  flex-basis: 100%;
}
.lookuppopupview.updatedpopup.pmsdata.pmsdataform .registrationpopup.eventpopup .genderopts .row.onlycheckbox.optiondivs{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
/*.product_details fieldset .product-details-container{
  overflow-x: auto;
}*/
.product_details fieldset .product-details-container.addscroll{
  overflow-x: auto;
  /*overflow-y: hidden;*/
  touch-action: manipulation;
  margin-top: 15px;
}

.product_details fieldset .product-details-container.removescroll{
  overflow-x: visible;
}
.forms-main{
  overflow-y: hidden !important;
  /* display: flex;
  flex-direction: column; */
  height: 100vh;
}
/* .forms-main .lamborghini{
} */

.forms-main .has-header {
    top: 44px;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    overflow-y: auto;
    height: 100vh;
    /* padding-bottom: 55px; */
}
.forms-main .nocontentscroll{
  /* flex:1; */
  overflow-y: auto;
  width: 100%;
}

.repeat-actions-main{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.repeat-actions-main .repeattotals{
  display: flex;
}
.repeat-actions-main .repeattotals .t-item{
  /* margin-right: 10px;
    font-family: 'helveticaregular';
    background: rgba(16, 184, 114, 0.16);
    padding: 5px 10px;
    border-radius: 4px;
    color: #09a765;
    border: 1px solid rgba(16, 184, 114, 0.08); */
    margin-right: 10px;
    font-family: 'helveticaregular';
    padding: 5px 10px;
    border-radius: 4px;
    color: #000000;
    border: 1px dashed rgba(152, 152, 152, 0.81);

}
.repeat-actions-main .repeattotals .t-item .key{
  font-size: 12px;
}
.repeat-actions-main .repeattotals .t-item .val{
  font-family: 'helveticaregular';
  font-size: 12px;
}
.sync-progress{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.sync-progress:before{
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vh;
  /* background-color: #ffffff; */
  opacity: 0.9;
  z-index: 9999;
  box-shadow: inset 0 0 0 3000px rgba(70, 70, 70, 0.7);


}
.sync-progress-inner{
  background-color: #ffffff;
  max-width: 480px;
  max-height: 500px;
  min-width: 480px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding:0;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.34);
  border-radius: 6px;
  overflow: hidden;
}


.sync-progress-inner .fixedfooter{
  position: relative;
  background:transparent;
}
.sync-progress-inner .fixedfooter.slideInDown{
 bottom: 0px !important;
}
.sync-progress-inner  .footerbutton{
  top: 0px;
  bottom: auto;
  z-index: 99999;
}
.sync-progress-inner .sync-progress-top-text{
  font-family: 'helveticaregular';
  color: #333333;
  font-size: 14px;
}
.sync-progress-top-text h5{
  font-size: 16px;
  margin-top: 0px;
}
.sync-progress-inner .sync-progress-download-text{
  font-family: 'helveticaregular';
  color: #333333;
  font-size: 14px;
}
.sync-progress-inner .progress{
  height: 12px !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
  border-radius: 9px;
  box-shadow: none !important;
  background-color: rgba(16, 184, 114, 0.26) !important;
}
.sync-icon{
      width: 60px;
    height: auto;
    margin-bottom: 15px;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.sync-icon img{
  max-width: 100%;
  height: auto;
  /* filter: hue-rotate(276deg); */
}
.progress-help-text{
  font-family: 'helveticaregular';
  color: #333333;
  font-size: 14px;
  text-align: left;
  margin-right: auto;
}
.progress-help-text.help-text-bold{
   font-family: 'Roboto', sans-serif;
}
.ruka-instructions{
  margin-top: 10px;
}
.ruka-sync-text{
  color: #333333;
  text-align: center;
  font-family: 'helveticaregular';
}
.sync-progress-inner .footerbutton i {
    font-size: 30px;
    color: rgba(97, 95, 95, 0.65);
}
.repeatsection .width-100{
  min-width: 100px;
  max-width: 100px;
}
.repeatsection .width-60{
  min-width: 60px;
  max-width: 60px;
}
.repeatsection .width-100 .labelvalue,
.repeatsection .width-60 .labelvalue{
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  font-family: 'helveticaregular';
  font-size: 12px;
}
/* .emptyopt .row.onlycheckbox.optiondivs{
  height: 30px;
} */
.select2-results .select2-result-label{
  text-align: left !important;

}
.select2-results .select2-highlighted {
    background: #8e939b !important;
    color: #fff;
}
.select2-container .select2-choice > .select2-chosen{
  text-align: left !important;
  font-size: 14px;
}
.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label,
.ui-grid-pager-count,
.ui-grid-pager-control button,
.ui-grid-pager-max-pages-number{
  font-size: 12px !important;
}
.ui-grid-pager-container .ui-grid-pager-row-count-picker select,
.ui-grid-pager-container .ui-grid-pager-control input{
  height: 25px !important;
  line-height: normal !important;
  padding: 0px !important;
}
.genderfield .mainquestioncontainer{
position: relative;
top: 5px;
}
.genderfield .mainquestioncontainer .attachment, .genderfield .mainquestioncontainer .attachment img{
  float:none !important;
}
.exportpdfexcel{
  margin-top: 0px;
  margin-bottom: 10px !important;
  float: none !important;
  display: flex;
  justify-content: flex-end;
}
.views-template .views-pos.viewspage{
  background-color: #ffffff;
  /* height: 100vh;
  overflow-y: auto; */
}
.views-template .ui-grid-viewport, .ui-grid-canvas{
  height: auto !important;
}
.views-template .ui-grid-pager-panel{
  position: relative !important;
}
/* .formly-field.formly-field-ui-report-grid{
  margin-right: 0px !important;
  padding-left: 0px !important;
} */
.next-button, .prev-btn{
  display: flex;
  align-items: center;
}
.next-button span:nth-child(1),
.prev-btn span:nth-child(1){
  margin-right: 2px;
}
.ileap-dc .newuigridpanel{
  bottom: 0px !important;
  padding-bottom: 5px !important;
}
.ui-grid-render-container {
    border: 1px solid #d4d4d4;
}
.userformgrid.ui-grid{
  max-width: 100% !important;
  height: 100%;
}
.ui-grid-top-panel{
  background: none !important;
  background-color: #ffffff !important;
  overflow: visible !important;
}
.ui-grid-render-container-body .ui-grid-viewport {
    overflow: hidden !important;
    overflow-x: auto !important;
}

.views-template .ui-grid-render-container-body .ui-grid-viewport {
  overflow: hidden !important;
  overflow-x: hidden !important;
}

.ui-grid-viewport {
    width: 100% !important;
}
.ui-grid-render-container-body .ui-grid-viewport {
    height: 100% !important;
}
.ui-grid-pager-panel{
  width: auto !important;
}
.ui-grid-header-cell .ui-grid-cell-contents{
  white-space: normal !important;
  text-overflow: inherit !important;
}
[class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
    font-family: "ui-grid";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 18px !important;
     margin-right: 0em !important;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 0em !important;
   margin-left: 0em !important;
}
.btn-link-text{
  box-shadow: none !important;
  background-color: #ffffff !important;
  text-decoration: underline;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.formly-field.formly-field-group{
  margin-right: 0px !important;
}
/*
.activity-calendar .has-header{
  margin-top: 25px;
} */
.activity-calendar .content-block{
  height:100%;
  overflow-y: auto;
  padding-bottom: 20px;
}

.searchbar.slidesearchbar{
  max-width: 150px;
}
.ui-grid-pager-row-count-picker{
  display: flex;
  align-items: center;
}
.ui-grid-pager-row-count-label{
  margin-left: 5px !important;
}
.repeatsectionstyles .repeatsection .formly{
  width: auto !important;
  flex: 1;
}
/* pos_styles.css */
/* .views-pos{
  padding-top: 15px;
} */

.newgridui .ui-grid-cell, .ui-grid-header-cell{
  border-bottom: 1px solid #dadada !important;
}
.grid-ui-control{
  display: flex !important;
  margin-bottom: 20px !important;
}
.exportdiv{
  display: flex !important;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 10px;
}
.exportaddbtns.viewspage{
    order: 5;
    margin-left: 0px;
    margin-left: auto;
        right: 10px;
        z-index: 99;
        /* top: 30px; */
        margin-top: 15px;
        margin-bottom: 10px;
}
.newgridui .modulebtnewui{
    position: static !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

}
.custom-csv-link-location{
    display: none;
}
.filtersrow{
    align-items: center !important;
}
#custom-search-input{
    margin-left: 0px !important;
    width: auto !important;
}
#custom-search-input .input-group{
    display: block;
}
#custom-search-input input {
    box-shadow: none !important;
    border: 1px solid #d8d7d7 !important;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #ffffff;
    max-width: 175px;
}
#custom-search-input .input-group .searchbar-container{
    display: flex;
    align-items: center;
}
#custom-search-input .input-group .searchbar-container input[type="text"]{
  padding-bottom: 5px;
}
.webmode .scroll, .webmode .lessonindexbg, .webmode .content-block{
  background-color: #ffffff !important;
  min-height: 100vh;
}
.webmode .content-block.assessmenttool{min-height: auto !important;}
.viewformdata .content-block{
  /*min-height: 100vh;*/
  overflow-y: auto;
}
.viewformdata .viewform-content-inner{
  overflow: hidden;
  padding-bottom: 55px;
}
.all{
   font-family: 'Roboto', sans-serif;
  margin-left: 0px !important;
  font-size: 14px;
}
.adsearch{
  text-transform: uppercase;
  font-size: 13px;
   font-family: 'Roboto', sans-serif;
}
.ui-grid-pager-max-pages-number{
  position: relative;
}
.ui-grid-pager-container{
  align-items: center;
}
.ui-grid-pager-panel.newuigridpanel{
  border-top: 1px solid #e2e2e2;
  padding-right: 0px;
  padding-left: 0px !important;
}
.registrationpopup{
  z-index: 99;
  min-width: 40%;
  padding:15px;
}
.lookuppopupview.lookupcustomstyles .registrationpopup{
  z-index: 99;
  min-width: 40%;
  max-width: 60%;
  padding:15px;
}

.lookuppopupview.lookupcustomstyles .registrationpopup .popup_container .closebtn {
    position: absolute;
    right: 20px !important;
    top: 10px !important;
    color: #d25050;
    font-size: 30px;
    z-index: 9;
}
.inputlookup .customlookupbtn{
  height: 35px !important;
}

.registrationpopup .userformgrid.ui-grid{
  margin:auto;
}
.registrationpopup .closebtn{
    position: absolute;
    right: -5px !important;
    top: -15px;
    color: #d25050;
    font-size: 30px;
}

.ui-grid-header-cell{
  border: none;
}
.ui-grid-cell{
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #e2e2e2;
}
.ui-grid-header{
  border-bottom: 0px !important;
   font-family: 'Roboto', sans-serif;
}
.ui-grid-render-container{
  border: none !important;
   font-family: 'Roboto', sans-serif;
}
.pos-report-table{
  max-width: 735px;
  margin: auto;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    border-radius: 6px;
     font-family: 'Roboto', sans-serif;
    overflow: auto;
    margin: 15px;
    white-space: nowrap;
}

.views-pos-reports{
 min-height: 100vh;
 background-color: #ffffff;
}
.views-pos-reports table{
  margin-bottom: 0px !important;
}
.views-pos-reports table th{
   font-family: 'Roboto', sans-serif;
  padding-top: 0px;
  vertical-align: middle !important;
}

.pos-reports-filters{
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.pos-reports-filters input{
  padding: 4px 10px;
  border:1px solid #cccccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.crops-selection{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 10px;
}
.crops-selection .select-lable{
  font-size: 14px;
  margin-right: 6px;
}

.crops-selection select{
   padding: 4px 10px !important;
  border:1px solid #cccccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.questioncount{
float: none !important;
}
.lessonlabel .item-radio .item-content{
  padding-right: 10px !important;
}

.repeatsection .addfieldclose {
    top: 55px !important;
    margin-right: 0px;
}
.repeatsection{
  margin-bottom: 0px !important;
  padding: 0 10px !important;
}
.forms .repeatsectionstyles .repeatsection{
   padding: 0 0px !important;
}
.emptydiv {
    width: 0 !important;
    height: 0 !important;
    padding-left: 10px;
    /* position: relative;
    top: 4px; */
}
.aacoaching .md-datepicker-input-container input {
    border: dashed 1px #10b872 !important;
}
/* pos_styles.css end */
.ileap-dc .newuigridpanel{
  padding-right: 0px !important;
}
.ileap-dc .newuigridpanel{
  padding-bottom: 0px !important;
}
.ui-grid-pager-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.pmsdataform.addfarmerreg .modal-popup-close-btn {
    background: #F44336 !important;
    width: 30px !important;
    height: 30px !important;
}
.registrationpopup{
  min-height: 320px !important;
  overflow-y: auto;
}
.registrationpopup{
  background:transparent !important;
}
.registrationpopup .popup_container{
  background: #ffffff !important;
  padding:20px 20px 20px 20px;
  min-height: 315px;
  overflow-y: auto;
  border-radius: 4px;
}
.addfarmerreg .popuptitlename{
  margin-bottom: 20px !important;
}
.repeatsectionlegend .select2-container .select2-choice{
  padding-left: 5px !important;
}
.custom-view-form .card{
  margin-left: 0px;
  margin-right: 0px;
}
.custom-view-form .formly-field.formly-field-ui-report-grid{
  padding-left: 0px !important;
}
.sync-split{
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sync-split .sync-left,
.sync-split .sync-right{
  flex: 1;
}
.popupfields.popupfieldsnewui .formly-field.flex-1.formly-field-input{
  /* position: relative; */
}
.bottom-space-50{
  margin-bottom: 50px;
}
.views-template .form-group{
  margin-bottom: 0px !important;
}
.courselangdiv{
  position: relative;
    top: 0px;
}
.customfilters .collapse.in .popupfields.popupfieldsnewui{
  width: 100%;
}
.titlequestion fieldset p span{
  font-style: italic;
  opacity: 0.6;
  font-size: 12px;
}
.emptyradio{
      border: dashed 1px #14a267 !important;
      cursor: not-allowed;
      width: 100%;
      border-radius: 10px;
      margin-right: 5px;
      height: 30px;
}
.nocontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
      position: relative;
      /* top: -10px; */
}
.norecords-img{
  width: 100px;
  height: 100px;
  text-align: center;
  display: block;
}
.norecords-img img{
  max-width: 100%;
  height: auto;
  margin:auto;
}
.ileap-dc .actions-grid-cell{
  margin-top: -25px !important;
  width: auto !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.ileap-dc .actions-grid-cell{
  min-height: 33px;
}
.ileap-dc .iconsholder{
  margin:0 15px;
  font-size: 16px;
}
.ileap-dc .iconsholder i{
  font-size: 15px !important;
}
.ileap-dc .iconsholder p{
  display: none;
}
.left-menu-container .card .item{
  position: relative;
}
.download-updates{
     position: absolute;
    right: -10px;
    top: -10px;
    /* color: #0b1f8e;
    background: rgba(63, 81, 181, 0.16); */
        color: #085434;
    background: rgba(20, 162, 103, 0.33);
    padding: 14px 4px 0 0px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.download-updates i{
     font-size: 25px;
}
.ui-grid-viewport {
  overflow-anchor: none !important;
}
/* .globalfeedback .scroll{
  margin-top: 50px !important;
}  */
.progress .progress-bar {
    background: #10b872 !important;
    border-radius: 2px;
}
/* .breathanim{
 -webkit-animation: breathing 7s ease-out infinite normal;
    animation: breathing 2s ease-out infinite normal;
}


@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
} */

/* .progress-primary{
  width: 200px;
  height: 200px;
  border-radius: 100%;
  background-color:#d8dae5;
} */
.sync-progress-container{
  width: 100%;
}
.sync-progress-container .tooltip-inner{
  width: 50px;
}
.progress.red-progress{
  background-color: #d8dae5 !important;
}
.progress-bar.red-progress-inner{
  background-color: #cb406c !important;
}
.progress-horizontal{
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.progress-horizontal .barWrapperinner{
  margin-top: 40px;
}
.sync-title{
  padding-left: 13px !important;
   font-family: 'Roboto', sans-serif;
  margin-bottom: 0px !important;
  position: relative;
  top: 5px;
  padding-top: 5px;
}
.sync-title img{
  margin-right: 5px;
  position: relative;
  top: -3px;
}
.progressText{
  font-size: 13px;
   font-family: 'Roboto', sans-serif;
  color: #6d6d6d;
}
.sync-pop-header{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 15px;
    padding: 15px 0px 3px 18px;
    border-bottom: 1px solid #e6e6e6;
}
.sync-pop-title h3{
  font-size:16px !important ;
   font-family: 'Roboto', sans-serif;
  color: #000000 !important;
}
.sync-gif{
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  display: inherit;
}
.sync-animation{
  margin-bottom: 20px;
}
.sync-animation-inner{
  width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-around;
}
.sync-right-img{
    position: relative;
    z-index: -1;
}

.sync-left-image{
max-width: 80px;
}
.sync-middle-img{
  max-width: 250px;
  height: 25px;
  position: relative;
  top: -5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.sync-right-img{
  max-width: 100px;
}
.custom-trans{
    max-width: 231px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 98px;
}
.movingfile{
  position: relative;
  animation: filetransfer 3s infinite ease-in-out;
  -webkit-animation: filetransfer 3s infinite ease-in-out;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
  font-size: 30px;
  color: #3f51b5;
}

@keyframes filetransfer{
  0%{left:0%; top:0px; opacity: 0.1; font-size: 1rem;}
  50%{top: -30px; opacity: 1; font-size:2rem;}
  75%{top: -30px; opacity: 1; font-size:2rem;}
  100%{left:100%; top: 0px; opacity: 0.1; font-size: 1rem;}
}
@-webkit-keyframes filetransfer{
  0%{left:0%; top:0px; opacity: 0.1; font-size: 1rem;}
  50%{top: -30px; opacity: 1; font-size:2rem;}
  75%{top: -30px; opacity: 1; font-size:2rem;}
  100%{left:100%; top: 0px; opacity: 0.1; font-size: 1rem;}
}
.popup-container{
  z-index: 99999 !important;
}
.popup-container .popup, .popup-container .popup-body{
  border-radius: 6px;
}
.profile .tab-ecd{
  overflow: hidden;
}
.profile.customscroll .tab-ecd{
  margin-bottom: 0px !important;
}
.new--updates{
  position: absolute;
  bottom: 0px;
  background-color: rgba(20, 162, 103, 0.31);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer;
  animation: showupdate 1s ease-in-out;
}
.new--updates span{
  margin-top: 0px !important;
}
.new--updates span:nth-child(1){
  color: rgba(7, 97, 59, 0.78);
  font-size: 11px !important;
  margin-right: 10px;
}
.new--updates i{
  color: #034c2e;
  font-size: 18px;
}
.popuptitle{
  font-size: 15px !important;
  line-height: 18px !important;
}
@keyframes showupdate{
  0%{transform:translateY(17px);}
  100%{transform:translateY(0px);}
}
.popup .popup-buttons button{
  margin: 0 10px !important;
  min-width: 80px !important;
}
.closeaddimage i{
  position: relative;
  font-size: 20px !important;
}
.closeaddimage i:after{
  content: "";
  position: absolute;
  top: -10px;
  right: -20px;
  bottom: -10px;
  left: -20px;
}
.modal-popup-close-btn{
  position: relative;
}
.modal-popup-close-btn:after{
  content: "";
  position: absolute;
  top: -10px;
  right: -20px;
  bottom: -10px;
  left: -20px;
}
.db-container{
  padding-top: 75px;
  padding-left:auto;
  padding-right: auto;
  background-color: #ffffff;
}
.top-row-option{
  margin-top: 20px;
}
.db-card-row{
  display: flex;
  flex-direction:row;
  margin-bottom: 10px;
  margin-right: 15px;
}

.db-card-main{
  width: 33%;
  margin-bottom: 15px;
}
.db-card{
  background-color: #ffffff;
  min-height: 120px;
  margin: 0 15px;
  padding: 10px 10px 10px 10px;
  position: relative;
  /* box-shadow: 0 2px 2px rgba(0,0,0,.24), 0 0 2px rgba(0,0,0,.12); */
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  width: 91%;
}
.db-card-icon-holder{
  width: 35px;
  height: 35px;
  margin-bottom: 10px;
}
.db-card-icon-holder img{
  max-width: 100%;
  height: auto;
}
.db-card-primary-title{
   font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-size: 14px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.card-color-one{
  background-color: #4d54e1;
}
.card-color-two{
  background-color:#e0b216;
}
.card-color-three{
  background-color: #ff5668;
}
.card-color-four{
  background-color: #41d5e2;
}
.card-color-five{
  background-color: #009688;
}
.db-card-top-content{
      display: flex;
    justify-content: flex-start;
    align-items: baseline;
    flex-direction: column;
}
.db-card-bottom-content{
 display: flex;
 align-items: baseline;
 justify-content: flex-start;
 /* background-color: rgba(255, 255, 255, 0.25); */
 margin:0 -10px;
 padding:6px 10px 0px 10px;
 line-height: 18px;
}
.total-count{
  font-size: 18px;
  font-weight: 500;
  font-family: 'Oswald', sans-serif;
  color: #ffffff;
}
.currency-name{
  color: #ffffff;
  opacity: 0.6;
  position: relative;
  top: -2px;
   margin-right: 5px;
}
.ext-link-icon{
  background-color: rgba(255, 255, 255, 0.26);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  display: none;
}
.ext-link-icon{
  font-size: 15px;
}
.db-category-row{
  margin-left: 15px;
  margin-right: 15px;
}
.db-category-row-inner{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.db-category-row-inner .cat-item{
  margin-right: 10px;
  margin-bottom: 15px;
  font-size: 18px;
}
.card-item-title{
   font-family: 'Roboto', sans-serif;
  font-size:16px;
  margin-bottom: 18px;
}
.card-item-sub-item{
  display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: rgba(203, 255, 233, 0.06);
    padding: 3px 10px;
    border-radius: 18px;
    border: 1px solid #10b872;
}
.card-item-sub-item img{
  margin-right: 5px;
}
.card-item-content-title{
  font-size: 13px;
    font-family: 'Roboto', sans-serif;
   color: #0d8050;
   line-height: normal;
}
.card-item-sub{
  margin-top: 10px;
  margin-bottom: 10px;
}
.card-item-sub-inner{
  display: flex;
  margin-bottom: 25px;
}
.card-item-sub-item{
  margin-right: 10px;
}
.card-item-sub-title{
  font-size: 14px;
    font-family: 'Roboto', sans-serif;
   margin-bottom: 10px;
}
.default-flex-row{
  display: flex;
}
.card-item-sub-inner .card-item-sub-item{
  margin-right: 20px;
}


.pos-db-container{
  position: relative;
}
.pos-db-row{
  display: flex;
  flex-wrap: wrap;
}
.top-btns-row{
  display: flex;
  margin-bottom: 15px;
  box-shadow: 2px 1px 6px 1px #bfbfbf;
  padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-radius: 4px;
}
.input-btns{
  margin-right: 8px;
}
.input-btns h4{
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
.outline-btn{
  border:1px solid;
  padding:5px 6px;
  border-radius: 4px;
  margin-right: 6px;
  background-color: transparent;
   font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  /* min-width: 90px; */
  white-space: nowrap;
}
.outline-btn img{
  margin-right: 5px;
}
.outline-green{
  border-color: #10b872;
  color: #10b872;
  /* background-color:#10b872 ; */
}
.outline-blue{
  border-color: #3f51b5;
  color:  #3f51b5;
  /* background-color:#3f51b5 ; */
}

.top-row-option{
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
}
.top-right-column{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.help-text-top{
  opacity: 0.8;
  font-size: 12px;
  margin-bottom: 6px;
  display: inline-block;
  text-align: right;
  margin-top: 10px;
}
.pos-db-left-column{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.pos-db-right-column{
  width: 100%;
  display: flex;
}
.pos-db-item{
  min-height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 2px 3px 8px 1px #bfbfbf;
  border-radius: 4px;
  margin-bottom: 15px;
}
.pos-db-body{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:10px 10px 10px 10px;
}
.pos-db-title{
  /*  font-family: 'Roboto', sans-serif; */
  /* color: rgb(140 152 169) !important; */
  color: rgb(106 104 104) !important;
}
.pos-db-count{
  /*  font-family: 'Roboto', sans-serif; */
  font-size: 12px !important;
  font-weight: 400 !important;
  color: rgb(106 104 104) !important;
}
.pos-db-count .badge{
  margin-right: 3px;
}
.pos-db-footer{
  display: flex;
}
.pos-db-footer-left, .pos-db-footer-right{
  min-height: 5px;
  flex: 1;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
}
.pos-db-footer-left{
  background-color: #eeeeee;
  padding-left: 10px;
  font-size: 12px;
}
.pos-db-footer-right{
  background-color: #ffcc57;
  padding-right: 10px;
  font-size: 14px;
   font-family: 'Roboto', sans-serif;
}
.pos-db-total-count{
    /* box-shadow: 2px 3px 8px 1px #bfbfbf; */
    background: #fff;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px;
    padding:15px 12px;
}
.pos-db-item-primary-title{
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #000000;
}
.pos-db-total-count-body{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.pos-db-total-count-inner h4{
   font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-align: center;
  margin-bottom: 5px;
  color: #000000;
}
/* .pos-db-total-count-inner,
.pos-db-farmers-count{
  flex: 1;
} */
.pos-db-total-count-inner{
      display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    box-shadow: 2px 3px 8px 1px #bfbfbf;
    padding: 7px 10px;
    border-radius: 4px;
    min-width: 178px;
}
.pos-db-total-count-inner small{
   font-family: 'Roboto', sans-serif;
  opacity: 0.8;
}
.pos-db-farmers-count{
     display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    box-shadow: 2px 3px 8px 1px #bfbfbf;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
   /* min-height: 76px;*/
    background-color: #ffffff;
}
.pos-db-farmers-count-numer{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    margin-right: 8px;
}
.pos-db-farmers-count-numer h5{
   font-family: 'Roboto', sans-serif;
  margin-bottom: 0px;
  font-size: 16px;
}
.pos-db-farmers-count-numer p{
   font-family: 'Roboto', sans-serif;
  font-size: 12px;
  opacity: 0.8;
  margin-bottom: 0;
}
.second-rwo .pos-db-item{
  width: 30%;
}

.reports-row .pos-db-item-primary-title{
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #eeeeee;
  display: flex;
  width: 100%;
  padding:10px 10px;
}

.db-reports-card{
  min-height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 2px 3px 8px 1px #bfbfbf;
  border-radius: 4px;
  margin-bottom: 15px;
  padding: 15px 10px;
}
.db-reports-count{
   font-family: 'Roboto', sans-serif;
  font-size: 16px;
}
.reports-card-left{
  margin-right: 10px;
}
.db-reports-card-title{
   font-family: 'Roboto', sans-serif;
  font-size: 12px;
}
.total-transact-bottom{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.select-year select{
  padding:3px 5px;
  border-radius: 4px;
  /* margin-left: 5px; */
}
.ksh{
  font-size: 12px;
}
.sync-pop-title{
  max-width: 85%;
}
.popup_container .imgsmall .picquiz.withimages .attachment{min-width: 40px; max-width: 40px;}
.imgsmall.formly-field-radio .onlycheckbox.optiondivs .lessonquizmain .list .item{background: none !important; width: 80px !important; height: 80px !important; background: #6B6C6D !important; border-radius: 100%;}
.imgsmall .picquiz.withimages .attachment{min-width: 50px; max-width: 50px;}
.imgsmall .picquiz.withimages .lessonlabel .attachment img{height: auto !important; border-radius: 0 !important;
 background: transparent !important; margin-top: 0 !important; padding: 0 !important;}
.imgsmall .picquiz.withimages .lessonlabel .optiontitle{display: none;}
.formly-field.imgsmall.formly-field-radio .form-group .list label{border:dashed 1px #14a267 !important; border-radius: 0;}
.imgsmall .lessonquizmain .list .item{margin-right: 0 !important;}
.imgsmall .picquiz.picturechoicediv.withimages .item-radio .radio-icon{display: none !important;}
.imgsmall .picturechoicediv .item.selectedans .radio-content .item-content{background: #5468FF !important;}
.imgsmall .mainquestioncontainer .lessonquizmain.withimages{min-width: auto; max-width: none;}
.enablehidden{display: block !important; flex-basis: 100%;}

[ng-click]{
  cursor: pointer !important;
}
.flex-row{
  display: flex;
  flex-wrap: wrap;
}
.repeatsection .genderfield .flex-row{
  display: flex;
  flex-wrap: nowrap;
}

.ileap-dc .filtersscroll .clearall {
    color: #ff0000;
     font-family: 'Roboto', sans-serif;
}
.pos-db-farmers-count-numer h4 {
    font-size: 16px !important;
    margin-bottom: 0px;
     font-family: 'Roboto', sans-serif;
}
.dncalendar-header {
    padding: 3px 0 15px 0 !important;
}
.ui-select-bootstrap .ui-select-choices-row>span div {
     font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.viewformdata .campaign-main .mainquestioncontainer.customviewform{
  margin-top: 5px !important;
}
.training_remarks_title{
  margin-top: 15px;
}
.containerholder{
  margin-top: 10px;
}
.lesson-content-warpper{
  overflow-y: auto;
}
.download-btn{
  background-color: #ffffff;
  border: none;
  position: relative;
  top: -1px;
}
.download-btn img{
  width: 25px;
  height: 25px;
}
/* .sessionprogress span{
   font-family: 'Roboto', sans-serif;
} */


.btn-circle-download {
  position: relative;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background: #E8EAED;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease;
}
.btn-circle-download:after {
  content: "";
  position: relative;
  display: block;
  width: 200%;
  height: 100%;
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
  transform: translateX(-100%);
}
.btn-circle-download svg {
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.btn-circle-download svg#border {
  position: absolute;
  top: 0;
  left: 0;
  stroke: none;
  stroke-dasharray: 144;
  stroke-dashoffset: 144;
  transition: all 0.9s linear;
}
.btn-circle-download svg#arrow {
  position: absolute;
  top: 5px;
  left: 5.5px;
  stroke: #9098A9;
  transition: all 0.2s ease;
  stroke-width: 4;
}
.btn-circle-download svg#check {
  position: absolute;
  top: 5px;
  left: 5px;
  stroke: #10b872;
  transform: scale(0);
  stroke-width: 4;
}
.btn-circle-download:hover {
  /* background: rgba(0, 119, 255, 0.2); */
}
.btn-circle-download:hover #arrow path,
.btn-circle-download:hover #arrow polyline {
  stroke: #10b872;
}
.btn-circle-download.load {
  background: rgba(164, 166, 168, 0.2)
}
.btn-circle-download.load #arrow path,
.btn-circle-download.load #arrow polyline {
  stroke: #767978;
}
.btn-circle-download.load #border {
  /* stroke: #10b872; */
  stroke-dasharray: 144;
  stroke-dashoffset: 0;
}
.btn-circle-download.done {
  background: #E8EAED;;
  animation: rubberBand 0.8s;
}
.btn-circle-download.done:after {
  transform: translateX(50%);
  transition: transform 0.4s ease;
  transition-delay: 0.7s;
}
.btn-circle-download.done #border,
.btn-circle-download.done #arrow {
  display: none;
}
.btn-circle-download.done #check {
  transform: scale(1);
  transition: all 0.2s ease;
  transition-delay: 0.2s;
}

@keyframes rubberBand {
  from {
    transform: scale(1, 1, 1);
  }
  30% {
    transform: scale3d(1.15, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.15, 1);
  }
  50% {
    transform: scale3d(1.1, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.credit {
  position: fixed;
  right: 20px;
  bottom: 20px;
  transition: all 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.6;
}
.credit img {
  width: 72px;
}
.credit:hover {
  transform: scale(0.95);
}
.download-text{
 font-size: 11px;
    margin-left: auto;
     font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.50);
    line-height: normal;
}
.downloaded-text{
 font-size: 11px;
    margin-right: 5px;
    margin-left: auto;
     font-family: 'Roboto', sans-serif;
    color: rgba(0, 0, 0, 0.50);
}
.lessonquizholder{
  padding: 20px;
}
.btn_download_div {
  position: relative;
}
.btn_download_div::after{
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .mainquestioncontainer {
  margin-bottom: 0px !important;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .mainquestioncontainer .showlabel{
  padding-left: 2px !important;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .lessonlabel .item-radio .item-content {
    font-size: 14px !important;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px 30px 8px 10px !important;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .lessonlabel .questionquestion{
  color: #fff !important;
  font-size: 18px !important;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .lessonnewquizstyles .mainquestioncontainer .showlabel label span{
  color: #fff;
  text-transform: capitalize;
  font-size: 24px;

}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .formly-field {
  margin: 0 0px !important;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles{
  overflow-y: auto;
}

#custommmoverlay .videoquizcontainer.iframeclass .popquiz .onlycheckbox .item-radio input:checked+.radio-content .item-content {
    background: #ffffff ;
}
#custommmoverlay .videoquizcontainer.iframeclass .popquiz .dynamicprofilepage.lessonnewquizstyles .item-radio .radio-icon{
  display: block !important;
  color: #10b872;
  font-size: 20px;
}


#custommmoverlay .video_simulation_div .dashboard.mycustomlesson .popquiz .dynamicprofilepage.lessonnewquizstyles .item-radio .radio-icon{
  display: none !important;
}
#custommmoverlay .video_simulation_div .dashboard.mycustomlesson .popquiz .dynamicprofilepage.lessonnewquizstyles .item-radio input:checked + #custommmoverlay .video_simulation_div .dashboard.mycustomlesson .popquiz .dynamicprofilepage.lessonnewquizstyles .radio-content .radio-icon{
  visibility: hidden;
}

.iframeclass .lessonsubmitbutton{
  margin: 0px !important;
}
.globalfeedback .resp-table-row .table-body-cell input {
    opacity: 0;
    position: relative;
    z-index: 999999;
    cursor: pointer;
}
.md-padding.facilitators._md .paginationselect .pagination li a{
  padding:0 8px;
}
/* .card .item:last-child{
  margin-bottom: 10px !important;
} */
.sarathi-db .dashboardicons{
  left: 0;
  right: 0;
}
.db-card-title{
  font-size: 20px;
     font-family: 'Roboto', sans-serif;
    color: #fff !important;
    display: block;
}

.mentor_dashboard_inner .box_0 .card{
background-color: #205c9b;
}
.mentor_dashboard_inner .box_1 .card{
  background-color: #5ba477;
}
.mentor_dashboard_inner .box_2 .card{
  background-color: #b06c57;
}
.mentor_dashboard_inner .box_3 .card{
  background-color: #7581bd;
}
.mentor_dashboard_inner .box_4 .card{
  background: #aeb33b !important;
}
.mentor_dashboard_inner .box_5 .card{
  background:#402b56 !important;
}
.mentor_dashboard_inner .box_6 .card{
  background-color:#1f396d!important;
}
.mentor_dashboard_inner .box_7 .card{
  background-color:#f58533!important;
}
.mentor_dashboard_inner .box_8 .card{
  background-color:#205c9b !important;
}
.mentor_dashboard_inner .box_9 .card{
  background-color: #5ba477 !important;
}
.mentor_dashboard_inner .box_10 .card{
  background-color:#b06c57 !important;
}




.mentor-circles-cards .mentor_circle_cards .card .card-body {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50% !important;
    margin: 15px auto !important;
    box-shadow: 0 0 15px rgba(130, 130, 130, 0.25) !important;
}
.mentor-circles-cards .mentor_dashboard_inner .card .card-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 2rem !important;
    background-color: #ffffff !important;
}
.mentor-circles-cards .mentor_dashboard_inner .card {
    width: 100% !important;
    margin: 15px 10px !important;
    display: flex;
    flex-direction: column !important;
}
.mentor-circles-cards .mentor_circle_cards .card span {
    font-size: 18px;
     font-family: 'Roboto', sans-serif;
    color: #343434 !important;
}
.trainerdashboard.mentor-circles-cards  .card-body {
    flex: auto !important;
}

.notification {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0.6em;
    width: 30px;
    height: 30px;
    background: rgba(16, 184, 114, 0.15);
    border-radius: 100%;
    font-size:16px;
}

.notification::before{
    color: #10b872;
}

.notification::after {
    color: #fff;
}

.notification::before {
    display: block;
    content: "\f0f3";
    font-family: "FontAwesome";
    transform-origin: top center;
    position: relative;
    /* top: -23px;
    left: -3px; */
}
/*.trainerdashboard.sssales.sub-category .notification::before{top: -30px;}*/
.views-template .notification::before {

    position: relative;
    /* top: -8px;
    left: -3px; */
}

.notification::after {
   font-family: 'Roboto', sans-serif;
    font-size: 10px;
    position: absolute;
    top: -10px;
    right: -13px;
    border: 2px #fff solid;
    border-radius: 50%;
    background: #10b872;
    opacity: 0;
    content: attr(data-count);
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    transition: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
        width: 25px;
    height: 25px;
        display: flex;
    justify-content: center;
    align-items: center;
}

.notification.notify::before {
    -webkit-animation: ring 1.5s ease;
    animation: ring 1.5s ease;
}

.notification.show-count::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.content-card-bottom{
  margin-top: 5px;
}
.content-card-bottom h2{
font-size: 24px;
 font-family: 'Roboto', sans-serif;
margin-bottom: 0px;
}
.content-card-bottom h5{
  font-size: 12px;
   font-family: 'Roboto', sans-serif;
  margin-bottom: 0;
  text-transform: uppercase;
}
.content-card-bottom .devider{
  border-right: 1px solid rgba(255, 255, 255, 0.25);
  display: none;
}
.content-landing .card .headdesc h4{
  font-size: 24px;
}
.content-landing .mentor_dashboard_inner .card{
  min-height: 200px;
  max-height: 200px;
}
.content-landing .mentor_dashboard_inner .card img{
  width: 100% !important;
  height: 200px;
    object-fit: cover;
}
.content-landing .mentor_dashboard_inner .card img{
  margin-bottom: 0px !important;
}
.content-landing .mentor_dashboard_inner .card .card-img-overlay {
        background-color: rgba(7, 45, 9, 0.48);
}
.img-overlay-content{
  border-left: 4px solid;
    padding: 0 15px 6px 15px;
    margin:20px 25px;
}
.green-border{
  border-color: #009688;
}
.blue-border{
  border-color: #00a0ff;
}
.yellow-border{
  border-color: #ffc107;
}
.takesignature .titlequestion{
  border: 1px dashed #10b872;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  height: 135px;
  border-radius: 4px;
   font-family: 'Roboto', sans-serif;
}
.takesignature .titlequestion h2{
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: normal;
  text-align: center;
}
.takesignature img{
    margin: 5px 0 0 0 !important;
    color: #333333;
    border: none !important;
    background-color: #f3f3f3 !important;
    border-radius: 4px !important;
}
.takesignature input{
  display: none;
}
.askquestionpopup#signature-pad {
    padding: 15px !important;
    background: #fff !important;
    overflow: auto;
    z-index: 99;
}
.lessonmentorship .askquestionpopup {
    position: relative;
    width: 90% !important;
    margin: auto;
    margin-top: 15px;
}
.takesignappsign{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.takesignappsign .button-bar.takesign,
.takesignappsign .button-bar.appsign{
 flex-basis: 0 !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}
.takesignappsign .button.button-energized{
  flex-basis: auto !important;
  flex-shrink:0 !important;
  flex-grow: 0 !important;
  color: #ffffff !important;
  min-height: 35px !important;
  line-height: 35px !important;
}
.button-bar.takesign .button-energized{
  background-color: #039a5e !important;
  width: auto !important;
}
.button-bar.appsign .button-energized{
  background-color: #ffffff !important;
  color: #039a5e !important;
   font-family: 'Roboto', sans-serif;
  width: auto !important;
}

.custom.closepoll{
  position: absolute;
  right: 15px !important;
  top: 0px;
  font-size: 25px;
  color: #ea5757;
}

.filtersscroll .card .card-header button.viewsmdlbtn{
  background-color: #10b872 !important;
  display: flex;
  align-items: center;
}
.modulebtnewui i{
    font-size: 15px;
    line-height: 0;
    color: #ffffff;
    background-color: #0cad6d;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 5px 4px;
    display: inline-block;
    margin-right: 5px;
}
.lessonnewquizstyles .imgsmall .form-group .picquiz.lessonquizmain.picturechoicediv.withimages .card .item,
.lessonnewquizstyles .imgsmall .form-group .picquiz.lessonquizmain.picturechoicediv.withimages .card{
  margin: 0px !important;
  box-shadow: none !important;
  background-color: transparent !important;
}
.lessonnewquizstyles .imgsmall .form-group .picquiz.lessonquizmain.picturechoicediv.withimages .card .item:last-child{
  margin-bottom: 0px !important;
}
.lessonnewquizstyles .imgsmall .form-group .picquiz.lessonquizmain.picturechoicediv.withimages .answer{
  display: none !important;
}
.lessonnewquizstyles .imgsmall .form-group .picquiz.lessonquizmain.picturechoicediv.withimages .card label {
  display: inline-block !important;
  padding: 0 !important;
  color: #666666 !important;
}
.lessonnewquizstyles .imgsmall .onlycheckbox.optiondivs .picturechoicediv.withimages .card .item img{
  width: 30px !important;
}
.lessonnewquizstyles .imgsmall .onlycheckbox.optiondivs .picturechoicediv.withimages .selectedans{
  background-color: #10b872 !important;
  border-radius: 4px !important;
}
.lessonnewquizstyles .imgsmall .onlycheckbox.optiondivs .picturechoicediv.withimages .card .item h4,
.lessonnewquizstyles .imgsmall .onlycheckbox.optiondivs .picturechoicediv.withimages .card .item input{
  display: none !important;
}
.registartionpic img{
  max-width: 100%;
  height: auto;
}
/* .course_new_ui .notification::before{
  top: -23px;
} */
.course_new_ui .notification{
  margin-right: 15px;
}
.ratingfeedback.sendfeedback .custommobileview {
    width: 100%;
    margin: auto;
    background: #10b872;
    padding: 20px 0;
    border-radius: 10px;
}
.congratsbtn {
    width: 40px;
    margin-bottom: 20px;
}
.ratingfeedback .feedbacknote, .correctwrongans .feedbacknote {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
     font-family: 'Roboto', sans-serif;
}
.lookupstyles.customlookup .item-inputtacked-label .right-label{
   font-family: 'Roboto', sans-serif;
  margin-bottom: 10px !important;
  display: block;
}
.lookuppopupview.lookupcustomstyles .registrationpopup .popup_container .gridview .userformgrid .ui-grid-cell{
  border-right: 0px !important;
}
.lookuppopupview.lookupcustomstyles .registrationpopup .popup_container .gridview .userformgrid .ui-grid-cell-contents{
  padding: 5px !important;
}

.lookuppopupview.lookupcustomstyles.newgridui .ui-grid-pager-container{
  padding-left: 10px;
  padding-right: 10px;
}

.lookuppopupview.lookupcustomstyles.newgridui .ui-grid-pager-panel{
  position: relative !important;
  right: 0px !important;
}
.lookuppopupview.lookupcustomstyles.newgridui .ui-grid-pager-row-count-picker{
  border: none !important;
}
.formly-field-matchoption .matchoptionsmain .header h2{
  font-size: 14px !important;
}
#boxcard div{
  width: 100px !important;
  height: 100px !important;
}
.quiz-wrapper .answers .target {
    display: inline-block;
    width: 100px !important;
    height: 100px !important;
}
.quiz-wrapper ul.options li.option{
  width: 100px !important;
  height: 100px !important;
}

.print_pdf{
  display: flex;
  justify-content: flex-end;
  background-color: #ffffff;
  border: none;
  color: #10b872;
  margin-left: auto;
  margin-right: 10px;
  margin-bottom: 5px;
}
/* .vjs-big-play-button{
  z-index: 99999 !important;
} */

.hidebigplaybutton {
  display: none !important;
}

.showbigplaybutton {
  display: block !important;
  z-index: 99999;
}

/* .parentvideo.video-js.vjs-default-skin.vjs-paused .vjs-big-play-button {display:block !important;z-index: 99999 !important;} */
.childvideo .video-js.vjs-default-skin.vjs-paused .vjs-big-play-button {
  display:none !important;
}

.ipdashboard .ipdashboardcontainer .assesment_area h4{font-size: 16px; line-height: 18px; margin-bottom: 0;  font-family: 'Roboto', sans-serif;}
.ipdashboard .ipdashboardcontainer .assesment_area .assesment_inner .assesment_progress{margin-top:10px;}
.ipdashboard .ipdashboardcontainer .assesment_area .assesment_inner .learning_modules{align-items: flex-start;}
/* .ipdashboard .ipdashboardcontainer .assesment_area .assesment_inner .learning_modules .progress_circle{height: 50px; width: 50px; line-height: 45px;} */
.view-form-data-btns{
  top: 10px;
}
.select-year select{
  background-color: #ffffff !important;
}
.viewformdisrow .mainquestioncontainer{
  margin-bottom: 0px !important;
  padding: 8px 0 0 0 !important;
}
.ng-toast.ng-toast--top, .ng-toast.ng-toast--top .ng-toast__list {
    top: auto;
    bottom: 0;
}
.progress .bg-warning {
    background-color: #ffc107 !important;
}
.sarathi-dashboard h6,
.mcrp_dashboard h4{
   font-family: 'Roboto', sans-serif;
}
.mcrp_dashboard .card-header  h5{
   font-family: 'Roboto', sans-serif;
  color: #333333;
  font-size: 16px;
}
.mcrp_dashboard .left-count h4{
   font-family: 'Roboto', sans-serif;
  font-size: 18px;
}
.mcrp_dashboard .training-summary-info h6{
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
  opacity: 0.8;
}
.mcrp_dashboard h6{
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #000000;
}
.mcrp_dashboard .primary-title{
  font-size: 18px;
}
.mcrp_dashboard .secondary-title{
   font-family: 'Roboto', sans-serif;
    color: #333333;
    font-size: 16px;
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
}
.mcrp_dashboard .pos-db-farmers-count{
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.mcrp-db-table th{
   font-family: 'Roboto', sans-serif;
  color: #000000;
}
.sociallogins a.facebook {
    background: #6176e6 !important;
}
.loginor {
    text-align: center;
    margin-top: 0px;
    width: 100%;
    color: #1d1b1b !important;
}
/* .onboard.onboardnew .newdesign02 .scroll{
  padding-top: 0px !important;
} */
.onboard.onboardnew .newdesign02 .button-ecd-join{
  border-radius: 10px !important;
}
.maximize-image .popup-buttons{
  position: absolute !important;
  bottom: inherit !important;

}
.learner-profile-info article{
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
}
.learner-profile-image{
  width: 70px;
  height: 70px;
}
.learner-profile-info article p,
.learner-profile-info article samp{
  margin-bottom: 0px;
  font-style: normal;
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
  flex:1;
}
.learner-profile-info article p{
  opacity: 0.5;
  text-align: left;
}
.learner-profile-info article samp{
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.learner_oneview h4,
.learner_oneview h5,
.learner_oneview h6,
.learner_oneview p{
 font-family: 'Roboto', sans-serif;
}

.row-one h6,
.row-two h6{
   font-family: 'Roboto', sans-serif;
}
.row-one h6{
  font-size: 12px;
}
.row-one h5{
  font-size: 14px;
}
.row-two h6{
  opacity: 0.8;
}
.row-one img{
  right: 0px;
  top:0px;
}

.completed-percent{
  background-color: rgba(16, 184, 114, 0.25);
  border-radius: 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #09a765;
  padding-left: 5px;
  padding-right: 5px;
}
.completed-percent span{
   font-family: 'Roboto', sans-serif;
  font-size: 11px;
}
.row-two .badge{
  font-size: 12px !important;
}
.oneview-title{
  font-size: 18px;
   font-family: 'Roboto', sans-serif;
  color: #333333;
  position: relative;
}
.baseline-icon{
  border-radius: 50%;
  padding:5px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
}
.baseline-icon i{
  font-size: 16px;
}
.baseline-icon.blue-bg{
 background-color: rgba(0, 123, 255, 0.25);
  color:#007bff ;
}
.baseline-icon.green-bg{
 background-color: rgba(40, 167, 69, 0.25);
  color:#28a745 ;
}
.baseline-icon.red-bg{
 background-color: rgba(220, 53, 69, 0.25);
  color:#dc3545;
}
.left-colum-info article samp{
  flex: 2;
}

.align_width_center .theme3styles .content-block{
  margin-bottom: 0px !important;
}

.timeline{
	position: relative;
	margin: 0px auto;
	padding:20px 0;
}

.timeline:before{
	content:'';
	position:absolute;
	left:50%;
	width:2px;
	height:100%;
	background-color:#c7c7c7;
}

.timeline ul {
	margin:0;
}

.timeline ul li{
	line-height:normal;
	position:relative;
	width:50%;
	padding:20px 40px;
}

.timeline ul li:nth-child(odd){
	text-align:right;
	float:left;
	clear:both;
}


.timeline ul li:nth-child(even){
	text-align:left;
	float:right;
	clear:both;
}


.timeline ul li:before {
	content:'';
	position:absolute;
	width:20px;
	height:20px;
	background-color:#1abc9c;
	border-radius:50%;
	box-shadow: 0 0 0 6px rgba(26, 188, 156,0.4);
}

.timeline ul li:nth-child(even):before{
	left:-9px;
}

.timeline ul li:nth-child(odd):before{
	right:-11px;
}

.timeline ul li:before{
    font-weight: 900;
    font-size: 15px;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content{
	padding-bottom:10px;
}

.content h3{
	font-weight:900;
  /* color:#16a085; */
  color: #52b86a;
  margin-top: 0px;
  font-size: 16px;
}

.content p{
	margin-top:10px;
	font-size:0.86em;
  line-height:1.6em;
  margin-bottom: 0px;
}

.timeline ul li > .next{
	background:#f1c40f;
	position:absolute;
	border-radius:10px;
	box-shadow: 0 0 0 3px rgba(241, 196, 15,0.5);
	padding:4px 6px;
}
.next > h4{
  margin:0;
  font-size: 12px !important;
}

.next > h4 > a:link, .next > h4 > a:visited {color:white;}

.timeline ul li > .next:hover{background:#f39c12;}

.timeline ul li:nth-child(odd) > .next{
	top:20px;
	right:-110px;
}

.timeline ul li:nth-child(even) > .next{
	top:20px;
	left:-110px;}

@media  (max-width: 1000px){
	.timeline{
		width:100%;
	}

	.content h3{
		font-size:1.8em;
	}
	.content p {
		font-size:1.2em;
	}
}
@media  (max-width: 767px){
	.timeline{
		width:100%;
		padding-bottom:0;
	}
	.timeline:before{
		left:30px;
	}
	.timeline li:nth-child(even), .timeline li:nth-child(odd) {
		width:100%;
	}
	.content {
		top:20px;
		text-align:left;
		padding-left:50px;
    padding-bottom:50px;
    padding-top: 10px;
	}
	.timeline ul li:nth-child(odd):before, 	.timeline ul li:nth-child(even):before{
		left:22px;
	}

	.timeline ul li:nth-child(odd) .next, .timeline ul li:nth-child(even) .next{
		left:90px;
		top:20px;
		right:inherit;
	}
}
.db-footer{
  position: relative;
  z-index: 99999;
}
.bcidashboard .sub-count .numbercount{
  font-size: 16px !important;
   font-family: 'Roboto', sans-serif;
}
.bci-db-total-count{
   font-family: 'Roboto', sans-serif;
}
.db-footer{
  font-size: 12px;
  margin-bottom: 30px;
}
.cat-td-colums td:nth-child(2){
  text-align: right !important;
}
.cat-td-colums td:nth-child(4){
  text-align: left !important;
}
.genderfield .mainquestioncontainer {
    position: relative;
    top: 14px;
}
.pagination>.active>a {
    background: #10b872 !important;
    color: #fff !important;
}
.newtopicdiv .markcomplete{
right: 0px;
    top: 0px;
}
.class_specific .select_language{
  z-index: 9999;
}
.tile_view .contents .row .markcomplete i {
  background-color: rgba(21, 210, 131, 0.2) !important;
    color: #159660 !important;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    right: 8px;
    top: 5px;
    position: relative;
}
.topiccontent.tile_view.topicstemp .scroll {
    display: flex;
    flex-direction: column;
}
.notificationpage .scroll{
  display: flex !important;
  flex-direction: column;
  min-height: calc(100vh - 90px);
  margin-top: 0px !important;
}

.activity-calendar .scroll{
  display: flex;
  flex-direction: column;
  min-height: 100% !important;
  height: 100% !important;
}
/* 
.menu-open .right-side-menu{
  transform: translate3d(100%, 0px, 0px) !important;;
} */
.menu-open .right-side-menu{
  transform: translate3d(0%, 0px, 0px) !important;;
}
.payment-popup-container .text-title{
  font-size: 14px;
   font-family: 'Roboto', sans-serif;
  margin-bottom: 10px;
}
.payment-popup-container .text-description{
  font-size: 14px;
   font-family: 'Roboto', sans-serif;
  color: #000000;;
}
.payment-popup-container input[type="number"]{
  border: 1px dashed #10b872;
  padding: 0 10px;
  min-width: 80px !important;
   font-family: 'Roboto', sans-serif;
}
.payment-popup .md-icon-button{
  margin-top: 5px !important;
}
.payment-popup .md-datepicker-input-container{
  border-bottom-color: transparent !important;
}
.payment-popup-container input{
    border:1px dashed #10b872 !important;
    padding-left: 10px;
}

.close-popup{
  width: 30px;
  height: 30px;
  background-color: #f5c6bd;
  color: red;
  font-size: 25px;
  border-radius: 100%;
  border:none;
  position: absolute;
  right: 10px;
  top: 6px;
}

.payment-popup-container .md-datepicker-input{
  min-height: 34px;
}

.payment-popup-container .md-icon-button.md-button{
  margin-top: 0px !important;
}

.payment-popup-container .md-datepicker-input-container{
  border-bottom-color: transparent !important;
}


.close-popup span{
position: relative;
top: -7px;
}

.payment-popup-container .table thead th, .payment-popup-container .table tfoot td{
   font-family: 'Roboto', sans-serif;
  font-size: 14px !important;
}

.payment-popup-container .table th, .payment-popup-container .table td {
    padding: 5px 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 13px !important;
}
.payment-popup-container .table tbody td{
   font-family: 'Roboto', sans-serif;
  color: #343a40 !important;
}
.payment-popup-container .header-title{
  background: #eee;
    margin: 0 -15px;
    padding: 10px 10px;
}
.payment-popup-body{
  max-height: 450px;
}
.payment-popup-container .accordion a{
  position: relative;
}
.payment-popup-container .accordion a:after{
  content: "\f078"; /* fa-chevron-down */
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 5px;
}
.payment-popup-container .accordion a[aria-expanded="true"]:after{
  content: "\f077"; /* fa-chevron-up */
}
.product-details-container .repeatsection .emptydiv {

    margin: 6px 0px 5px 0 !important;
}
.ui-select-container.select2.direction-up .ui-select-dropdown, 
.ui-select-container[theme=select2].direction-up .ui-select-dropdown{
  top: inherit !important;
}
.slect-box-title{
  padding-right: 5px;
  font-size: 13px;
}
.views-template .select-year select {
  background-color: #ffffff !important;
  height: 23px;
  font-size: 13px;
  padding: 0px 5px !important;
}


.fixed-bottom-rounded-btn{
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50px !important;
  bottom: 15px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.grayshade-one{
  background-color: #F0F2F7 !important;
}
.coursedetails_ui .course-block.grayshade-one{
  background-color: #F0F2F7 !important;
}
.courselanding md-tabs-content-wrapper {
    margin-top: 0px !important;
}
.left-0{
  left: var(--left-0) !important;
}
.right-0{
  right: var(--right-0) !important;
}

.onboard .onboardfooter{
  min-height: auto !important;
  margin-top: 5px !important;
}
.onboard .slider-pager{
  position: static !important;
  height: auto !important;
  overflow: hidden;
}
.onboard .slider-slide img {
  width: 100%;
  max-height: 250px;
  object-fit: cover;
  object-position: 50% 0%;
}
.login_bg img{
  /* max-height: 360px; */
  max-width: 100%;
}
.onloginpage md-content{
  min-height: auto !important;
}
.menu-open .menu.menu-right{
  z-index: 1 !important;
}
.menu-open .menu-content .pane .mx-auto, .menu-open .menu-content .mx-auto{
  margin-left: auto !important;
}
.content-scrolling-main{
    background-color: #e9f1ee !important;
}
.content-scrolling{
  max-height: 460px;
    overflow-y: auto;
    padding-top: 20px;
}
.login-img-filter{
  filter: hue-rotate(250deg);
}
.theme3-footer-logos img{
  max-width: 100px;
}
fieldset.box-shadow-default{
  background-color: #ffffff;
}
.altertopics .topicicon img{
  max-height: 171px;
  object-fit: cover;
}
.form-primary-title{
  color:#10b872 !important;
}
.card-header.filter-search-header.collapsed{
    margin-bottom: -1px !important;
}
.db-footer {
      display: flex !important;
    justify-content: center;
    align-items: center;
}
.captch-control{
  max-width: 200px !important;
  position: relative;
}
.captcha-refresh{
  position: absolute;
  right: 0px;
  top:0px;
}
/* .topicicon{
  width: 70px;
  height: 70px;
} */
.lessontopics{
  float: none !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items:center;
}
/* .topicicon img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

} */
.lessonowl .lessontopics:nth-child(even){
  display: flex;
  flex-direction: row-reverse;
}
.drag_drop{
  height: 100vh;
  display: flex;
  justify-content: center;
}
.quiztemplate.interactivequiz .drag_drop .main-content .buckets .card .answer{
  top: 0px !important;
}
.kuza-quiz-control .buckets .right_bucket, .kuza-quiz-control .buckets .wrong_bucket{
margin: 20px;
}
.slideleftright .nextsvg{
  right: 15px;
}
#ffbaseline.table-custom .table td, #ffbaseline.table-custom .table thead th{
  border-left:0px !important;
  border-right:0px !important;
}
.playincreasetext{
  height: auto !important;
}
.tableprofile .table>tbody>tr>td:first-child{
  width: 50%;
}
.forms md-tab-content, .forms md-tabs-content-wrapper{
  position: relative !important;
  background-color: #ffffff;
  top: 0px !important;
}
.statictext.topicsubtopics .lessontopics:nth-child(even) img{
  margin-left: 15px;
}
/* .card-body-text{

}
.progress-container{

} */
.feedbacktext.correctwrongans {
    margin-top: 15px;
    margin-bottom: 15px;
}
.termsconditions input{
  opacity: 0;
}

.onloginpage .login{
/*  position: relative;*/
}
.onloginpage .login .content-block{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow-y: auto;
}


.termsandconditionspopup h3{
  font-size: 18px !important;
  color: #333333 !important;
   font-family: 'Roboto', sans-serif;
}
.termsandconditionspopup p{
   font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #333333;
}
.termsandconditionspopup .popup-buttons{
  position: absolute;
  top: 0px;
  bottom: auto;
  right: 0px;
}
.termsandconditionspopup .popup-buttons .button{
  min-width: 30px !important;
  margin:0px !important;
  background-color: #ffffff !important;
  color: #ff5722 !important;
  top: -10px !important;
  right: -10px !important;
}
.termsandconditionspopup .popup-body{
  background-color: #ffffff;
}
.bar.bar-footer.lesson-footer{
  display: flex;
   align-items: center;
}
.transactio-text span{
  font-size: 1.5rem;
   font-family: 'Roboto', sans-serif;
}
.file-upload {
  background-color: #ffffff;
  margin: 0 0 20px 0;
}



.file-upload-btn {
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}
input[type="file"] {  
    display: none;  
    
}  

.custom-file-upload {  
    border: 1px solid #ccc;  
    display: inline-block;  
    padding: 6px 12px;  
    cursor: pointer;  
     background-color: yellow;  
} 
.load-data-progress{
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.65);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  z-index: 99999;
}
.load-data-progress-inner{
  width: 320px;
  height: auto;
  background-color: #ffffff;
  border-radius: 6px;
}
.data-load-table .table th,
.data-load-table .table td{
  vertical-align: middle;
  line-height: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
   font-family: 'Roboto', sans-serif;
}

.data-load-table .table th{
   font-family: 'Roboto', sans-serif;
}
.data-load-content h3.data-load-title{
  color: var(--text-base-color);
   font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
}
.data-load-content .btn-success{
  background-color: var(--primary-base-color);
}
.transactio-text em{
   font-family: 'Roboto', sans-serif;
}
.onloginpage .picquiz{
  margin-right: 20px !important;
}
/* .grayshade{
opacity: 0.3;
} */
.defaultdesign .login .mainquestioncontainer{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.defaultdesign .login .module_quizz .mainquestioncontainer  input{
  margin-bottom: 0px !important;
}


.l--c--g h3{
   font-family: 'Roboto', sans-serif;
  line-height: 40px;
  opacity: 0.8;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  font-size: 35px;
}
.l--c--g img{
  margin-right: 10px;
}
.learntext{
 color: gray; 
}
.connecttext{
  color: #10b872 !important;
}
.growtext{
  color: #3f51b5;
}
.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count-numer{
  flex-direction: row;
  height: 100%;
}
.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count img{
  width: 45px !important;
  padding:5px;
}
.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count-numer span{
  margin-left: 10px !important;
}
.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count-numer p{
  margin-left: 10px !important;
}
.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count-numer h5{
  background: #ffcc57;
  padding-left: 8px;
  padding-right: 8px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count{
  align-items: center;
  padding:0px !important;
  overflow: hidden;
}

.ftma-aa-operations .transaction-summary-counts .pos-db-farmers-count-numer {
    align-items:center;
}
.value-chains-counts .pos-db-farmers-count {
  align-items: center;
  overflow: hidden;
}
.table-with-border tr th{
  font-weight: bold;
     font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding:5px 5px;
}
.table-with-border tr td{
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.table-with-border tr td{
  padding: 10px 10px 6px 10px !important;
  vertical-align: middle;
}
.table-with-border .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f7f7 !important;
}
.table-border-left{
  border-left:2px solid #dee2e6 !important;
} 
.table-border-right{
  border-right:2px solid #dee2e6 !important;
}
.growtext img{
  filter: hue-rotate(70deg);
}
.appdashstyles .pos-db-farmers-count{
  align-items: center;
}
.select2-container .select2-choice > .select2-chosen {
    color: #333;
}
.onloginpage.loginpag .select2-results li, .onloginpage.loginpag .dynamicprofilepage .select2-container .select2-choice{
  background-color: #f1f1f1 !important;
}
iframe .player .vp-controls .fullscreen{
  display: none !important;
  visibility: hidden !important;
  opacity: 0;
  
}
iframe .player .vp-controls .fullscreen .fullscreen-icon{
  display: none !important;
}
iframe .player .vp-controls .fullscreen .fullscreen-icon svg{
  display: none !important;
}

.aa-db-content-left{
  background: #ffffff;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.aa-db-content-left h3{
  margin-bottom: 0px !important;
}
.iconic-bg{
  position: relative;
}
.iconic-bg::before{
  content: "";
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('../img/iconbg.png');
  opacity: 0.2;

}
.aa-db-content-right{
  background-color: #ffffff;
}
.cardbgimg{
  position: relative;
}
.cardbgimg::before{
  content: "";
  background-image: url('../img/survey3.png');
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.cardbgimg::before{
  content: "";
  background-image: url('../img/survey3.png');
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.home-dashboard .card p{
   font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-top: 10px !important;
}
.home-dashboard .card{
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.12) !important;
  border-radius: 15px !important;
  /* background-color: #f7fbff; */
  background: linear-gradient(#fbfbfb 80%, #fbfbfb 20%);
}

.home-dashboard .card .kuzaicons{
  width: 100%;
    padding: 12px !important;
    overflow: hidden;
}

.home-dashboard .card .kuzaicons img{
  max-width: 100%;
  height: auto;
}
.home-db-icon-title{
  font-size: 1rem;
    color: #000 !important;
    font-weight: bold;
    text-align: center;
}

.map-popup-box-inner span.ksh{
  margin-right: 5px !important;
}
.countcontainer span.ksh{
  font-size: 12px !important;
  min-height: auto !important;
  font-weight: normal !important;
}
.reporttable thead th{
  font-family: arial !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.reporttable td h5.learnername{
  font-family: arial !important;
    font-size: 13px !important;
}
.gendersmallgraph span.ksh{
  display: inline-block !important;
  /* margin-right: 3px; */
  font-weight: normal !important;
  color: #8e8e8e !important;
}
.gendersmallgraph span.usd{
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: normal !important;
  color: #8e8e8e !important;
}
.trainerwelcomediv .learnerprofile {
  flex: 1 !important;
}
.slideleftright {
  left: 0;
  right: 0;
}

/* ::i-block-chrome,.row, 
::i-block-chrome,.d-flex,
::i-block-chrome,.d-xl-flex,
::i-block-chrome,.d-lg-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
} */

::i-block-chrome,.login-img{
  max-width: ;
}

.results-card{
  margin-top: 50px;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.cograts-text{
  font-size: 22px;
    color: #14a267;
     font-family: 'Roboto', sans-serif;
}
.champion-text{
  font-size: 20px;
  color: #000000;
   font-family: 'Roboto', sans-serif;
  display: block;
}
.champion-text strong{
  color: #feb701;
}

.results-card p{
   font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #000000;
  margin-bottom: 8px;
  word-wrap: break-word
}

.results-card p strong{
   font-family: 'Roboto', sans-serif;
  font-size: 11px;
  word-wrap: break-word;
    white-space: nowrap;
  /* color: #0093d5 !important; */
}

.results-card p:last-child strong{
  font-size: 11px;
}
.champ-text{
  color: #feb701;
   font-family: 'Roboto', sans-serif;
  font-size: 22px;
}
.overallscore{
   font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.scorecount{
  color: #ff9800;
  font-size: 18px;
   font-family: 'Roboto', sans-serif;
}

.results-card p:nth-child(2) strong{
  font-size: 22px;
}
/*.videocontenttext div p:last-child{
  font-style: italic;
}*/
.assesmenttool .showlabel{
  padding: 25px 0;
}
.assesmenttool .footer-buttons-control{
  position: relative !important;
  background-color: transparent !important;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 250px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.assesmenttool .footer-buttons-control a.next_btn, 
.assesmenttool .footer-buttons-control a.backbtn{
  flex:1;
  max-width: none !important;
  margin-right: 10px;
}

.assesmenttool .footer-buttons-control a.next_btn{
  background-color: #003e24 !important;
}
.assesmenttool .footer-buttons-control a.backbtn{
  background-color: #05693e !important;
}



.assesmenttool .footer-buttons-control .bar.bar-footer.lesson-footer{
  display: flex;
  align-items: center;
  justify-content: center;
}

.assesmenttool .footer-buttons-control a.next_btn .footer-title, 
.assesmenttool .footer-buttons-control a.backbtn .footer-title{
 
  width: auto !important;
}
.assesmenttool .lesson-component.maincont .videocontenttext {
  font-size: 14px;
  line-height: 20px;
}
.assesmenttool .lesson_content .lesson-img{
  height: 220px !important;
  max-height: 220px !important;
}

.assesmenttool .themecolor.quizcards .lessonnewquizstyles .form-group .list label{
  padding: 8px !important;
}

.showlogin-container{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
/* .height-with-scroll{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: auto !important;
} */
.badge-icon{
  position: absolute;
  right: 50px;
}
.imageslidermain.slider .onlyimage .slideswithcount.slideleftright img{
  width: 95px !important;
}
.dynamicprofilepage .multiselect-parent button.dropdown-toggle{
  background-color: transparent !important;
  min-width: 110px;
  max-width: 190px !important;
  text-align: left;
  color: #333333;
  font-size: 14px !important;
}



.dynamicprofilepage .multiselect-parent button.dropdown-toggle .caret{
  display: none !important;
}
.themecolor .progresstime{
  display: flex;
  align-items: center;
}
.themecolor .progresstime .progress{
  margin-top: 0px !important;
}
.progresstime .progress{
  margin:0px 5px 0 0!important;
}

/* .themecolor .owl-carousel .owl-item.active{
  margin-right: 0px !important;
} */
.assesmenttool .mycustomtelform{
  margin-top: 20px;
}
.themecolor .progresstime .time{
  white-space: nowrap;
  margin-left: 20px !important;
}

.course-modal-close{
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 1.5rem;
  top: 0px;
  right: 7px;
  color: #000 !important;
  cursor: pointer;
  z-index: 99;
}
page-footer{
  margin-top: auto;
}
page-footer img{
  width: 60px;
}
.program_partners{
  margin-top: 20px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
.program_partners img{
  width: 500px;
}

.modal-open .modal {
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
}


ion-header .inside_header{
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 10px;
}
ion-header .inside_header .top-right-icons{
  margin-left: auto;
  white-space: nowrap !important;
}
ion-header .inside_header .top-right-icons .select_language{
  position: static !important;
  margin-left: auto;
}
ion-header .inside_header .top-right-icons .select_language img{
  width: 16px;
  height: 16px;
}
ion-header .inside_header .top-right-icons .select_language .languages{
  border: 0px !important;
  background-color:transparent;
  width: 110px !important;
  margin-right: 15px;
}

ion-header .inside_header .topbartitle{
  display: flex;
  flex-direction: column;
  font-weight: bold;
  margin-left: 15px;
}
ion-header .inside_header .topbartitle span{
  font-weight: normal;
}

.toprighticons img{
  width: 60px;
}
.profpic img{
  width: 60px;
}
.topbartitle{
  display: inline-block;
}
.smart-coach .ui-select-match-text{
  display: flex;
  align-items: center;
}
.smart-coach .ui-select-match-text img{
  margin-right: 10px;
}

.smart-coach .webchatcontainer{
  padding-top: 16px;
  height: 100%;
}

.smart-coach .chatcontainer{
  height: 100%;
  overflow-y: auto;
  padding: 15px;
  background-color: #fcfcfc;
}

.smart-coach .receivermaincontainer{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%; 
}

.appchat.smart-coach .chatcontainer .receiverchat {
  background: #F6F6F6;
  color: #000000;
  padding: 10px 20px;
  border-radius: 20px;
  margin-bottom: 5px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 100%;
 
}
.smart-coach .profpic {
  margin-right: 2%;
}
.webviewcontainer{
  height: 100%;
}
.smart-coach .chatcontainer .suggestionchips {
  margin-top: 0px;
  margin-bottom: 25px;
  /* animation-delay: 3s; */
  margin-left: 75px;
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
/*.smart-coach .customcardscroll_mainscroll.sss:nth-child(1) {
  animation-delay: 1s;
}*/
.smart-coach .customcardscroll_mainscroll {
  float: left !important;
  margin-bottom: 10px;
}
.smart-coach .chatcontainer .suggestionchips button {
  border: solid 1px #6338B0;
  border-radius: 50px;
  padding: 8px 20px 8px 35px;
  text-align: left;
  line-height: 20px;
  color: #444444;
  min-height: auto;
  /* min-width: 160px; */
  width: auto !important;
  font-size: 16px;
  /* font-weight: bold; */
  float: left;
  margin-left: 5px;
  font-family: opensans;
  position: relative;
  opacity: 1 !important;
}
.smart-coach .chatcontainer .suggestionchips button:before {
  border-radius: 100%;
  width: 12px;
  height: 12px;
  content: ' ';
  position: absolute;
  left: 15px;
  top: 34%;
  background-color: #D1D1D1;
}

.warningicon {
  position: relative;
  margin-left: 4px;
}
.warningicon::before {
  content: '';
  background: url(../img/warning.png);
  width: 34px;
  height: 34px;
  position: relative;
  top: 6px;
  display: inline-block;
  background-repeat: no-repeat;
}

.warningalert .text-danger {
  color: #e02311 !important;
}

.smart-coach .float {
  position: fixed;
  width: 30px;
  height: 30px;
  bottom: 30px;
  right: 30px;
  /* background-color: #0C9; */
  background-color: #b3b3b3;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #d4cdcd;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 999;
  cursor: pointer !important;
}
.smart-coach .my-float {
  margin-top: 0px;
  padding-left: 3px;
}
.smart-coach .float span {
  font-size: 12px;
  display: none;
  padding-left: 7px;
}
.smart-coach .float:hover {
  width: 160px;
  text-decoration: none;
  color: #ffffff;
  transition: all 0.3s ease;
  line-height: normal;
}
.smart-coach .float:hover span {
  display: inline-block;
}
.smart-coach .sendermaincontainer{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;

}
.smart-coach ion-header{
  position: fixed;
  background-color: #ececec;
  top:0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-height: 60px;
  z-index: 99;
  display: flex;
  align-items: center;
  width: 100%;
}
.smart-coach  .chatcontainer .senderchat {
  background: #f6f6f6;
  color: #444;
  padding: 10px 20px;
  box-shadow: none;
  border-radius: 50px;
  margin-bottom: 5px;
  float: right;
  margin-right: 25px;
  position: relative;
}
.senderchat .ion-android-done-all {
  padding: 0px 3px;
}
.senderchat i {
  position: absolute;
  right: -23px;
  color: #ffffff;
  bottom: 1px;
  background: #5E3AA9;
  border-radius: 100%;
  font-size: 12px !important;
}
.customcardscroll_mainscroll.sss:nth-child(1) { animation-delay: 0.3s ;}
.customcardscroll_mainscroll.sss:nth-child(2) { animation-delay: 0.4s ;}
.customcardscroll_mainscroll.sss:nth-child(3) { animation-delay: 0.5s ;}
.customcardscroll_mainscroll.sss:nth-child(4) { animation-delay: 0.6s ;}
.customcardscroll_mainscroll.sss:nth-child(5) { animation-delay: 0.7s ;}
.customcardscroll_mainscroll.sss:nth-child(6) { animation-delay: 0.8s ;}
.customcardscroll_mainscroll.sss:nth-child(7) { animation-delay: 0.9s ;}
.customcardscroll_mainscroll.sss:nth-child(8) { animation-delay: 1s ;}
.customcardscroll_mainscroll.sss:nth-child(9) { animation-delay: 1.1s ;}
.customcardscroll_mainscroll.sss:nth-child(10) { animation-delay: 1.2s ;}
.customcardscroll_mainscroll.sss:nth-child(11) { animation-delay: 1.3s ;}
.customcardscroll_mainscroll.sss:nth-child(12) { animation-delay: 1.4s ;}
.customcardscroll_mainscroll.sss:nth-child(13) { animation-delay: 1.5s ;}
.customcardscroll_mainscroll.sss:nth-child(14) { animation-delay: 1.6s ;}
.multiselectcheckbox label {
  border: solid 1px #6338B0;
  border-radius: 50px;
  padding: 8px 20px 8px 35px;
  text-align: left;
  line-height: 20px;
  color: #444444;
  min-height: auto;
  /* min-width: 160px; */
  width: auto !important;
  font-size: 13px;
  /* font-weight: bold; */
  float: left;
  margin-left: 5px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  font-weight: normal;
  margin-bottom: 10px !important;
}
.multiselectcheckbox label:before {
  border-radius: 100%;
  width: 12px;
  height: 12px;
  content: ' ';
  position: absolute;
  left: 15px;
  top: 34%;
  /* background-color: #D1D1D1; */
}
.multiselectcheckbox label.active:before {
  background: #673ab7;
}
.multiselectcheckbox label input {
  opacity: 0;
  display: none;
}
.receiverchat .title{
  font-size: 18px;
  font-weight: 500;
  /*font-family: opensans !important;*/
}
.receiverchat .receiverchatdescription .title{
  padding-top: 15px !important;
  padding-bottom: 10px;
  font-size: 18px;
  /*font-family: opensans !important;*/
}
.receiverchat .description{
  padding-top: 10px !important;
  padding-bottom: 10px;

}
.chatcontainer .suggestionchips button {
  border: solid 1px #6338B0;
  border-radius: 50px;
  padding: 8px 20px 8px 35px;
  text-align: left;
  line-height: 20px;
  color: #444444;
  min-height: auto;
  /* min-width: 160px; */
  width: auto !important;
  font-size: 13px;
  /* font-weight: bold; */
  float: left;
  margin-left: 5px;
  font-family: 'Poppins', sans-serif;
  position: relative;
}
.chatcontainer .suggestionchips button.confirmbtn:before {
  background: #FFF;
}
.chatcontainer .suggestionchips button:before {
  border-radius: 100%;
  width: 12px;
  height: 12px;
  content: ' ';
  position: absolute;
  left: 15px;
  top: 34%;
  background-color: #D1D1D1;
}
.confirmbtn {
  background-color: #673ab7 !important;
  border-color: #fff !important;
  color: #fff !important;
}
.confirmbtn {
  display: inline;
}
.multiselectcheckbox label:hover {
  color: #673ab7;
  border-color: #673ab7;
}
.customcardscroll_mainscroll button.selectedclass {
  background: #FFF;
  color: #6338B0 !important;
  border-color: #6338B0 !important;
}
.customcardscroll_mainscroll button.selectedclass:before {
  background-color: #6338B0 !important;
}
.multiselectcheckbox label.active {
  color: #673ab7;
  background: #FFF;
  border-color: #673ab7;
}
.receiverchat ol{
 margin-top: 15px;
}

.receiverchat ol li{
  margin-bottom: 16px;
  /* font-family: 'Roboto', sans-serif;*/
}
.symptom-info {
  border: 1px solid #cccccc;
  color: #444444;
  padding: 10px 15px;
  border-radius: 20px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  line-height: 22px;
  width: 93%;
  font-size: 17px;
}
.warningalert {
  padding: 10px 0 15px 0;
  display: block;
  text-align: center;
  font-size: 24px;
}
.warningalert .text-success {
  color: #2ca74c !important;
}
.symptom-info b {
  margin-bottom: 10px !important;
  white-space: nowrap;
}

.quesalert {
  font-size: 22px;
  padding-bottom: 14px;
  line-height: normal;
}
.quesalert {
  margin-top: 20px;
  color: #e02311 !important;
}
.symptom-info ol {
  margin-top: 10px;
}
.symptom-info ol li {
  margin-top: 6px;
}
.video_responsive {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  animation-delay: 1s;
  border-radius: 5px 30px 0px 0px;
  
}
.videogular-container {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 25px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
}
.containerfullwidth .video-js.vjs-16-9 {
  margin-bottom: 0px;
}
.videodesc {
  background: #fff;
  padding: 15px;
  margin: 0 0 0px 0;
  /* margin: 0; */
  text-align: center;
  box-shadow: 0px 5px 12px -1px #d0e9f3;
  border-radius: 0 30px 0px 0px;
  border: solid 1px #d8d7d7;
  /* border-top: 0; */
  color: #000000;
  margin-top: 20px;
  font-size: 15px;
}
.symptom-alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.symptom-alert {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 25px;
}
.symptom-alert-container {
  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-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.symptom-alert-container .profpic {
  margin-right: 2.1%;
}

.learn-color{
  background-color: #3a925c;
}


.connect-color{
  background-color: #949833;
}
.grow-color{
  background-color: #047888;
}

.tableborderstyles thead tr th.learn-color, 
.tableborderstyles tbody tr td.learn-color, 
.table-with-border .table.table-striped.tableborderstyles tr th.learn-color {
  border: solid 1px #4cad71 !important;
  color: #fff !important;
}
.tableborderstyles thead tr th.connect-color, 
.tableborderstyles tbody tr td.connect-color, 
.table-with-border .table.table-striped.tableborderstyles tr th.connect-color {
  border: solid 1px #b2b73f !important;
  color: #fff;
}
.tableborderstyles thead tr th.grow-color, 
.tableborderstyles tbody tr td.grow-color, 
.table-with-border .table.table-striped.tableborderstyles tr th.grow-color {
  border: solid 1px #2c8f9c !important;
  color: #fff !important;
}

/* .trainerdashboard td.connect-color h5.learnername{
  color: #f1f3c8;
} */

.smart-coach .select_language{
  width: auto !important;
}
label.disabled, label[disabled], 
.button.disabled, 
.button[disabled], 
fieldset[disabled] input[type=checkbox], 
fieldset[disabled] input[type=radio], 
input[type=checkbox].disabled, 
input[type=checkbox][disabled], 
input[type=radio].disabled, 
input[type=radio][disabled] {
  opacity: 0.8 !important;
  cursor: not-allowed !important;
  pointer-events: all !important;
}
.smartcoach-header{
  background-color: transparent !important;
  border-bottom: 0px !important;
z-index: 0 !important;
}
.smart-coach .vjs-poster{
  background-color: #000000 !important;
}

/* .mydashboard .table-with-border tfoot tr td{
  padding-top: 0px !important;
} */
.verticle-middle.cross,
.verticle-middle.fixed-cell{
  background-color: #f5f5f5 !important;
  border-right: 1px solid #dddddd !important;
}
tfoot .cross,
tfoot .verticle-middle.cross{
  background-color: #f5f5f5 !important;
}
.tableborderstyles tfoot{
  background-color: #f5f5f5 !important;
  border-top: 1px solid #cccccc !important;
  transform: translate(0px, 1px) !important;
}

.table-with-border .table-container{
  max-height: 100% !important;
  overflow-y: visible !important;
}

.aaoneviewfilters {
  margin-right: 10px;
}
.lessonsubmitbutton{
  margin-top: 15px !important;
}
/* .#resp-table-header .table-header-cell span{
  margin-left: 0px !important;
} */
.multiselectcontainer .#resp-table-body .formly-field input{
  margin-left: 5px !important;
}
#resp-table-header .table-header-cell, #resp-table-body .table-body-cell{
  position: relative !important;
}
#resp-table-header  input[type=checkbox], input[type=radio] {
  position: relative !important;
    z-index: 99999999 !important;
    opacity: 0 !important;
}

.repeatsection .showlabel .mainquestioncontainer.sub_group_container .showlabel{
  display: none !important;
  visibility: hidden !important;
}

.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .repeatsection .formly-field.formly-field-textarea .form-group .mainquestioncontainer.sub_group_container .showlabel label{
  display: none !important;
}
.printlabel .eachlabel {
  /*margin: 10px 0 0 0;*/
  flex: 1;
  font-size: 18px;
  max-width: 140px !important;
}
.printlabel .eachlabel .showlabel label{
  font-size: 18px;
}
.repeatsectionstyles .printlabel{
  width: 97%;
}
.userdropdowngrid .multiselectcontainer label.item.item-checkbox{
  width: auto !important;
  background: transparent !important;
  border: none !important;
}
.userdropdowngrid .multiselectcontainer .list label{
  border: none !important;
 }
 .userdropdowngrid .multiselectcontainer .table-body-cell, #resp-table, .table-header-cell{
   border-color: #e4e4e4 !important;
 }

 .userdropdowngrid{
   margin-top: 10px !important;
 }

.userdropdowngrid .multiselectcontainer .table-body-cell .table-body-cell{
  border-bottom: 0px !important;
  
}

.userdropdowngrid .multiselectcontainer #resp-table-body .table-body-cell .table-body-cell:nth-child(1){
  margin:auto !important;
  display: flex;
  justify-content: center;
}

.userdropdowngrid .multiselectcontainer .table-header-cell{
  border-top: 0px !important;
}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .form-group .userdropdowngrid .multiselectcontainer .list label{
  margin-bottom: 0px !important;
  margin-left: 0px;
}
.lessoncontent.lesson_content .lessonquizholder .lessonnewquizstyles .form-group .userdropdowngrid .multiselectcontainer .list .item-checkbox .checkbox{
  left:0px !important;
}

.product-details-container .repeatsection{
  padding:0px 10px 0 0 !important;
  border-bottom:0 !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 0px !important;
}
.product_details fieldset .product-details-container{
  padding-bottom: 5px !important;
}
.likerttext input{
  margin: auto !important;
}

.product_details .repeatsection{
  margin-bottom: 10px !important;
}

.printlabel .eachlabel.w80{max-width: 80px !important;}
.printlabel .eachlabel.w100{max-width: 105px !important;}
.printlabel .eachlabel.w120{max-width: 120px !important;}

.lamborghini .gallardo:before, .lamborghini .Diablo:before {
  /*color: #17335B !important;*/
}
.header-right-icons {
  float: right;
}
.header-right-icons svg {
  height: 30px;
  width: auto;
  margin-left: 20px;
  margin-top: -5px;
}

.courselanding .lamborghini.header_lg .header-right-icons img, .header-right-icons img {
  height: 30px;
    max-height: inherit;
    width: auto;
    margin: -5px 0 0 20px;
    padding: 0
}
.title-bar-top .header-right-icons img {
  margin-left:0px;
}
.title-bar-top .header-right-icons b img {
  margin-left: 0;
  margin-right: 10px;
}
.title-bar-top .header-right-icons {
  margin-top: 10px;
}
.main-container-for-all {
  width: 100%;
  padding: 70px 4% 100px;
  float: left;
}
.welcome-username {
  text-align: center;
  width: 100%;
  float: left;
  font-size: 30px;
  font-weight: bold;
  color: #344356;
  margin: 0 0 40px;
}
.pb-30 {
  margin-bottom: 30px;
}
.course-cat .box {
  box-shadow: 0 12px 19px rgba(60,128,209,0.2);
  background: #FFF;
  border-radius:20px;
  width: 100%;
  float: left;
  min-height: 430px;
  margin-bottom: 30px;
  overflow:hidden;
}
.course-cat.course-session .box {
  min-height: inherit;
}
.course-cat .box .main-img {
  border-radius: 7px 7px 0 0;
  width: 100%;
  height: auto;
}
.course-cat .box .main-content {
  padding: 20px;
  font-size: 13px;
  line-height: 18px;
}
.post-meta, .course-name {
  /*font-size: 1.2em;*/
  margin-bottom: 20px;
}
.course-name {
  min-height: 86px;
}
.post-meta .col-md-8 {
  color: rgb(51, 67, 85);
}
.post-meta .col-md-8 svg {
  height: 12px;
  margin-right: 5px;
}
.post-meta span, .post-meta-1 span {
  color:#3359F7;
}
.post-meta-1 span.unlocks-date {
    margin-top: 29px;
    display: block;
}
.post-meta img {
  width: 16px;
  height: auto;
}
.course-name .name {
  font-size: 20px;
  line-height: normal;
  line-height: 22px;
  font-weight: bold;
  color: #344356;
}
.course-name .name span {
  display: block;
  /*margin-top: 10px;*/
  font-size: 0.6em;
  color: rgb(51, 67, 85);
}
.course-name .name span.topics-span {
  margin-top: 0;
}
.course-name .col-md-4 img {
  display: block;
  margin-bottom: 10px;
  float: right;
}
.course-name .col-md-4 span {
  display: block;
  width: 100%;
  float: left;
  color: rgb(51, 67, 85);
  font-size: 12px;
  line-height: 12px;
}
.post-meta-1 .progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 50px;
  background: #E8EEF4;
  position: relative;
  margin-top: 5px;
}
.post-meta-1 .progress-bar span {
  width: 50%;
  height: 10px;
  border-radius: 50px;
  background: #00D9CD;
}
.post-meta-1 img {
  height: 25px;
  margin-top: 20px;
}
.course-name .col-md-4 svg, .post-meta-1 .col-md-4 svg {
  height: 30px;
  margin-bottom: 10px;
}

.post-meta-1 .col-md-4 svg {
  margin-bottom: 0;
  margin-top: -10px;
}
.menu-toggle-top img {
	height: 30px;
	margin-top: -3px !important;
}
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
	box-shadow: 0 0px 36px rgba(0,0,0,0.1);
	background: #FFF;
}
footer a {
	padding: 10px;
	display: block;
	text-align: center;
	float: left;
	width: 20%;
	color: #344356;
}
footer a.active {
	font-weight: bold;
	color: #3359F7;
}
footer a img {
	height: 30px;
	display: block;
	margin:0 auto;
	width: auto;
	margin-bottom: 6px;
}
.floating-girl {
	position: fixed;
	right: 20px;
	bottom: 30px;
	z-index: 9999;
	/*box-shadow: 0 0px 36px rgba(51,111,169,0.5);*/
	width: 100px;
	height: 100px;
	border-radius: 100%;
}
.save-icon {
  position: fixed;
  left: 0;
  bottom: 80px;
  z-index: 9999;
  width: 120px;
  height: 120px;
  border-radius: 100%;
}
.main-container-for-all.overview-main {
  padding-bottom: 200px;
}
.course-cat.course-session {
  margin-bottom: 60px;
}
.course-cat.course-session .course-name {
  margin-bottom: 0;
  position: relative;
}
.course-cat.course-session .box .main-content {
  padding: 10px;
}
.course-cat.course-session .course-name .col-md-3 img {
  width: 100%;
  height: auto;
}
.course-cat.course-session .course-name .col-md-3 {
  padding: 0;
  padding-right: 15px;
}
.course-cat.course-session .course-name .col-md-9 {
  font-size: 16px;
    line-height: 20px;
}
.course-cat.course-session .course-name.active:after, .course-cat.course-session .course-name:hover:after {
  position: absolute;
  left: 40%;
  content: ' ';
  width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 20px;
    border-color: #FFF transparent transparent transparent;
    bottom: -29px;
}
.course-listing .listing {
position: relative;
width: 100%;
float: left;
padding-bottom:15px;
/*margin-bottom: 20px;*/
}
.course-listing .listing:after {
  width: 1px;
  position: absolute;
  left: 20px;
  top: 0;
  height: 100%;
  content: ' ';
  background: #D4DCE7;
}
.course-listing .listing strong {
  float: right;
  margin-left: 20px;
}
.course-listing .listing span {
      width: 15px;
    height: 15px;
    border-radius: 100%;
    background: #D4DCE7;
    border: 3px solid #FFF;
    position: absolute;
    left: 13px;
    top: -4px;
    z-index: 9999;
}
/*.course-listing .listing span:before {
  background: #FFF;
  width: 40px;
  height: 40px;
  z-index: 999;
  border-radius: 100%;
  content: ' ';
  position: absolute;
  left: 0;
  top: 0;
}*/
.course-listing .listing span.lock {
  width: 30px;
  height: 30px;
  background: #FFF;
  left: 2px;
}
.course-listing .listing span.lock img {
  width: 30px;
  height: auto;
}
.course-listing .listing span.tick {
  width: 25px;
  height: 25px;
  background: #FFF;
  left: 8px;
}
.course-listing .listing span.tick img {
  width: 18px;
  height: auto;
      margin-top: -6px;
}
.course-listing .listing span.progress-bar-circle {
  background: #FFF;
  width: 30px;
  height: 30px;
  border:5px solid #D4DCE7;
      left: 6px;
}
.course-listing .listing span.progress-bar-circle strong {
      width: 18px;
    height: 30px;
    /* background-color: #FFF; */
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    border: 5px solid #00d8cd;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: -13px;
    top: -5px;
}
.course-listing .listing strong img {
  width: 20px;
  height: auto;
  margin-left: 10px;
}
.course-listing .listing strong img.video-icon {
  width: 25px;
  height: auto;
}
.course-listing .listing h3 {
  font-size: 20px;
  padding-left: 70px;
  color: #344356;
}
.course-listing .listing.active h3 {
  font-weight: bold;
  color: #3359F7;
  font-size: 22px;
}
.course-listing .listing h3 b {
  font-weight: normal;
  font-size: 20px;
  color: #a7adb5;
  display: block;
  margin-top: 5px;
}
.digital-coach-pop {
  position: absolute;
  margin: 0 auto;
  top: 10%;
  background: #FFF;
  border-radius: 7px;
  box-shadow: 0 0px 80px rgba(51,111,169,0.9);
  z-index: 999999;
  width: 350px;
  left: 40%;
  padding-bottom: 80px;
} 
.digital-coach-pop .progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 50px;
  background: #E8EEF4;
  position: relative;
  margin-top: 0;
}
.digital-coach-pop .progress-bar span {
  width:0%;
  height: 10px;
  border-radius: 50px;
  background: #00D9CD;
}
.digital-coach-pop .timer {
  width: 100%;
  float: left;
  padding:10px 30px 0 30px;
  text-align: right;
  color: #344356;
}
.digital-coach-pop .title {
  padding: 0;
  padding: 10px 30px 20px;
  font-size: 30px;
  line-height: 30px;
  color: #344356;
  display: block;
  width: 100%;
  float: left;
}
.digital-coach-pop .timer img {
  width: 20px;
  height: auto;
  margin-left: 7px;
}
.digital-coach-pop .video-screen {
  width: 100%;
  float: left;
}
.digital-coach-pop .video-screen img {
  width: 100%;
  height: auto;
}
.digital-coach-pop .close-icon {
  position: absolute;
  right: -20px;
  top:-20px;
  z-index: 999;
}
.digital-coach-pop .close-icon {
  width: 43px;
  height: auto;
}
.top-text {
  width: 100%;
  float: left;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.progress-bar-question {
  background: #dddddd;
  width: 100%;
  float: left;
  z-index: 999;
  height: 10px;
      margin-top: 70px;
}
.progress-bar-question span {
  height: 10px;
  width: 30%;
  float: left;
  background: #00D9CD;
}
.main-container-for-all.question-form .welcome-username {
  font-size: 44px;
  font-weight: normal;
  line-height: 43px;
}
.answer-div {
  width: 100%;
  float: left;
  font-size: 30px;
}
.answer-div ul, .answer-div li {
  padding: 0;
  margin: 0;
}
.answer-div li {
  margin-bottom: 40px;
  padding:25px 40px;
  display: block;
  background: #FFF;
  border-radius: 7px;
  box-shadow: 0 0px 80px rgba(0,0,0,0.1);
  cursor: pointer;
}
.answer-div li.active {
  background: #3359F7;
  color: #FFF;
}
.set-goal {
  width: 100%;
  float: left;
  font-size: 25px;
  margin-top: 20px;
}
.top-text.set-goals {
  font-size: 34px;
  font-weight: normal;
  padding: 40px 0 70px;
  width: 100%;
  float: left;
}
.newheader .header_lg.set-goals-height {
  height: auto !important;
  min-height: inherit !important;
}
.main-container-for-all.set-goals-div {
  padding-top: 140px;
}
.floating-girl-page {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: -100px;
    position: fixed;
    z-index: 999999;
    left: 0;
}
.main-container-for-all.set-goals-div span {
  display: block;
  margin-top: 20px;
}
.main-container-for-all.set-goals-div span strong {
  box-shadow: 0 0px 36px rgba(51,111,169,0.5);
  background: #FFF;
  padding: 7px 50px;
  border-radius: 50px;
}
.floating-girl-page img {
  z-index: 9999;
  box-shadow: 0 0px 36px rgba(51,111,169,0.5);
  width: 140px;
  height: 140px;
  border-radius: 100%;
  margin: 0 auto;
}
.goals-div {
  width: 100%;
  float: left;
  margin-top: 110px;
}
.goals-div h3{
  text-align: center;
  color: #3359F7;
  font-size: 26px;
}
.goals-div .col-md-4 {
  width: 33.333%;
  margin-top: 30px;
}
.goals-div .col-md-4 .box {
  padding:0 15px;
  height: 150px;
  box-shadow: 0 0px 36px rgba(51,111,169,0.5);
  border-radius: 7px;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  display: table-cell;
    vertical-align: middle;
    border: 2px solid transparent;
}
.goals-div .col-md-4 .box.active {
  border: 2px solid #3359F7;
}
.purple {
  color: #3359F7;
}
.welcome-username.overview-top span {
  display: block;
  font-size: 16px;
  color: #344356
}
.tabs-overview {
  width: 100%;
  float: left;
  box-shadow: 0 0px 36px rgba(51,111,169,0.5);
  background: #FFF;
  border-radius: 7px;
  margin-bottom: 20px;
}
.tabs-overview ul, .tabs-overview li {
  padding:0;
  margin:0;
}
.tabs-overview li {
  width: 33.333%;
  float: left;
  text-align: center;
  border-right: 1px solid #dddddd;
}
.tabs-overview li a {
  display: block;
  padding:20px 0;
  color: #344356;
  text-transform: uppercase;
}
.tabs-overview li a.active {
  font-weight: bold;
}
.tabs-overview li:last-child {
  border: 0;
}
.overview-img, .overview-content {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.overview-content {
  font-size: 20px;
  color: #5c6978;
  line-height: 28px;
}
.overview-content h3 {
  font-weight: bold;
  font-size: 25px;
}
.overview-img img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.course-cat.course-cat-next .box, .main-container-for-all .course-cat.course-cat-next .course-name {
  min-height: inherit;
}
.course-cat.course-cat-next .post-meta-1 span {
  color: #868e9a;
}
.course-cat.course-cat-next .course-name .name {
  font-size: 17px;
}
.course-cat.course-session .course-name {
  min-height: inherit;
}
.main-container-for-all.opinion-main {
  padding-top: 80px;
}
.opinion-main .opinion-box {
  width: 100%;
  float: left;
  /*box-shadow: 0 0px 36px rgba(51,111,169,0.2);*/
  background: #FFF;
  /*border-radius: 7px;*/
  /*padding: 40px 40px 80px;*/
}
.opinion-main .opinion-box span {
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  color: #3359F7;
}
.opinion-main .opinion-box h3 {
  color: #344356;
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 15px;
}
.opinion-main .opinion-box p {
  color: #344356;
  font-size: 25px;
  line-height: 30px;
  font-weight: normal;
}
.opinion-main .opinion-box li {
  width: 20%;
  float: left;
  text-align: center;
  padding: 20px;
  font-size: 35px;
  border: 1px solid #dddddd;
  display: block;
  margin-top: 30px;
  margin-bottom: 10px;
}
.opinion-main .opinion-box li.active {
  background: #3359F7;
  color: #FFF;
}
.opinion-main .opinion-box .col-md-6 {
  color: #3359F7;
}
.result-base {
  width: 100%;
    /*margin-top: -126px;*/
    float: left;
    height: 100%;
    position: fixed;
    z-index: 999;
    text-align: center;
    /*padding: 20% 30px 0;*/
    /*background: url(../img/result-base.png);*/
    text-align: center;
}
.result-base .circle {
  width: 300px;
  height: 300px;
  background: #F3F5F9;
  border-radius: 100%;
  margin: 0 auto;
  border: 15px solid #3359F7;
  color: #344356;
  font-size: 61px;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding-top: 105px;
    line-height: 40px;
}
.result-base .circle span {
  display: block;
  /*margin-top: 7px;*/
  color: #344356;
  opacity: 0.7;
  font-size: 27px;
}
.result-base .circle img {
  position: absolute;
    top: -40px;
    text-align: center;
    width: 75px;
    left: 35%;
}
.result-base .circle strong {
  display: block;
  /*margin-top: 7px;*/
  color: #344356;
  font-size: 20px;
   position: absolute;
    bottom: -40px;
    text-align: center;
    width: auto;
    background: #FFF;
    border-radius:20px;
    margin-bottom: 20px;
    padding:15px 30px;
    box-shadow: 0 0px 36px rgba(51,111,169,0.2);
    left: 20%;
}
.result-base .content-div {
      width: 70%;
    float: none;
    margin-top: 10px !important;
    text-align: center;
    margin: 15px auto 0;
}
.result-base .content-div h3 {
  font-size: 39px;
  color: #344356;
}
.result-base .content-div p {
  font-size: 24px;
  color: #344356;
  opacity: 0.7;
}
.result-base .content-div img {
  display: block;
  margin:0 auto;
}
.result-base .content-div a {
  display: inline-block;
  background: #3359F7;
  border-radius:7px;
  color: #FFF;
  /*text-transform: uppercase;*/
  padding: 20px 70px;
  font-size: 16px;
  margin-top: 30px;
      position: fixed;
    bottom: 70px;
    left: 30%;
}
.result-base .content-div .rate-this {
  position: fixed;
    width: 90%;
    bottom: 140px;
    font-size: 30px;
    font-weight: bold;
    left: 5%;
}
.result-base .content-div .rate-this h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.result-base .content-div .rate-this .box {
  float: left;
  width: 20%;
  font-weight: normal;
}
.result-base .content-div .rate-this .box img {
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.result-base .content-div a img {
  margin-left: 40px;
  display: none;
}
.notifications-top {
  box-shadow: none;
}
.notifications-top .top-text {
  font-size: 40px;
  font-weight: normal;
}
.notifications-top .top-text span {
      color: #FFF;
    background: #3359F7;
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 16px;
    margin-left: 10px;
    margin-top: -10px;
    display: inline-block;
    /* height: 30px; */
    line-height: 26px;
}
.main-container-for-all.notifications-center {
  padding-top: 100px;
  text-align: center;
}
.main-container-for-all.notifications-center img {
  width: 90%;
  height: auto;
  margin:0 auto;
}
.main-container-for-all.notifications-center p {
  font-size: 34px;
  line-height: 32px;
  margin-top: 30px;
  color: #344356;
  opacity: 0.7;
}
.top-thread {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #797980;
}
.top-thread .col-md-6 {
  padding: 0;
}
.noti-content {
  width: 100%;
  float: left;
  margin: 15px 0;
  text-align: left;
}
.noti-content span {
  color: #3359F7;
  display: block;
  font-size: 18px;
}
.noti-content .listing {
  width: 100%;
  float: left;
  margin-top: 10px;
  border:1px solid rgba(46,49,60,0.1);
  padding: 20px;
  border-radius: 7px;
}
.noti-content .listing .col-md-3 {
  width: 10%;
  padding: 0;
  float: left;
}
.noti-content .listing .col-md-9 {
  width: 88%;
  padding: 0;
  float: right;
  font-size: 18px;
  color: #002251;
  /*padding-top: 10px;*/
}
.noti-content .listing .col-md-9 span {
  display: block;
  font-size: 14px;
  color: #7A869A;
}
.noti-content .listing .col-md-9 a {
  color: #3359F7;
}
.noti-content .listing .col-md-9 a.complete {
  background-color: #3359F7;
  color: #FFF;
  float: right;
  margin-left: 10px;
  padding: 2px 10px;
  border-radius: 7px;
}
.noti-content .listing .col-md-3 img {
  width: 100%;
}
.header-right-icons span {
  position: relative;
}
.header-right-icons span strong {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  background: #E40911;
  right: -10px;
    top: -10px;
}
.main-img {
  width: 100%;
  float: left;
  /*margin-left: 10px;
  margin-right: 10px;*/
}
.main-img img {
  width: 100%;
  height: auto;
  border-radius: 7px;
  margin:0px 0 40px;
}
.header_lg.vision-page {
  box-shadow: none;
}
.header_lg.vision-page .progress-bar {
  width: 70%;
  height: 10px;
  border-radius: 50px;
  background: #E8EEF4;
  position: relative;
  margin: 0 auto;
}
.header_lg.vision-page .progress-bar span {
  width: 50%;
  height: 10px;
  border-radius: 50px;
  background: #00D9CD;
}
.main-container-for-all.vision-content {
  padding-top: 0px;
}
.main-container-for-all.vision-content .number {
  width: 100%;
  float: left;
  font-size: 30px;
  text-align: center;
  color: #344356;
}
.main-container-for-all.vision-content .question-main {
  width: 100%;
  float: left;
  font-size: 24px !important;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}
.main-container-for-all.vision-content .vision-preview .question-main {
  text-align: left;
}
.main-container-for-all.vision-content .question-content {
  width: 100%;
  float: left;
  font-size: 14px !important;
  text-align: center;
  margin-bottom: 20px;
}
.main-container-for-all.vision-content .vision-preview .question-content {
  text-align: left;
  line-height: 22px;
}
.main-container-for-all.vision-content .vision-preview .question-content p {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.main-container-for-all.vision-content .textarea-box {
  width: 100%;
  float: left;
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.main-container-for-all.vision-content .textarea-box textarea {
  width: 100%;
  height: 200px;
  padding:20px;
  border:2px solid #D8DDE1;
  border-radius: 7px;
  font-size: 20px;
}
.main-container-for-all.vision-content .textarea-box textarea.error {
  border:2px solid #FF3333;
}
.main-container-for-all.vision-content .textarea-box a {
  display: inline-block;
  background: #3359F7;
  border-radius:7px;
  color: #FFF;
  text-transform: uppercase;
  padding: 20px 30px;
  font-size: 16px;
  margin-top: 30px;
  float: right;
}
.main-container-for-all.vision-content .textarea-box a img {
  margin-left: 20px;
}
.main-container-for-all .post-meta {
	width: 100%;
	float: left;
	margin-top: 15px;
}
.status-bar-top {
  width: 100%;
  float: left;
  margin: 20px 0 50px;
  position: relative;
}
/*.status-bar-top:before {
  background: #E3E3E3;
  height: 10px;
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  border-radius: 50px;
  content: ' ';
}
.status-bar-top:after {
  background: #00D9CD;
  height: 10px;
  position: absolute;
  left: 0;
  top: 25px;
  width: 15%;
  border-radius: 50px;
  content: ' ';
}*/
.status-bar-top .common {
  float: left;
  text-align: center;
  width: 20%;
  position: relative;
  z-index: 999999;
}
.status-bar-top .common span {
  height: 50px;
    width: 50px;
    /*margin: 0 auto;*/
    background: #FFF;
    border-radius: 50px;
    border: 3px solid #D5D5D5;
    display: block;
    padding-top: 9px;
    position: relative;
}
.status-bar-top .common.progress-circle span b {
  width: 30px;
    height: 50px;
    /* background-color: #FFF; */
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    border: 3px solid #fbce05;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: -3px;
    top: -3px;
}
.status-bar-top .common strong {
  color: #344356;
  display: block;
  margin-top: 10px;
  text-align: left !important;
}
.status-bar-top .common.complete-circle span {
  border-color: #fbce05;
}
.status-bar-top .common.overdue-circle span {
  border-color: #e23131;
}
.status-bar-top .common img {
  width: 20px;
  height: 20px;
  margin: 0 auto;
}
.main-container-for-all.menu-page {
  padding-top: 30px !important;
}
.title-bar-top {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.title-bar-top h3 {
  font-size: 30px;
  color: #344356;
  margin-bottom: 0;
}
.menu-page-main {
  margin-top: 0 !important;
}
.main-info-user {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.main-info-user .col-md-3 {
  float: left;
  width: 33.333%;
}
.main-info-user .col-md-3 img {
  width: 100%;
  height: auto;
  /*border-radius:100%;*/
}
/*.main-info-user .col-md-9 {
  width: 66.333%;
  float: left;
}*/
.main-info-user .col-md-9 {
    width: 70.333%;
    float: left;
    max-width: inherit;
    flex: inherit;
    margin-left: 4%;
}
.main-info-user .col-md-9 h4 {
  font-size: 24px;
  color: #000000;
  margin-bottom: 0;
}
.main-info-user .col-md-9 h4 img {
  height: 30px;
  width: auto;
}
.main-info-user .col-md-9 p img {
  height: 20px;
  width: auto;
  margin-right: 10px;
}
.main-info-user .col-md-9 .col-md-3 {
  text-align: center;
  color: #77838F;
  font-size: 12px;
}
.main-info-user .col-md-9 .col-md-3 span {
  background: #FFF;
  border:5px solid #FAFAFA;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  display: block;
  margin: 0 auto 10px;
  padding-top: 20px;
  font-weight: bold;
  font-size: 12px;
  position: relative;
}
.main-info-user .col-md-9 .col-md-3 span b {
      width: 40px;
    height: 70px;
    /* background-color: #FFF; */
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    border: 6px solid #00d8cd;
    border-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: -5px;
    top: -5px;
}
.main-info-user .col-md-9 .col-md-3 span.circle-1 b {
  border-color: #7DE0A8;
}
.main-info-user .col-md-9 .col-md-3 span.circle-2 b {
  border-color: #1569FF;
}
.main-info-user .col-md-9 .col-md-3 span.circle-3 b {
  border-color: #F91A1D;
}
.main-info-user .col-md-9 .col-md-3 span.circle-1 {
  color: #7DE0A8;
}
.main-info-user .col-md-9 .col-md-3 span.circle-2 {
  color: #1569FF;
}
.main-info-user .col-md-9 .col-md-3 span.circle-3 {
  color: #F91A1D;
}
.main-info-user h5 {
  font-size: 18px;
  color: #000;
  margin-top: 15px;
}
.main-info-user .progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 50px;
  background: #E8EEF4;
  position: relative;
  margin-top: 5px;
}
.main-info-user .progress-bar span {
  width: 50%;
  height: 10px;
  border-radius: 50px;
  background: #00D9CD;
}
.user-links {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.user-links li {
  border-bottom: 2px solid #F3F3F3;
  padding:20px 0;
  font-size: 17px;
  color: #000;
}
.user-links li.bor-big {
  border-bottom: 10px solid #F3F3F3;
}
.user-links li img {
  height: 45px;
  width: auto;
  margin-right: 15px;
}
.user-links li img.arrow-right {
  float: right;
  width: 20px;
  height: auto;
  margin-top: 10px;
}
.coach-div, .coach-content {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  background: #E4E9FF;
  border-radius: 7px;
  padding: 20px 20px 0;
}
.coach-content {
  padding:0;
  font-size: 16px;
  line-height: 20px;
  color: #344356;
  background: none;
  text-align: justify;
}
.coach-content a {
  float: right;
  color: #3359F7;
}
.coach-div .col-md-5 {
  width: 40%;
  float: left;
  /*padding: 0;*/
}
.coach-div .col-md-7 {
  width: 60%;
  float: left;
  /*padding: 0;*/
}
.coach-div .col-md-7 {
  text-align: center;
  padding-top: 60px;
}
.coach-div .col-md-7 h3 {
  font-size: 63px;
  font-weight: bold;
  color: #3D56F0;
}
.coach-div .col-md-7 span {
  display: block;
  font-size: 25px;
  color: #344356;
}
.coach-div .col-md-7 strong {
  display: block;
  font-size: 18px;
  color: #3359F7;
  font-weight: normal;
}
.coach-link {
  width: 100%;
  float: left;
}
.coach-link a {
  display: block;
  background: #3359F7;
  border-radius:7px;
  color: #FFF;
  /*text-transform: uppercase;*/
  padding: 25px 80px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.coach-link a img {
  margin-left: 20px;
  display: none;
}
.sync-page {
  width: 100%;
    margin-top: -56px;
    float: left;
    text-align: center;
    padding: 50% 30px 0;
    text-align: center;
}
.sync-page h3 {
  font-size: 70px;
  color: #3359F7;
  font-weight: bold;
  margin-bottom: 0;
}
.sync-page span {
  font-size: 32px;
  color: #0A1F44;
  display: block;
}
.sync-page strong {
  font-size: 20px;
  color: #344356;
  display: block;
  font-weight:normal;
  margin-bottom: 30px;
}
.sync-page .progress-bar {
  width: 100%;
  height: 10px;
  border-radius: 50px;
  background: #E8EEF4;
  position: relative;
  margin-top: 5px;
}
.sync-page .progress-bar span {
  width: 50%;
  height: 10px;
  border-radius: 50px;
  background: #3359F7;
}
.sync-pop {
      position: absolute;
    margin: 0 auto;
    top: 25%;
    background: #FFF;
    border-radius: 15px;
    box-shadow: 0 0px 80px rgba(51,111,169,0.9);
    z-index: 999999;
    width: 80%;
    left: 10%;
    padding: 9%;
    text-align: center;
}
.sync-pop .title {
  /*margin-bottom: 10px;*/
  width: 100%;
  float: left;
  font-size: 39px;
  color: #344356;
}
.sync-pop .title img {
  display: block;
  margin: 0 auto 10px;
}
.sync-pop .content {
  padding: 0;
  font-size: 28px;
  color: #344356;
  text-align: center;
}
.sync-pop .title b {
  font-weight: normal;
}
.sync-pop a {
  display: inline-block;
  background: #3359F7;
  border-radius:7px;
  color: #FFF;
  text-transform: uppercase;
  padding: 20px 30px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-top: 60px;
}
.sync-pop a img {
  margin-left: 20px;
}
@media screen and (max-width:700px) {
	/* .col-md-6 {
		width: 50%;
		float: left;
	} */
	.col-md-8 {
		width:63.666667%;
    flex: inherit;
    max-width: inherit;
	}
	.col-md-4 {
		width:36.333333%;
    flex: inherit;
    max-width: inherit;
	}
  .post-meta {
    font-size: 12px;
  }
	.post-meta .col-md-8 {
		width: 72%;
    padding: 0;
    padding-right: 15px;
	}
	.post-meta .col-md-4 {
		width: 28%;
    padding: 0;
    padding-left: 15px;
	}
	.post-meta-1 span {
		font-size: 12px;
	}
  .post-meta-1 strong {
    display: inline-block;
    margin-bottom: 5px;
    background: #C4CDC8;
    padding: 3px 15px;
    border-radius: 7px;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
  }
  .post-meta-1 strong.progress-btn {
    background: #D98A00;
    color: #FFF;
  }
  .post-meta-1 strong.complete-btn {
    background: #009F37;
    color: #FFF;
  }
  .post-meta-1 strong.overdue-btn {
    background: #D90800;
    color: #FFF;
  }
  .course-cat.course-session .col-md-4 {
    width: 33.3333%;
  }
  .course-cat.course-session .course-name .col-md-9 {
width: 90%;
}
  .course-cat.course-session .course-name .col-md-3 {
width: 10%;
position: relative;
}
.course-cat.course-session .course-name .col-md-3 img {
  width: 100%;
  height: auto;
  position: absolute;
  right: 0;
}
.post-meta-1 .col-md-8 {
  width: 69.666%;
}
.post-meta-1 .col-md-4 {
  width:30.333333%;
}
.digital-coach-pop {
  top: 30%;
  width: 80%;
  left: 10%;
} 
}
.circle-img {
  font-size: 45px;
  color: #344356;
  font-weight: bold;
}
.circle-img img {
  display: block;
  margin:0 auto 20px;
}
.circle-img span {
  display: block;
  font-size: 28px;
  font-weight: normal;
}
.next-topic-button a img {
  display: none;
}
.next-topic-button a {
  display: block;
  float: right;
  background: #3359F7;
  padding: 10px 20px;
  border-radius: 7px;
  color: #FFF;
  margin-top: 0px;
  font-size: 20px;
  margin-bottom: 30px;
}
.next-topic-button a:hover {
  color: #FFF !important;
}
.next-topic-button.next-center a {
  float: none;
  display: inline-block;

}
/*.enterskipbtns.start-now-reflection {
	position: fixed;
    bottom: 0px;
    width: 100% !important;
    text-align: center;
    z-index: 999999 !important;
}

.formlyquiztemp .lessonquizholder .formly-field .welcomescreen .enterskipbtns.start-now-reflection button {
	display: inline-block;
}*/


.result-base.mindset-top h2 {
  margin: 15px 0;
}

/*ARROW CSS*/
.arrow-container{
  width: 60px;
  height: 60px;
  margin: 0;
  position: absolute;
  bottom:80px;
  left: 0px;
  right: 0;
  z-index: 999999;
}

.arrow-1{
  width: 60px;
  height: 60px;
  background: #3359F7;
  opacity: 0.5;
  border-radius: 50%;
  position: absolute;
  left: 10px;
    top: 10px;
}

.arrow-2{
  width: 40px;
  height: 40px;
  background: #3359F7;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  display: table;
}

.arrow-2:before{
  width: 32px;
  height: 32px;
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.arrow-2 i.fa{
  font-size: 30px !important;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #FFF;
}

/* Custom Animate.css */

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.4, .4, .4);
            transform: scale3d(.4, .4, .4);
  }

  50% {
    opacity: 0.5;
  }
  
  100% {
    opacity: 0;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@media screen and (min-width: 820px) {
  .main-container-for-all.overview-main {
    padding-bottom:0;
  }
}

.new-table-design .listing-table {
  width: 100%;
  /*border-bottom: 1px solid rgba(0,0,0,0.12);*/
  float: left;
  color: #344356;
  /*margin-bottom: 30px;*/
  padding-bottom: 30px;
  text-align: left;
}
.new-table-design .listing-table b {
  font-size: 22px;
  color: #344356;
  font-weight: bold;
}
.new-table-design .listing-table p, .main-container-for-all .row .new-table-design .listing-table p {
  font-size: 16px !important;
    line-height: 22px;
    margin-top: 5px;
    color: #3359F7 !important;
}
.new-table-design .listing-table .row {
  background: #E8EEF4;
  padding: 20px 10px 0;
    border-radius: 7px;
    margin: 0;
}
.new-table-design .listing-table .col-md-4, .new-table-design .listing-table .col {
  width: 33.333%;
  float: left;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
  /*margin-right: 2%;*/
}
.new-table-design .listing-table .col {
  width: auto;
  padding: 0 1%;
  text-align: left;
}
.new-table-design .listing-table .col-md-4 input, .new-table-design .listing-table .col input {
  border:1px solid rgba(0,0,0,0.12) !important;
  margin-top: 8px;
  width: 100% !important;
}

.activity-result-page-main {
  display: table;
  width: 100%;
}
.activity-result-page-main .col-md-4 {
  display: table-cell;
  vertical-align:top;
  width: 33.333%;
  float: left;
  padding:60px 15px;
  background: #ddd;
  color: #000;
  text-align: center;
}
.activity-result-page-main .col-md-4.col-one-color, .message .col-md-4.col-one-color {
  background: #F6C414;
}
.activity-result-page-main .col-md-4.col-two-color, .message .col-md-4.col-two-color {
background: #2CC8F8;
}
.activity-result-page-main .col-md-4.col-three-color, .message .col-md-4.col-three-color {
background: #EB5281;
}
.activity-result-page-main .col-md-4 img, .message .col-md-4 img {
  height: auto;
  width: 80%;
  margin:0 auto;
  margin-bottom: 30px;
}
.message .col-md-4 img{margin-top: 20px;}
.activity-result-page-main .col-md-4 h2, .message .col-md-4 h2 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #FFF;
  padding: 0 10px;
}
.message .col-md-4 h2{margin-top: 30px;}
.activity-result-page-main .col-md-4 h2 b {
  color: #FFF;
  font-size: 28px;
  display: block;
}
.activity-result-page-main .col-md-4 p {
  font-size: 14px !important;
  margin-bottom: 10px !important;
   color: #FFF !important;
   text-align: center;
    float: none;
    display: block;
    width: 100%;
    border: 0 !important;
}
.message .col-md-4 p{
  padding: 0 5px !important;
}

.category-drag-drop-page {
  display: table;
  width: 100%;
}
.category-drag-drop-page .col-md-4 {
  display: table-cell;
  vertical-align:top;
  width: 31.333%;
  margin: 0 1%;
  float: left;
  padding:30px 20px;
  /*background: #ddd;*/
  color: #000;
  text-align: center;
    flex: inherit;
    max-width: inherit;
}
.category-drag-drop-page .row.description-box .col-md-4 {
  padding: 0;
  margin-top: 10px;
}
.category-drag-drop-page .col-md-4.col-one-color {
  background: #F6C414;
  border-bottom: 5px solid #e09f19;
}
.category-drag-drop-page .col-md-4.col-two-color {
background: #2CC8F8;
border-bottom: 5px solid #238f87;
}
.category-drag-drop-page .col-md-4.col-three-color {
background: #EB5281;
border-bottom: 5px solid #be5d61;
}
.category-drag-drop-page .col-md-4 img {
  height: auto;
  width: 80%;
  margin:0 auto;
  margin-bottom: 30px;
}
.category-drag-drop-page .col-md-4 h2 {
  font-size: 25px;
  margin-bottom: 15px;
  color: #FFF;
}
.category-drag-drop-page .col-md-4 h2 b {
  color: #FFF;
  font-size: 28px;
  display: block;
}
.category-drag-drop-page .col-md-4 strong {
  font-size: 12px !important;
   color: #000 !important;
   text-align: center;
    float: none;
    display: block;
    width: 100%;
    border: 0 !important;
    font-weight: normal;
    line-height: 14px;
}
.category-drag-drop-page .col-md-4 p {
  font-size: 18px !important;
   color: #FFF !important;
   text-align: center;
    float: none;
    display: block;
    width: 100%;
    border: 0 !important;
    font-weight: normal;
    margin-top: 15px;

}
.category-drag-drop-page .products-enters {
  text-align: center;
  margin-bottom: 30px;
}
.category-drag-drop-page .products-enters span {
  display: inline-block;
  cursor: pointer;
  padding: 5px 30px;
  margin:0 10px 10px;
  font-size: 24px;
  border:2px solid #3359F7;
  border-radius: 7px;
}

.main-container-for-all.vision-content.swot-4p-page-main {
  display: table;
  width: 100%;
  height: auto !important;
  margin-bottom: 30px;
}
.swot-4p-page-main .col-md-4 {
  display: table-cell;
  vertical-align:top;
  width: 48%;
  float: left;
  padding:60px 15px;
  background: #ddd;
  color: #FFF;
  text-align: center;
      flex: inherit;
    max-width: inherit;
    margin:0 1% 2%;
}
.swot-4p-page-main .col-md-4.col-one-color {
  background: #F6C414;
}
.swot-4p-page-main .col-md-4.col-two-color {
background: #2CC8F8;
}
.swot-4p-page-main .col-md-4.col-three-color {
background: #4350AF;
}
.swot-4p-page-main .col-md-4.col-fourth-color {
background: #EB5281;
}
.swot-4p-page-main .col-md-4 img {
  height: 50px;
  width: auto;
  margin-right: 10px;
}
.swot-4p-page-main .col-md-4 h2 {
  font-size: 23px;
  margin-bottom: 30px;
  color: #FFF;
}
.swot-4p-page-main .col-md-4 h2 b {
  color: #FFF;
  font-size: 28px;
  display: block;
}
.swot-4p-page-main .col-md-4 p {
  font-size: 18px !important;
   color: #FFF !important;
   text-align: center;
    float: none;
    display: block;
    width: 100%;
    border: 0 !important;
}

.cash-in-output-page {
  display: table;
  width: 100%;
}
.cash-in-output-page .top-title {
  width: 100%;
  float: left;
  padding:10px 20px;
  color: #000;
  background: #E8EEF4;
  font-size: 20px;
  border-top: 2px solid #3359F7;
}
.cash-in-output-page .btm-title {
  width: 100%;
  float: left;
  padding:10px 20px;
  color: #000;
  background: #E8EEF4;
  font-size: 20px;
  border-bottom: 2px solid #3359F7;
}
.cash-in-output-page .main-header, .cash-in-output-page .content-header {
  display: table-cell;
  vertical-align:top;
  width: 25%;
  float: left;
  text-align: left;
      flex: inherit;
    max-width: inherit;
    padding: 10px;
}
/*.cash-in-output-page .main-header {
  background: #E8EEF4;
}*/
.cash-in-output-page .item-name {
  width: 40%;
}
.vision-preview.five-col-grid .cash-in-output-page .item-name {
  width: 28%;
}
.cash-in-output-page {
  width: 100%;
  float: left;
}
.cash-in-output-page .row {
  margin: 0 !important;
}
.cash-in-output-page .listing-head {
  background-color: #2CC8F8;
  color: #FFF;
}
.cash-in-output-page .listing-head.red-color {
  background-color:#EB5281;
  color: #FFF;
}
.cash-in-output-page .month-name, .cash-in-output-page .month-amount {
  width: 20%;
  text-align: center;
}
.vision-preview.five-col-grid .cash-in-output-page .month-name, .vision-preview.five-col-grid .cash-in-output-page .month-amount {
	width: 18%;
}
.cash-in-output-page .main-header {
  font-weight: bold;
    line-height: 20px;
}
.cash-in-output-page .listing-head, .cash-in-output-page .listing-body {
  width: 100%;
  float: left;
  border-bottom:1px solid #e8e8e8;
}

.source-output-page .listing-table {
  width: 100%;
  /*border-bottom: 1px solid rgba(0,0,0,0.12);*/
  float: left;
  color: #344356;
  /*margin-bottom: 30px;*/
  /* padding-bottom: 15px; */
  text-align: left;
}
.source-output-page .listing-table b {
  font-size: 14px;
  /*color: #3359F7;*/
  font-weight: bold;
}
.source-output-page .listing-table strong {
  font-size: 17px;
    line-height: 26px;
    margin-top: 5px;
    display: block;
    margin-bottom: 20px;
}
.source-output-page .listing-table .row {
}
.source-output-page .listing-table .col-md-4 {
  width: 48%;
  float: left;
  font-size: 18px;
  line-height: 20px;
  margin: 0 1%;
  margin-bottom: 20px;
    flex: inherit;
    max-width: inherit;
    padding: 20px;
    text-align: center;
  /*margin-right: 2%;*/
}
.source-output-page .listing-table .col-md-4 h2 {
  font-size: 22px;
  margin-bottom: 15px;
  color: #FFF;
}
.source-output-page .listing-table .col-md-4 img {
  height: 60px;
  width: auto;
  margin: 0 auto 10px;
  display: block;
}
.source-output-page .listing-table .col-md-4 span {
  font-size: 18px;
  color: #FFF;
}
.source-output-page .col-one-color {
  background-color: #2CC8F8;
  color: #FFF;
}
.source-output-page .col-two-color {
  background-color:#EB5281;
  color: #FFF;
}
.market-analysis-output-page .market-box-output {
  width: 100%;
  float: left;
  text-align: left;
  margin-bottom: 30px;
}
.market-analysis-output-page .market-box-output h2 {
  padding: 20px;
  font-size: 22px;
  color: #FFF;
  margin: 0;
  text-align: center;
}
.market-analysis-output-page .market-box-output .listing {
  width: 100%;
  float: left;
  font-size: 16px;
}
.market-analysis-output-page .market-box-output .listing b {
  font-size: 22px;
  line-height: 22px;
  display: block;
}
.market-analysis-output-page .market-box-output.color-one {
  border: 5px solid #F6C414;
}
.market-analysis-output-page .market-box-output.color-one h2 {
  background: #F6C414;
}
.market-analysis-output-page .market-box-output.color-two {
  border: 5px solid #2CC8F8;
}
.market-analysis-output-page .market-box-output.color-two h2 {
  background: #2CC8F8;
}
.market-analysis-output-page .market-box-output.color-three {
  border: 5px solid #EB5281;
}
.market-analysis-output-page .market-box-output.color-three h2 {
  background: #EB5281;
}
.market-analysis-output-page .market-box-output .box {
  padding: 20px;
  width: 100%;
  float: left;
}
.main-title-all {
  width: 100%;
  float: left;
  margin:0;
  position: relative;
  margin-bottom: 10px;
}
.main-title-all .title {
  width: 100%;
    float: left;
/*    margin-left: -15px;
    margin-right: -15px;*/
}
.main-title-all .title img {
  width: 100%;
  height: auto;
  position: relative;
}
.main-title-all .title h2 {
  color: #FFF;
  font-size: 22px;
  font-weight: bold;
  position: absolute;
  width: 100%;
  float: left;
  left: 0;
  text-align: center;
  top:calc(50% - 26px);
  line-height: 26px;
  padding: 0 20px 0;
}
/*.main-container-for-all.market-analysis-output-page .market-box-output {
  border:0 !important;
}*/
.main-container-for-all.vision-content.retake-box {
	text-align: left;
}
.retake-box .box {
	background: #E8EEF4;
	padding: 20px;
	width: 100%;
	float: left;
	border-radius: 7px;
	text-align: left;
}
.retake-box .box a {
	color: #444;
	font-size: 18px;
}
.retake-box .box a.retake-btn {
	font-size: 18px;
	background: #3359F7;
	color: #FFF;
	display: inline-block;
	padding: 5px 20px;
	border-radius: 7px;
	margin-top: 10px;
}
.flex-parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /*border: solid 1px #ccc;*/
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}
.toptextdesc {
    /*background: #fed930;*/
    /*padding: 5px 10px;*/
    /*width: fit-content;*/
    margin-bottom: 30px;
    width: 100%;
    float: left;
    font-size: 24px;
}
.input-flex-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    width: 85vw;
    max-width: 1000px;
    position: relative;
    z-index: 0;
    min-height: 35px;
}
.input-flex-container:before {
  position: absolute;
  content: ' ';
  width: 93%;
    left: 20px;
    top: 11px;
    height: 1px;
    /*background: #bcbcbc;*/
    border-bottom: 1px dashed #bcbcbc;
}
.topprogressbottom {
    width: 100%;
    display: flex;
    font-size: 12px;
}
.input-flex-container .input {
    width: 20px;
    height: 20px;
    background-color: #929292;
    position: relative;
    border-radius: 50%;
    color: #fff !important;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    position: relative;
}
.input-flex-container .input:before {
  border: 1px solid #929292;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 30px;
  height: 30px;
  content: ' ';
  border-radius: 100%;
}
/*.input-flex-container .input.active ~ .input, .input-flex-container .input.active ~ .input::before, .input-flex-container .input.active ~ .input::after {
    background-color: #AEB6BF;
}*/
.input-flex-container .input.active {
    background-color: #65b368 !important;
}
.input-flex-container .input.active:before {
  border: 1px solid #65b368;
}
.input-flex-container .input.overdue {
    background-color: #b22b17 !important;
}
.input-flex-container .input.overdue:before {
  border: 1px solid #b22b17;
}
.input-flex-container .input.inprogress {
    background-color: #fdd75b !important;
    color: #000 !important;
    line-height: 21px !important;
}
.input-flex-container .input.inprogress:before {
  border: 1px solid #fdd75b;
}
.topprogressbottom .statusbartop1, .topprogressbottom .statusbartop2, .topprogressbottom .statusbartop3, .topprogressbottom .statusbartop4, .topprogressbottom .statusbartop5 {
      border-top: solid 1px #a4a4a4;
      border-bottom: 0;
    text-align: center;
    padding-top: 8px;
    position: relative;
}
.topprogressbottom .statusbartop1:before, .topprogressbottom .statusbartop2:before, .topprogressbottom .statusbartop3:before, .topprogressbottom .statusbartop4:before, .topprogressbottom .statusbartop5:before {
      position: absolute;
    border: 1px solid #a4a4a4;
    content: ' ';
    left: -3px;
    top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #FFF;
}
.topprogressbottom .statusbartop1:after, .topprogressbottom .statusbartop2:after, .topprogressbottom .statusbartop3:after, .topprogressbottom .statusbartop4:after, .topprogressbottom .statusbartop5:after {
      position: absolute;
    border: 1px solid #a4a4a4;
    content: ' ';
    right: -3px;
    top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #FFF;
}
.statusbartop3 .animation-progress, .topprogressbottom .animation-progress, .stagelevelinner .animation-progress {
  width: 30px;
  height: 10px;
  background: #fdd75b;
  position: absolute;
  animation: mymove 5s infinite;
  animation-fill-mode: forwards;
  left: 0;
    top: -5px;
}
@keyframes mymove {
  from {left: 0px;}
  to {left: 108px; background-color: #fdd75b;}
}
.statusbartop3 .yellowbgcolor {
  background: none;
  padding: 0;
}
@media screen and (max-width:650px) {
  .activity-result-page-main .col-md-4 h2, .swot-4p-page-main .col-md-4 h2, .category-drag-drop-page .col-md-4 h2 {
  font-size: 24px;
}
}
   
    /* skeleton-new-css image loading */
    .skeleton-new-css__image img { 
        width: 100%; 
        height: auto; 
    } 
      
    .skeleton-new-css__image.loading { 
        height: 214px; 
        width: 100%; 
        border-radius: 7px;
    }
.skeleton-new-css-tab {
  width: 100%;
  float: left;
  margin-top: 30px;
}
    .skeleton-new-css-tab__image.loading { 
        height: 80px; 
        width: 100%; 
        border-radius: 7px;
    } 

    .skeleton-session-overview-img {
  width: 100%;
  float: left;
  margin-top: 30px;
}
    .skeleton-session-overview-img__image.loading { 
        height: 214px; 
        width: 100%; 
        border-radius: 7px;
    } 
   
 .skeleton-session-overview-content {
  width: 100%;
  float: left;
  margin-top: 30px;
}
    .skeleton-session-overview-content__image.loading { 
        height: 60px; 
        width: 60%; 
        border-radius: 7px;
    } 

    .skeleton-session-overview-content__content.loading { 
        height: 150px; 
        width: 100%; 
        border-radius: 7px;
        margin: 20px 0;
    } 


.skeleton-session-overview-content-section {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.skeleton-session-overview-content-section .row {
  margin-top: 15px;
}
    .skeleton-session-overview-content-section__image.loading { 
        height: 30px; 
        width: 100%; 
        border-radius: 7px;
        /*margin-top: 10px;*/
    } 

    .skeleton-session-overview-content-section__circle.loading { 
        height: 30px; 
        width: 30px; 
        border-radius: 100%;
        /*margin-top: 10px;*/
    } 

    .skeleton-session-overview-content-section__icon.loading { 
        height: 30px; 
        width: 25px; 
        border-radius: 7px;
        /*margin-top: 10px;*/
    } 
   

    /* skeleton-new-css title */
    .skeleton-new-css__title { 
        padding: 8px; 
        font-size: 22px; 
        font-weight: 700; 
    } 
      
    .skeleton-new-css__title.loading { 
        height: 3rem; 
        width: 50%; 
        margin: 1rem 0; 
        border-radius: 3px; 
    } 
   
    /* skeleton-new-css description */
    .skeleton-new-css__description { 
        padding: 8px; 
        font-size: 16px; 
    } 
      
    .skeleton-new-css__description.loading { 
        height: 7rem; 
        margin: 0; 
        border-radius: 3px; 
        margin-bottom: 15px;
    }


     /* skeleton-new-css image loading */
    .skeleton-course-box {
      box-shadow: 0 12px 19px rgba(60,128,209,0.2);
    background: #FFF;
    border-radius: 7px;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    width: 100%;
    float: left;
    }



    .skeleton-course-box__image img { 
        width: 100%; 
        height: auto;
    } 
      
    .skeleton-course-box__image.loading, .progress-skeleton__image.loading { 
        height: 160px; 
        width: 100%; 
        border-radius: 7px 7px 0 0;
        margin-bottom: 20px;
    } 
   .progress-skeleton__image.loading {
    height: 80px;
    border-radius: 7px;
   }
    /* skeleton-course-box title */
    .skeleton-course-box__title, .progress-skeleton__title { 
        padding: 8px; 
        font-size: 22px; 
        font-weight: 700; 
    } 
      
    .skeleton-course-box__title.loading, .progress-skeleton__title.loading { 
        height: 2.5rem; 
        width: 85%; 
        margin: 1rem 0; 
        border-radius: 7px; 
        margin: 7%;
    } 
   .progress-skeleton__title.loading {
    margin:0 0 20px;
    width: 30%;
   }
   .progress-skeleton.title-bar-skeleton {
    margin: 0;
   }
   .progress-skeleton.title-bar-skeleton .loading {
    margin-bottom: 0;
   }
   
    /* skeleton-course-box description */
    .skeleton-course-box__description, .skeleton-course-box__button { 
        padding: 8px; 
        font-size: 16px; 
    } 
      
    .skeleton-course-box__description.loading, .skeleton-course-box__button.loading { 
        height: 7rem; 
        margin: 0; 
        border-radius: 7px; 
        /*margin-bottom: 15px;*/
        width: 86%;
        margin:7%;
    } 
   .skeleton-course-box__button.loading {
    height: 3rem;
    width: 50%;
    border-radius: 7px;
   }
    /* The loading Class */
    .loading { 
        position: relative; 
        background-color: #e6e6e6; 
    } 
   
    /* The moving element */
    .loading::after { 
        display: block; 
        content: ""; 
        position: absolute; 
        width: 100%; 
        height: 100%; 
        transform: translateX(-100%); 
        background: -webkit-gradient(linear, left top, 
                    right top, from(transparent),  
                    color-stop(rgba(255, 255, 255, 0.2)), 
                    to(transparent)); 
                      
        background: linear-gradient(90deg, transparent, 
                rgba(255, 255, 255, 0.2), transparent); 
   
        /* Adding animation */
        animation: loading 0.8s infinite; 
    } 
   
.progress-skeleton {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.course-session-skeleton {
  margin-top: 30px;
}
.course-session-skeleton .skeleton-course-box__image.loading {
    height: 120px;
    border-radius: 7px;
   }
    /* Loading Animation */
    @keyframes loading { 
        100% { 
            transform: translateX(100%); 
        } 
    } 

.result-new-page {
  width: 100%;
  float: left;
  text-align: center;
  /*padding-top: 30px;*/
}
.result-new-page h3 {
  font-size: 30px;
  color: #344356;
}
.result-new-page span {
  display: block;
  color: #3359F7;
  font-size: 24px;
}
.result-new-page a {
  font-size: 20px;
  display: inline-block;
  background: #3359F7;
  color: #FFF;
  padding: 10px 20px;
  border-radius: 7px;
  margin-bottom: 30px;
}
.result-new-page strong {
  display: block;
  color: #FFF;
  background: #EB5281;
  border-radius: 7px;
  font-size: 28px;
  display: block;
  padding: 40px;
  margin:20px 80px 50px;
  font-weight: normal;
}
.result-new-page h2 {
  font-size: 40px;
  color: #3359F7;
}
.rating-div {
  width: 100%;
  padding: 0 100px;
  margin-top:30px;
  float: left;
}
.rating-div .listing {
  position: relative;
  text-align: left;
  margin-bottom: 40px;
  padding-left:70px;
}
.rating-div .listing h4 {
  font-size: 32px;
  color: #344356;
  margin-bottom: 0;
}
.rating-div .listing span {
  font-size: 20px;
  color: #344356;
}
.rating-div .listing img {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width:40px;
}

.menu-page-skeleton {
  width: 450px;
  border-right: 1px solid #ddd;
  float: left;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  padding:20px;
  overflow: scroll;
}

.skeleton-menu-top {
  width: 100%;
  float: left;
  /*margin-top: 30px;*/
}
.skeleton-menu-top .row {
  /*margin-top: 15px;*/
  margin:0;
}
    .skeleton-menu-top__image.loading { 
        height: 50px; 
        width: 100%; 
        border-radius: 7px;
        /*margin-top: 10px;*/
    } 

    .skeleton-menu-top__circle.loading { 
        height: 50px; 
        width: 50px; 
        border-radius: 100%;
        /*margin-top: 10px;*/
    }
    .skeleton-session-overview-content-section.skeleton-menu-top .row {
      margin-top: 15px;
    }
    .skeleton-session-overview-content-section.skeleton-menu-top .skeleton-session-overview-content-section__image.loading {
      height: 40px;
    }
    .skeleton-session-overview-content-section.skeleton-menu-top {
      border-top: 1px solid #e6e6e6;
      margin-top: 20px;
    }
    .skeleton-session-overview-content-section.skeleton-menu-top .col-md-12 .skeleton-session-overview-content-section__image.loading {
      width: 60%;
      height: 50px;
    }
    .skeleton-session-overview-content-section.skeleton-menu-top .skeleton-session-overview-content-section__circle.loading { 
        height: 40px; 
        width: 40px; 
        border-radius: 100%;
        /*margin-top: 10px;*/
    } 

    .skeleton-menu-top__icon.loading { 
        height: 50px; 
        width: 50px; 
        border-radius: 100%;
        /*margin-top: 10px;*/
    } 

.main-container-for-all.main-categories-skeleton .row, .main-container-for-all.vision-content.retake-box .row, .course-session-skeleton .row, .main-container-for-all.main-course-skeleton-div .row {
  display: flex !important;
}

.skeleton-chat {
      box-shadow: 0 12px 19px rgba(60,128,209,0.2);
    background: #FFF;
    border-radius: 7px;
    width: 700px;
    padding:30px;
    float: left;
    left: 30px;
    top: 80px;
    position: fixed;
    z-index: 999999;
    height: 85vh;
}
.skeleton-chat-content, .skeleton-chat-name {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.skeleton-chat-content__close.loading { 
        height: 40px; 
        width: 40px; 
        border-radius: 100%;
        float: right;
        /*margin-top: 10px;*/
    } 

.skeleton-chat-name-left {
  padding-left: 100px;
  position: relative;
}
.skeleton-chat-image-left__image.loading { 
        height: 80px; 
        width: 80px; 
        border-radius: 100%;
        position: absolute;
        left: 0;
        top: 0;
}
.skeleton-chat-name-left__text.loading { 
        height: 80px; 
        width: 100%;
        border-radius: 7px; 
}
.skeleton-chat-name-left__options.loading { 
        height: 40px; 
        width: 40%;
        border-radius: 50px;
        float: left;
        margin-right: 15px; 
        margin-top: 15px;
}
.skeleton-chat-content__image.loading { 
        height: 360px; 
        width: 100%; 
        border-radius: 7px;
        float: left;
        margin-top: 10px;
        /*margin-top: 10px;*/
    } 

.login-skeleton-new-css {
  text-align: center;
}

.login-skeleton-new-css__image.loading { 
        height: 360px; 
        width: 100%; 
        border-radius: 7px;
        float: left;
        /*margin-top: 10px;*/
    } 

    .login-skeleton-new-css__title.loading { 
        height: 80px; 
        width: 90%; 
        border-radius: 7px;
        margin: 0 auto;
        margin-top: 20px;
        display: inline-block;
    } 
    .login-skeleton-new-css__description.loading { 
        height: 40px; 
        width: 100%; 
        border-radius: 7px;
        margin: 0 auto;
        margin-top: 20px;
        display: inline-block;
    } 
    .login-skeleton-new-css__input.loading { 
        height: 60px; 
        width: 100%; 
        border-radius: 7px;
        margin: 0 auto;
        margin-top: 20px;
        display: inline-block;
    }
    .login-skeleton-new-css__button.loading { 
        height: 80px; 
        width: 40%; 
        border-radius: 7px;
        margin: 0 auto;
        margin-top: 20px;
        display: inline-block;
    } 

/*LAUNCHER SCREEN CSS START HERE*/

.launcher-screen {
  width: 100%;
  padding: 20px;
  float: left;
  font-size: 16px;
  text-align: left;
}
.launcher-screen .header, .launcher-screen .launcher-top-text, .launcher-screen .launcher-testi, .launcher-screen .launcher-videos, .launcher-screen .launcher-system-apps {
  line-height: 20px;
  margin-bottom: 20px;
}
.launcher-screen .header img {
height: 50px;
}
.launcher-screen .launcher-top-text span {
  /*background: #F9DD4C;*/
  color: #000;
  font-size: 16px;
  display: inline-block;
  /*padding: 5px 10px;*/
  font-weight: bold;
  margin-bottom: 3px;
}
.launcher-screen .launcher-top-text p {
  margin-bottom: 0;
}
.launcher-screen .launcher-top-text {
  margin-top: 30px;
}
.launcher-screen .launcher-courses {
  /*box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);*/
  padding: 0px;
  border-radius: 7px;
  width: 100%;
  float: left;
  margin-bottom: 0px;
}
.launcher-screen .launcher-courses .col-md-2 {
  width: 20%;
  max-width: inherit;
  float: left;
  flex: inherit;
  font-size: 11px;
  line-height: 12px;
  padding: 0 1%;
}
.launcher-screen .launcher-courses .col-md-2 img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  margin-bottom: 10px;
}
.launcher-screen .launcher-courses .col-md-2 b {
  display: block;
  color: #3359F7;
}

.launcher-screen .launcher-courses .col-md-12 span, .launcher-screen .launcher-courses .col-md-12 a {
  background: #3359F7;
  color: #FFF;
  font-size: 20px;
  display: inline-block;
  padding: 5px 10px;
  font-weight: bold;
  margin-top: 0px;
  border-radius: 7px;
  margin-bottom:15px;
}
.launcher-screen .launcher-courses .col-md-12 a {
  margin: 30px 0;
}
.launcher-screen .launcher-testi img {
  width: 100%;
  height: auto;
}
/*.launcher-screen .launcher-videos {
  overflow: hidden;
  overflow-x: scroll;
  width: 1000px;
}*/
.launcher-screen .launcher-videos .col-md-3 {
  width: 25%;
  padding: 0 1%;
  max-width: inherit;
  float: left;
  flex: inherit;
}
.launcher-screen .launcher-videos .box {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 7px;
  width: 100%;
  float: left;
  margin-bottom:15px;
  text-align: center;
  font-size: 13px;
  line-height: 14px;
  position: relative;
}
.launcher-screen .launcher-videos .box img {
  width: 100%;
  height: auto;
  margin-bottom: 6px;
}
.launcher-screen .launcher-videos .box img.play-icon-kuza-video {
	    position: absolute;
    left: 41px;
    top: 23px;
    width: 65px;
    height: auto;
    z-index: 999999;
}
.launcher-screen .launcher-system-apps {
  margin-bottom: 0;
  margin-top: -20px;
}
.launcher-screen .launcher-system-apps .col-md-2 {
  width: 12.5%;
  padding: 0 1%;
  max-width: inherit;
  float: left;
  flex: inherit;
  text-align: center;
  font-size: 11px;
}
.launcher-screen .launcher-system-apps .box {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 7px;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.launcher-screen .launcher-system-apps .box img {
  width: 100%;
  height: auto;
}

.log-menu-slide-text .col-md-3 .menustaticlogout {
  font-size: 18px;
  color: #444444;
  text-decoration: underline;
}
.log-menu-slide-text .col-md-3 a {
  text-decoration: underline;
  color: #444444;
}
.log-menu-slide-text .col-md-3 {
  width: 33.333%;
  float: left;
  max-width: inherit;
  flex: inherit;
  font-size: 18px;
}
.title-bar-top .header-right-icons img {
  margin-left: 0 !important;
}

.select2-drop-active {
  -webkit-transition: opacity 300ms ease, visibility 300ms ease;
  -moz-transition: opacity 300ms ease, visibility 300ms ease;
  -o-transition: opacity 300ms ease, visibility 300ms ease;
  transition: opacity 300ms ease, visibility 300ms ease;
}


md-select-menu md-content md-option:not([disabled]):hover{background: #3359f7 !important; color: #fff !important;}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected]{background: #3359f7 !important; color: #fff !important;}

.widget-box {
  background: #FFF;
  border-radius: 7px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
width: 100%;
float: left;
margin-bottom: 30px;
font-size: 13px;
line-height: 14px;
}
.widget-box h4, .widget-box h3 {
  font-size: 18px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
}
.widget-box h3 {
  margin-bottom: 0;
}
.widget-box h5 {
  font-size: 15px;
  position: relative;
  font-weight: bold;
  color: #5468ff;
}
.widget-box h4:after {
  position: absolute;
  left: 0;
  bottom: -15px;
  background: #5468ff;
  content: ' ';
  width: 60px;
  height: 4px;
}
.widget-box img {
  width: 100%;
  height: auto;
}
.widget-box img.profile {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  margin-bottom: 15px;
}
.widget-box .listing, .widget-box .table-listing {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.widget-box .listing b {
  display: inline-block;
  /*width: 80px;*/
  line-height: 18px;
}
.widget-top-box {
  border: 4px solid #5468ff;
  width: 100%;
  float: left;
  border-radius: 7px;
  margin-bottom: 30px;
  background: #FFF;
}
.widget-top-box h4 {
  color: #FFF;
  background: #5468ff;
  padding: 15px;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
}
.widget-top-box .content {
  padding: 20px 15px;
  width: 100%;
  float: left;
}
.widget-top-box .content img {
  width: 100%;
  height: auto;
}
.widget-box .table-listing .col {
  float: left;
  padding: 6px 0 0;
  max-width: inherit !important;
  flex: inherit !important;
}
.widget-box .table-listing .col b {
  font-size: 14px;
  display: block;
  /* border-bottom: 1px solid #eeeeee; */
  padding-bottom: 10px;
}
.widget-box .table-listing .col-1 {
  width: 60%;
}
.widget-box .table-listing .col-2, .widget-box .table-listing .col-3 {
  width: 20%;
  text-align: center;
}
.tab-content {
  width: 100%;
  float: left;
}
.tab-content ul {
  width: 100%;
  float: left;
  margin-bottom: 0px;
}
.tab-content li {
  float: left;
  padding: 10px 20px;
  background: #5468ff;
  color: #FFF;
  font-weight: bold;
  margin-left:10px;
  border-radius: 7px 7px 0 0;
  margin-bottom: 0;
}
.top-one {
  width: 100%;
  float: left;
  margin-bottom: 0;
  margin-top: 20px;
}
.top-one .box {
  float: left;
  width: 12.5%;
  padding: 20px;
  text-align: center;
  margin-top: 20px;
  background: #FFF;
  border-radius: 7px;
  margin: 20px 1% 0 0;
}
.top-one .box span {
  width: 70px;
  height: 70px;
  padding: 5px;
  /* background: #EFE1C9; */
  background: #16e7cf;
  border-radius: 100%;
  display: block;
  padding: 5px;
  margin:0 auto 5px;
}
.top-one .box img {
  height: 45px;
  margin-top: 7px;
}
.top-one .box b {
  display: block;
  font-size: 16px;
  line-height: 14px;
}
.top-one h4 {
  font-size: 20px;
  margin-bottom: 20px;
  color: #5e5e5e;
  font-weight: 500;
}
.top-one h4 .right-side {
  float: right;
  font-size: 14px;
  margin-top: 8px;
  color: #5E5E5E;
  font-weight: normal;
  margin-right: 1%;
}
.top-one h4 .right-side span {
  margin-left: 20px;
}
.top-one h4 .right-side span strong {
  width: 20px;
  height: 3px;
  background: #488F31;
  display: inline-block;
  top: -3px;
    position: relative;
  margin-right: 10px;
}
.top-one h4 .right-side span strong.light {
  background: #16e7cf;
}
.top-one.top-two .box-base {
  background: #FFF;
  padding: 20px;
  border-radius: 7px;
  width: 100%;
  float: left;
}
.top-one.top-two .box-base .box-two {
  width: 20%;
  padding: 0 10px;
  float: left;
}
.top-one.top-two .box-base .box-two span {
  font-size: 16px;
  color: #929292;
  display: block;
  font-weight: bold;
  line-height: 16px;
  padding-right: 50px;
  min-height: 35px;
    /*display: flex !important;
    align-items: center;*/
}
.top-one.top-two .box-base .box-two span strong {
  color: #488F31;
}
.top-one.top-two .box-base .box-two b {
  display: block;
  margin-top: 10px;
}
.top-one.top-two .box-base .box-two .green-bor {
  width: 60%;
  height: 3px;
  float: left;
  background: #488F31;
}
.top-one.top-two .box-base .box-two .lightgreen-bor {
  width: 40%;
  height: 3px;
  float: left;
  background: #BAD0AF;
}
.top-one.top-three .tab-new a {
  display: inline-block;
  margin-left: 20px;
  border-bottom: 2px solid transparent;
  color: #444444;
  margin-bottom: 20px;
}
.top-one.top-three .tab-new a.active, .top-one.top-three .tab-new a:hover {
  border-bottom: 2px solid #488F31;
}
.top-one.top-two.top-three .box-base {
  background: none;
  padding: 0;
}
.top-one.top-two.top-three .box-base .box-three {
  width: 18.9%;
    padding: 15px;
    float: left;
    background: #FFF;
    border-radius: 7px;
    margin: 0 1% 40px 0;
    position: relative;
    /*border:1px solid #eeeeee;*/
    min-height: 180px;
}
.top-one.top-two.top-three .box-base .box-three strong, .btm-right-css {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #eeeeee;
    padding: 3px 5px;
    color: #444;
    border-radius: 5px 5px 5px 0;
    border:1px solid #dddddd;
    min-width: 30px;
    width: auto;
    height: 30px;
    text-align: center;
    font-weight: normal;
}
.hightlight-div span {
  background: #eeeeee;
    padding: 3px 11px;
    color: #444;
    border-radius: 5px;
    border:1px solid #dddddd;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.top-one.top-two.top-three .box-base .box-three.right {
  margin-right: 0;
}
.top-one.top-two.top-three .box-base .box-three .main-number {
  width: 122%;
    float: left;
    position: relative;
    margin-top: 20px;
    margin-left: -20px;
}
.top-one.top-two.top-three .box-base .box-three .main-number .left, .top-one.top-two.top-three .box-base .box-three .main-number .right {
  float: left;
  width: 50%;
  padding: 5px 15px;
  background: #DADADA;
  position: relative;
  min-height: 31px;
  /*margin-left: -20px;*/
}
.top-one.top-two.top-three .box-base .box-three .main-number .right {
  background: #ae804d;
  color: #FFF;
  text-align: right;
}
.top-one.top-two.top-three .box-base .box-three .main-number:before {
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  bottom: -5px;
  content: ' ';
  z-index: 999999;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid rgba(75,49,24,0.4);
  border-right: 3px solid rgba(75,49,24,0.4);
}
.top-one.top-two.top-three .box-base .box-three .main-number:after {
  position: absolute;
  width: 5px;
  height: 5px;
  right: 0;
  bottom: -5px;
  content: ' ';
  z-index: 999999;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid rgba(75,49,24,0.4);
  border-left: 3px solid rgba(75,49,24,0.4);
}
.top-one.top-two.top-three .box-base .box-three img {
  height: 35px;
  width: auto;
  float: right;
}
.lamborghini .profilelogout img.nav-new {
  border-radius: 0 !important;
  border:0 !important;
  height: 28px !important;
  width: auto !important;
  cursor: pointer;
}
.lamborghini .profilelogout img.headerlogonew {
  border-radius: 0 !important;
  border:0 !important;
  height: 30px !important;
  width: auto !important;
}
.search-section {
  position: fixed;
    z-index: 999999;
    background: #FFF;
    right: 20px;
    padding: 20px 20px 0;
    top: 60px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
        border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
    border-radius: 7px;
    width: 300px;
    display: none;
    /*height: 300px;*/
    overflow:scroll;
}
.search-section.open {
  display: block;
}
.search-section .one-third {
  width: 31.333%;
  margin: 0 1% 15px;
  float: left;
  text-align: center;
  line-height: 14px;
    font-size: 12px;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.search-section .one-third.one-fourth {
  width: 23%;
  font-size: 11px;
    letter-spacing: -0.5px;
}
.search-section .one-third img {
  height: 30px;
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.div-line {
  width: 100%;
  float: left;
  height: 1px;
  background: #000;
  margin:10px 0 20px 0;
}
.currency-drop {
  float: right;
}
.currency-drop strong {
  display: inline-block;
  padding: 5px 10px;
  border:1px solid #929292;
  background: #FFF;
  border-radius: 7px;
  font-weight: normal;
  margin-left: 10px;
}
.currency-drop strong img {
  height: 26px;
  width: auto;
  margin-left: 5px;
}
.currency-drop strong span {
  display: inline-block;
  padding: 2px 10px;
  cursor: pointer;
}
.currency-drop strong span.active {
  background: #929292;
  color: #FFF;
  border-radius: 7px;
}
.ipdashboardcontainer.baseline_listing_content md-tabs-canvas {
  /*background: #dddddd;
  border-radius: 7px 7px 0 0;*/
  border-bottom: 0 solid #5e5e5e;
}
.trainerdashboard .md-tab {
  background: #FFF;
  color: #2e2e2e;
  margin-right: 10px;
  border-radius: 0 0 0 0;
  opacity: 1;
  border-bottom: 4px solid transparent;
}
.trainerdashboard md-tabs .md-tab.md-active {
  color: #2e2e2e;
  opacity: 1;
  border-bottom: 4px solid #10b872;
  
}
.can-toggle.demo-rebrand-1 {
  float: right;
  margin-bottom: 20px;
}

.widget-box {
  background: #FFF;
  border-radius: 7px;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);
width: 100%;
float: left;
margin-bottom: 30px;
font-size: 13px;
line-height: 14px;
}
.widget-box h4, .widget-box h3 {
  font-size: 18px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
}
.widget-box h3 {
  margin-bottom: 0;
}
.widget-box h5 {
  font-size: 15px;
  position: relative;
  font-weight: bold;
  color: #5468ff;
}
.widget-box h4:after {
  position: absolute;
  left: 0;
  bottom: -15px;
  background: #5468ff;
  content: ' ';
  width: 60px;
  height: 4px;
}
.widget-box img {
  width: 100%;
  height: auto;
}
.widget-box img.profile {
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  margin-bottom: 15px;
}
.widget-box .listing, .widget-box .table-listing {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.widget-box .table-listing {
  /*border-bottom: 1px solid #eeeeee;*/
  margin-top: 0;
}
.widget-box .listing b {
  display: inline-block;
  /*width: 80px;*/
  line-height: 21px;
}
.widget-top-box {
  border: 4px solid #5468ff;
  width: 100%;
  /* float: left; */
  border-radius: 7px;
  margin-bottom: 30px;
  background: #FFF;
}
.widget-top-box h4 {
  color: #FFF;
  background: #5468ff;
  padding: 15px;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
}
.widget-top-box .content {
  padding: 20px 15px;
  width: 100%;
  float: left;
}
.widget-top-box .content img {
  width: 100%;
  height: auto;
}
.widget-box .table-listing {
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
}
.widget-box .table-listing .col {
  float: left;
  padding: 7px 0;
  max-width: inherit !important;
  flex: inherit !important;
  border-right: 1px solid #eeeeee;
  min-height: 14px;
}
.widget-box .table-listing .col b {
  font-size: 14px;
  display: block;
  /*border-bottom: 1px solid #eeeeee;*/
  padding-bottom: 10px;
}
.widget-box .table-listing .col-1 {
  width: 20%;
  padding-left: 15px;
}
.widget-box .table-listing .col-2, .widget-box .table-listing .col-3 {
  width: 10%;
  text-align: center;
}
.widget-box .table-listing .col-2 {
  width: 16%;
  /*margin-right: 1%;*/
}
.widget-box .table-listing .col-2 .listing-qtr {
  width: 100%;
  float: left;
}
.widget-box .table-listing .col-2 .listing-qtr .col-4 {
  width: 50%;
  float: left;
  padding: 0;
  border-right: 0;
}
.widget-box .table-listing .col-2 .listing-qtr .col-4 b {
  font-size: 12px;
  border:0;
  padding-bottom: 0;
  background: #eeeeee;
  padding: 4px 0;
    margin-top: 0px;
    margin-bottom: -8px;
        white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.widget-box .table-listing.total-revenue {
  border-bottom: 1px solid #eee;
}
.widget-box .table-listing.total-revenue .col-2 {
  /* background: #eee; */
}
.widget-box .table-listing.total-revenue .col {
  padding: 6px 0;
  font-weight: bold;
  font-size: 14px;
}
.widget-box .table-listing.total-revenue .col-1 {
  padding: 6px 0 6px 15px;
}
.widget-box .table-listing.total-revenue .col-2 .listing-qtr .col-4 {
  padding: 0;
}
/*.widget-box .table-listing.total-revenue .col-1 strong {
  padding-left: 10px;
}*/
.tab-content {
  width: 100%;
  float: left;
}
.tab-content ul {
  width: 100%;
  float: left;
  margin-bottom: 0px;
}
.tab-content li {
  float: left;
  padding: 10px 20px;
  background: #5468ff;
  color: #FFF;
  font-weight: bold;
  margin-left:10px;
  border-radius: 7px 7px 0 0;
  margin-bottom: 0;
}
.top-one {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.top-one .box {
  float: left;
  width: 24%;
  padding: 0 10px;
  text-align: center;
  margin-top: 10px;
  padding: 30px 20px;
  margin: 0 1% 0 0;
  /*letter-spacing: -0.5px;*/
  font-size: 16px;
  margin-bottom: 10px;
  color: #7b7b7b;
}
.top-one .box span {
  width: 70px;
  height: 70px;
  padding: 5px;
  /* background: #EFE1C9; */
  background: #16e7cf !important;
  border-radius: 100%;
  display: block;
  padding: 5px;
  margin:0 auto 5px;
}
.top-one .col-md-12 {
  padding: 0 !important;
}
.top-one .box img {
  height: 45px;
  margin-top: 7px;
}
.top-one .box b {
  display: block;
  font-size: 18px;
  line-height: 14px;
  color: #000;
  margin-top: 8px;
}
.top-one h4 .right-side {
  float: right;
  font-size: 14px;
  margin-top: 8px;
  color: #5E5E5E;
  font-weight: normal;
}
.top-one h4 .right-side span {
  margin-left: 20px;
  font-size: 16px;
}
.top-one h4 .right-side span strong {
  width: 20px;
  height: 3px;
  background: #488F31;
  display: inline-block;
  top: -3px;
    position: relative;
  margin-right: 10px;
}
.top-one h4 .right-side span strong.light {
  background: #16e7cf;
}
.top-one.top-two .box-base {
  background: #FFF;
  padding: 20px;
  border-radius: 7px;
  width: 100%;
  float: left;
}
.top-one.top-two .box-base .box-two {
  width: 20%;
  padding: 0 10px;
  float: left;
}
.top-one.top-two .box-base .box-two span {
  font-size: 16px;
  color: #929292;
  display: block;
}
.top-one.top-two .box-base .box-two.box-activated span {
  font-weight: bold;
    color: #5e5e5e;
}
.top-one.top-two .box-base .box-two b {
  display: block;
  margin-top: 16px;
  color: #929292;
  font-weight: normal;
  font-size: 15px;
}
.top-one.top-two .box-base .box-two.box-activated b {
  font-weight: bold;
    color: #5e5e5e;
}
.top-one.top-two .box-base .box-two {
  position: relative;
}
.top-one.top-two .box-base .box-two.box-activated {
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border:2px solid #ffd800 !important;
}
.top-one.top-two .box-base .box-two.box-activated:after {
  position: absolute;
  bottom: -20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ffd800;
  content: ' ';
  z-index: 999999;
}
.top-one.top-two .box-base .box-two .green-bor {
  width: 60%;
  height: 3px;
  float: left;
  background: #488F31;
  border-bottom: solid 3px #1db100;
}
.top-one.top-two .box-base .box-two .lightgreen-bor {
  width: 40%;
  height: 3px;
  float: left;
  background: #BAD0AF;
  border-bottom: solid 3px #16e7cf;
}
.top-one.top-three .tab-new a {
  display: inline-block;
  margin-left: 20px;
  border-bottom: 2px solid transparent;
  color: #444444;
  margin-bottom: 20px;
}
.top-one.top-three .tab-new a.active, .top-one.top-three .tab-new a:hover {
  border-bottom: 2px solid #488F31;
}
.top-one.top-two.top-three .box-base {
  background: none;
  padding: 0;
}
.top-one.top-two.top-three .box-base .box-three {
  width: 19%;
  padding: 30px 20px;
  float: left;
  background: #FFF;
  border-radius: 7px;
  margin:0 1% 20px 0;
  border:2px solid transparent;
}
.top-one.top-two.top-three .box-base .box-three.right {
  margin-right: 0;
}
.top-one.top-two.top-three .box-base .box-three .main-number {
  width: 122%;
    float: left;
    position: relative;
    margin-top: 20px;
    margin-left: -20px;
    display: none;
}
.top-one.top-two.top-three .box-base .box-three .main-number .left, .top-one.top-two.top-three .box-base .box-three .main-number .right {
  float: left;
  width: 50%;
  padding: 5px 15px;
  background: #DADADA;
  position: relative;
  /*margin-left: -20px;*/
}
.top-one.top-two.top-three .box-base .box-three .main-number .right {
  background: #4F3012;
  color: #FFF;
  text-align: right;
}
.top-one.top-two.top-three .box-base .box-three .main-number:before {
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  bottom: -5px;
  content: ' ';
  z-index: 999999;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid rgba(75,49,24,0.4);
  border-right: 3px solid rgba(75,49,24,0.4);
}
.top-one.top-two.top-three .box-base .box-three .main-number:after {
  position: absolute;
  width: 5px;
  height: 5px;
  right: 0;
  bottom: -5px;
  content: ' ';
  z-index: 999999;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid rgba(75,49,24,0.4);
  border-left: 3px solid rgba(75,49,24,0.4);
}
.top-one.top-two.top-three .box-base .box-three img {
  height: 35px;
  width: auto;
  float: right;
}
.lamborghini .profilelogout img.nav-new {
  border-radius: 0 !important;
  border:0 !important;
  height: 28px !important;
  width: auto !important;
  cursor: pointer;
}
.lamborghini .profilelogout img.headerlogonew {
  border-radius: 0 !important;
  border:0 !important;
  height: 30px !important;
  width: auto !important;
}
.search-section {
  position: fixed;
    z-index: 999999;
    background: #FFF;
    right: 20px;
    padding: 20px 20px 0;
    top: 60px;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
        border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.30), 0 2px 6px 2px rgba(60,64,67,.15);
    border-radius: 7px;
    width: 300px;
    display: none;
    /*height: 300px;*/
    overflow:scroll;
}
.search-section.open {
  display: block;
}
.search-section .one-third {
  width: 31.333%;
  margin: 0 1% 15px;
  float: left;
  text-align: center;
  line-height: 14px;
    font-size: 12px;
  /*white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.search-section .one-third.one-fourth {
  width: 23%;
  font-size: 11px;
    letter-spacing: -0.5px;
}
.search-section .one-third img {
  height: 30px;
  display: block;
  margin: 0 auto;
  margin-bottom: 6px;
}
.div-line {
  width: 100%;
  float: left;
  height: 1px;
  background: #000;
  margin:10px 0 20px 0;
}
.currency-drop {
  float: right;
}
.currency-drop strong {
  display: inline-block;
  padding: 5px 10px;
  border:1px solid #929292;
  background: #FFF;
  border-radius: 7px;
  font-weight: normal;
  margin-left: 10px;
}
.currency-drop strong img {
  height: 26px;
  width: auto;
  margin-left: 5px;
}
.currency-drop strong span {
  display: inline-block;
  padding: 2px 10px;
  cursor: pointer;
}
.currency-drop strong span.active {
  background: #929292;
  color: #FFF;
  border-radius: 7px;
}
.scorecolor.green {
    background-color: #26c450;
    display: block;
    line-height: normal;
    padding: 5px;
    min-height: inherit;
    color: #FFF;
    margin: -2px;
}
.user-links.newmenuui {
  line-height: normal;
}
.user-links.newmenuui .item-accordion ul {
    margin-left: 2px !important;
}
.button-new {
  background: #5468ff !important;
}
.accordion-div a.collapsed h4:after {
  display: none;
}
.accordion-div a.collapsed h4 {
  margin-bottom: 0;
}
.accordion-div a h4 i {
  float: right;
  color: #5468ff;
}
.accordion-div a.collapsed h4 i.ion-minus-circled {
  display: none;
}
.accordion-div a.collapsed.activated h4 i.ion-plus-circled {
  display: none;
}
.accordion-div a.collapsed.activated h4 i.ion-minus-circled {
  display: block;
  margin-right: 10px;
}
.accordion-div a.collapsed.activated h4:after {
  display: block;
}
.accordion-div a.collapsed.activated h4 {
  margin-bottom: 30px;
}
.content.multi-collapse.show {
  margin-top: 10px;
  width: 100%;
  float: left;
}
.tab-new.text-right {
  margin-right: 13px;
}
.top-one .box:last-child {
  margin-right: 0;
}
.position-relative-td {
  position: relative;
}
.dropdown-css {
  float: left;
  margin-left: 20px;
}
.dropdown-css select {
  border: 1px solid #c6c6c6;
  padding: 5px;
  border-radius: 5px;
}
.mapaasummary {
  width: 100%;
  float: left;
}
.map-overall .col-md-4 {
  padding-left: 0;
}
.top-one.top-two .box-base.box-less {
  width: 99%;
}
/*.new-search-box {
  padding: 20px 10px;
  background: #FFF;
}*/
.new-search-box {
  /* float: right;
  margin-top:-38px; */
}
.new-search-box .filter-search-header {
  border:0 !important;
}
.filtersscroll .new-search-box .card .card-header {
  background: none !important;
}
.new-search-box button {
  /* margin-right: -15px; */
}
.new-search-box .box-search-new {
  position: absolute;
  right: 0;
  background: #FFF;
  padding: 20px;
  border-radius: 7px;
  z-index: 999999;
  width: 640px !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.new-search-box .formly-field-select, .new-search-box .formly-field-input, .new-search-box .formly-field-date {
  float: left;
  width: 33%;
  margin-right: 0;
  margin-bottom: -14px !important;
  height: 100px;
}
.new-search-box .formly-field.formly-field-date .customdatepicker .md-button.md-icon-button {
      margin-top: -10px !important;
}
.new-search-box .form-actions-btns {
  margin-top: 30px !important;
}

.top-one.top-two.top-three .box-base.font-size-reduced .box-three {
  border:1px solid #ffd800;
  /*min-height: inherit;*/
}
.top-one.top-two .box-base.font-size-reduced .box-two span, .top-one.top-two .box-base.font-size-reduced .box-two b {
  font-size: 14px;
}
.top-one.widget-box-new {
  background: #FFF;
  border-radius: 7px;
  padding: 20px;
}
.showallopts .mappopover {
  padding: 0 !important;
  border:0 !important;
}
/* .location-details.showallopts .mappopover .rightdiv.secondcolm .map-popup-box-inner {
  margin-left: 8px !important;
} */
.map-overall .col-md-5 {
  padding-left: 0 !important;
}
.map-overall .col-md-7 {
  padding-right: 0 !important;
}
.login_bg img.header-partnerlogo {
  height: 60px !important;
  width: auto !important;
}

.mdtabcontentfsclabel {
  font-size: 20px;
  color: #5e5e5e;
  padding: 0;
}
.filtersrow.newrow {
  margin-bottom: 0;
  float: right;
  display: inline-block;
  margin-left: 0px !important;
  gap: 15px;
}
.md-padding.facilitators.gridview {
  /* min-height: 450px; */
  min-height: auto;
}
.container-fluid.mar-top {
  margin-top: 40px;
}
.widget-box .title-main {
  margin-bottom: 30px;
}
.table-design {
  margin-bottom: 20px;
}
.table-design b {
  display: block;
  margin-top: 3px;
}
.divider {
  width: 100%;
  float: left;
  height: 2px;
  background: #eeeeee;
  margin-bottom: -10px;
}
.listing-design .listing {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.listing-design .listing b {
  display: block;
  margin-bottom: 2px;
}
.listing-design .listing span {
  border: 2px solid #5468ff;
  border-radius:50px;
  padding: 5px 15px;
  display: inline-block;
  margin-right: 10px;
}
.new-table-css th {
  border-bottom:2px solid #dee2e6;
}
.new-table-css th, .new-table-css td {
  padding: 10px;
  vertical-align: middle !important;
  text-align: center;
}
.new-table-css th {
  font-weight: bold;
}
.new-table-css td {
  border-bottom: 1px solid #dee2e6;
}
.new-table-css tbody tr:nth-of-type(odd) td {
    background-color: #eeeeee !important;
}
/* .new-table-css tbody tr:nth-of-type(even) td, .new-table-css thead tr th {
    background-color: #FFF !important;
} */
.new-table-css tfoot tr td {
  font-weight: bold;
  /* color: #FFF;
  background: #10b872 !important; */
  border:0 !important;
}
.new-table-css th.green-border {
  border-bottom:2px solid #14a267;
  text-align: center;
}

.new-table-css th:nth-child(2), .new-table-css th:nth-child(3), .new-table-css td:nth-child(2), .new-table-css td:nth-child(3) {
    min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial;
    text-align: left;
}
.new-table-css th:nth-child(4), .new-table-css td:nth-child(4) {
  /*min-width: 130px !important;
    max-width: 130px !important;
    white-space: initial;*/
    white-space: nowrap;
    text-align: center;
}
.new-table-css.new-table-css-product th:nth-child(1), .new-table-css.new-table-css-product td:nth-child(1) {
  min-width: 50px !important;
    max-width: 50px !important;
    white-space: nowrap;
    text-align: center;
}
.new-table-css.new-table-css-product th:nth-child(2), .new-table-css.new-table-css-product td:nth-child(2),.new-table-css.new-table-css-product th:nth-child(4),.new-table-css.new-table-css-product td:nth-child(4) {
  min-width: 200px !important;
    max-width: 200px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-product th:nth-child(3), .new-table-css.new-table-css-product td:nth-child(3) {
    min-width: 130px !important;
    max-width: 130px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-product th:nth-child(5), .new-table-css.new-table-css-product th:nth-child(6), .new-table-css.new-table-css-product td:nth-child(5), .new-table-css.new-table-css-product td:nth-child(6) {
min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(4), .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(4), .new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(5), .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(5), .new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(6), .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(6), .new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(7), .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(7), .new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(8)
  , .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(8) {
    min-width: 90px !important;
    max-width: 90px !important;
    white-space: initial !important;
    text-align: center !important;
  }
  .new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(7), .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(7), .new-table-css.new-table-css-product.new-table-css-product-1 th:nth-child(8)
  , .new-table-css.new-table-css-product.new-table-css-product-1 td:nth-child(8) {
    min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: center !important;
  }

.new-table-css.new-table-css-offtaker th:nth-child(1), .new-table-css.new-table-css-offtaker td:nth-child(1) {
  min-width: 50px !important;
    max-width: 50px !important;
    white-space: nowrap;
    text-align: center !important;
}
.new-table-css.new-table-css-offtaker th:nth-child(2), .new-table-css.new-table-css-offtaker td:nth-child(2) {
  min-width: 300px !important;
    max-width: 300px !important;
    white-space: nowrap;
    text-align: left !important;
}
.new-table-css.new-table-css-offtaker th:nth-child(3), .new-table-css.new-table-css-offtaker td:nth-child(3) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-offtaker th:nth-child(4), .new-table-css.new-table-css-offtaker td:nth-child(4) {
  min-width: 80px !important;
    max-width: 80px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-offtaker th:nth-child(5), .new-table-css.new-table-css-offtaker td:nth-child(5) {
  min-width: 80px !important;
    max-width: 80px !important;
    white-space: initial !important;
    text-align: center;
}
.new-table-css.new-table-css-offtaker th:nth-child(6), .new-table-css.new-table-css-offtaker td:nth-child(6) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: center;
}
.new-table-css.new-table-css-offtaker th:nth-child(7), .new-table-css.new-table-css-offtaker td:nth-child(7) {
  min-width: 110px !important;
    max-width: 110px !important;
    white-space: initial !important;
    text-align: center;
}
.new-table-css.new-table-css-offtaker th:nth-child(8), .new-table-css.new-table-css-offtaker td:nth-child(8) {
  min-width: 90px !important;
    max-width: 90px !important;
    white-space: initial !important;
    text-align: center;
}
.new-table-css.new-table-css-revenue th:nth-child(2), .new-table-css.new-table-css-revenue td:nth-child(2) {
  min-width: 160px !important;
    max-width: 160px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-revenue th:nth-child(3), .new-table-css.new-table-css-revenue td:nth-child(3), .new-table-css.new-table-css-revenue th:nth-child(4), .new-table-css.new-table-css-revenue td:nth-child(4) {
  min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-transaction th:nth-child(2), .new-table-css.new-table-css-transaction td:nth-child(2) {
  min-width: 180px !important;
    max-width: 180px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-transaction th:nth-child(5), .new-table-css.new-table-css-transaction td:nth-child(5) {
    text-align: left;
}
.new-table-css.new-table-css-transaction th:nth-child(4), .new-table-css.new-table-css-transaction td:nth-child(4) {
  min-width: 90px !important;
    max-width: 90px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-transaction th:nth-child(3), .new-table-css.new-table-css-transaction td:nth-child(3) {
  min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-sponsor th:nth-child(4), .new-table-css.new-table-css-sponsor td:nth-child(4) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-aa th:nth-child(3), .new-table-css.new-table-css-aa td:nth-child(3) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-company td {
  text-align: center !important;
  min-width: 100px !important;
    max-width: 100px !important;
}
.new-table-css.new-table-css-company th:nth-child(1), .new-table-css.new-table-css-company td:nth-child(1) {
  min-width: 50px !important;
    max-width: 50px !important;
}
.new-table-css.new-table-css-company th:nth-child(2), .new-table-css.new-table-css-company td:nth-child(2) {
  min-width: 180px !important;
    max-width: 180px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-training th:nth-child(2), .new-table-css.new-table-css-training td:nth-child(2) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-training th:nth-child(3), .new-table-css.new-table-css-training td:nth-child(3) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-training th:nth-child(4), .new-table-css.new-table-css-training td:nth-child(4) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-training th:nth-child(5), .new-table-css.new-table-css-training td:nth-child(5) {
}
.width180{
    min-width: 180px !important;
    max-width: 180px !important;
}
.text-leftcls{
  white-space: initial !important;
  text-align: left !important;
}
.new-table-css.new-table-css-training th:nth-child(6), .new-table-css.new-table-css-training td:nth-child(6) {
  min-width: 60px !important;
    max-width: 60px !important;
    white-space: initial !important;
    text-align: center !important;
}

.new-table-css.new-table-css-training th:nth-child(7), .new-table-css.new-table-css-training td:nth-child(7), .new-table-css.new-table-css-training th:nth-child(8), .new-table-css.new-table-css-training td:nth-child(8), .new-table-css.new-table-css-training th:nth-child(9), .new-table-css.new-table-css-training td:nth-child(9) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-ftma-sponsor thead tr th, .new-table-css.new-table-css-ftma-sponsor tbody tr td {
  white-space: nowrap !important;
}
.new-table-css.new-table-css-company.new-table-css-yara-sponsor thead tr th, .new-table-css.new-table-css-company.new-table-css-yara-sponsor tbody tr td, .new-table-css.new-table-css-company.new-table-css-yara-sponsor tfoot tr td {
  white-space: nowrap !important;
}
.new-table-css.new-table-css-ftma-sponsor th:nth-child(2), .new-table-css.new-table-css-ftma-sponsor td:nth-child(2) {
  min-width: 200px !important;
    max-width: 200px !important;
    white-space: initial !important;
    text-align: left;
}
.new-table-css.new-table-css-ftma-sponsor th:nth-child(3), .new-table-css.new-table-css-ftma-sponsor td:nth-child(3) {
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-farmers th:nth-child(2), .new-table-css.new-table-css-farmers td:nth-child(2) {
  min-width: 180px !important;
    max-width: 180px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers th:nth-child(3), .new-table-css.new-table-css-farmers td:nth-child(3) {
  min-width: 130px !important;
    max-width: 130px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers th:nth-child(4), .new-table-css.new-table-css-farmers td:nth-child(4), .new-table-css.new-table-css-farmers th:nth-child(5), .new-table-css.new-table-css-farmers td:nth-child(5), .new-table-css.new-table-css-farmers th:nth-child(6), .new-table-css.new-table-css-farmers td:nth-child(6) {
  min-width: 130px !important;
    max-width: 130px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers th:nth-child(7), .new-table-css.new-table-css-farmers td:nth-child(7) {
  min-width: 160px !important;
    max-width: 160px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers th:nth-child(13), .new-table-css.new-table-css-farmers td:nth-child(13), .new-table-css.new-table-css-farmers th:nth-child(14), .new-table-css.new-table-css-farmers td:nth-child(14) {
  min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers th:nth-child(15), .new-table-css.new-table-css-farmers td:nth-child(15) {
  min-width: 130px !important;
    max-width: 130px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers-top th:nth-child(1), .new-table-css.new-table-css-farmers-top td:nth-child(1) {
  min-width: 50px !important;
    max-width: 50px !important;
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-farmers-top th:nth-child(2), .new-table-css.new-table-css-farmers-top td:nth-child(2) {
  min-width: 300px !important;
    max-width: 300px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-farmers-top th:nth-child(3), .new-table-css.new-table-css-farmers-top td:nth-child(3) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-farmers-top th:nth-child(4), .new-table-css.new-table-css-farmers-top td:nth-child(4) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-farmers-top th:nth-child(5), .new-table-css.new-table-css-farmers-top td:nth-child(5) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-aa th:nth-child(1), .new-table-css.new-table-css-aa td:nth-child(1) {
  min-width: 50px !important;
    max-width: 50px !important;
    white-space: initial !important;
    text-align: center !important;
}
.new-table-css.new-table-css-aa th:nth-child(2), .new-table-css.new-table-css-aa td:nth-child(2) {
  min-width: 180px !important;
    max-width: 180px !important;
    white-space: initial !important;
    text-align: left !important;
    font-size: 14px !important;
}
.new-table-css.new-table-css-aa th:nth-child(3), .new-table-css.new-table-css-aa td:nth-child(3) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-training#farmer_service_centre th:nth-child(6), .new-table-css.new-table-css-training#farmer_service_centre td:nth-child(6) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: center !important; 
}
.new-table-css.new-table-css-training#farmer_service_centre th:nth-child(7), .new-table-css.new-table-css-training#farmer_service_centre td:nth-child(7) {
  min-width: 220px !important;
    max-width: 220px !important;
    white-space: initial !important;
    text-align: left !important; 
}

.new-table-css.new-table-css-aa th:nth-child(4), .new-table-css.new-table-css-aa td:nth-child(4) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-aa th:nth-child(5), .new-table-css.new-table-css-aa td:nth-child(5) {
  min-width: 150px !important;
    max-width: 150px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-aa th:nth-child(6), .new-table-css.new-table-css-aa td:nth-child(6) {
  min-width: 90px !important;
    max-width: 90px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-aa th:nth-child(7), .new-table-css.new-table-css-aa td:nth-child(7) {
  min-width: 90px !important;
    max-width: 90px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-aa th:nth-child(9), .new-table-css.new-table-css-aa td:nth-child(9), .new-table-css.new-table-css-aa th:nth-child(10), .new-table-css.new-table-css-aa td:nth-child(10), .new-table-css.new-table-css-aa th:nth-child(11), .new-table-css.new-table-css-aa td:nth-child(11), .new-table-css.new-table-css-aa th:nth-child(12), .new-table-css.new-table-css-aa td:nth-child(12) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important;
}
.new-table-css.new-table-css-aa th:nth-child(13), .new-table-css.new-table-css-aa td:nth-child(13) {
  text-align: left !important;
}
.new-table-css.new-table-css-aa th:nth-child(9), .new-table-css.new-table-css-aa td:nth-child(9) {
  min-width: 90px !important;
    max-width: 90px !important;
}
.new-table-css.new-table-css-aa th:nth-child(11), .new-table-css.new-table-css-aa td:nth-child(11) {
  min-width: 110px !important;
    max-width: 110px !important;
}
.new-table-css.new-table-css-company th:nth-child(3), .new-table-css.new-table-css-company td:nth-child(3) {
  min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
}
.new-table-css.new-table-css-ftma-sponsor th.learn-color {
  background: #2d9261 !important;
  color: #FFF !important;
  text-align: center !important;
  min-width: inherit !important;
  max-width: inherit !important;
  border:1px solid #3aa370 !important;
}
.new-table-css.new-table-css-ftma-sponsor th.connect-color {
  background: #949933 !important;
  color: #FFF !important;
  text-align: center !important;
  min-width: inherit !important;
  max-width: inherit !important;
  border:1px solid #adb254 !important;
}
.new-table-css.new-table-css-ftma-sponsor th.grow-color {
  background: #197989 !important;
  color: #FFF !important;
  text-align: center !important;
  min-width: inherit !important;
  max-width: inherit !important;
  border:1px solid #0b8e9d !important;
}
.new-table-css th.light-color {
  font-weight: normal;
  opacity: 0.7;
  min-width: inherit !important;
    max-width: inherit !important;
    text-align: center !important;
    background: rgba(255,255,255,1) !important;
}
.new-table-css.new-table-css-product th.light-color, .new-table-css.new-table-css-company th.light-color {
  min-width: 110px !important;
    max-width: 110px !important;
    text-align: center !important;
}
.new-table-css th.width-90 {
    min-width: 110px !important;
    max-width: 110px !important;
    white-space: initial;
    text-align: center;
}
.new-table-css.new-table-css-revenue th.width-90 {
    min-width: 110px !important;
    max-width: 110px !important;
    white-space: initial;
    text-align: center;
}
.new-search-box .box-search-new.small-width-box {
  width: 300px;
}
.new-search-box .box-search-new.small-width-box-1 {
  width: 450px;
}
/*.new-search-box .box-search-new .formly-field-select, .new-search-box .box-search-new .formly-field-input {
  margin-right: 5%;
}*/
.new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer input {
  height: 30px !important;
}
/*.popupfields.popupfieldsnewui .formly-field.flex-1.formly-field-input {
  margin-top: -30px;
}*/
.topnewuivc .pos-db-item {
  position: relative;
}
.trainerdashboard .header_lg {
    border-bottom: 4px solid #10b872;
}
.box-search-new.small-width-box-1.small-width-box-mar .formly-field-select {
  margin-right: 30px !important;
}
.pos-db-count {
  text-align: center;
  line-height: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pos-db-count .badge {
  /*background:none;
  color: #444444;
  padding: 0;
  float: none;
  display: inline-block;
  font-size: 11px;*/
  margin-right: 1px;
}

.order-list-purchases-box.value-chains-new-box {
  width: 100%;
  display: block !important;
  margin: 0 0 20px !important;
  background: #FFF;
  padding: 15px 30px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  float: left;
}
.order-list-purchases-box.value-chains-new-box .col-md-12 {
  font-weight: bold;
  font-size: 18px;
}
.newgridui .value-chains-new-box-1 .row {
  display: block !important;
}
.newgridui .value-chains-new-box-1 .row .col-md-3, .newgridui .value-chains-new-box-1 .row .col-md-2, .newgridui .value-chains-new-box-1 .row .col-md-4, .newgridui .value-chains-new-box-1 .row .col-md-6 {
  float: left;
  margin-top: 10px;
  text-align: center;
}
.newgridui .value-chains-new-box-1 .row .col-md-3 b, .newgridui .value-chains-new-box-1 .row .col-md-4 b, .newgridui .value-chains-new-box-1 .row .col-md-6 b, .newgridui .value-chains-new-box-1 .row .col-md-2 b {
  display: block;
  font-size: 16px;
}
.new-table-css.new-table-css-product.value-chain-table th:nth-child(3), .new-table-css.new-table-css-product.value-chain-table td:nth-child(3), .new-table-css.new-table-css-product.value-chain-table th:nth-child(4), .new-table-css.new-table-css-product.value-chain-table td:nth-child(4) {
  text-align: center !important;
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
}
.new-table-css.new-table-css-product.value-chain-table th:nth-child(5), .new-table-css.new-table-css-product.value-chain-table td:nth-child(5), .new-table-css.new-table-css-product.value-chain-table th:nth-child(6), .new-table-css.new-table-css-product.value-chain-table td:nth-child(6) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}
.new-table-css tfoot.footerlogo tr td, .new-table-css tfoot tr.footerlogo td {
    font-weight: bold;
     color: #2f2c2c; 
     background: #fff !important; 
    border: 0 !important;
}
.new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(6), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(6) {
  min-width: 180px !important;
    max-width: 180px !important;
    white-space: initial !important;
    text-align: left !important; 
}
.new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(5), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(5) {
  min-width: 100px !important;
    max-width: 100px !important;
    white-space: initial !important;
    text-align: left !important; 
}
.new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(7), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(7) {
  min-width: 300px !important;
    max-width: 300px !important;
    white-space: initial !important;
    text-align: left !important; 
}
.new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(8), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(8), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(9), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(9) {
  min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: center !important; 
}
.new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(10), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(10), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(11), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(11), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab th:nth-child(12), .new-table-css.new-table-css-training#farmer_service_centre.new-css-second-tab td:nth-child(12) {
  min-width: 120px !important;
    max-width: 120px !important;
    white-space: initial !important;
    text-align: left !important; 
}
md-content {
 background: none !important;
}
.new-search-box.new-search-box-new-today .formly-field-select, .new-search-box.new-search-box-new-today .formly-field-input, .new-search-box.new-search-box-new-today .formly-field-date {
    float: left;
    width: 25%;
    margin-right: 0;
    margin-bottom: -14px !important;
}
.new-search-box.new-search-box-new-today.new-search-box-new-today-1 .formly-field-select, .new-search-box.new-search-box-new-today.new-search-box-new-today-1 .formly-field-input, .new-search-box.new-search-box-new-today.new-search-box-new-today-1 .formly-field-date {
    float: left;
    width: 28%;
    margin-right: 3%;
    margin-bottom: -14px !important;
}
.new-search-box.new-search-box-new-today .formly-field-input input {
      width: 90% !important;
    max-width: 90% !important;
    min-width: 90% !important;
}
.new-search-box.new-search-box-new-today.new-search-box-new-today-1 .formly-field-input input {
      width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
.new-search-box.new-search-box-new-today.new-search-box-new-today-1 .formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input {
  width: 80px !important;
  max-width: 80px !important;
  min-width: 80px !important;
}
.new-search-box.new-search-box-new-today .formly-field-input .attendanceui .select2-container {
  width: 100% !important;
}
.formly-field .form-group .mainquestioncontainer .md-datepicker-input-container input {
    width: 100px !important;
    max-width: 100px !important;
    min-width: 100px !important;
}
.filtersrow.newrow img {
  height: 28px;
  width: auto;
  margin-top: -2px;
}
.accordian-toggle-btn img {
  top: 2px;
}
.print-icon-css {
  height: 26px !important;
  width: auto !important;
}
.new-table-css.farmer-training-summary-table th:nth-child(12), .new-table-css.farmer-training-summary-table td:nth-child(12) {
  min-width: 180px;
  max-width: 180px;
  text-align: left;
  white-space: initial;
}
.new-table-css.farmer-training-summary-table th:nth-child(13), .new-table-css.farmer-training-summary-table td:nth-child(13) {
  min-width: 110px;
  max-width: 110px;
  text-align: left;
  white-space: initial;
}
.new-table-css.new-table-css-company.new-table-css-yara-sponsor.new-table-design-today th:nth-child(1), .new-table-css.new-table-css-company.new-table-css-yara-sponsor.new-table-design-today td:nth-child(1) {
    min-width: 50px !important;
    max-width: 50px !important;
}
.new-table-css.new-table-css-company.new-table-css-yara-sponsor.new-table-design-today th:nth-child(2), .new-table-css.new-table-css-company.new-table-css-yara-sponsor.new-table-design-today td:nth-child(2) {
    min-width: inherit !important;
    max-width: inherit !important;
}
.new-table-css.new-table-css-company.new-table-css-yara-sponsor.new-table-design-today th, .new-table-css.new-table-css-company.new-table-css-yara-sponsor.new-table-design-today td {
  min-width: inherit !important;
    max-width: inherit !important; 
}
.search-filter-label {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  /*margin-left: -15px;*/
  margin-top: -15px;
  color: #848484;
  position: relative;
  z-index: 999999;
}
.search-filter-label b {
  color: #10b872;
}
.search-filter-label strong {
    /* color: #10b872; */
    color: #f5360b;
    font-weight: 400;
}
.new-css-inner {
  padding:10px 0 0;
  margin-bottom: -10px;
}
.new-table-css.inner-table-agri th, .new-table-css.inner-table-agri td {
  min-width: initial !important;
  max-width: initial !important;
  width: initial !important;
}
.new-table-css.inner-table-agri th:nth-child(3), .new-table-css.inner-table-agri td:nth-child(3) {
  min-width: 80px !important;
  max-width: 80px !important;
  width: 80px !important;
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(8), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(8) {
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
  text-align: left;
  /*white-space: nowrap !important;*/
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(7), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(7) {
  min-width: 80px !important;
  max-width: 80px !important;
  width: 80px !important;
  /*white-space: nowrap !important;*/
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(4), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(4) {
  min-width: 250px !important;
  max-width: 250px !important;
  width: 250px !important;
  /*white-space: nowrap !important;*/
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(6), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(6) {
  min-width: 170px !important;
  max-width: 170px !important;
  width: 170px !important;
  /*white-space: nowrap !important;*/
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(11), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(11), .new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(12), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(12) {
  min-width: 170px !important;
  max-width: 170px !important;
  width: 170px !important;
  text-align: left;
  /*white-space: nowrap !important;*/
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(11), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(11), .new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(12), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(12) {
  text-align: center;
}
.table.new-table-css.new-table-css-product.today-new-css-product th:nth-child(6), .table.new-table-css.new-table-css-product.today-new-css-product td:nth-child(6), .table.new-table-css.new-table-css-product.today-new-css-product th:nth-child(7), .table.new-table-css.new-table-css-product.today-new-css-product td:nth-child(7), .table.new-table-css.new-table-css-product.today-new-css-product th:nth-child(8), .table.new-table-css.new-table-css-product.today-new-css-product td:nth-child(8), .table.new-table-css.new-table-css-product.today-new-css-product th:nth-child(9), .table.new-table-css.new-table-css-product.today-new-css-product td:nth-child(9), .table.new-table-css.new-table-css-product.today-new-css-product th:nth-child(10), .table.new-table-css.new-table-css-product.today-new-css-product td:nth-child(10) {
  min-width: 80px !important;
  max-width: 80px !important;
  width: 80px !important;
  text-align: center;
}
.table.new-table-css.new-table-css-product.new-product-county-summary th:nth-child(4), .table.new-table-css.new-table-css-product.new-product-county-summary td:nth-child(4) {
  text-align: center !important;
}
.table.new-table-css.new-table-css-company.new-master-list-today th:nth-child(3), .table.new-table-css.new-table-css-company.new-master-list-today td:nth-child(3) {
  text-align: center !important;
}
.new-table-css.new-table-css-farmers.new-farmer-summary-css th:nth-child(12), .new-table-css.new-table-css-farmers.new-farmer-summary-css td:nth-child(12) {
  text-align: center !important;
}
/*.new-table-css.inner-table-agri th:nth-child(4), .new-table-css.inner-table-agri td:nth-child(4) {
  min-width: 60px !important;
  max-width: 60px !important;
  width: 60px !important;
}*/
.location-details.showallopts .mappopover .rightdiv .headtitle {
  font-size: 13px;
}
.location-details.showallopts .mappopover .rightdiv.firstcolm, .location-details.showallopts .mappopover .rightdiv.secondcolm {
  height: 350px;
  overflow: scroll;
}

.trainingdb .nocontent, .contentwrapper .nocontent {
  width: 100%;
  float: left;
  /*color: #cc0000;*/
  font-size: 16px;
  /*font-weight: bold;*/
}
.paginationselect.farmer-summary-ul ul {
  float: left !important;
  /*display: inline-block;*/
}

.table-foot-css {
  margin-bottom: 0 !important;
}
.table-foot-css tfoot {
  transform: initial !important;
}
.table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(3), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(3), .table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(4), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(4) {
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
  text-align: left !important;
}
.table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(6), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(6) {
  min-width: 170px !important;
  max-width: 170px !important;
  width: 170px !important;
  text-align: left !important;
}
.table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(8), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(8) {
  min-width: 100px !important;
  max-width: 100px !important;
  width: 100px !important;
  text-align: left !important;
}
.table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(10), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(10) {
  min-width: 130px !important;
  max-width: 130px !important;
  width: 130px !important;
  text-align: center !important;
}
.table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(11), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(11) {
  min-width: 130px !important;
  max-width: 130px !important;
  width: 130px !important;
  text-align: center !important;
}

.table.new-table-css.new-table-css-aa.new-css-redi-aa th:nth-child(12), .table.new-table-css.new-table-css-aa.new-css-redi-aa td:nth-child(12) {
  min-width: 150px !important;
  max-width: 150px !important;
  width: 150px !important;
  text-align: center !important;
}
.table.new-table-css.new-table-css-farmers.new-farmer-summary-css.new-redi-farmer-summary th:nth-child(4), .table.new-table-css.new-table-css-farmers.new-farmer-summary-css.new-redi-farmer-summary td:nth-child(4) {
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
  text-align: left !important;
}
.table.new-table-css.new-table-css-farmers.new-farmer-summary-css.new-redi-farmer-summary th:nth-child(10), .table.new-table-css.new-table-css-farmers.new-farmer-summary-css.new-redi-farmer-summary td:nth-child(10) {
  min-width: 150px !important;
  max-width: 150px !important;
  width: 150px !important;
  text-align: center !important;
}
.table.new-table-css th.text-align-left, .table.new-table-css td.text-align-left {
  text-align: left !important;
}
.table.new-table-css th.text-align-center, .table.new-table-css td.text-align-center {
  text-align: center !important;
}
.table.new-table-css th.text-align-right, .table.new-table-css td.text-align-right {
  text-align: right !important;
}
.table.new-table-css th.col-width-100px, .table.new-table-css td.col-width-100px {
  min-width: 100px !important;
  max-width: 100px !important;
  width: 100px !important;
}
.table.new-table-css.new-table-css-farmers th.col-width-100px, .table.new-table-css.new-table-css-farmers td.col-width-100px {
  min-width: 100px !important;
  max-width: 100px !important;
  width: 100px !important;
}
.table.new-table-css th.col-width-120px, .table.new-table-css td.col-width-120px {
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
}
.table.new-table-css.new-table-css-farmers th.col-width-120px, .table.new-table-css.new-table-css-farmers td.col-width-120px {
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
}
.table.new-table-css th.col-width-150px, .table.new-table-css td.col-width-150px {
  min-width: 150px !important;
  max-width: 150px !important;
  width: 150px !important;
}
.table.new-table-css.new-table-css-farmers th.col-width-150px, .table.new-table-css.new-table-css-farmers td.col-width-150px {
  min-width: 150px !important;
  max-width: 150px !important;
  width: 150px !important;
}
.table.new-table-css th.col-width-180px, .table.new-table-css td.col-width-180px {
  min-width: 180px !important;
  max-width: 180px !important;
  width: 180px !important;
}
.table.new-table-css.new-table-css-farmers th.col-width-180px, .table.new-table-css.new-table-css-farmers td.col-width-180px {
  min-width: 180px !important;
  max-width: 180px !important;
  width: 180px !important;
}
.md-padding.facilitators.gridview .mdtabcontentmain {
  width: 100%;
}
.table.new-table-css.new-table-css-product.value-chain-table.service-provider-detail th:nth-child(2), .table.new-table-css.new-table-css-product.value-chain-table.service-provider-detail td:nth-child(2) {
  min-width: 400px !important;
  max-width: 400px !important;
  width: 400px !important;
}
.notescontainer.schedulepopupcontainer.member-exclusive-popup select, .notescontainer.schedulepopupcontainer.member-exclusive-popup textarea {
  width: 100% !important;
  border: 1px solid #dddddd !important;
  padding:10px !important;
  border-radius: 0;
}
.notescontainer.schedulepopupcontainer.member-exclusive-popup textarea {
  margin-top: -20px;
}
.notescontainer.schedulepopupcontainer.member-exclusive-popup p span {
  font-weight: bold;
}
.notescontainer.schedulepopupcontainer.member-exclusive-popup p strong {
  font-size: 16px;
  color: #14a267;
}
.notescontainer.schedulepopupcontainer.member-exclusive-popup .schedulebtn {
  background: #14a267 !important;
}
.notescontainer.schedulepopupcontainer.member-exclusive-popup {
  /*height: auto !important;*/
  overflow: scroll !important;
}
.new-multiselect-drop {
  display: inline-block;
}
.trainerdashboard .new-multiselect-drop button.btn-default {
  background: #FFF !important;
  color: #444444 !important;
  width: 115px;
  text-align: left;
  padding: 2px 10px !important;
}
.trainerdashboard .new-multiselect-drop button.btn-default span.caret {
  display: none !important;
}
.trainerdashboard .new-multiselect-drop button.btn-default.dropdown-toggle::after {
  position: absolute;
  right: 20px;
  top: 13px;
}
.trainerdashboard .new-multiselect-drop .dropdown-menu.dropdown-menu-form {
  font-size: 13px;
  height: 300px !important;
  overflow: scroll !important;
  width: 200px;
  left: auto;
  right: 0;
}

.trainerdashboard .new-multiselect-drop .dropdown-menu.dropdown-menu-form li:nth-child(1) {
  width: 45%;
  float: left;
  padding: 5px 0;
}
.trainerdashboard .new-multiselect-drop .dropdown-menu.dropdown-menu-form li:nth-child(2) {
  width: 55%;
  float: left;
  padding: 5px 0;
}
.trainerdashboard .new-multiselect-drop input {
  position: absolute !important;
  left:0 !important;
  opacity: 1;
}
.agrioperations{
  top: 0px !important;
  right: 36px !important;
}
.select2-container .select2-choice{
  background: #ffffff !important;
    width: 100% !important;
    min-width: 100% !important;
    margin: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
}

.box-search-new .select2-container .select2-choice{
  margin: 0 0 !important;
}
.redi-guide-county-select .dropdown-toggle.btn.btn-default{
  width: 130px !important;
  font-size: 14px !important;
  min-height: 32px !important;
}
.redi-guide-county-select .dropdown-toggle::after{
  right: 10px !important;
}
.redi-guide-county-select .dropdown-menu>li>a{
  width: 100% !important;
}
.attendanceui .redi-guide-county-select .checkbox input:before, .attendanceui .redi-guide-county-select .checkbox-icon:before {
  width: 18px !important;
  height: 18px !important;
  border-radius: 5px !important;
}
.attendanceui .redi-guide-county-select .checkbox input:after, .attendanceui .redi-guide-county-select .checkbox-icon:after{
  top: 16%;
    left: 14%;
    display: table;
    width: 10px;
}
.attendanceui .redi-guide-county-select .checkbox{
  padding-bottom: 0px !important;
}
.attendanceui .redi-guide-county-select .checkbox label span{
  padding-left: 10px !important;
}
.attendanceui .checkbox input:checked + .checkbox-icon:before, .attendanceui .checkbox input:checked:before {
  background: #10b872;
  border-color: #10b872;
}

.number-index-column{
  width: auto;
}

.business_plan table tr td textarea{
border: 1px solid #cccccc !important;
padding: 10px;
min-width: 100px;
max-width: 680px;
min-height: 90px;
}


.business_plan table tr td input:not([type='checkbox']){
  border: 1px solid #cccccc !important;
  padding: 6px;
  min-width: 50px;
  max-width: 200px;
  width: 100% !important;
  /* min-height: 40px !important; */
  border-radius: 4px;
}

.business_plan ::-webkit-scrollbar,
.business_plan ::-webkit-resizer, ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner{
    display: block !important;
}

.callogs-actions i.ion-trash-a{
  font-size: 20px !important;
}
.callogs-actions i.copy-icon{
  color: rgb(68 68 68 / 78%) !important;
  font-size: 18px !important;
}
i.copy-icon{
  color: rgb(68 68 68 / 78%) !important;
  font-size: 18px !important;
}
.revenues-profits-section table td{
  width: auto !important;
}
.paginationselect{
  display: flex;
  justify-content: center;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
}
.paginationselect .ui-grid-pager-count{
  position: absolute;
  right: 10px !important;
}
.paginationselect select{
  margin-right: 10px;
}
.paginationselect ul.pagination{
  margin-bottom: 0px !important;
}
tfoot{
  background: #f3f3f3 !important;
}
tfoot td{
  padding: 5px 10px !important;
}
.value-chains{
  min-width: 200px;
}
.agripreneur-summary-main .crop-chips-main, .fe-agripreneur-summary .crop-chips-main{
  display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 0px !important;
    white-space: nowrap;
}
.agripreneur-summary-main .crop-chips-inner, .fe-agripreneur-summary .crop-chips-inner{
  font-weight: 500 !important;
    font-size: 11px;
    background-color: #fafafa;
    padding: 4px 8px;
    margin-inline-end: 4px;
    margin-bottom: 0px !important;
    border-radius: 18px;
    border: 1px solid #dddddd;
}
.card h5.clstitle {
  font-size: 12px !important;
  font-weight: 500 !important;
}
.gm-style-iw.gm-style-iw-c{
  min-width: 170px !important;
}
.gm-style .gm-style-iw-c{
  padding-top: 18px !important;
  padding-left: 15px !important;
}
.gm-style .gm-style-iw-d{
  padding-bottom: 12px !important;
  padding-right: 8px !important;

}
.gm-ui-hover-effect{
top: -4px !important;
right: -4px !important;
}
.gm-style-iw-d .map-popup-box-inner:first-of-type{
  margin-top: 10px !important;
}
.mappopover .rightdiv.secondcolm h5.clstitle{
  font-size: 15px !important;
  font-weight: 400 !important;
}
.table-container .nocontent{
  min-height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px !important;
}
.filters-icons{
  margin-left: auto !important;
  gap:0 15px;
  align-items: center;
  margin-right: 10px;
}
.primary-filters-row{
  padding-top: 5px;
  padding-bottom: 10px;
}
.table.fe-farmers thead{
  background: hsl(0deg 0% 93% / 48%);
}
.col-width-400{
  min-width: 400px !important;
}
.value-chains-nowrap{
  white-space: nowrap !important;
}
.table.training-table thead,
.table.farmer-group-table thead,
.table.mb-0.training-summary-grid thead{
  background: rgba(237, 237, 237, 0.48);
}

.session-summary-filters{
  max-width: 400px;
  margin-left: auto;

}
.sessions-summary-page .mdtabcontentfsclabel{
  text-transform: capitalize !important;
  font-weight: 500 !important;

}
.sessions-summary-page .mdtabcontentmain{
  padding-inline: 0px !important;
  padding-block: 0px !important;
}
.session-summary-table{
  margin-top: 5px !important;
}
.session-summary-table .s-completed > span,
.session-summary-table .s-inprogress > span,
.session-summary-table .s-due > span{
  width: 32px;
  height: 32px;
  border-radius: 100vmax;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
}
.session-summary-table .s-completed > span{
  background-color: var(--green);

}
.session-summary-table .s-inprogress > span{
  background-color: var(--yellow);

}
.session-summary-table .s-due > span{
  background-color: var(--red);

}
.session-summary-table .table td{
  border-top: 1px solid rgb(222 226 230 / 38%) !important;
}
.session-summary-table .table th{
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgb(0 0 0) !important;
}
.session-summary-table .table td{
  font-size: 14px !important;
}
.session-summary-table .table td span img{
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.layer-card{
  isolation: isolate;
}
.fe-cards-row{
  display: flex;
  gap: 10px;
  width: 100%;
}
.fe-card{
  display:flex;
  flex: auto;
}

.fe-card:nth-child(3){
  max-width: 400px;
}

.fe-card.valuechainsfecard{
  max-width: 415px;
}

.fe-card .card-body{
  padding: 13px !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.fe-card .card-body > div{
  width: 100%;
}
.fe-cards-row .fe-card .card h5{
  font-size: 16px !important;
}
.table-container-main::-webkit-scrollbar{
  display: block;
}
.new-search-box .box-search-new .formly-field .form-group .mainquestioncontainer .md-datepicker-input-container{
  width: 80% !important;
  min-width: 80% !important;
  max-width: 80% !important;
}
.box-search-new.filter-show-box .formly-field-date .md-datepicker-input.md-input{
  min-width: 146px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  margin-top: -1px !important;
}
/* .attendanceui .box-search-new.filter-show-box .select2-container{
  width: 98% !important;
} */

.pmsdataform.addfarmerreg.county-coordinate-report .registrationpopup{
  width: 45% !important;
  overflow: visible;
  height: 90% !important;
}
.pmsdataform.addfarmerreg.county-coordinate-report .registrationpopup .popup_container{
  height: 100%;
}
.pmsdataform.addfarmerreg.county-coordinate-report .modal-popup-close-btn{
  top: -10px;
}
.pmsdataform.addfarmerreg.county-coordinate-report .popuptitlename {
  color: #333;
  text-transform: capitalize;
  font-weight: 500 !important;
  text-align: left;
  font-size: 18px;
}
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field .form-group .mainquestioncontainer input{
  line-height: normal !important;
  border: 1px solid #dddddd !important;
}

.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid{
  width: 100%;
}

.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid #resp-table-header .table-header-cell{
  font-size: 14px !important;
  font-weight: 500 !important;
 
}
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid #resp-table-header .table-header-cell:not(:last-child){
  text-align: left;
}
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid #resp-table-body .table-body-cell:not(:last-child){
  text-align: left;
  padding-left: 8px !important;
}
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid #resp-table-body .table-body-cell span{
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: left;
}
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid #resp-table-header .table-header-cell:nth-child(2), 
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field.formly-field-grid #resp-table-body .table-body-cell:nth-child(2){
  min-width: 240px !important;
}

.pmsdataform.addfarmerreg.county-coordinate-report .btn.btn-primary.submit-button {
  background-color: #13c276 !important;
}

.pmsdataform.addfarmerreg.county-coordinate-report .btn.btn-primary.deletebtn{
  background: transparent;
  color: #ff0000;
  border: 1px solid rgb(255 0 0 / 29%);
  padding-block: 4px !important;
  font-weight: 500;
}

.pmsdataform.addfarmerreg.county-coordinate-report .globalfeedbackbtn{
  display: flex;
  justify-content: center;
  gap: 20px;
}

.pmsdataform.addfarmerreg.county-coordinate-report .lessonnewquizstyles .showlabel label {
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.pmsdataform.addfarmerreg.county-coordinate-report .formly-field-select .select2-container .select2-choice{
  margin-top: 0px !important;
}
.pmsdataform.addfarmerreg.county-coordinate-report .registrationpopup.eventpopup .required-error{
  position: static !important;
}
.lessonlabel.multiselectcheckbox.activated_correct > label{
  background-color: #10b872 !important;
}
.lessonlabel.multiselectcheckbox.activated_correct > label > .item-content {
  color: #fff;
}
.adapt_practice .adapt-practice-filters .formly-field .form-group .mainquestioncontainer input{
  border:1px solid #ccc !important;
  min-width: 96% !important;
  max-width: 96% !important;
}

.adapt_practice .adapt-practice-filters .popupfieldsnewui .select2-container .select2-choice{
  border:1px solid #ccc !important;
}

.adapt_practice table tr th{
  font-weight: 500 !important;
}

.adapt_practice table thead{
  background-color: hsl(0deg 0% 87% / 68%);
}

.adapt_practice .table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

.adapt_practice .table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}

/* .adapt_practice .md-padding.facilitators.gridview {
  min-height: 350px;

} */
ion-content.adapt_practice:has(.adapt-practice-filters.box-search-new.collapse.show) .md-padding.facilitators.gridview{
  min-height: 350px;
}

.table-large-text-width-control{
  min-width: 150px !important;
  max-width: 200px;
}
.adapt_practice .facilitators{
  min-height: 100vh;
}
@media(min-width:500px){
  .showinMobile{
    display: none !important;
  }
}