@import url('../lib/Roboto/css.css');
@import url('../lib/Open Sans/css.css');
@import url('../lib/Lato/css.css');
/* @import url('../font-awesome/css/font-awesome.css'); /*Manisha Enabled this if you having issues with font-awesome. otherwise disable.*/

@import url(../lib/font-awesome/css/font-awesome.css);
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-x: hidden;
    overflow-y: initial;
    /* makes screen zoomed*/
    background-color: #f4f4f4;
    -ms-overflow-style: scrollbar;
    /*removes overlaying of scrollbar for popup and background in IE .... manisha added 11/18*/
    height: 100%;
}

body {
    line-height: 1;
    font-size: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    transition: opacity ease-in 0.2s;
    font-family: 'Roboto', 'sans-serif';
    font-family: 'Roboto', sans-serif;
    cursor: auto !important;
}
.hideindesk {
display: none;
}
.loading > div {
	font-size: 15px;
	color: white;
}

.fixedPosition {
    position: fixed;
    overflow-y: hidden;
}

a:link {
    text-decoration: none;
    color: inherit;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a,
a:link,
a:visited,
a:focus {
    text-decoration: none;
    color: inherit;
}

    a:link:hover, a:hover, a:focus:hover, a:focus {
        color: #073e41 !important;
        text-decoration: none;
    }

.jubi-logo {
    margin-top: 62px;
    padding-left: 55px;
}

#wrapper {
    overflow: auto;
    height: 100%;
    position: absolute;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
}

#loginBG, #loginBG-forgotPassword, #loginBG-resetPassword {
  overflow: hidden;
  position: absolute;
  background-image: url("../../img/DesktopLoginBG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  text-align: center;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
  height: fill-available;
}

#wrapper-intro {
    overflow: auto;
    height: 100%;
    position: absolute;
    background-image: url("../../img/01-1 Program Intro blur.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
}

#header {
    background: #ffffff;
    padding: 10px;
}

#content {
    /*padding-bottom: 250px;*/
    margin-top: 100px;
}

.fill {
    min-height: 100%;
    height: 100%;
}

.container {
    margin: auto;
}

#footer {
    background: #f4f4f4;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
}

::-webkit-scrollbar {
    width: 15px;
    height: 7px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C3C3C3;
    border: 2px solid #eee;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}

.login-logo-left {
    margin-top: 120px;
    width: 25%;
}

.login-logo-right {
    margin-top: 25%;
}

.media-text {
    display: flex; 
    flex-direction: row;
    flex-flow: nowrap;
    width: 100%;
}

.tile-container {
    margin-top:15px;
    margin-bottom:15px;
    width:50%;
    padding-left:15px;
    padding-right:15px;
}

.icon-container {
    width: 10%;
    display:flex;
    text-align: left;
    align-items: center;
}

.title-description {
    display: flex;
    flex-direction: column;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
    width: 90%;
}

.anchor-container {
    display: flex;
    flex-direction: row;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.LEARN-DO-INSPIRE {
    /*font-family: Roboto;*/
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    text-align: center;
    color: #616161;
    margin-top: 15px;
}

  .LEARN-DO-INSPIRE span.learn {
    color: #1F3748;
    border-bottom: solid 3px #FFC60B;
  }

    .LEARN-DO-INSPIRE span.do {
        color: #1F3748;
        border-bottom: solid 3px #FFC60B;
    }

    .LEARN-DO-INSPIRE span.inspire {
        color: #1F3748;
        border-bottom: solid 3px #FFC60B;
    }

.Welcome-page-caption {
    font-size: 34px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 5%;
    margin-bottom: 25%;
}
.relogin p {
    margin-top: 76px;
}

#Re-loginForm input::-webkit-input-placeholder,
#loginForm input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    /*font-family: 'Roboto';*/
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
}

#Re-loginForm input::-moz-placeholder,
#loginForm input::-moz-placeholder {
    /* Firefox 19+ */
    /*font-family: Roboto;*/
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
}

#Re-loginForm input:-ms-input-placeholder,
#loginForm input:-ms-input-placeholder {
    /* IE 10+ */
    /*font-family: Roboto;*/
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
}

#Re-loginForm input:-moz-placeholder,
#loginForm input:-moz-placeholder {
    /* Firefox 18- */
    /*font-family: Roboto;*/
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
}

#loginForm .control-label {
    margin-bottom: 10px;
    font-size: 16px;
}

#loginForm input,
#Re-loginForm input,
#resetForm input {
    height: 30px;
    background-color: #f5f5f5;
    border: solid 1px #979797;
    border-radius: 5px;
    /*font-family: 'Roboto';*/
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
    padding: 5px;
    width: 100%;
    max-width: 323px;
}

#loginForm button,
#Re-loginForm button,
#resetForm button {
    margin-top: 10px;
    height: 30px;
    background-color: #262626;
    /*font-family: Roboto;*/
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    padding: 5px;
    border: none;
    width: 100%;
    max-width: 323px;
}

#loginForm,
#Re-loginForm {
    display: block;
    width: 323px;
}

.loginForm-margins-sides {
  margin-left: auto;
  margin-right: auto;
}

.loginForm-margins-top-bottom {
  margin-top: 40px;
  margin-bottom: 40px;
}

.landscape-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
}

    #Re-loginForm img {
        /* margin-top: -176px; */
        /* margin-bottom: 9px; */
        /*margin-left: -28px;*/
        width: 100%;
        max-width: 100%;
    }

.Forgot-your-password {
    text-align: right;
}

    .Forgot-your-password a {
        /*font-family: Roboto;*/
        font-size: 12px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: cornflowerblue;
        text-decoration: underline;
    }

.Welcome-Back-Message {
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.program-intro {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.welcome-message {
    /*font-family: 'Open Sans';*/
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #fefefe;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    /* margin-top: 175px;
    margin-bottom: 175px;*/
}

#wrapper-intro #myModal .modal-body {
    padding: 0;
}

#wrapper-intro .modal-dialog {
    max-width: 867px;
}

#wrapper-intro button.close {
    padding: 40px;
    opacity: 1;
    z-index: 99;
    position: relative;
    background-image: url('../../img/close button.png');
    background-repeat: no-repeat;
    padding: 40px;
    top: 40px;
}

.welcome-message span {
    position: relative;
    vertical-align: middle;
}

.welcome-message img.profile-image {
    width: 71px;
    height: 70px;
    position: relative;
    margin: 31px;
}

.program-image {
    position: absolute;
}

#wrapper-intro .clearfix {
    clear: both;
    height: 191px;
}

.PROGRAM {
    width: 132px;
    /*font-family: 'Open Sans';*/
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 5.5px;
    color: #ffffff;
    border-bottom: solid 3px #ffffff;
    position: relative;
}

.LEAD-TO-INSPIRE {
    /*font-family: 'Open Sans';*/
    font-size: 42px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.3px;
    color: #ffffff;
    position: relative;
    text-align: center;
}

.GET-STARTED {
    width: 233px;
    height: 50px;
    background-color: #e29c01;
    padding: 5px 10px;
    /*font-family: 'Open Sans';*/
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #ffffff;
    border: none;
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

.upon-completion-message {
    /*font-family: 'Open Sans';*/
    font-size: 30px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.5px;
    text-align: center;
    color: #ffffff;
    background-image: url('../../img/greengradient.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 86px 98px;
    overflow: hidden;
    width: 867px;
}

    .upon-completion-message hr {
        margin: 70px 0 40px 0;
    }

    .upon-completion-message p:first-child {
        font-weight: bold;
    }

.quoteauthor-message {
    /*font-family: 'Open Sans';*/
    font-size: 17px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #ffffff;
    display: inline;
}

.quoteauthor-image {
    width: 78px;
    height: 78px;
}

.quoteauthor-name {
    /*font-family: 'Open Sans';*/
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #ffffff;
    margin-left: 10px;
}

.GET-STARTED-BIG a {
    /*font-family: 'Open Sans';*/
    font-size: 38px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #ffffff;
}

.GET-STARTED-BIG {
    width: 867px;
    height: 129px;
    background-color: #e9ac33;
    text-align: center;
    padding: 40px;
}

.start-quote {
    display: inline;
    float: left;
    margin-left: -24px;
    margin-right: 10px;
}

.dashboard-wrapper,
.questboard-wrapper,
.objective-wrapper,
.challenge-wrapper,
.congratulations-wrapper,
.template-wrapper {
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    height: 100%;
}

.questboard-wrapper,
.objective-wrapper,
.challenge-wrapper,
.congratulations-wrapper,
.template-wrapper {
    position: relative;
}

    .objective-wrapper .program-body,
    .challenge-wrapper .program-body,
    .congratulations-wrapper .program-body,
    .template-wrapper .program-body {
        min-height: 100%;
        /*manisha 3rd may*/
    }

    .challenge-wrapper .overlay-points,
    .template-wrapper .overlay {
        /*width: 232px;
        height: 229.3px;
        display: block;
        margin: 0 auto; removed Manisha 3rd may*/
        position: absolute;
        top: 0%;
        bottom: 0;
        left: 0;
        text-align: center;
        height: 100%;
        width: 100%;
        background-color: rgba(19, 23, 32, 0.64);
        display: block;
        z-index: 1000;
        -moz-animation: fadein 1s;
        /* Firefox */
        -webkit-animation: fadein 1s;
        /* Safari and Chrome */
        -o-animation: fadein 1s;
        /* Opera */
        animation: fadein 1s;
    }

    .challenge-wrapper .success-overlay-points {
        /*width: 232px;
        height: 229.3px;
        display: block;
        margin: 0 auto; removed Manisha 3rd may*/
        position: absolute;
        top: 0%;
        bottom: 0;
        left: 0;
        text-align: center;
        height: 100%;
        width: 100%;
        background-color: rgba(19, 23, 32, 0.64);
        display: block;
        z-index: 1000;
        -moz-animation: fadein 1s;
        /* Firefox */
        -webkit-animation: fadein 1s;
        /* Safari and Chrome */
        -o-animation: fadein 1s;
        /* Opera */
        animation: fadein 1s;
    }

    .challenge-wrapper .This-Challenge-points {
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        color: #c1c1c1;
        margin-left: 15px;
        margin-bottom: 6px;
    }

.showOverLayPoint {
    overflow: hidden;
}

.template-wrapper .overlay {
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    background-color: rgba(19, 23, 32, 0.64);
    display: block;
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    /* Firefox */
    -webkit-animation: fadein 1s;
    /* Safari and Chrome */
    -o-animation: fadein 1s;
    /* Opera */
    visibility: visible;
    opacity: 1;
}

.This-Challenge-points span {
    color: #ffffff;
}

.challenge-wrapper .overlay-points p {
    /*font-family: Roboto;*/
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #f5bb23;
    margin-top: 255px;
    margin-bottom: 25.4px;
}

.challenge-wrapper .points-circle {
    width: 232px;
    height: 229.3px;
    background-color: rgba(221, 182, 75, 0.51);
    border-radius: 50%;
    padding: 26px;
    margin: 0 auto;
}

.challenge-wrapper .success-overlay-points p {
    /*font-family: Roboto;*/
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #7ed321;
    margin-top: 255px;
    margin-bottom: 25.4px;
}

.challenge-wrapper .success-overlay-points .points-circle {
    width: 232px;
    height: 229.3px;
    opacity: 0.91;
    background-color: #95ff20;
    border-radius: 50%;
    padding: 26px;
    margin: 0 auto;
}

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

.srch_btn {
    float: left;
}

.search_field input {
    background: transparent;
    border: 1px solid #31adf8;
    border-radius: 0;
    color: #fff;
}

.search_cont {
    display: flex;
}

.export_btn {
    text-align: right;
}

.export_cont {
    min-height: 70px;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 992px) {
    .challenge-wrapper .content-bar .question-image img {
        height: 200px !important;
        object-fit: contain !important;
    }

    .medianame {
        font-size: 13px !important;
        text-align: center !important;
    }

    .export_btn {
        text-align: left;
        margin-bottom: 10px;
    }

    .search_cont {
        display: flex;
        margin-bottom: 20px;
    }

    .export_cont {
        min-height: 70px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .dashboarddiv #progressChart .highcharts-container,
    .dashboarddiv #statsChart .highcharts-container {
        width: 100% !important;
        height: 100% !important;
        white-space: nowrap !important;
        overflow: auto !important;
        touch-action: auto !important;
        display: inline-block;
    }
}
.highcharts-data-labels {
    visibility: hidden !important;
}
@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;
    }
}

.challenge-wrapper .points-circle .inner-circle {
    padding: 50px 40px;
    width: 180px;
    height: 177.9px;
    background-color: #c99b0d;
    border-radius: 50%;
}

    .challenge-wrapper .points-circle .inner-circle .points-text {
        /*font-family: Roboto;*/
        font-size: 30px;
        letter-spacing: -1.2px;
        color: #ffffff;
    }

    .challenge-wrapper .points-circle .inner-circle .points-number {
        /*font-family: Roboto;*/
        font-size: 61px;
        letter-spacing: -2.3px;
        color: #ffffff;
    }

.challenge-wrapper .success-overlay-points .points-circle .inner-circle {
    padding: 50px 40px;
    width: 180px;
    height: 177.9px;
    background-color: #417505;
    border-radius: 50%;
}

    .challenge-wrapper .success-overlay-points .points-circle .inner-circle .points-text {
        /*font-family: Roboto;*/
        font-size: 30px;
        letter-spacing: -1.2px;
        color: #ffffff;
    }

    .challenge-wrapper .success-overlay-points .points-circle .inner-circle .points-number {
        /*font-family: Roboto;*/
        font-size: 61px;
        letter-spacing: -2.3px;
        color: #ffffff;
    }

.challenge-wrapper ul > li::before,
.objective-wrapper ul > li::before,
.template-wrapper .Do-content ul > li::before,
.template-wrapper .Inspire-content .inspObj-description ul > li::before,
.dashboard-wrapper ul > li::before,
.congratulations-wrapper ul > li::before,
.questboard-wrapper .forum-topic-list .forum-content ng-quill-editor .ql-editor ul > li::before,
.questboard-wrapper .back .status ul > li::before,
.questboard-wrapper .back .status-image ul > li ::before,
.forumdiscussion .forum-topic ul > li::before {
    content: '\25CF';
    display: inline-block;
    margin-right: 0.3em;
    text-align: right;
    white-space: nowrap;
    width: 1.2em;
    margin-left: -1.5em;
}

.template-wrapper .Inspire-content ul > li::before {
    display: none;
}

.challenge-wrapper ul > li.dndquestions::before,
.challenge-wrapper ul > li.dndanswers::before,
.challenge-wrapper ul > li.seqquestion::before,
.challenge-wrapper ul > li.groupquestion::before,
.challenge-wrapper ul > li.dndPlaceholder::before,
.forumdiscussion .forum-topic .childFilter ul > li::before {
    display: none;
}

.challenge-wrapper ul > li,
.objective-wrapper ul > li,
.template-wrapper .Do-content ul > li,
.template-wrapper .Inspire-content .inspObj-description ul > li,
.dashboard-wrapper ul > li,
.congratulations-wrapper ul > li,
.questboard-wrapper .forum-topic-list .forum-content ng-quill-editor .ql-editor ul > li,
.questboard-wrapper .back .status ul > li,
.questboard-wrapper .back .status-image ul > li,
.forumdiscussion .forum-topic ul > li {
    display: block;
}

.forumdiscussion .forum-topic .childFilter ul > li {
    display: inline-block;
}

aside .childFilter .filtertabs {
    padding: 0 0px 30px 40px;
    top: 0;
}


.childFilter .filtertabs {
    padding: 19px 0px 30px 93px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 143px;
    top: 200px;
}

.secondFilter .forum-topic-details .forum-topic .forum-topic-header {
    position: fixed;
    max-height: 100%;
    width: 100%;
    background-color: rgb(0,0,0,0.9);
    z-index: 100;
    height: 200px;
    overflow-y: hidden;
}

.secondFilter #forum-content-body {
    top: 200px;
    position: relative;
    padding-bottom: 340px;
}

.secondFilter .filtertabs md-content.datePickerCal {
    padding: 0;
    overflow: hidden;
    display: inline;
}

.secondFilter .filtertabs .save-users span {
    margin-right: 10px;
}

.secondFilter .topicinput input {
    display: inline-block;
    background-color: transparent;
    height: 35px;
    position: relative;
    /*font-family: Roboto;*/
    font-size: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: rgb(255, 255, 255);
    width: 100%;
}

.template-wrapper .Inspire-content ul > li {
    display: inline-block;
}

.challenge-wrapper .content-bar .question > ol {
    list-style-type: decimal;
}

.challenge-wrapper .content-bar .question {
    /*font-family: Roboto;*/
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.8px;
    color: #ddedf9;
    padding: 0;
}

.challenge-wrapper .content-bar .question-text {
    margin-bottom: 9px;
    /*Dinesh shgn from 34 to 9 5/26/2017*/
    /*padding: 0;*/
}

.challenge-wrapper .content-bar .answer {
    padding: 0;
}

.challenge-wrapper .content-bar .answer textarea {
    /*width: 415px;*/
    /*height: 180px;*/
    background-color: #E8ECF0;
    border: solid 1px #979797;
    resize: none;
    /* opacity: 0.53; */
    /*font-family: Roboto;*/
    font-size: 20px;
    letter-spacing: -0.8px;
    color: black;
    padding: 21px 19px;
    margin-bottom: 10px;
    overflow: hidden;
}

.challenge-wrapper .content-bar .answer textarea::placeholder {
    color: #9A9A9A !important;
    font-style: italic;
}

.challenge-wrapper .content-bar .success-response {
    width: 100%;
    height: auto;
    background-color: #5d991a;
    /*font-family: Roboto;*/
    font-size: 18px;
    font-style: italic;
    line-height: 1.17;
    letter-spacing: 0.3px;
    text-align: left;
    color: #f7f7f7;
    padding: 17px 21px;
    margin-bottom: 17px;
    margin-top: 20px;
    clear: both;
}

.challenge-wrapper .content-bar .noTouch-response {
    max-width: 100%;
    height: auto;
    background-color: #31adf8;
    /*font-family: Roboto;*/
    font-size: 18px;
    font-style: italic;
    line-height: 1.17;
    letter-spacing: 0.3px;
    text-align: left;
    color: #f7f7f7;
    padding: 17px 21px;
    margin-bottom: 17px;
    margin-top: 20px;
    clear: both;
}

.challenge-wrapper .content-bar .failure-response {
    max-width: 100%;
    height: auto;
    background-color: #c72222;
    /*font-family: Roboto;*/
    font-size: 18px;
    font-style: italic;
    line-height: 1.17;
    letter-spacing: 0.3px;
    text-align: left;
    color: #f7f7f7;
    padding: 10px;
    margin-bottom: 17px;
    margin-top: 20px;
    clear: both;
}

.template3 .success-response {
    width: 70% !important;
    margin-left: 15%;
    margin-right: 15%;
}

.template3 .failure-response,
.template3 .noTouch-response,
.template3-Hint {
    margin-left: 15%;
    margin-right: 15%;
}

.challenge-wrapper .content-bar .hint {
    /*font-family: Roboto;*/
    font-size: 20px;
    letter-spacing: 0.5px;
    text-align: left;
    color: #ffffff; /*was 26b2f6*/
    clear: both;
    padding: 0px;
}

    .challenge-wrapper .content-bar .hint p {
        background-color: #31adf8;
        max-width: 100%;
        padding: 10px;
        font-size: 17px;
    }

.program-topbar {
    max-height: 96px;
    background-color: #2a3850;
    height: 100%;
    padding: 0;
}

    .program-topbar .Homepage {
        /*font-family: Roboto;*/
        font-size: 32px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        margin: 31px 42.8px;
        float: left;
    }

	.program-topbar .right-profiledetails {
		float: right;
		margin: auto;
	}

.set-height {
    margin-top: -35px;
}

.powered-by {
    margin-top: 40px;
    margin-bottom: -30px;
    font-style: normal;
    font-size: 15px;
}

    .powered-by img {
        height: 40px;
        width: 61px;
    }

.notification-ring {
    width: 23px;
    height: 23px;
    background-color: #004c47;
    /*font-family: Roboto;*/
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.2px;
    text-align: left;
    color: #ffffff;
    padding-left: 7px;
    padding-top: 2px;
    border-radius: 50%;
    float: left;
    margin-top: 37px;
}

span.fa-bell-o {
    margin-top: 34.1px;
    float: left;
    padding-right: 24.2px;
    color: white;
    font-size: 25.9px;
}


    .profile-info li img {
        width: 48px;
        height: 47.3px;
    }

    .profile-info .profile-image {
        margin-top: 24.7px;
        float: left;
        margin-right: 17px;
    }

    .profile-info .name {
        font-size: 20px;
        font-weight: normal;
        letter-spacing: 0.3px;
        color: #fefefe;
        /*font-family: 'Open Sans';*/
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        display: block;
        top: 0;
    }

.adjustname {
    top: -15px !important;
    position: relative;
}

.profile-info .points-count {
    /*font-family: 'Open Sans';*/
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.1px;
    color: #71d2ca;
    display: block;
}

.dashboard-wrapper .designation {
    /*font-family: 'Open Sans';*/
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px;
    color: #71d2ca;
}

.program-status {
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #12584c;
    display: inline-block;
    margin-right: 110px;
}

    .program-status span {
        color: #ffffff;
    }

.filters,
.Active-All {
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-left: -45px;
    color: #f0f0f0;
}

    .Active-All ul > li a.active {
        color: #f0f0f0;
        margin-left: 20px;
    }

ul.quest_mobile_menu {
    display: none;
}

.program-menu {
    height: 44px;
    background-color: #adadad;
    text-align: right;
    padding: 13px;
    padding-right: 119px;
}

    .program-menu p:nth-of-type(2) {
        display: inline-block;
    }

.Program-bg-image {
    position: relative;
    max-height: 592px;
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    max-width: 425px;
    height: 100%;
}

.Program-bg-msg {
    top: -420px;
    position: relative;
    text-align: center;
}

.program-body {
    background: -webkit-linear-gradient(359deg, #516585, #28354D);
    background: -o-linear-gradient(359deg, #516585, #28354D);
    background: -moz-linear-gradient(359deg, #516585, #28354D);
    background: linear-gradient(359deg, #516585, #28354d);
    padding: 0;
}

    .program-body hr {
        border-bottom: solid 1px #979797;
        margin: 0;
        border: 0;
    }

.program-img-height {
    max-height: 683px;
}

.marginleft {
    margin-left: -15px;
    margin-bottom: 10px;
}

.marginright {
    margin-top: -4px;
}

.GO-TO-QUEST-BOARD {
    padding: 30px;
    width: 410px;
    height: 90px;
    background-color: #e28301;
    text-align: center;
    display: inline-block;
    position: relative;
}

    .GO-TO-QUEST-BOARD a {
        font-family: "Roboto";
        font-size: 23px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.4px;
        color: #ffffff;
    }

.program-body .LEAD-TO-INSPIRE {
    font-family: "Roboto";
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.9px;
    color: #ffffff;
}

.program-body .PROGRAM {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 4.4px;
    color: #ffffff;
    border-bottom: solid 3px #ffffff;
    position: relative;
    width: 109px;
}

.PROGRAM-DETAILS {
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1.9px;
    text-align: left;
    color: #f0f0f0;
    display: inline-block;
    margin-right: 17px;
}

.Progress-section {
    padding: 62px 44px 0 25px;
}

.Progress-section-completed {
    padding: 44px 44px 14px 25px;
}

.program-body .fa-info {
    color: #ffffff;
    border-radius: 12px;
    width: 23px;
    height: 23px;
    border: solid 2px #979797;
    padding: 7px 7px;
}

.program-body .Notifications {
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.program-body .notification-count {
    width: 29px;
    height: 29px;
    border: solid 2px #e8a105;
    display: inline-block;
    margin-right: 17px;
    padding-left: 6px;
    border-radius: 14px;
}

.notification-count span {
    /*font-family: Roboto;*/
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffbe2d;
}

.program-body hr.programdetails {
    opacity: 0.21;
    border-bottom: solid 1px #ffffff;
    clear: both;
}

.program-body hr.programdetailsend {
    margin-bottom: 106px;
    opacity: 0.21;
    border-bottom: solid 1px #ffffff;
    clear: both;
}

.progress-status {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #e9ac34;
    padding: 27px 0 0;
    margin-top: -21px;
}

.progress-margin {
    margin-bottom: 3px;
}

.buddies-desk {
    padding: 28px 0 30px;
}

.progress-status .learn,
.progress-status .do,
.progress-status .inspired,
.progress-status .badges {
    /*font-family: Roboto;*/
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: -1px;
    padding: 0px 0 166px;
}

    .progress-status .learn img,
    .progress-status .do img,
    .progress-status .inspired img,
    .progress-status .badges img {
        margin-right: 8px;
        height: 30.2px;
    }

.UP-NEXT {
    /*font-family: Roboto;*/
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    max-width: 149px;
    width: 100%;
    float: right;
    margin-top: 30px;
}

    .UP-NEXT p {
        margin-bottom: 20px;
    }

.upnextdetails {
    padding-top: 31px;
}

.PROGRESS-TO-KPIS img {
    margin: 9px 18px;
}

.program-body p.progressbar {
    height: 14.2px;
    background-color: rgba(251, 251, 251, .19);
    margin-bottom: 35.8px !important;
}

    .program-body p.progressbar span {
        width: 133.7px;
        height: 14.2px;
        background-color: #e9ac34;
        position: absolute;
    }

.program-body .total-points {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #f5a623;
}

    .program-body .total-points p {
        margin-bottom: 9px;
    }

    .program-body .total-points span {
        color: #ffffff;
    }

.program-body .leaderboard-rank {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #f5a623;
}

.leaderboard-rank p.rank {
    /*font-family: Roboto;*/
    font-size: 26px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: -10px;
    margin-bottom: 32px;
}

.leaderboard-rank .out-of {
    /*font-family: Roboto;*/
    font-size: 26px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8a8a8a;
}

.leaderboard-rank .profilename {
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-left: 7px;
}

.Buddies {
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.6px;
    color: #ffffff;
    display: inline-block;
    margin-right: 21px;
    vertical-align: top;
    margin-top: 17px;
}

.Buddies1 {
    display: inline-block;
    margin-right: 39.4px;
}

.Buddies2 {
    display: inline-block;
}

    .Buddies1 span,
    .Buddies2 span {
        font-size: 12px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.4px;
        color: #ffffff;
    }

    .Buddies1 img,
    .Buddies2 img {
        display: block;
        width: 47.6px;
        height: 46px;
        margin-bottom: 10px;
    }

.Program-completed-image {
    position: relative;
    max-height: 592px;
    height: 100%;
}

.PROGRAMCOMPLETED {
    padding: 30px;
    height: 90px;
    background-color: #e28301;
    width: 410px;
    text-align: center;
    display: inline-block;
    position: relative;
}

    .PROGRAMCOMPLETED p {
        font-size: 23px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.4px;
        color: #ffffff;
    }

.programoverlay {
    opacity: .31;
    /*width: 410px;*/
}

    .programoverlay .PROGRAM {
        border-bottom: solid 3px #ffffff;
        width: 109px;
        position: static;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 4.4px;
        color: #ffffff;
        display: inline-block;
        opacity: 0.45;
    }

    .programoverlay .completed_programname {
        font-family: "Roboto";
        font-size: 28px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 0.9px;
        color: #ffffff;
        opacity: 0.45;
    }

    .programoverlay .COMPLETED {
        margin-bottom: 323px;
        opacity: 0.45;
        font-family: 'Roboto';
        font-size: 32px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 6px;
        color: #ffffff;
    }

.completion_over_image {
    top: -609px;
    position: relative;
}
/*On hover profile image*/

ul li {
    display: inline-block;
    position: relative;
    line-height: 21px;
    text-align: left;
}

  ul li ul.dropdown {
    min-width: 100%;
    display: none;
    position: absolute;
    z-index: 999;
    top: 87px;
    width: 261px;
    height: auto;
    opacity: 1.0;
    background-color: #292D2E;
    left: -95px;
    border-radius: 5px;
    padding: 13px 28px 0;
  }
        /* Not required anymore 2nd May Manisha
    ul li:hover ul.dropdown {


        display: none; 
    }*/

        ul li ul.dropdown li {
            display: block;
            padding: 12px 0;
            margin-left: 14px !important;
            margin-top: 10px !important;
            padding: 10px 0 !important;
            border-bottom: solid 1px rgba(255, 255, 255, 0.5);
        }

            ul li ul.dropdown li a {
                font-family: 'Roboto', 'sans-serif';
                font-family: 'Roboto', sans-serif;
                font-size: 15px;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.27;
                letter-spacing: normal;
                color: #ffffff;
            }

            ul li ul.dropdown li:last-child,
            ul li ul.dropdown-green li:last-child {
                border-bottom: none;
            }

.arrow-up {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 20px solid #292D2E !important;
    top: -9px;
    opacity: 1.0;
    left: 45px;
    position: absolute;
}
/*On hover Active in menu*/

ul li ul.dropdown-green {
    min-width: 100%;
    display: none;
    position: absolute;
    z-index: 999;
    top: 30px;
    width: 213px;
    height: auto;
    background-color: #189c80;
    left: -44px;
    border-radius: 5px;
    padding: 13px 28px 0;
}
    /* Not required anymore 2nd May Manisha
ul li:hover ul.dropdown-green {

    display: none; 
}

*/

    ul li ul.dropdown-green li {
        display: block;
        padding: 12px 0;
        border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    }

        ul li ul.dropdown-green li a {
            /*font-family: Roboto;*/
            font-size: 15px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.27;
            letter-spacing: normal;
            color: #ffffff;
        }

.arrow-up-green {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid #189c80 !important;
    top: -10px;
    left: 83px;
    position: absolute;
}

footer.powered-by {
    margin-top: -70px;
    margin-bottom: 0;
    text-align: center;
}

    footer.powered-by span {
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        margin-left: 20px;
        margin-right: 6px;
    }

        footer.powered-by span img {
            margin-left: -20px;
        }

.programdetailsleft {
    padding: 0;
    padding-top: 37px;
}

.zeropadding {
    padding: 0;
}

.positionUPNEXT,
.positionKPI {
    display: block;
}

.positionUPNEXTmobile,
.positionKPImobile {
    display: none;
}

.Reset-Password {
    margin-bottom: 30px;
    margin-top: 20px;
}

    .Reset-Password p:first-of-type {
        font-family: 'Roboto';
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.3px;
        text-align: center;
        color: #000000;
        font-weight: bold;
        margin-top: 20px;
    }

.Email-Sent {
    /*font-family: Roboto;*/
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 177px;
    display: none;
}

.Enter-your-email-and {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin-bottom: 31px;
    letter-spacing: -0.3px;
}

#resetForm {
    text-align: center;
    margin-bottom: 40px;
}

  #resetForm a.Login,
  .Email-Sent a.Login,
  #newPwdForm a.Login,
  .success-msg a.Login {
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #333333;
  }

.New-Password {
    font-family: 'Roboto';
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 61px;
}

    .New-Password a:hover, .New-Password a:focus:hover, .New-Password a:focus {
        color: rgb(106, 202, 206) !important;
    }

.Forgot-your-password a:hover,
.Forgot-your-password a:focus:hover,
.Forgot-your-password a:focus {
    color: #88f1cb !important;
}


.Please-enter-your-ne {
    letter-spacing: normal;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #1F3748;
    margin-bottom: 31px;
    margin-top: 40px;
}

    .Please-enter-your-ne a {
        color: #f1951c;
    }

#newPwdForm input {
    max-width: 323px;
    width: 100%;
    height: 45px;
    background-color: #f5f5f5;
    /*font-family: Roboto;*/
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    color: #676767;
    padding: 11px 15px;
    border: none;
    margin-bottom: 7px;
}

#newPwdForm button {
    max-width: 325px;
    width: 100%;
    height: 45px;
    border-radius: 3px;
    background-color: #262626;
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #ffffff;
    border: none;
    margin-bottom: 5px;
}

#newPwdForm .error-msg {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #ff4747;
    margin-top: -10px;
    margin-bottom: 46px;
    display: none;
}

.success-msg {
    font-family: 'Roboto';
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -0.3px;
    text-align: center;
    color: #ffffff;
    margin-top: 172px;
}

.Your-password-has-be,
.Check-your-email-for {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #262626;
    margin-top: 40px;
    margin-bottom: 40px;
}
/*Quest board*/

.questboard-header-wrapper .program-topbar {
    padding: 0;
    max-height: 95px;
}

.questboard-header-wrapper .program-topbar .program-name {
	font-family: sans-serif;
	font-size: 26px;
	padding: 15px 0px 0px 15px;
	color: #fff;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
/*Header Dropdown css added by Pallavi*/
.dropdown_select {
    width: 100%;
    padding: 0 14px;
}

.header_menu {
    background: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid rgb(255, 195, 104);
    text-shadow: none;
    width: 100%;
    text-align: left;
}

.dropdown_select:before {
    z-index: 1;
    /* position: absolute; */
    /* right: 19px; */
    top: 4px;
    content: "\f105";
    font-family: "fontawesome";
    line-height: 43px;
    color: #ffffff;
    pointer-events: none;
    float: right;
}

.header_menu, .header_menu:hover, .header_menu:focus {
	border-bottom: 1px solid #fff;
}
.open > .dropdown-toggle.btn-default:focus {
	border-color: #fff;
}

.dropdown .dropdown-menu {
	margin: 5px 0;
	padding: 10px;
}

.dropdown-menu > li > a {
    /*padding: 0;*/
    height: 40px;
    /*color: #ffffff;*/
}

a.submenu_menus.parent_menu, a.submenu_menus.child_menu {
    color: #ffffff;
}

.programCategory {
    padding: 15px 0px 15px 0px;
    z-index: 999;
    white-space: normal;
    overflow: hidden;
    display: inline;
}

.span_angle {
    font-size: 13px;
    margin: 4px 2px;
}

.sub_menu_drop li:active, .sub_menu_drop li:hover {
    background-color: #ecac43 !important;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    /*background-color: #ecac43;*/
    /*background-color: none !important;*/
    background-color: #ecac43 !important;
    background-image: none !important;
    color: #ffffff;
}
.active_drop.dropdown_select:before {
	color: #fff !important;
}
button#dropdownMenu1 {
	font-size: 22px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}
.header_menu, .header_menu:hover, .header_menu:focus {
	border-bottom: 1px solid #fff;
}

.questboard-header-wrapper ul li:hover, .submenu_lst li a:hover {
    color: #ffffff !important;
}

.submenu_lst {
    white-space: nowrap;
    margin: 6px;
    overflow: auto;
    width: 100%;
}

    .submenu_lst > li {
        border-bottom: none !important;
        /*width:95%;*/
    }

.questboard-header-wrapper .program-topbar li.logo img,
.dashboard-wrapper .program-topbar li.logo img {
    width: auto;
    height: 95px;
    margin: auto;
    padding: 0px;
    max-width: 200px;
}


.questboard-wrapper li.logo,
.questboard-header-wrapper li.logo,
.dashboard-wrapper li.logo {
	float: left;
	margin-bottom: 1px;
	vertical-align: middle;
	height: 95px;
	padding: 0px;
	width: auto;
}

.questboard-header-wrapper .notification-ring,
.dashboard-wrapper .notification-ring {
    margin-right: 2.9px;
}

.questboard-header-wrapper .program-topbar .right-profiledetails ul {
    text-align: right;
    padding: 5px;
}

.questboard-header-wrapper .designation {
    /*font-family: 'Open Sans';*/
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px;
    color: #71d2ca;
}

.questboard-header-wrapper .name {
    /*font-family: 'Open Sans';*/
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.3px;
    color: #fefefe;
}

.questboard-header-wrapper .points-count {
    color: #d2f3f0;
    /*font-family: 'Open Sans';*/
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px;
}

.questboard-header-wrapper ul li {
    line-height: normal;
}

.questboard-header-wrapper ul li ul.dropdown li a,
.questboard-header-wrapper ul li ul.dropdown li a:hover,
.questboard-header-wrapper ul li ul.dropdown li a:focus:hover,
.questboard-header-wrapper ul li ul.dropdown li a:focus {
    color: white !important;
}

.questboard-header-wrapper .program-menu li {
    font-family: Helvetica;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding: 0 17.5px;
}

.questboard-header-wrapper .program-menu li.active {
    color: #000000;
}

.questboard-header-wrapper .program-menu {
    text-align: left;
    padding: 15px 17.5px;
}
/*Quest-board-menu*/

.questboard-header-wrapper ul li ul.dropdown {
    width: 261px;
    /*height: 400px;*/
    /*Dinesh chgn to make dropdown not scroll*/
    margin-top: 0px;
    /*overflow-y: scroll;*/
    /*Dinesh chgn to make dropdown not scroll*/
    overflow-x: hidden;
    /*changed to 0 from 7 so that arrow is rite near avatar. can be modified depending on change to dropdown.*/
}

.questboard-header-wrapper ul li ul.dropdown::-webkit-scrollbar {
    width: 3.5px;
    border-bottom: 1px solid #092234;
    border-top: 1px solid #092234;
}

.My-Programs {
    /*font-family: Roboto;*/
    font-size: 15px;
    line-height: 1.27;
    color: #31e3ad;
}

.questboard-header-wrapper .My-Programs li {
    display: block;
    border-bottom: none;
}

.questboard-header-wrapper .My-Programs ul {
    padding: 0;
    display: block;
    overflow-y: auto;
    height: 225px;
    overflow-x: hidden;
}

.questboard-header-wrapper .My-Programs img {
    width: 50px;
    height: auto;
    /*Changed to auto on 5/1/2017 so that thumbnail in dropdown is consistent.*/
    margin-right: 7px;
    max-width: 100%;
}

.questboard-header-wrapper .My-Programs span {
    /*font-family: Roboto;*/
    font-size: 15px;
    line-height: 1.27;
    color: #8198a3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    display: inline-block;
    vertical-align: top;
}

.questboard-wrapper .program-body {
    /*font-family: Roboto;*/
    font-size: 26px;
    font-weight: 300;
    text-align: left;
    color: #ffffff;
    height: 100%;
    background: -webkit-linear-gradient(359deg, #516585, #28354d);
    background: -o-linear-gradient(359deg, #516585, #28354d);
    background: -moz-linear-gradient(359deg, #516585, #28354d);
    background: linear-gradient(359deg, #516585, #28354d);
    overflow-y: hidden !important;
}

.questboard-wrapper footer.powered-by {
    /*Dinesh Changes value of margin -19.8px 0 78px 95px */
    /*text-align: left;*/
    margin: -19.8px 0 78px 0px;
    padding: 29px 100px 100px 50px;
    /*was 0*/
}

.questboard-wrapper .Learn_tile div.status {
    background: url('../../img/Group 8 Copy 2.png') no-repeat;
    height: 206px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 13px 17px;
    background-size: cover;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
    background-position: center;
}

.questboard-wrapper .Learn_tile div.info,
.questboard-wrapper .Do_tile div.info,
.questboard-wrapper .Inspire_tile div.info {
    background-color: #ffffff;
    height: 77px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 13px 17px;
    position: relative;
}

.questboard-wrapper .Do_tile div.status {
    background: url('../../img/Group 9 Copy 2.png') no-repeat;
    /* /img/Group 9 Copy 2.png  */
    background-size: 100% 100%;
    height: 206px;
    padding: 13px 17px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*background-color: rgba(0,0,0,0.5);*/
    background-blend-mode: multiply;
    background-position: center;
    overflow: hidden;
}

.questboard-wrapper .Inspire_tile div.status {
    background: url('../../img/Group 15 Copy 2.png') no-repeat;
    /* /img/Group 15 Copy 2.png  */
    height: 206px;
    padding: 13px 17px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-size: 100% 100%;
    /*background-color: rgba(0,0,0,0.5);*/
    background-blend-mode: multiply;
    background-position: center;
    overflow: hidden;
}

.questboard-wrapper .Learn_tile div.status-image {
    background: url('../../img/Group 8 Copy 2.png') no-repeat;
    /* /img/Tile 1.png  */
    height: 206px;
    padding: 13px 17px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-size: 100% 100%;
    background-blend-mode: multiply;
    /*background-color: rgba(0,0,0,0.5);*/
    /*background-position: center;*/ /*9/15/2017 commented*/
    overflow: hidden;
}

.questboard-wrapper .back .status-image {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: 300;
    line-height: 1.53;
    letter-spacing: 0.4px;
    text-align: left;
    color: #f7f7f7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 206px;
    position: relative;
    padding: 13px 17px;
}

.questboard-wrapper .Do_tile div.status-image {
    background: url('../../img/Tile2.png') no-repeat;
    height: 206px;
    padding: 13px 17px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-size: 100% 100%;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.5);
}

.questboard-wrapper .Inspire_tile div.status-image {
    background: url('../../img/Tile 3.png') no-repeat;
    height: 206px;
    padding: 13px 17px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-size: 100% 100%;
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, 0.5);
}

.questboard-wrapper div.status-image .heading {
    /*font-family: Roboto;*/
    font-size: 20px;
    /*Dinesh chgn 20 from 28 5/22/2017*/
    font-weight: 300;
    text-align: left;
    color: #ffffff;
    /*Dinesh chgn #fff from #e7e7e7 5/22/2017*/
}

.questboard-wrapper .Learn_tile,
.questboard-wrapper .Do_tile,
.questboard-wrapper .Inspire_tile {
    /*padding: 0; changes for questboard*/
    /*height: 100%;*/
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    -ms-transition: -ms-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*-webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;*/
    position: relative;
    margin-bottom: 315px;
    margin-left: auto;
    margin-right: auto;
    /*width: 360px;
    /*margin-left: 10px;
    margin-right: 10px;
    margin-left: -2px;
    margin-right: -2px;
         */
}


    /* /* /* /* 
    .questboard-wrapper .Learn_tile .front:hover,
    .questboard-wrapper .Do_tile .front:hover,
    .questboard-wrapper .Inspire_tile .front:hover {
        border-radius: 4px;
        border: 5px solid #F1FF15
    }

        .questboard-wrapper .Do_tile .front:hover div.status, .questboard-wrapper .Learn_tile .front:hover div.status,
        .questboard-wrapper .Inspire_tile .front:hover div.status, .questboard-wrapper .Learn_tile .front:hover div.info,
        .questboard-wrapper .Do_tile .front:hover div.info, .questboard-wrapper .Inspire_tile .front:hover div.info {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;

        } */

    .questboard-wrapper .Learn_tile.flipped .back,
    .questboard-wrapper .Learn_tile.flipped .front,
    .questboard-wrapper .Do_tile.flipped .back,
    .questboard-wrapper .Do_tile.flipped .front,
    .questboard-wrapper .Inspire_tile.flipped .back,
    .questboard-wrapper .Inspire_tile.flipped .front {
        border-radius: 4px;
        border: none;
    }


.questboard-wrapper .front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 2;
    width: 89.9%;
    position: absolute;
}

.questboard-wrapper .back {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    width: 89.9%;
    position: absolute;
}

.questboard-wrapper .flipped {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.questboard-wrapper .Learn_tile.flipped .front,
.questboard-wrapper .Do_tile.flipped .front,
.questboard-wrapper .Inspire_tile.flipped .front,
.questboard-wrapper .flip .front {
    z-index: 1;
}

.questboard-wrapper .Learn_tile.flipped .back,
.questboard-wrapper .Do_tile.flipped .back,
.questboard-wrapper .Inspire_tile.flipped .back,
.questboard-wrapper .flip .back {
    z-index: 2;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body {
        font-family: 'Roboto', 'sans-serif' !important;
        font-family: 'Roboto', sans-serif !important;
    }

    .questboard-wrapper .Learn_tile.flipped .back,
    .questboard-wrapper .Do_tile.flipped .back,
    .questboard-wrapper .Inspire_tile.flipped .back,
    .questboard-wrapper .flip .back {
        z-index: 2;
        transform: rotateY(180deg);
        backface-visibility: visible;
    }



    .questboard-wrapper .Learn_tile.flipped .front,
    .questboard-wrapper .Do_tile.flipped .front,
    .questboard-wrapper .Inspire_tile.flipped .front,
    .questboard-wrapper .flip .front {
        transform: rotateY(0deg);
    }

    .questboard-wrapper .flipped,
    .questboard-wrapper .flip {
        transition: transform 1s;
        transform-style: preserve-3d;
        position: relative;
    }
    /* hide back of pane during swap */

    .questboard-wrapper .front, .questboard-wrapper .back {
        backface-visibility: hidden;
        transition: transform 1s;
        transform-style: preserve-3d;
        position: absolute;
    }
}

.questboard-wrapper .Do_tile .back .status {
    background: url('../../img/Do Green Box.png');
    /* /img/Do Green Box.png */
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: 300;
    line-height: 1.53;
    letter-spacing: 0.4px;
    text-align: left;
    color: #f7f7f7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}

.questboard-wrapper .Learn_tile .back .status-image {
    background: url('../../img/learn blank box.png');
    /* /img/learn blank box.png */
    background-size: 100% 100%;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: 300;
    line-height: 1.53;
    letter-spacing: 0.4px;
    text-align: left;
    color: #f7f7f7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}

.questboard-wrapper .Inspire_tile .back .status {
    background: url('../../img/Inspire blank box.png');
    /* /img/Inspire blank box.png */
    background-size: cover;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: 300;
    line-height: 1.53;
    letter-spacing: 0.4px;
    text-align: left;
    color: #f7f7f7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
}



.questboard-wrapper .back .heading {
    color: #ffffff !important;
}



.questboard-wrapper .Learn_tile .heading,
.questboard-wrapper .Inspire_tile .heading,
.questboard-wrapper .Do_tile .heading {
    /*font-family: Roboto;*/
    font-size: 20px;
    /*Dinesh Chgn to 20 from 28*/
    font-weight: 300;
    float: left;
    color: #ffffff;
    /*Dinesh Chgn to #fff from #e7e7e7*/
}

.questboard-wrapper span.corner {
    opacity: 0.4;
    top: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    cursor: pointer;
    margin: -20px;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    background-color: #f1efef;
    z-index: 1100;
    overflow: hidden;
}

.questboard-wrapper .status .completed,
.questboard-wrapper .status-image .completed {
    height: 22px;
    opacity: 0.78;
    border-radius: 100px;
    background-color: #212121;
    /*font-family: Roboto;*/
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    float: right;
    padding: 5px 16px;
    margin-right: 5px;
    text-transform: uppercase;
}

.questboard-wrapper .status-image .locked img {
    /*Dinesh Split so can apply different css to different tile type on 5/15/2017 */
    float: right;
    margin-right: 15px;
    margin-top: -45px;
    /*Dinesh Added on 5/10/2017*/
}

.questboard-wrapper .status .locked img {
    /*Dinesh Split so can apply different css to different tile type on 5/15/2017 */
    float: right;
    margin-right: 15px;
    margin-top: -45px;
}

.questboard-wrapper .Learn_tile .fa-graduation-cap {
    font-size: 26px;
    opacity: 0.8;
    color: #2b2b2b;
    margin-left: 4px;
}

.questboard-wrapper .badge-img { /*Added img mask change color here. */
    margin: 16px auto;
    text-align: center;
    /*clip-path: ellipse( 52px 50px at 145px 49px);
    clip-path: circle( 49px at 144px 50px);*/
    background-color: rgba(236, 172, 67, 0.7); /*Added img mask change color here. */
    z-index: 1;
    border-radius: 50%;
    width: 108px;
    height: 108px;
}

    .questboard-wrapper .badge-img span { /*Added img mask change color here. */
        /*clip-path: ellipse( 48px 52px at 145px 60px);*/
        /*clip-path: circle(44px at 144px 50px);*/
        display: block;
    }

    .questboard-wrapper .badge-img img {
        width: 98px;
        max-width: 100%;
        border-radius: 50%;
        height: 98px;
        margin-top: 5px;
    }

/*.questboard-wrapper .Do_tile .badge-img img {
    width: 58.2px;
    height: 66.4px;
}

.questboard-wrapper .Inspire_tile .badge-img img {
    width: 66px;
    height: 78px;
}*/

.questboard-wrapper .tile-top {
    height: 44px;
}

.questboard-wrapper .info .activity-name {
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    color: #686868;
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* height: 22px; */
}

.questboard-wrapper .info .points_challenges {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}

.questboard-wrapper .info .points_challenges,
.questboard-wrapper .info .points,
.questboard-wrapper .info .challenges {
    /*font-family: Roboto;*/
    font-size: 13px;
    text-align: left;
    color: #a3a3a3;
    display: inline-block;
}

.mobile-quest-heading {
    margin: 35px 0 54px 66px;
}

.questboard-wrapper .row1,
.questboard-wrapper .row2,
.questboard-wrapper .row3 {
    padding-top: 36px;
    margin-bottom: 35.8px;
    /*Dinesh change to 35.8 from 76.8 5/16/2017*/
    background: rgb(0,0,0,0.2);
    /*padding-left: 66px; changes for questboard*/
    height: 359px;
    display: table;
    width: 100%;
}

.questboard-wrapper .rowNoLevel {
    /*Dinesh added 5/16/2017 for no level quests*/
    padding-top: 36px;
    /* margin-bottom: 76.8px; JUBI-1506 */
    /* background: #506383;
    padding-left: 66px; changes for questboard*/
    height: 359px;
    display: table;
    width: 100%;
}

.questboard-wrapper .arrow-up {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #292D2E !important;
    top: -15px;
    opacity: 0.88;
    left: 60px;
    /*changed to 60 from 65 so that arrow is rite near avatar. can be modified depending on change to dropdown.*/
    position: absolute;
}

.questboard-wrapper .back .content {
    /*Dinesh added to make BASE appear at bottom. 5/17/2017*/
    height: 90px;
}

.questboard-wrapper .back .BASE {
    margin-top: 29px;
    opacity: 0.85;
    /*Dinesh chgn to 85 from 45 5/22/2017*/
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    color: #ffffff;
    /*Dinesh chgn to #ffffff from #e7e7e7 5/22/2017*/
}



.questboard-header-wrapper .program-menu .drop-menu {
    display: none;
    margin: 19px 0px 0px -20px;
    background-color: #adadad; /*Dinesh chgn to #3ab89c from #adadad */
    position: fixed;
    z-index: 999;
    padding-left: 3px;
    height: 20px;
}

.questboard-header-wrapper .program-menu .drop-menu .show {
    display: block;
}

.questboard-wrapper .level1,
.questboard-wrapper .level2,
.questboard-wrapper .level3 {
    /*font-family: Roboto;*/
    font-size: 20px;
    margin-left: 81px;
    width: 334px;
    /*Dinesh chgn to 344px from 103px 5/17/2017*/
    height: 26px;
    background-color: rgb(0,0,0,0.2);
    letter-spacing: 0px;
    text-align: center;
    color: white;
    padding-top: 6px;
    margin-bottom: 0;
}
/*Objective*/

.topbar {
    height: 82px; /*Larry Req to change 103px to 82px */
    margin: 0;
    top: 0;
    /*position: sticky;*/
    position: absolute;
    width: 100%;
}

    .topbar p.heading {
        opacity: 0.97;
        /*font-family: Roboto;*/
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0.4px;
        color: #a4bacf;
        margin-bottom: 12px;
    }

    .topbar .questboard-icon i {
        font-size: 17px;
        opacity: 0.56;
        color: #447aaf;
    }

    .topbar a.questboard-icon {
        width: 38.6px;
        text-align: center;
        margin: 12px auto 12px; /*Larry Req to change 24px auto 12px  to 12px auto 12px*/
        /*updated manisha 3rd may*/
        display: block;
    }

    .topbar .greenbutton {
        margin-right: 1px;
        float: left;
        display: inline-block;
    }

    .topbar .greenbutton-mobile,
    .topbar .graybutton-mobile,
    .topbar .yellowbutton-mobile {
        display: none;
    }

    .topbar .graybutton {
        right: 0;
        top: 0;
        position: absolute;
        display: block;
    }
        /*Larry Req to change img css added with height of 79px*/
        .topbar .greenbutton img,
        .topbar .graybutton img {
            height: 79px;
        }

    .topbar .yellowbutton {
        width: 55px;
        height: 79px; /*Larry Req to change 103px to 79px*/
        background-color: #9d680b;
        right: 0;
        top: 0;
        position: absolute;
        display: block;
    }

        .topbar .yellowbutton img {
            margin: 17px auto 0; /*Larry Req to change 29px auto 0 to 17px auto 0*/
            display: block;
        }

    .topbar .nextchallenge {
        height: 79px; /*Larry Req to change 103px to 79px*/
        background-color: #869cb1;
        display: block;
        padding: 12px 20px;
    }

    .topbar .nextactivity {
        height: 79px; /*Larry Req to change 103x to 79px */
        background-color: #ce952f;
        display: block;
        padding: 12px 20px;
    }

    .topbar .nextchallenge-heading {
        /*font-family: Roboto;*/
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.1px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 15px;
    }

    .topbar .nextactivity-heading {
        /*font-family: Roboto;*/
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.1px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 29px;
    }

    .topbar .nextactivity span.activity,
    .topbar .current-activity span.activity {
        border-radius: 82px;
        border: solid 1px #ffffff;
        padding: 2px 8px;
        /*font-family: Roboto;*/
        font-size: 12px;
        font-weight: 500;
        letter-spacing: -0.1px;
        text-align: left;
        color: #ffffff;
    }

    .topbar .nextactivity .activity-name {
        margin-right: 15px;
    }

    .topbar .nextchallenge-desc {
        /*font-family: Roboto;*/
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.1px;
        color: #ffffff;
        width: 95%;
    }

    .topbar .nextactivity-desc {
        /*font-family: Roboto;*/
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.1px;
        color: #ffffff;
    }

    .topbar .quest-section {
        height: 79px; /*Larry Req to change 103px to 79px*/
        background-color: #2e3f50;
        text-align: center;
        margin: 0 auto;
        padding: 0;
    }

    .topbar .objective-title {
        height: 42px;
        background-color: #6a7a8a;
        margin: 0;
        padding: 10px 74px;
    }

        .topbar .objective-title .activity-name {
            /*font-family: Roboto;*/
            font-size: 17px;
            font-weight: 500;
            letter-spacing: -0.1px;
            text-align: left;
            color: #ffffff;
            margin-right: 15px;
        }

    .topbar .objective,
    .topbar .congratulations {
        height: 61px;
        background-color: #3ab89c;
        margin: 0;
        /*font-family: Roboto;*/
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.1px;
        color: #ffffff;
        padding: 20px 74px;
    }

    .topbar .challenge-title {
        /*font-family: Roboto;*/
        font-size: 18px;
        font-weight: 300;
        letter-spacing: -0.1px;
        color: #ffffff;
        height: 37px; /*Larry Req to change 61px to 37px */
        margin: 0;
        padding: 5px 74px; /*Larry Req to change 10px 74px to 5px 74px*/
        /*width: 80%;*/
        /*Dinesh chgn 5/22/2017*/
    }

    .topbar .objective-section {
        display: block;
        /*max-width: 90%;
        width: 100%;*/
        background-color: #6a7a8a;
    }

        .topbar .objective-section span.activity {
            width: 54px;
            height: 20px;
            border-radius: 82px;
            border: solid 1px #ffffff;
            color: #ffffff;
            padding: 2px 5px;
            font-size: 12px;
        }

.objective-wrapper .obj-challenges {
    padding: 71.6px 92px 287px;
    /*Dinesh chgn 5/22/2017 to 0 from 287px */
}

.objective-wrapper .obj-challenges-container {
    top: 79px;
    bottom: 102px;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    height: calc(100% - 103px);
    position: absolute;
}

.Inspire-content .light-mode {
    color: black;
}

#toDoActivityQuestions .light-mode {
    color: black;
}

.Activity-Rectangle .light-mode {
    color: black;
}

.Please-review-the-en .light-mode {
    color: black;
}

#quest-answers .light-mode {
    color: black;
}

.objective-wrapper .obj-challenges-container .light-mode {
    color: black;
}

.light-mode .answer textarea {
    color: black !important;
}

.light-mode .dndquestions {
    color: white;
}

.light-mode .dndanswers {
    color: white;
}

.light-mode .builder-result {
    color: white;
}

.light-mode .builder-clear {
    color: black !important;
}

.light-mode .seqquestion {
    color: white;
}

.light-mode .groupquestion {
    color: white;
}

.light-mode .image-description {
    color: black;
}

.objective-wrapper .objective-heading {
    /*font-family: Roboto;*/
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -0.1px;
    color: #e8e8e8;
    margin-bottom: 26px;
    margin-top: 5.6px;
}

.objective-wrapper .obj-description {
    /*font-family: Roboto;*/
    font-size: 20px;
    letter-spacing: -0.1px;
    color: #e8e8e8;
    text-align: center;
    width: 68%;
    margin: 0 auto;
    display: inline-block;
}

.objective-wrapper .inspObj-description {
    padding-left: unset;
}

    .objective-wrapper .inspObj-description p.objectiveHeader.light-mode {
        color: black;
    }

.light-mode .ql-editor ol li {
    color: black;
}

.light-mode .ql-editor ul li {
    color: black;
}

.light-mode .verificationInstructionsBox .ql-editor ol li {
    color: white;
}

.light-mode .verificationInstructionsBox .ql-editor ul li {
    color: white;
}

.objective-wrapper .inspObj-description p.objectiveHeader {
        /*font-family: Roboto;*/
        font-size: 20px;
        letter-spacing: -0.1px;
        color: #e8e8e8;
        margin: 0 auto;
        font-weight: bold;
        padding-bottom: 5px;
    }

    .objective-wrapper .inspObj-description p.objectiveSentence {
        /*font-family: Roboto;*/
        font-size: 19px;
        letter-spacing: -0.1px;
        color: #e8e8e8;
        /*padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;*/
        word-break: break-word;
        text-align: justify;
    }

.objective-wrapper .doObj-description {
    padding-left: unset;
}

    .objective-wrapper .doObj-description p.objectiveHeader {
        /*font-family: Roboto;*/
        font-size: 20px;
        letter-spacing: -0.1px;
        color: #e8e8e8;
        margin: 0 auto;
        font-weight: bold;
        padding-bottom: 5px;
    }

    .objective-wrapper .doObj-description p.objectiveSentence {
        /*font-family: Roboto;*/
        font-size: 19px;
        letter-spacing: -0.1px;
        color: #e8e8e8;
        padding-bottom: 20px;
        word-break: break-word;
        text-align: justify;
    }

.objective-wrapper .challenges {
    /*font-family: Roboto;*/
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    margin-top: 53px;
}

    .objective-wrapper .challenges .challenge1 .light-mode,
    .objective-wrapper .challenges .challenge2 .light-mode,
    .objective-wrapper .challenges .challenge3 .light-mode,
    .objective-wrapper .challenges .challenge4 .light-mode,
    .objective-wrapper .challenges .challenge5 .light-mode {
        font-size: 20px;
        font-weight: 500;
        line-height: 2.7;
        letter-spacing: 0.2px;
        border-radius: 69px;
        border: solid 1px #dddddd;
        color: #ffffff;
        width: auto;
        max-width: 500px;
        margin: 0 auto 15px;
        text-align: left;
    }

    .objective-wrapper .challenges .challenge1,
    .objective-wrapper .challenges .challenge2,
    .objective-wrapper .challenges .challenge3,
    .objective-wrapper .challenges .challenge4,
    .objective-wrapper .challenges .challenge5 {
        font-size: 20px;
        font-weight: 500;
        line-height: 2.7;
        letter-spacing: 0.2px;
        border-radius: 69px;
        border: solid 1px #dddddd;
        color: #ffffff;
        width: auto;
        max-width: 500px;
        margin: 0 auto 15px;
        text-align: left;
        background-color: rgb(0,0,0,0.7);
    }

    .objective-wrapper .challenges .challenge1finish,
    .objective-wrapper .challenges .challenge2finish,
    .objective-wrapper .challenges .challenge3finish,
    .objective-wrapper .challenges .challenge4finish,
    .objective-wrapper .challenges .challenge5finish {
        /*font-family: Roboto;*/
        font-size: 20px;
        font-weight: 500;
        line-height: 2.7;
        letter-spacing: 0.2px;
        height: auto;
        color: #ffffff;
        width: auto;
        /*Dinesh chnged to auto from 350px 5/16/2017*/
        max-width: 500px;
        /*Dinesh added 5/16/2017*/
        margin: 0 auto 15px;
        text-align: left;
        border-radius: 69px;
        background-color: rgb(0,0,0,0.7);
        border: solid 1px #94eb3c;
    }

        .objective-wrapper .challenges .challenge1 p,
        .objective-wrapper .challenges .challenge2 p,
        .objective-wrapper .challenges .challenge3 p,
        .objective-wrapper .challenges .challenge4 p,
        .objective-wrapper .challenges .challenge5 p,
        .objective-wrapper .challenges .challenge1finish p,
        .objective-wrapper .challenges .challenge2finish p,
        .objective-wrapper .challenges .challenge3finish p,
        .objective-wrapper .challenges .challenge4finish p,
        .objective-wrapper .challenges .challenge5finish p {
            margin: 0;
            line-height: 1;
            padding: 7px;
            padding-left: 12px;
        }

            .objective-wrapper .challenges .challenge1finish p img,
            .objective-wrapper .challenges .challenge2finish p img,
            .objective-wrapper .challenges .challenge3finish p img,
            .objective-wrapper .challenges .challenge4finish p img,
            .objective-wrapper .challenges .challenge5finish p img {
                float: right;
                margin-top: -2px;
            }



                .objective-wrapper .challenges .challenge1finish p img.active,
                .objective-wrapper .challenges .challenge2finish p img.active,
                .objective-wrapper .challenges .challenge3finish p img.active,
                .objective-wrapper .challenges .challenge4finish p img.active,
                .objective-wrapper .challenges .challenge5finish p img.active {
                    margin-top: 10px;
                }


            .objective-wrapper .challenges .challenge1finish p span,
            .objective-wrapper .challenges .challenge2finish p span,
            .objective-wrapper .challenges .challenge3finish p span,
            .objective-wrapper .challenges .challenge4finish p span,
            .objective-wrapper .challenges .challenge5finish p span {
                display: inline-block;
                width: 90%;
                word-break: break-word;
            }


.phantom-scroll-div {
    z-index: 98 !important;
    width: 100%;
    height: 79px;
}
.objective-wrapper .bottom-bar,
.objective-wrapper .bottom-bar-resume,
.challenge-wrapper .bottom-bar-next,
.congratulations-wrapper .bottom-bar,
.template-wrapper .bottom-bar {
    bottom: 0;
    right: 0;
    margin: 0;
    position: absolute;
    padding: 0;
    z-index: 99;
    /*width: 100%;*/
    /*  position: sticky; Dinesh added 5/22/2017*/
}

    .objective-wrapper .bottom-bar .begin {
        height: 79px; /*Larry Req to change 102px to 79px*/
        background-color: #e5930c;
        text-align: center;
        padding: 27px 0px 0; /* RALI-4674 get rid of 80px padding for localized button text */
        z-index: 2;
    }

        .objective-wrapper .bottom-bar .begin a {
            /*font-family: Roboto;*/
            font-size: 25px;
            letter-spacing: 0.2px;
            text-align: center;
            color: #ffffff;
        }

    .objective-wrapper .bottom-bar .discussion,
    .congratulations-wrapper .bottom-bar .discussion,
    .objective-wrapper .bottom-bar-resume .discussion,
    .challenge-wrapper .bottom-bar-next .discussion {
        /*font-family: Roboto;*/
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.1px;
        text-align: center;
        color: #ffffff;
        text-align: center;
        padding-top: 12.8px; /*Larry Req to change  19.8px to 12.8px*/
        height: 79px; /*Larry Req to change  102px to 79px*/
        background-color: #6a7a8a;
    }

        .objective-wrapper .bottom-bar .discussion span.count,
        .objective-wrapper .bottom-bar-resume .discussion span.count,
        .challenge-wrapper .bottom-bar-next .discussion span.count,
        .congratulations-wrapper .bottom-bar .discussion span.count,
        .template-wrapper .bottom-bar .discussion span.count {
            background-color: #fd4f44;
            /*font-family: Roboto;*/
            font-size: 17px;
            font-weight: 500;
            letter-spacing: -0.1px;
            text-align: left;
            color: #ffffff;
            padding: 5px 9px;
            border-radius: 50%;
            margin-top: -10px;
            position: absolute;
            margin-left: -10px;
        }

        .objective-wrapper .bottom-bar .discussion img,
        .objective-wrapper .bottom-bar-resume .discussion img,
        .congratulations-wrapper .bottom-bar .discussion img {
            width: 42.6px;
            height: 35px;
        }

        .objective-wrapper .bottom-bar .discussion p,
        .objective-wrapper .bottom-bar-resume .discussion p,
        .congratulations-wrapper .bottom-bar .discussion p,
        .template-wrapper .bottom-bar .discussion p {
            margin-top: 4.7px;
        }

    .objective-wrapper .bottom-bar .challenge-description,
    .objective-wrapper .bottom-bar-resume .challenge-description,
    .challenge-wrapper .bottom-bar-next .challenge-description,
    .congratulations-wrapper .bottom-bar .challenge-description {
        text-align: left;
        height: 79px; /*Larry Req to change  102px to 79px*/
        border-top: solid 2px #6a7a8a;
        /*  padding: 12px 15px;   Larry Req to change  16px 15px to 12px 15px*/
        background-color: #4c5f7e;
        padding: 5px 15px; /**Points were not visible so updated*/
    }

    .congratulations-wrapper .bottom-bar .challenge-description {
        border: solid 2px #6a7a8a;
        background-color: #4c5f7e;
        z-index: 2;
    }

        .objective-wrapper .bottom-bar .challenge-description p:first-child,
        .objective-wrapper .bottom-bar-resume .challenge-description p:first-child,
        .challenge-wrapper .bottom-bar-next .challenge-description p:first-child,
        .congratulations-wrapper .bottom-bar .challenge-description p:first-child {
            /*font-family: Roboto;*/
            font-size: 20px;
            font-weight: 300;
            letter-spacing: 0px;
            color: #c1c1c1;
            margin-left: 5px;
            border-bottom: solid 1px #979797;
            padding-bottom: 6px;
            margin-bottom: 5px;
        }

    .objective-wrapper .bottom-bar .challenge-description p span.total-challenges {
        font-weight: bold;
        color: #ffffff;
    }

    .objective-wrapper .bottom-bar .challenge-description p.max-points,
    .challenge-wrapper .bottom-bar-next .challenge-description p.max-points,
    .congratulations-wrapper .bottom-bar .challenge-description p.max-points {
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        color: #c1c1c1;
        margin-left: 5px;
        margin-bottom: 5px;
    }

.objective-wrapper .obj-challenges .challenges .completed {
    background-color: #222d3f;
    border: solid 1px #94eb3c;
}

    .objective-wrapper .obj-challenges .challenges .completed span img {
        width: 23px;
        height: 23px;
        vertical-align: sub;
        /*manisha 3rd may*/
    }

    .objective-wrapper .obj-challenges .challenges .completed span.tick-image {
        float: right;
        margin-right: 13px;
    }

.objective-wrapper .bottom-bar-resume .resume,
.challenge-wrapper .bottom-bar-next .next,
.objective-wrapper .bottom-bar-resume label.resume,
.challenge-wrapper .bottom-bar-next label.next {
    height: 79px; /*Larry Req to change 102px to 79px */
    background-color: #31adf8;
    text-align: center;
    padding: 29px 80px 0; /*Larry Req to change 38px 80px 0 to 29px 80px 0 */
}
.noquestionnext {
    background-color: #e5930e !important;
    font-weight: 500;
}
span#noQuestionSpan:hover {
    color: lightgrey;
}

.challenge-wrapper .content-bar {
    /*padding: 154px 105px 0px 86px;*/
    top: 81px; /*Larry Req to change 103px to 81px */
    bottom: 79px; /*Works for IE/firefox/chrome*/
    overflow-y: auto;
    width: 100%;
    margin: 0;
    /*height: calc(100% - 103px);*/
    height: auto; /*Works for IE/firefox/chrome*/
    position: absolute;
    padding: 71.6px 92px 211px;
}

.video-wrapper {
    text-align: center;
}
.audio-wrapper {
    text-align: center;
}
.template3 .media  {
    padding: 0px; 
    text-align: center;
}
.template3 .media .media-doc {
    background-color: #6a7a8a;
    width: 50%;
    left: 25%;
}

.template3 .media .ql-editor {
    margin-left: 10%;
    margin-right: 10%;
    overflow: hidden;
}

.template3 .challenge-instruction .ql-editor {
    margin-left: 14%;
    margin-right: 10%;
    overflow: hidden;
}

.template3 .media .text-description {
    text-align: center;
}


.template3 .video-wrapper video {
    /* width: 75%; */
    height: 500px;
}
.template3 .video-wrapper img {
    width: 75%;
    height: 500px;
}
.template3 .media img {
    width: 75%;
    height: 500px;
}
.template3 .video-wrapper iframe{
    width: 75%;
    height: 500px;
    /* For Rali video, this minimum is for full screen to work without opening new tab */
    min-width: 320px;
    min-height: 450px;
}
.template3 #quest-answers {
    padding: 0px 15% 0px 15%;
}
.loading-overlay {
    background: rgba(0,0,0,0);
}
.template1 .video-wrapper iframe{
    /* For Rali video, this minimum is for full screen to work without opening new tab */
    min-width: 320px;
    min-height: 450px;
}
.template2 .media  {
    padding: 0px;
}
.template2 .video-wrapper iframe{
    /* For Rali video, this minimum is for full screen to work without opening new tab */
    min-width: 320px;
    min-height: 450px;
}
.ql-editor {
    padding: 15px 0px 15px 0px;
}
    .challenge-wrapper .content-bar .question-image a,
    .challenge-wrapper .content-bar .question-image a:hover,
    .challenge-wrapper .content-bar .question-image a:focus:hover,
    .challenge-wrapper .content-bar .question-image a:focus {
        color: rgb(106, 202, 206) !important;
    }



    .challenge-wrapper .content-bar .question-image img {
        width: 100%;
        height: 100%;
    }

.fileicon {
    width: 100px !important;
    height: 100px !important;
    max-width: 100px !important;
}

.medianame {
    font-size: 15px;
    padding: 35px 0px 0px 0px;
    text-align: left;
}

#target-anchor {
	display: block;
	text-align: left;
}

.challenge-wrapper .content-bar .leftspace {
    padding: 0px 0px 0px 50px;
}


    .challenge-wrapper .content-bar .question-image .media .video-wrapper iframe {
        /*max-width:852px !important;*/
        /*videos were not coming fine. So auto-adjust in the given space*/
        max-width: 100%;
        max-height: 360px;
        background-color: black;
    }

    .challenge-wrapper .content-bar .question-image .media .videogular-container {
        /*max-width:850px !important;*/
        width: 100%;
    }

    .challenge-wrapper .content-bar .question-image .media .video-wrapper videogular > vg-media > video {
        width: 100%;
        height: 100%;
    }


.objective-wrapper .bottom-bar-resume .resume a,
.challenge-wrapper .bottom-bar-next .next a,
.objective-wrapper .bottom-bar-resume .resume label,
.challenge-wrapper .bottom-bar-next .next label {
    /*font-family: Roboto;*/
    font-size: 25px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
}
/* Temp addition to see if Label fills the roll of div.*/

.objective-wrapper .bottom-bar-resume label.resume,
.challenge-wrapper .bottom-bar-next label.next {
    /*font-family: Roboto;*/
    font-size: 25px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
    z-index: 2;
}

.objective-wrapper .bottom-bar-resume .points-earned,
.objective-wrapper .bottom-bar-resume .points-earned .out-of,
.challenge-wrapper .bottom-bar-next .points-earned .out-of,
.challenge-wrapper .bottom-bar-next .points-earned,
.congratulations-wrapper .bottom-bar .points-earned,
.congratulations-wrapper .bottom-bar .points-earned .out-of {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #c1c1c1;
    /* margin-left: 15px; */
}

    /*
    .objective-wrapper .bottom-bar-resume .points-earned span:first-child,
    .challenge-wrapper .bottom-bar-next .points-earned span:first-child,
    .congratulations-wrapper .bottom-bar .points-earned span:first-child {
        color: #ffffff;
    }
    */

.objective-wrapper .bottom-bar-resume .challenge-description .challenge-completed,
.objective-wrapper .bottom-bar-resume .challenge-description .out-of,
.challenge-wrapper .bottom-bar-next .challenge-description .challenge-completed,
.congratulations-wrapper .bottom-bar .challenge-description .challenge-completed {
    font-weight: bold;
    color: #ffffff;
}

.objective-wrapper .bottom-bar-resume .challenge-description .total-challenges,
.challenge-wrapper .bottom-bar-next .challenge-description .total-challenges,
.congratulations-wrapper .bottom-bar .challenge-description .total-challenges,
.congratulations-wrapper .bottom-bar .challenge-description .out-of {
    /*font-weight: bold;*/
    color: #b4b4b4;
}

.congratulations-wrapper .congratulations-content {
    width: 593px;
    height: auto;
    border-radius: 5px;
    background-color: rgb(0,0,0,0.7);
    margin: 29px auto 238px;
    padding: 43px 68px 20px;
    z-index: 1;
    position: relative;
}

.congratulations-wrapper .congratulations-container {
    top: 79px;
    bottom: 102px;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    height: calc(100% - 130px);
    position: absolute;
}

.congratulations-wrapper .congratulations-content .congrats {
    /*font-family: Roboto;*/
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 3.2px;
    color: #e49b01;
    margin-bottom: 19px;
}

.congratulations-wrapper .congratulations-content .congrats-msg {
    /*font-family: Roboto;*/
    font-size: 24px;
    font-style: italic;
    line-height: 1.25;
    letter-spacing: 0.1px;
    text-align: center;
    color: #e8e8e8;
    margin-bottom: 41px;
}

    .congratulations-wrapper .congratulations-content .congrats-msg span {
        color: #dc8a08;
    }

.congratulations-wrapper .congratulations-content .just-earned {
    /*font-family: Roboto;*/
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 0.3px;
    color: #f5bb23;
    margin-bottom: 18px;
}

.congratulations-wrapper .congratulations-content .earned-points {
    width: 120px;
    height: 120px;
    background-color: rgba(149, 255, 32, 0.51);
    border-radius: 50%;
    padding-top: 50px;
    display: inline-block;
    margin-right: 19.5px;
    vertical-align: top;
}

    .congratulations-wrapper .congratulations-content .earned-points span {
        width: 95px;
        height: 95px;
        background-color: #417505;
        border-radius: 50%;
        color: #ffffff;
        padding: 36px 13px;
        font-size: 20px;
        color: #ffffff;
        display: inline-block;
        margin: -38px -2px 0px 0px;
    }

.congratulations-wrapper .congratulations-content .AND {
    width: 41px;
    height: 24px;
    /*font-family: Roboto;*/
    font-size: 20px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    margin-right: 20.5px;
    vertical-align: top;
    margin-top: 34px;
}

.congratulations-wrapper .congratulations-content .completion-badge {
    display: inline-block;
    /*margin-top: 6.6px;*/
}

    .congratulations-wrapper .congratulations-content .completion-badge span.mask { /*Added img mask change color here. */
        /* margin-top: 6.6px;
        clip-path: ellipse( 36px 36px at 35px 36px);
        clip-path: circle( 36px at 36px 36px);*/
        /* width: 63%; */
        background-color: rgba(236, 172, 67, 0.4);
        border-radius: 50%;
        display: inline-block;
    }


    .congratulations-wrapper .congratulations-content .completion-badge span.img { /*Added img mask change color here. */
        /*clip-path: ellipse( 32px 31px at 35px 36px);*/
        /*clip-path: circle( 32px at 36px 36px);
        display: block;*/
    }

    .congratulations-wrapper .congratulations-content .completion-badge span.title {
        /*font-family: Roboto;*/
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 0px;
        color: #46dfb5;
        display: block;
    }

    .congratulations-wrapper .congratulations-content .completion-badge img {
        /*width: 72px;
        height: 72px;
        margin-bottom: 4.4px;*/
        width: 110px;
        height: 110px;
        margin: 5px;
        border-radius: 50%;
    }

.congratulations-wrapper .congratulations-content .You-can-learn,
.congratulations-wrapper .congratulations-content .Here-is-some-additio,
.congratulations-wrapper .congratulations-content .Would-you-like-to-Up {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-style: italic;
    line-height: 2;
    letter-spacing: 0.1px;
    text-align: center;
    color: #e8e8e8;
    margin-bottom: 20px;
}

    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up input {
        width: 197px;
        height: 55px;
        left: 33%;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        margin-top: -60px;
    }


    /*
      JUBI-1675 comment out to allow quill editor colors to take precedence
    .congratulations-wrapper .congratulations-content .You-can-learn p,
    .congratulations-wrapper .congratulations-content .Here-is-some-additio p {
        color: #46dfb5;
    }
    */

    .congratulations-wrapper .congratulations-content .You-can-learn a,
    .congratulations-wrapper .congratulations-content .Here-is-some-additio a {
        color: #46dfb5;
    }

    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up a.Upload-button {
        /*font-family: Roboto;*/
        font-size: 15px;
        letter-spacing: 0px;
        color: #ddedf9 !important;
        width: 197px;
        height: 55px;
        border-radius: 5px;
        border: solid 1px #deeef9;
        display: block;
        margin: 10px auto 5px;
        font-style: normal;
        padding: 10px 15px;
    }

    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up .Upload-button img {
        float: left;
    }

    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up p:first-of-type {
        /*font-family: Roboto;*/
        font-size: 12px;
        line-height: 2.5;
        letter-spacing: 0.1px;
        text-align: center;
        color: #a4bacf;
        font-style: normal;
    }

.congratulations-wrapper .congratulations-content hr {
    opacity: 0.52;
    border: solid 1px rgba(151, 151, 151, 0.52);
    margin: 15px 0;
}

.congratulations-wrapper .congratulations-content .participants p {
    /*font-family: Roboto;*/
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.1px;
    text-align: center;
    color: #e8e8e8;
}

    .congratulations-wrapper .congratulations-content .participants p:nth-of-type(2) {
        padding-bottom: 13px;
    }

.congratulations-wrapper .congratulations-content .participants img {
    width: 53px;
    height: 53px;
    border-radius: 50%;
}

.congratulations-wrapper .congratulations-content .participants span {
    margin-left: -15px;
}

    .congratulations-wrapper .congratulations-content .participants span.participant4 {
        margin-left: 0;
    }

    .congratulations-wrapper .congratulations-content .participants span:nth-of-type(2) img {
        border: solid 2px #ffffff;
        border-radius: 50%;
    }

    .congratulations-wrapper .congratulations-content .participants span:nth-of-type(4) {
        border: solid 2px #c99b13;
        border-radius: 50%;
        padding: 14px 10px;
    }

    .congratulations-wrapper .congratulations-content .participants span:nth-of-type(3) {
        margin-right: 8px;
        z-index: 10;
        position: relative;
    }

    .congratulations-wrapper .congratulations-content .participants span:nth-of-type(2) {
        z-index: 11;
        position: relative;
    }

    .congratulations-wrapper .congratulations-content .participants span:first-child img {
        z-index: 12;
        position: relative;
    }

.congratulations-wrapper .congratulations-content .file-link {
    /*font-family: Roboto;*/
    font-size: 14px;
    letter-spacing: 0.3px;
    color: #26b2f6;
    font-style: normal;
    margin: 0 auto;
    width: 40%;
}

    .congratulations-wrapper .congratulations-content .file-link a.close {
        opacity: 1;
    }

.template-wrapper .topbar .current-activity {
    height: 103px;
    background-color: #3ab89c;
    display: block;
    padding: 12px 20px;
}

    .template-wrapper .topbar .current-activity .currentactivity-heading,
    .template-wrapper .topbar .nextactivity-heading {
        /*font-family: Roboto;*/
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.1px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 16px;
    }

        .template-wrapper .topbar .current-activity .currentactivity-heading span:first-of-type {
            margin: 0 9px 0 20px;
        }

.template-wrapper .topbar .nextactivity .nextactivity-heading span:first-of-type {
    margin: 0 9px 0 0;
}

.template-wrapper .topbar .current-activity .currentactivity-desc,
.template-wrapper .topbar .nextactivity-desc {
    margin-left: 20px;
    /*font-family: Roboto;*/
    /*font-size: 25px;*/
    font-weight: 300;
    letter-spacing: 0px;
    color: #ffffff;
}

.template-wrapper .topbar .nextactivity-desc {
    margin: 0;
}

.template-wrapper .Do-content {
    padding: 49px 66px;
    bottom: 0;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    height: auto;
    position: absolute;
    top: 82px;
}

    .template-wrapper .Do-content .feedback-section {
        padding-bottom: 112px;
    }


    .template-wrapper .Do-content .Verification-Require {
        /*font-family: Roboto;*/
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        color: #ffffff;
        margin-bottom: 23px;
    }

    .template-wrapper .Do-content .Please-review-the-en {
        /*font-family: Roboto;*/
        font-size: 20px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 23px;
        font-weight: bold;
    }

    .template-wrapper .Do-content .aligntext {
        text-align: right;
    }

    .light-mode .template-wrapper .Do-content .Please-review-the-inst-header {
        color: black;
    }

    .template-wrapper .Do-content .Please-review-the-inst-header {
        /*font-family: Roboto;*/
        font-size: 20px;
        text-align: left;
        color: #ffffff;
        font-weight: bold;
        padding-bottom: 10px;
    }

    .template-wrapper .Do-content .Please-review-the-inst {
        /*font-family: Roboto;*/
        font-size: 18px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 23px;
    }

    .template-wrapper .Do-content .duedate-calendar {
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: -0.1px;
        text-align: left;
        color: #ffffff;
        display: block;
        /*margin-bottom: 31px;*/
    }

        .template-wrapper .Do-content .duedate-calendar p {
            display: inline-block;
            margin: 8px 6px 0 0;
            float: left;
        }

        .template-wrapper .Do-content .duedate-calendar input {
            /*font-family: Roboto;*/
            font-size: 15px;
            font-weight: 500;
            letter-spacing: -0.1px;
            text-align: left;
            color: #6a6a6a;
            padding: 10px 12px;
            height: 39px;
            width: 143px;
            border: none;
            display: inline-block;
            float: left;
        }

        .template-wrapper .Do-content .duedate-calendar div {
            display: inline-block;
            background-color: rgb(71, 199, 125);
            height: 39px;
            width: 40px;
            float: left;
            padding: 7px 9px;
        }

    .template-wrapper .Do-content .Activity-Rectangle {
        max-width: 423px;
        height: auto;
        border-radius: 3px;
        background-color: #606d79; /*was #121212*/
        padding: 20px;
    }

    .template-wrapper .Do-content .Activity-Guidance {
        /*font-family: Roboto;*/
        font-size: 18px; /*was 15px*/
        font-weight: 300;
        line-height: 1.4;
        letter-spacing: -0.1px;
        text-align: left;
        color: black; /* was b6bcbb*/
    }

.template-wrapper .verification-section .links {
    /*font-family: Roboto;*/
    font-size: 18px; /*was 12px*/
    line-height: 1.17;
    letter-spacing: 0px;
    text-align: left;
    color: #31adf7;
    text-decoration: underline;
    display: block;
}

    .template-wrapper .verification-section .links a,
    .template-wrapper .verification-section .links a:hover,
    .template-wrapper .verification-section .links a:hover:focus {
        color: #31adf7 !important;
    }




.template-wrapper .verification-section .Activity-Rectangle img {
    height: 52px;
}

.template-wrapper .Do-content .add-verification {
    height: auto;
    border-radius: 7px;
    background-color: rgb(0,0,0,0.8);
    padding: 15px 19px;
    margin-bottom: 19px;
}

    .template-wrapper .Do-content .add-verification a.verifyMedia {
        padding: 15px 62px;
        border-radius: 10px;
        background-color: #15b1e9;
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        text-align: left;
        color: #ffffff;
        display: inline-block;
        /* margin-bottom: 12.5px; */
    }

    .template-wrapper .Do-content .add-verification p:first-of-type {
        /*font-family: Roboto;*/
        font-size: 18px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 17px;
    }

    .template-wrapper .Do-content .add-verification .media-uploaded {
        width: 100%;
        height: auto;
        border-radius: 4px;
        background-color: #4a5d7c;
        padding: 8px 0 8px 14px;
        display: block;
        margin-bottom: 25px;
    }

        .template-wrapper .Do-content .add-verification .media-uploaded audio {
            margin-bottom: 10px;
            max-width: 100%;
        }

.template-wrapper .Inspire-content .media-uploaded audio {
    width: 100%;
}

.template-wrapper .Inspire-content .audio_desc {
    font-size: 15px;
    color: white;
    text-align: left;
}


.template-wrapper .Do-content .add-verification .media-uploaded .close,
.template-wrapper .Inspire-content .close {
    opacity: 1;
    text-align: center;
    padding: 0;
}

    .template-wrapper .Do-content .add-verification .media-uploaded .close img,
    .template-wrapper .Inspire-content .close img {
        vertical-align: top;
    }

.template-wrapper .Do-content .add-verification .media-icon,
.template-wrapper .Inspire-content .media-icon {
    opacity: 0.38;
    border-radius: 2px;
    background-color: #00182f;
    text-align: center;
    padding: 12px;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 75%;
    float: left;
}

.template-wrapper .Inspire-content .media-icon {
    float: none;
}


.template-wrapper .Do-content .add-verification .media-image {
    padding: 0;
    /*text-align: center;*/
}

.template-wrapper .Inspire-content .media-image {
    padding: 0;
    text-align: center;
}

.template-wrapper .Do-content .add-verification .media-link,
.template-wrapper .Do-content .add-verification .media-desc {
    height: 59px;
    border-radius: 2px;
    background-color: #00182f;
    border: solid 1px #979797;
    padding: 10px 15.5px;
    resize: none;
    display: block;
    width: 100%;
    color: #ffffff;
    /*font-family: Roboto;*/
    font-size: 16px;
    text-align: left;
}

.template-wrapper .Do-content .add-verification .media-desc {
    height: 79px;
}

.template-wrapper .Do-content .add-verification .media-link {
    margin-bottom: 7px;
}

.template-wrapper .Do-content .add-verification .media-info {
    display: inline-block;
    padding: 0 0 0 10px;
}


    .template-wrapper .Do-content .add-verification .media-info.audio-media {
        display: inline-block;
        padding: 0 0 0 10px;
        width: 46%;
    }

.template-wrapper .Inspire-content .media-info.audio-media {
    display: inline-block;
    padding: 0 0 0 20px;
    max-width: 50%;
}

.template-wrapper .Inspire-content .media-info.audio-media {
    display: inline-block;
    padding: 0 0 0 10px;
}

.template-wrapper .Do-content .add-verification .media-image .audio_desc {
    display: inline-block;
    width: 53%;
    vertical-align: top;
    color: white;
    font-size: 15px;
}


.template-wrapper .Do-content .add-verification .provide-feedback {
    margin-bottom: 21px;
}

    .template-wrapper .Do-content .add-verification .provide-feedback textarea {
        width: 100%;
        height: 80px;
        resize: none;
        /*font-family: Roboto;*/
        font-size: 18px;
        text-align: left;
        color: #ffffff;
        border-radius: 2px;
        background-color: #00182f;
        border: solid 1px #979797;
        padding: 10px 21px;
        overflow-x: hidden;
    }

.template-wrapper .Do-content textarea::-webkit-input-placeholder,
#Buddy-verification-modal textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, 0.48) !important;
    font-style: italic;
}

.template-wrapper .Inspire-content textarea::-webkit-input-placeholder {
    color: #9A9A9A !important;
    font-style: italic;
}

.template-wrapper .Do-content textarea:-moz-placeholder,
.template-wrapper .Inspire-content textarea:-moz-placeholder,
#Buddy-verification-modal textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 0.48) !important;
    font-style: italic;
}

.template-wrapper textarea::-moz-placeholder,
.template-wrapper .Inspire-content textarea::-moz-placeholder,
#Buddy-verification-modal textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 0.48) !important;
    font-style: italic;
}

.template-wrapper .Do-content textarea:-ms-input-placeholder,
.template-wrapper .Inspire-content textarea:-ms-input-placeholder,
#Buddy-verification-modal textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, 0.48) !important;
    font-style: italic;
}


.template-wrapper .Do-content .user-image img {
    width: 37.9px;
    height: 37.9px;
    border-radius: 50%;
}

.template-wrapper .Do-content .user-image {
    display: inline-block;
    vertical-align: top;
    margin-right: 12.1px;
}

.template-wrapper .Do-content .user-info-desc {
    display: inline-block;
    width: 90%;
}

.template-wrapper .Do-content .users-comments .user-info-desc .user-namedate {
    /*font-family: Roboto;*/
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 5px;
}

.template-wrapper .Do-content .users-comments {
    margin-bottom: 27px;
}

    .template-wrapper .Do-content .users-comments .user-info-desc .comment {
        /*font-family: Roboto;*/
        font-size: 18px;
        line-height: 1.17;
        color: #ffffff;
    }

.template-wrapper .Do-content .add-verification .users-comments .user-info-desc div.other-user-info p {
    /*font-family: Roboto;*/
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    color: #a1a1a1;
    width: 50%;
    margin: 0;
    display: inline-block;
}

.template-wrapper .Do-content .add-verification .users-comments .user-info-desc div.other-user-info span {
    color: #31adf7;
}

.template-wrapper .Do-content .question_answer_response {
    border-radius: 7px;
    background-color: rgb(0,0,0,0.8);
    padding: 24px 19px 5px;
    height: auto;
}

    .template-wrapper .Do-content .question_answer_response p {
        /*font-family: Roboto;*/
        font-size: 18px;
        text-align: left;
        color: #ffffff;
        margin-bottom: 12px;
    }

    .template-wrapper .Do-content .question_answer_response .noTouch-response {
        max-width: 100%;
        height: auto;
        background-color: #31adf8;
        /*font-family: Roboto;*/
        font-size: 18px;
        font-style: italic;
        line-height: 1.17;
        letter-spacing: 0.3px;
        text-align: left;
        color: #f7f7f7;
        padding: 17px 21px;
        margin-bottom: 17px;
        margin-top: 20px;
        clear: both;
    }

        .template-wrapper .Do-content .question_answer_response p.question {
            /*font-family: Roboto;*/
            font-size: 18px;
            line-height: 1.17;
            letter-spacing: -0.1px;
            text-align: left;
            color: #2cb3df;
            margin-left: 6px;
            margin-bottom: 19px;
        }

    .template-wrapper .Do-content .question_answer_response textarea {
        height: 80px;
        border-radius: 2px;
        background-color: rgb(0,0,0,0.8);
        border: solid 1px #979797;
        width: 100%;
        resize: none;
        /*font-family: Roboto;*/
        font-size: 18px;
        text-align: left;
        color: #ffffff;
        padding: 15px 21px;
        margin-bottom: 21px;
        overflow-x: hidden;
    }

    .template-wrapper .Do-content .question_answer_response .user1-info {
        margin-bottom: 27px;
    }

    .template-wrapper .Do-content .question_answer_response .question1 {
        margin-bottom: 23px;
    }

.template-wrapper .bottom-bar .submit {
    height: 79px; /*Larry Req to change 103px to 79px*/
    background-color: #31adf8;
    /*font-family: Roboto;*/
    font-size: 25px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
    padding: 27px; /*Larry Req to change 35px to 27px*/
    margin-bottom: 0px;
    z-index: 99;
}

.template-wrapper .bottom-bar .next {
    height: 79px; /*Larry Req to change 103px to 79px*/
    background-color: #e5930e;
    /*font-family: Roboto;*/
    font-size: 25px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #ffffff;
    padding: 27px; /*Larry Req to change 35px to 27px*/
    margin-bottom: 0px;
    z-index: 99;
}

.template-wrapper .bottom-bar .activity-points-earned {
    height: 79px; /*Larry Req to change 103px to 79px*/
    border: solid 2px #6a7a8a;
    /*font-family: Roboto;*/
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #a8a8a8;
    padding: 27px 21px;
    background-color: #4c5f7e;
}

.template-wrapper .bottom-bar-inspire .activity-points-earned {
    padding: 26px 21px; /*Larry Req to change   47px 21px to  33px 21px */
}

.template-wrapper .bottom-bar .activity-points-earned .points-earned,
.template-wrapper .bottom-bar .activity-points-earned .add-sign,
.template-wrapper .bottom-bar .activity-points-earned .bonus-points,
.template-wrapper .bottom-bar .activity-points-earned .total-activity-points {
    color: #ffffff;
    font-size: 17px;
}

.template-wrapper .add-modal, .add-modal {
  max-width: 578.8px;
  height: auto;
  border-radius: 6px;
  background-color: #606D79;
  /* background-color: #2b3a53; */
  box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}

  .template-wrapper .add-modal .addverification,
  .add-modal .addverification {
    /*font-family: Roboto;*/
    font-size: 32px;
    text-align: center;
    color: #ffffff;
    height: 65.5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #3ab89c;
    padding: 15px;
  }

    .template-wrapper .add-modal .upload-from-computer,
    .add-modal .upload-from-computer {
        width: 433px;
        height: 50px;
        border-radius: 4px;
        background-color: #15b1e9;
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        text-align: center;
        color: #ffffff;
        padding: 18px;
        margin: 49.5px auto 15px;
        cursor: pointer;
    }

        .add-modal .upload-from-computer input {
            opacity: 0;
            width: 433px;
            height: 50px;
            cursor: pointer;
            margin: -32px 0px 0px -20px;
            background: #15b1e9;
            /*position: absolute;
            top: 25%;
            left: 12%;*/
        }


        .template-wrapper .add-modal .upload-from-computer a:hover,
        .add-modal .upload-from-computer a:hover,
        .congratulations-wrapper .congratulations-content .Would-you-like-to-Up a.Upload-button:hover,
        .congratulations-wrapper .congratulations-content .You-can-learn a:hover,
        .congratulations-wrapper .congratulations-content .Here-is-some-additio a:hover {
            color: #ffffff !important;
        }

    .template-wrapper .add-modal hr,
    .add-modal hr {
        margin: 0 35px 28px;
        border: solid 0.5px #ffffff;
    }

    .template-wrapper .add-modal .embed-media,
    .add-modal .embed-media {
        text-align: center;
        padding: 0 72px 90px;
    }

        .template-wrapper .add-modal .embed-media textarea,
        .add-modal .embed-media textarea {
            margin: 12px 0 26px 0;
            /*Dinesh Changes 12px 0 63px 0*/
            height: 73px;
            border-radius: 4px;
            background-color: #4a5d7c;
            width: 100%;
            resize: none;
            font-size: 15px;
            padding: 10px;
            color: #ffffff;
            border: none;
        }

    .template-wrapper .add-modal a.cancelbutton,
    .add-modal a.cancelbutton {
        border-radius: 4px;
        border: solid 1px #a4bad0;
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        text-align: center;
        color: #ffffff;
        padding: 16px 67px;
        display: inline-block;
    }

    .template-wrapper .add-modal a.addbutton,
    .add-modal a.addbutton {
        border-radius: 4px;
        background-color: #f9a71f;
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        text-align: center;
        color: #ffffff;
        padding: 16px 83px;
        display: inline-block;
    }

    .template-wrapper .add-modal button.addbutton,
    .add-modal button.addbutton {
        border-radius: 4px;
        background-color: #f9a71f;
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        text-align: center;
        color: #ffffff;
        padding: 16px 83px;
        display: inline-block;
        border: none;
    }

    .template-wrapper .add-modal .float-left,
    .add-modal .float-left {
        float: left;
        display: inline-block;
        /*width: 50%;*/
    }

    .template-wrapper .add-modal .float-right,
    .add-modal .float-right {
        float: right;
    }

    .template-wrapper .add-modal .embed-media p,
    .add-modal .embed-media p {
        /*font-family: Roboto;*/
        font-size: 16px;
        color: #ffffff;
        text-align: left;
        margin: 0;
    }
    /***********Dinesh Added Add and Delgroup name modal*********************************/

    .template-wrapper .add-modal .addGroupname {
        text-align: center;
        padding: 0 72px 90px;
    }

        .template-wrapper .add-modal .addGroupname .confirmModal {
            padding-top: 50px;
            padding-bottom: 20px;
        }

        .template-wrapper .add-modal .addGroupname p {
            /*font-family: Roboto;*/
            font-size: 16px;
            color: #ffffff;
            text-align: left;
            margin: 0;
        }

.template-wrapper .frompc p.haserror {
    /*Dinesh added for error msg*/
    /*font-family: Roboto;*/
    font-size: 16px;
    color: red;
    text-align: center;
    padding-bottom: 20px;
    /*dinesh chgn to center from left on 6/12/2017*/
    /*margin: 0;*/
    /*dinesh chgn to center from left on 6/12/2017*/
}

.template-wrapper .add-modal .addGroupname p.haserror {
    /*Dinesh added for error msg*/
    /*font-family: Roboto;*/
    font-size: 16px;
    color: red;
    text-align: left;
    margin: 0;
}

.template-wrapper .add-modal .addGroupname textarea {
    margin: 12px 0 63px 0;
    height: 73px;
    border-radius: 4px;
    background-color: #4a5d7c;
    width: 100%;
    resize: none;
    font-size: 15px;
    padding: 10px;
    color: #ffffff;
    border: none;
}

.template-wrapper .add-modal .addGroupname input.addGroup {
    /*Dinesh Added 6/10/2017*/
    margin: 12px 0 33px 0;
    height: 73px;
    border-radius: 4px;
    background-color: #4a5d7c;
    width: 100%;
    resize: none;
    font-size: 15px;
    padding: 10px;
    color: #ffffff;
    border: none;
}

.template-wrapper .Inspire-content {
    padding: 41px 39px 120px;
    top: 82px;
    bottom: 102px;
    overflow-y: auto;
    width: 100%;
    margin: 0;
    height: calc(100% - 102px);
    position: absolute;
}

    .template-wrapper .Inspire-content p.tooltip {
        /*font-family: Roboto;*/
        font-size: 20px;
        text-align: left;
        color: #ffffff;
        display: inline-block;
        z-index: 1;
    }

        .template-wrapper .Inspire-content p.tooltip img {
            margin-left: 19px;
        }

    .template-wrapper .Inspire-content p.haserror {
        /*font-family: Roboto;*/
        font-size: 12px;
        text-align: left;
        color: red;
        display: inline-block;
        z-index: 1000;
    }

    .template-wrapper .Inspire-content .info-circle {
        width: 33px;
        height: 32px;
        margin-left: 13px;
    }

    .template-wrapper .Inspire-content ul.inspire-tabs {
        float: right;
        border-radius: 7px;
        background-color: #2f3e57;
        border: solid 1px #ececec;
        -webkit-padding-start: 0;
        margin-bottom: 36px;
    }

    .template-wrapper .Inspire-content .story-content ul.inspire-tabs {
        margin-bottom: 41px;
        padding: 0;
    }

    .template-wrapper .Inspire-content ul.inspire-tabs li.active {
        background-color: rgba(236, 236, 236, 0.24);
        /*border-radius: 7px 0 0 7px;*/
        border-right: none;
    }

    .template-wrapper .Inspire-content ul.inspire-tabs li a:link:hover,
    .template-wrapper .Inspire-content ul.inspire-tabs li a:hover,
    .template-wrapper .Inspire-content ul.inspire-tabs li a:focus:hover,
    .template-wrapper .Inspire-content ul.inspire-tabs li a:focus {
        color: #fff !important;
    }


    .template-wrapper .Inspire-content ul.inspire-tabs li:nth-of-type(2).active,
    .template-wrapper .Inspire-content ul.inspire-tabs li:nth-of-type(3).active {
        border-right: none;
        border-radius: 0;
    }

    .template-wrapper .Inspire-content ul.inspire-tabs li:nth-of-type(2) {
        width: 105px;
    }

    .template-wrapper .Inspire-content ul.inspire-tabs li {
        /*font-family: Roboto;*/
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        color: #ffffff;
        padding: 11px 13px;
        cursor: pointer;
    }

        .template-wrapper .Inspire-content ul.inspire-tabs li.border-right {
            border-right: solid 1px #ececec;
        }

        .template-wrapper .Inspire-content ul.inspire-tabs li.border-none {
            border-right: none;
        }

        .template-wrapper .Inspire-content ul.inspire-tabs li:last-of-type {
            border-right: none;
            width: 118px;
        }

    .template-wrapper .Inspire-content textarea.appreciation-message,
    .template-wrapper .Inspire-content textarea.story-message,
    .template-wrapper .Inspire-content textarea.events-message,
    .template-wrapper .Inspire-content textarea.user-message,
    .template-wrapper .Inspire-content textarea.encourage-message {
        width: 100%;
        height: 198px;
        border-radius: 2px;
        background-color: #E8ECF0;
        border: solid 1px #979797;
        margin-bottom: 15px;
        /*font-family: Roboto;*/
        font-size: 18px;
        font-style: normal;
        text-align: left;
        color: black;
        padding: 19px 21px;
        resize: none;
    }

    .template-wrapper .Inspire-content textarea.story-message {
        margin-bottom: 31px;
    }

    .template-wrapper .Inspire-content textarea.events-message {
        margin-bottom: 29px;
    }

    .template-wrapper .Inspire-content .add-media a {
        border-radius: 4px;
        background-color: #15b1e9;
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: bold;
        letter-spacing: 0.4px;
        text-align: center;
        color: #ffffff;
        padding: 11px 66px;
    }

    .template-wrapper .Inspire-content .add-media img {
        width: 26px;
        height: 26px;
        margin-right: 11px;
    }

    .template-wrapper .Inspire-content .add-media p {
        margin-bottom: 31.5px;
    }

    .template-wrapper .Inspire-content textarea:-moz-placeholder,
    .template-wrapper .Inspire-content textarea::-moz-placeholder,
    .template-wrapper .Inspire-content textarea:-ms-input-placeholder,
    .template-wrapper .Inspire-content textarea::-webkit-input-placeholder {
        opacity: 0.48;
        color: #ffffff;
    }

    .template-wrapper .Inspire-content .media-link,
    .template-wrapper .Inspire-content .media-desc {
        height: 39px;
        border-radius: 2px;
        background-color: #00182f;
        border: solid 1px #979797;
        padding: 10px 15.5px;
        resize: none;
        display: block;
        width: 100%;
        color: #ffffff;
        /*font-family: Roboto;*/
        font-size: 16px;
        text-align: left;
    }

    .template-wrapper .Inspire-content .media-desc {
        height: 69px;
    }

    .template-wrapper .Inspire-content .media-link {
        margin-bottom: 7px;
    }

    .template-wrapper .Inspire-content .media-uploaded {
        display: block;
        height: auto;
        border-radius: 4px;
        background-color: #4a5d7c;
        padding: 8px 0 8px 8px;
        margin: 0 10px 10px 0;
    }

    .template-wrapper .Inspire-content .add-media {
        margin-bottom: 30.5px;
        display: block;
        margin-top: 9px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation p,
    .template-wrapper .Inspire-content .story-recommendation p,
    .template-wrapper .Inspire-content .encourage-recommendation p {
        /*font-family: Roboto;*/
        font-size: 20px;
        text-align: left;
        color: #ffffff;
        display: inline-block;
        margin-bottom: 15px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation p.light-mode,
    .template-wrapper .Inspire-content .story-recommendation p.light-mode,
    .template-wrapper .Inspire-content .encourage-recommendation p.light-mode {
        color: black;
    }

.template-wrapper .Inspire-content .choose-option {
        background-color: #607590;
        width: 100%;
        padding: 19px 24px 12px;
        height: auto;
        display: table;
    }

    .template-wrapper .Inspire-content .save-users {
        display: table-cell;
        clear: both;
        float: left;
    }

    .template-wrapper .Inspire-content .choose-option .open > .dropdown-menu a:hover {
        background: none;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation,
    .template-wrapper .Inspire-content .story-recommendation,
    .template-wrapper .Inspire-content .encourage-recommendation {
        padding: 0 47px 0 0;
        margin-top: 26px;
        margin-bottom: 200px;
    }

.tooltip {
    position: relative;
    opacity: 1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 203px;
        height: auto;
        background-color: rgba(99, 110, 129, 0.8);
        border: solid 1px #ffffff;
        /*font-family: Roboto;*/
        font-size: 12px;
        color: #ffffff;
        border-radius: 6px;
        left: 70%;
        top: 135%;
        padding: 5px 10px;
        position: absolute;
        z-index: 1;
        opacity: 0;
        transition: opacity 1s;
    }

        .tooltip .tooltiptext::after {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #626c80;
            content: "";
            position: absolute;
            top: -10px;
            left: 42px;
        }

        .tooltip .tooltiptext::before {
            width: 0;
            height: 0;
            border-right: 11px solid transparent;
            content: "";
            position: absolute;
            top: -10px;
            left: 41px;
            border-left: 11px solid transparent;
            z-index: -1;
            border-bottom: 10px solid white;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.template-wrapper .Inspire-content .choose-option input[type=radio] {
    width: 26px;
    height: 26px;
    border: solid 1px #ffffff;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 9px;
    cursor: pointer;
}

    .template-wrapper .Inspire-content .choose-option input[type=radio]:focus {
        outline: none;
    }

    .template-wrapper .Inspire-content .choose-option input[type=radio]:checked:after {
        border-radius: 50%;
        width: 14px;
        height: 14px;
        background-color: #ffffff;
        content: '';
        position: absolute;
        margin: 5px;
    }

.template-wrapper .Inspire-content .select-users {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.template-wrapper .Inspire-content .SAVE-USERS-TO-GROUP {
    /*font-family: Roboto;*/
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffffff;
    border-radius: 3px;
    background-color: #15b1e9;
    padding: 10px 21px;
    margin-right: 22px;
    display: inline-block;
}

.template-wrapper .Inspire-content .appreciate-recommendation .user1,
.template-wrapper .Inspire-content .appreciate-recommendation .user2,
.template-wrapper .Inspire-content .story-recommendation .user1,
.template-wrapper .Inspire-content .story-recommendation .user2,
.template-wrapper .Inspire-content .encourage-recommendation .user1,
.template-wrapper .Inspire-content .encourage-recommendation .user2 {
    border-radius: 82px;
    background-color: #384965;
    border: solid 1px #1aa8ea;
    padding: 9px 0 9px 13px;
    /*font-family: Roboto;*/
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #1aa8ea;
    margin-right: 9px;
}

    .template-wrapper .Inspire-content .appreciate-recommendation .user1 span:first-of-type,
    .template-wrapper .Inspire-content .appreciate-recommendation .user2 span:first-of-type,
    .template-wrapper .Inspire-content .story-recommendation .user1 span:first-of-type,
    .template-wrapper .Inspire-content .story-recommendation .user2 span:first-of-type,
    .template-wrapper .Inspire-content .encourage-recommendation .user1 span:first-of-type,
    .template-wrapper .Inspire-content .encourage-recommendation .user2 span:first-of-type {
        margin-right: 12px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation .user1 span:nth-of-type(2),
    .template-wrapper .Inspire-content .appreciate-recommendation .user2 span:nth-of-type(2),
    .template-wrapper .Inspire-content .story-recommendation .user1 span:nth-of-type(2),
    .template-wrapper .Inspire-content .story-recommendation .user2 span:nth-of-type(2),
    .template-wrapper .Inspire-content .encourage-recommendation .user1 span:nth-of-type(2),
    .template-wrapper .Inspire-content .encourage-recommendation .user2 span:nth-of-type(2) {
        padding-right: 13px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation .user1 img,
    .template-wrapper .Inspire-content .appreciate-recommendation .user2 img,
    .template-wrapper .Inspire-content .story-recommendation .user1 img,
    .template-wrapper .Inspire-content .story-recommendation .user2 img,
    .template-wrapper .Inspire-content .encourage-recommendation .user1 img,
    .template-wrapper .Inspire-content .encourage-recommendation .user2 img {
        width: 7px;
        height: 8px;
    }

.template-wrapper .Inspire-content .choose-option .multiselect-native-select {
    float: left;
}

    .template-wrapper .Inspire-content .choose-option .multiselect-native-select #showGroupDropdown li p {
        font-size: 15px;
        text-align: left;
        word-break: break-all;
        white-space: normal;
        margin-bottom: 10px;
    }

.multiselect-container > li > a > label > input[type=checkbox] {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #15b1e9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-right: 2px;
    position: relative;
    vertical-align: top;
}

    .multiselect-container > li > a > label > input[type=checkbox]:checked:after {
        content: "";
        position: absolute;
        color: #15b1e9;
        width: 8px;
        height: 15px;
        border-bottom: 2px solid #15b1e9;
        border-right: 2px solid #15b1e9;
        transform: rotate(40deg);
        left: 6px;
        background: transparent;
    }

.multiselect-container > li > a {
    padding: 3px 20px !important;
}

.template-wrapper .Inspire-content .choose-option .btn-group,
.template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child {
    display: inline-block;
    border-radius: 3px;
    background-color: #607590;
    border: solid 1px #ffffff;
    background: transparent;
    /*font-family: Roboto;*/
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    vertical-align: top;
    width: 211px;
}

    .template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child {
        padding: 6px 6px 7px 16px;
        font-weight: normal;
        width: 100%;
    }

        .template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child .multiselect-selected-text {
            float: left;
        }

        .template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child .dropdownarrow {
            float: right;
        }

.template-wrapper .Inspire-content .dropdown-menu > li > a,
.template-wrapper .Inspire-content .dropdown-menu > li > a:focus,
.template-wrapper .Inspire-content .dropdown-menu > li > a:hover {
    background: none;
    outline: none;
    display: inline-block;
    padding: 0 !important;
}

    .template-wrapper .Inspire-content .dropdown-menu > li > a:first-child {
        width: 180px;
    }


.template-wrapper .Inspire-content .open > .dropdown-menu {
    width: 211px;
    height: 135px;
    border-radius: 3px;
    background-color: #607590;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #ffffff;
    top: 30px;
    position: absolute;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: -1px;
    overflow-y: auto;
    z-index: 99;
}

    .template-wrapper .Inspire-content .open > .dropdown-menu li {
        height: 0;
    }

        .template-wrapper .Inspire-content .open > .dropdown-menu li:first-of-type {
            height: auto;
        }

    .template-wrapper .Inspire-content .open > .dropdown-menu label {
        padding: 0 0 0 20px;
        margin: 6px 7px;
        float: left;
        /*width: 165px;*/
    }

    .template-wrapper .Inspire-content .open > .dropdown-menu .multiselect-search {
        height: 39px;
        border-radius: 2px;
        background-color: #00182f;
        border: solid 1px #979797;
        /*font-family: Roboto;*/
        font-size: 16px;
        font-style: italic;
        text-align: left;
        color: rgba(255, 255, 255, 0.48);
    }

.template-wrapper .Inspire-content .select-users span {
    position: absolute;
    top: 40%;
    right: 5%;
}

.template-wrapper .Inspire-content .choose-option label {
    /*font-family: Roboto;*/
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    vertical-align: bottom;
}

.template-wrapper .radio1,
.template-wrapper .radio2,
.template-wrapper .radio3 {
    display: inline-block;
    margin-right: 18px;
    float: left;
}

.template-wrapper .discussion {
    height: 102px;
    /*font-family: Roboto;*/
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.1px;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 19.8px;
    background-color: #6a7a8a;
}

    .template-wrapper .discussion img {
        width: 42.6px;
        height: 35px;
    }

#Buddy-verification-modal {
    margin: 0;
    padding: 0;
    overflow-y: auto;
    height: 100%;
}

    #Buddy-verification-modal .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    #Buddy-verification-modal .program-body {
        border: none;
        min-height: 100%;
    }

    #Buddy-verification-modal .modal-body {
        background: -webkit-linear-gradient(359deg, #516585, #28354D);
        background: -o-linear-gradient(359deg, #516585, #28354D);
        background: -moz-linear-gradient(359deg, #516585, #28354D);
        background: linear-gradient(359deg, #516585, #28354d);
        padding: 0;
        height: 100%;
        width: 100%;
        /*overflow-y: scroll;*/
        overflow-x: hidden;
    }

.Do-Activity-Name {
  padding: 15px 0;
  /*font-family: Roboto;*/
  font-size: 32px;
  text-align: center;
  color: #ffffff;
  height: 64.5px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #3ab89c;
  border-bottom: none;
}

#Buddy-verification-modal .Verification-Require {
    /*font-family: Roboto;*/
    font-size: 28px;
    font-weight: 300;
    text-align: left;
    color: #ffffff;
    float: left;
}

#Buddy-verification-modal .points {
    border-radius: 13.5px;
    border: solid 1px #979797;
    /*font-family: Roboto;*/
    font-size: 14px;
    letter-spacing: 0.1px;
    text-align: right;
    color: #e2e2e2;
    padding: 5px 10px;
    float: right;
}

#Buddy-verification-modal .buddy-padding {
    padding: 21.5px 25px;
}

#Buddy-verification-modal .Please-review-the-en {
    /*font-family: Roboto;*/
    font-size: 18px;
    text-align: left;
    color: #ffffff;
    margin: 28px 0 35px;
}

#Buddy-verification-modal .duedate-calendar {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: -0.1px;
    text-align: left;
    color: #ffffff;
    display: block;
    margin-bottom: 31px;
}

    #Buddy-verification-modal .duedate-calendar p {
        display: inline-block;
        margin: 8px 6px 0 0;
        float: left;
    }

    #Buddy-verification-modal .duedate-calendar input {
        /*font-family: Roboto;*/
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.1px;
        text-align: left;
        color: #6a6a6a;
        padding: 10px 12px;
        height: 39px;
        border: none;
        display: inline-block;
        float: left;
        width: 50%;
    }

#Buddy-verification-modal button.calendar-btn {
    color: white;
    height: 39px;
    border: none;
    border-radius: 0;
    background: rgb(71, 199, 125);
}

/*#Buddy-verification-modal .duedate-calendar div {
            display: inline-block;
            background-color: rgb(71, 199, 125);
            height: 39px;
            width: 40px;
            float: left;
            padding: 7px 9px;
        }*/

#Buddy-verification-modal .duedate-calendar div img {
    max-width: 100%;
}

#Buddy-verification-modal .Activity-Rectangle {
    height: auto;
    border-radius: 3px;
    background-color: #121212;
    padding: 20px;
}

    #Buddy-verification-modal .Activity-Rectangle img {
        height: 52px;
    }

#Buddy-verification-modal .Activity-Guidance {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: -0.1px;
    text-align: left;
    color: #b6bcbb;
    margin-bottom: 7px;
    margin-top: -9px
}

#Buddy-verification-modal .links {
    /*font-family: Roboto;*/
    font-size: 12px;
    line-height: 1.17;
    letter-spacing: 0px;
    text-align: left;
    color: #31adf7;
    text-decoration: underline;
    display: block;
    margin-bottom: 7px;
}

#Buddy-verification-modal .add-feedback {
    height: auto;
    border-radius: 7px;
    background-color: rgb(0,0,0,0.7);
    padding: 21px 24px 33px;
    margin-bottom: 22px;
    margin-top: 29px;
}

#Buddy-verification-modal .question_answer_response {
    border-radius: 7px;
    background-color: rgb(0,0,0,0.7);
    padding: 24px 28px;
    height: auto;
    margin-bottom: 30px;
}

#Buddy-verification-modal .add-feedback {
    /*font-family: Roboto;*/
    font-size: 18px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 33px;
}

#Buddy-verification-modal .add-feedback a p:first-of-type {
    /*font-family: Roboto;*/
    font-size: 18px;
    text-align: left;
    color: #15b1e9;
    margin-top: 10px;
    margin-bottom: 23px;
    text-decoration: underline;
}

#Buddy-verification-modal .add-media .add-modal .text-danger {
    background: none;
    border: none;
    color: #eb2939;
}

#Buddy-verification-modal .add-feedback .buddy-info p:first-of-type {
    /*font-family: Roboto;*/
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 29px;
    color: #a1a1a1;
    display: inline-block;
    margin-right: 16px;
}

#Buddy-verification-modal .add-feedback .buddy-info .icon-link {
    color: #31adf7;
}

#Buddy-verification-modal .add-feedback .buddy-info img {
    width: 34px;
    height: 54px;
}

#Buddy-verification-modal .add-feedback button, #Buddy-verification-modal .add-feedback button:hover,
.add-feedback button, .add-feedback button:hover {
    padding: 15px 62px;
    border-radius: 10px;
    background: #15b1e9;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 24.5px;
    width: auto;
}

    #Buddy-verification-modal .add-feedback button.badge,
    #Buddy-verification-modal .add-feedback button.badge:hover {
        background: rgba(0,0,0,0.5);
        border: none;
        padding: 3px 7px;
        margin-bottom: 0;
    }


#Buddy-verification-modal .media-uploaded {
    width: 100%;
    height: auto;
    border-radius: 4px;
    background-color: #4a5d7c;
    padding: 8px 0 8px 14px;
    display: block;
    margin-bottom: 25px;
}

#Buddy-verification-modal .media-icon {
    opacity: 0.38;
    border-radius: 2px;
    background-color: #00182f;
    text-align: center;
    padding: 12px;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

#Buddy-verification-modal .media-image {
    padding: 0;
    text-align: center;
}

#Buddy-verification-modal .media-info {
    display: inline-block;
    padding: 0 0 0 10px;
}

#Buddy-verification-modal .close {
    opacity: 1;
    text-align: center;
    padding: 0;
}

    #Buddy-verification-modal .close img {
        vertical-align: top;
    }

#Buddy-verification-modal .media-desc,
#Buddy-verification-modal .media-link {
    height: 64px;
    border-radius: 2px;
    background-color: #00182f;
    border: solid 1px #979797;
    padding: 10px 15.5px;
    resize: none;
    display: block;
    width: 100%;
    color: #ffffff;
    /*font-family: Roboto;*/
    font-size: 16px;
    text-align: left;
}

#Buddy-verification-modal .media-link {
    margin-bottom: 11px;
    height: 44px;
}

#Buddy-verification-modal .provide-comments textarea {
    width: 100%;
    height: 70px;
    resize: none;
    /*font-family: Roboto;*/
    font-size: 18px;
    text-align: left;
    color: #ffffff;
    border-radius: 2px;
    background-color: rgb(0,0,0,0.8);
    border: solid 1px #979797;
    padding: 15px 21px;
}

#Buddy-verification-modal .user-image {
    display: inline-block;
    vertical-align: top;
    margin-right: 12.1px;
}

    #Buddy-verification-modal .user-image img {
        width: 38px;
        height: 38px;
        margin: 0;
    }

#Buddy-verification-modal .users-comments .user-info-desc .user-namedate {
    /*font-family: Roboto;*/
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 8px;
    display: inline-block;
}

#Buddy-verification-modal .users-comments .user-info-desc .comment {
    /*font-family: Roboto;*/
    font-size: 18px;
    line-height: 1.17;
    color: #ffffff;
    margin-bottom: 12px;
}

#Buddy-verification-modal .user-info {
    padding: 5px; /*Dinesh chgn to 5pm from 15*/
}

    #Buddy-verification-modal .user-info p {
        /*font-family: Roboto;*/
        font-size: 18px;
        text-align: left;
        color: #ffffff;
    }

#Buddy-verification-modal .users-comments {
    color: white;
    padding: 15px;
}

    #Buddy-verification-modal .users-comments .toggleClick {
        cursor: pointer;
        font-size: 12px;
    }

        #Buddy-verification-modal .users-comments .toggleClick:hover {
            color: #265a88;
        }

#Buddy-verification-modal .user-info-desc {
    display: inline-block;
    width: 90%;
}

#Buddy-verification-modal .question_answer_response p:first-of-type {
    /*font-family: Roboto;*/
    font-size: 18px;
    text-align: left;
    color: #ffffff;
}

#Buddy-verification-modal .question_answer_response .question1 {
    margin-bottom: 27px;
}

#Buddy-verification-modal .question_answer_response p.question {
    /*font-family: Roboto;*/
    font-size: 18px;
    line-height: 1.17;
    letter-spacing: -0.1px;
    text-align: left;
    color: #2cb3df;
    /*margin-bottom: 24.5px;*/
}

#Buddy-verification-modal .award-bonus {
    padding: 14px 33px;
    background-color: #f1f0f0;
    border: solid 1px #979797;
    margin-top: 25px;
    /*font-family: Roboto;*/
    font-size: 16px;
    text-align: center;
    color: #494949;
    display: inline-block;
    margin-bottom: 35px;
}

#Buddy-verification-modal .close-modal {
    padding: 14px 33px;
    border-radius: 3px;
    border: solid 1px #a4bad0;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    margin-right: 21px;
    display: inline-block;
    background: transparent;
}

#Buddy-verification-modal .coach-button {
    padding: 14px 33px;
    border-radius: 3px;
    background-color: #15b1e9;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    margin-right: 19px;
    display: inline-block;
}

#Buddy-verification-modal .mark-complete {
    padding: 14px 11.5px;
    border-radius: 3px;
    background-color: #f9a71f;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
}

#Buddy-verification-modal .isBuddyValHead {
    /*font-family: Roboto;*/
    font-size: 18px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 12px;
}

/*Authoring suite*/

.authoring_program-topbar {
    max-height: 97px;
    padding: 35px 38px 29px;
    background-color: #3ab89c;
    height: 100%;
}

    .authoring_program-topbar .authoring-info {
        display: inline-block;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-padding-start: 0;
    }

        .authoring_program-topbar .authoring-info li.authoring-suite {
            font-family: Helvetica;
            font-size: 32px;
            color: #ffffff;
            float: left;
        }

        .authoring_program-topbar .authoring-info li.all-programs {
            color: #ffffff;
            font-size: 25px;
            margin-left: 59px;
            float: left;
        }

        .authoring_program-topbar .authoring-info li.right-profilename {
            float: right;
            margin-top: -16px;
        }

            .authoring_program-topbar .authoring-info li.right-profilename .profile-image {
                margin: 0;
            }

            .authoring_program-topbar .authoring-info li.right-profilename span.name {
                font-family: Open Sans;
                font-size: 24px;
                letter-spacing: 0.3px;
                color: #fefefe;
                margin-left: 17px;
            }

.authoring-wrapper {
    margin: 0;
    min-height: 100%;
    overflow-y: auto;
    background-color: #e5e5e5;
}

    .authoring-wrapper ul li ul.dropdown {
        width: 238px;
        height: auto;
        margin-top: 0px;
        padding: 13px 20px;
        opacity: 0.85;
        border-radius: 6px;
        background-color: #041f2f;
        box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
        top: 90px;
    }

    .authoring-wrapper li.right-profilename ul li:hover ul.dropdown {
        display: block;
    }

    .authoring-wrapper .arrow-up {
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #041f2f !important;
        top: -15px;
        opacity: 0.88;
        left: 65px;
        position: absolute;
    }

    .authoring-wrapper ul li {
        line-height: 10px;
    }

        .authoring-wrapper ul li ul.dropdown li a {
            font-family: Helvetica;
            font-size: 17px;
        }

    .authoring-wrapper .My-Programs span {
        /*font-family: Roboto;*/
        font-size: 15px;
        line-height: 1.27;
        color: #8198a3;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 69%;
    }

    .authoring-wrapper .My-Programs img {
        width: 50px;
        height: auto;
        margin-right: 7px;
    }

    .authoring-wrapper ul li ul.dropdown li {
        padding: 16px 0;
        border-bottom: solid 0.5px #ffffff;
    }

        .authoring-wrapper ul li ul.dropdown li:last-child {
            border-bottom: none;
        }

    .authoring-wrapper .authoring-content {
        padding: 39px 66px;
        height: 100%;
        overflow-y: auto;
    }

.authoring-content .view-authors,
.authoring-content .programs,
.authoring-content .search {
    font-family: Helvetica;
    font-size: 16px;
    text-align: left;
    color: #ffffff;
    display: inline-block;
}

.active_inactive_tabs {
    display: inline;
    padding: 0;
    margin-left: 10px;
}

    .active_inactive_tabs li.active {
        /*font-family: Roboto;*/
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.3px;
        text-align: left;
        color: #0e9bf1;
        border-bottom-left-radius: 25px;
        background-color: rgba(255, 255, 255, 0.79);
        padding: 14px 29px;
        border-top-left-radius: 25px;
    }

    .active_inactive_tabs li.inactive {
        /*font-family: Roboto;*/
        font-size: 13px;
        font-weight: bold;
        letter-spacing: 0.3px;
        text-align: left;
        color: #ffffff;
        border-top-right-radius: 25px;
        background-color: rgba(255, 255, 255, 0.21);
        border-bottom-right-radius: 25px;
        padding: 14px 19px;
    }

.authoring-content .view-authors select {
    width: 173px;
    height: 45px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.21);
    margin-left: 10px;
    padding: 15px 20px;
    /*font-family: Roboto;*/
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.3px;
    text-align: left;
    color: #ffffff;
    background-position-x: 156px;
    background-image: url(../images/dropdown.svg);
    background-repeat: no-repeat;
    background-position-y: 16px;
}

.authoring-content .search input {
    width: 173px;
    height: 45px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .21);
    border: none;
    padding: 10px;
    margin-left: 10px;
}

.authoring-content .program-title {
    font-family: Helvetica;
    font-size: 28px;
    text-align: left;
    color: #ffffff;
    height: 80px;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 12px;
}

.authoring-content .program-image {
    position: relative;
}

    .authoring-content .program-image:hover .tile-status {
        display: block;
    }

    .authoring-content .program-image img {
        object-fit: contain;
        box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.26);
        max-width: 100%;
        height: auto;
    }

    .authoring-content .program-image .tile-status {
        text-align: right;
        position: absolute;
        padding: 7px 12px 7px 20px;
        width: 100%;
        top: 7px;
        height: 100%;
        display: none;
    }

        .authoring-content .program-image .tile-status span.delete {
            border-radius: 4px;
            background-color: #fafbfc;
            border: solid 1px #ff4e4e;
            padding: 11px 8px;
            margin-right: 5px;
        }

        .authoring-content .program-image .tile-status span.duplicate {
            border-radius: 4px;
            background-color: #fafbfc;
            border: solid 1px #adadad;
            padding: 11px 8px;
        }

        .authoring-content .program-image .tile-status span.publishing-status {
            font-family: Helvetica;
            font-size: 16px;
            font-weight: bold;
            color: #ffffff;
            border-radius: 4px;
            background-color: #0ccd04;
            padding: 11px 15px;
            float: left;
            margin-top: -7px;
        }

            .authoring-content .program-image .tile-status span.publishing-status img {
                height: 12px;
                margin-right: 10px;
            }

        .authoring-content .program-image .tile-status span.toggle-switch {
            display: block;
            width: 104px;
            height: 27px;
            bottom: 25px;
            float: right;
            position: absolute;
            right: 12px;
        }

.authoring-content .program-tiles,
.authoring-content .program-tiles-left,
.authoring-content .program-tiles-right {
    height: 100%;
}

    .authoring-content .program-tiles .active-tiles {
        width: 280px;
        margin: 0 45px 0 0;
        min-height: 400px;
    }

        .authoring-content .program-tiles .active-tiles .program-footer {
            font-family: Helvetica;
            font-size: 18px;
            color: #ffffff;
            margin-top: 12px;
        }

            .authoring-content .program-tiles .active-tiles .program-footer span:first-of-type {
                float: left;
            }

            .authoring-content .program-tiles .active-tiles .program-footer span:nth-of-type(2) {
                float: right;
            }

        .authoring-content .program-tiles .active-tiles .add-tile {
            border-radius: 7px;
            border: dotted 5px #626262;
            height: 287px;
            text-align: center;
            padding-top: 30%;
        }

            .authoring-content .program-tiles .active-tiles .add-tile span {
                /*font-family: Roboto;*/
                font-size: 94px;
                font-weight: 300;
                color: #626262;
            }

            .authoring-content .program-tiles .active-tiles .add-tile:hover {
                cursor: pointer;
            }

    .authoring-content .program-tiles-right .program-tile1,
    .authoring-content .program-tiles-right .program-tile2,
    .authoring-content .program-tiles-right .program-tile3,
    .authoring-content .program-tiles-right .program-tile4 {
        border-left: dashed 2px #ababab;
        margin-bottom: 44px;
        width: 279px;
        padding: 0 17.5px;
    }

    .authoring-content .program-tiles-right .program-tile-add {
        border-left: none;
        margin-bottom: 51.3px;
        padding: 0 17.5px;
    }

    .authoring-content .program-tiles-right .add-new {
        border-radius: 7px;
        border: dotted 5px rgba(98, 98, 98, 0.8);
        padding: 0 20px;
        width: 242px;
        height: 245.2px;
    }

        .authoring-content .program-tiles-right .add-new p {
            font-family: Lato;
            font-size: 21px;
            font-weight: bold;
            text-align: center;
            color: #6a6a6a;
            padding: 80px 0;
        }

    .authoring-content .program-tiles-right .program-front {
        width: 242px;
        height: 245.2px;
        border-radius: 7px;
        background-color: #ffffff;
        border: solid 1px #cecece;
    }

        .authoring-content .program-tiles-right .program-front .fa-graduation-cap {
            color: rgba(30, 52, 90, 0.29);
            font-size: 39.4px;
            margin: 0 auto;
            margin-bottom: 85px;
        }

        .authoring-content .program-tiles-right .program-front .center-image-learn {
            text-align: center;
            margin-top: 46.8px;
            margin-bottom: 0;
        }

            .authoring-content .program-tiles-right .program-front .center-image-learn img {
                width: 60.2px;
                height: 35.3px;
            }

        .authoring-content .program-tiles-right .program-front .center-image-do img {
            width: 47.3px;
            height: 43.9px;
        }

        .authoring-content .program-tiles-right .program-front .center-image-do {
            margin-top: 46.8px;
            text-align: center;
        }

        .authoring-content .program-tiles-right .program-front .center-image-inspire img {
            width: 44.7px;
            height: 54.2px;
            opacity: .5;
        }

        .authoring-content .program-tiles-right .program-front .center-image-inspire {
            margin-top: 46.8px;
            text-align: center;
        }

.switch {
    position: relative;
    display: inline-block;
    width: 104px;
    height: 27px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #29dfa4;
    -webkit-transition: .4s;
    transition: .4s;
    width: 104px;
    height: 27px;
    border-radius: 60px;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 0;
        background-color: #fdfdfd;
        border: solid 1px #29dfa4;
        top: 0px;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider span.toggle-active {
        font-family: Helvetica;
        font-size: 13px;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        margin: 7px;
        display: block;
        width: 110px;
    }

input:checked + .slider {
    background-color: #a7a7a7;
    border: solid 1px #a7a7a7;
    border-radius: 54px;
}

    input:checked + .slider span.toggle-inactive {
        font-family: Helvetica;
        font-size: 13px;
        font-weight: bold;
        color: #ffffff;
        text-align: left;
        margin: 7px;
        display: block;
        width: 110px;
        padding-left: 5px;
    }

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

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

input:checked + .slider span.toggle-active,
.slider span.toggle-inactive {
    display: none;
}

.authoring-content .program-tiles-left {
    border-radius: 15px;
    background-color: #ffffff;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.24);
    font-family: Lato;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    color: #6a6a6a;
    padding: 13px 17px;
    height: auto;
    max-width: 252.9px;
}

    .authoring-content .program-tiles-left .drag-drop-heading {
        padding: 0 10px;
    }

    .authoring-content .program-tiles-left .learn,
    .authoring-content .program-tiles-left .do,
    .authoring-content .program-tiles-left .inspire {
        border-radius: 7px;
        border: solid 2px #ffffff;
        /*font-family: Roboto;*/
        font-weight: 300;
        text-align: left;
        color: #154454;
        height: 218.4px;
        font-size: 26px;
        margin: 8.1px auto 0;
        padding: 14px 17px;
    }

    .authoring-content .program-tiles-left .learn {
        background-color: #27c2f4;
        margin-top: 15.6px;
    }

    .authoring-content .program-tiles-left .do {
        background-color: #30c76e;
    }

    .authoring-content .program-tiles-left .inspire {
        background-color: #ecac43;
    }

    .authoring-content .program-tiles-left .learn img {
        width: 71.2px;
        height: 38.6px;
    }

    .authoring-content .program-tiles-left .do img {
        width: 56px;
        height: 49px;
    }

    .authoring-content .program-tiles-left .inspire img {
        width: 57.6px;
        height: 68.8px;
    }

    .authoring-content .program-tiles-left span {
        margin-top: 39px;
        display: block;
    }

.authoring-content .program-tiles-right {
    padding: 0 27px;
}

.authoring-content .top-text {
    left: 0;
    right: 0;
    padding: 11.4px 14.5px 0 17px;
    width: 100%;
    height: 42px;
    margin-bottom: 0;
}

    .authoring-content .top-text .left-image {
        float: left;
        color: #afb8c9;
        cursor: pointer;
    }

        .authoring-content .top-text .left-image img {
            width: 28.9px;
            height: 29.4px;
        }

    .authoring-content .top-text .right-image {
        float: right;
        font-size: 14px;
        cursor: pointer;
        width: 30.9px;
        height: 21.5px;
        background-color: #1bb9c0;
        padding: 5px 10px;
        color: #ffffff;
    }

.authoring-content .bottom-text span:first-of-type {
    font-family: Helvetica;
    font-size: 26px;
    font-weight: bold;
    float: left;
    color: #afb8c9;
}

.authoring-content .bottom-text span:nth-of-type(2) {
    font-family: Helvetica;
    font-size: 16px;
    color: #afb8c9;
    float: right;
    margin-top: 7px;
}

.authoring-content .bottom-text {
    padding: 0 20px;
    width: 100%;
    position: absolute;
    bottom: 56px;
}

.authoring-content .program-text input {
    width: 240.1px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.75);
    border: solid 1px #d1d1d1;
    font-family: Lato;
    font-size: 20px;
    color: #848484;
    border-radius: 2px;
    text-align: left;
    padding: 6.6px 5.3px;
    margin-top: 12.8px;
}

.authoring-content .program-text label {
    width: 240.1px;
    height: 40px;
    font-family: Lato;
    font-size: 20px;
    color: #848484;
    font-weight: normal;
    margin-bottom: 0;
    text-align: left;
    padding: 6.6px 5.3px;
    margin-top: 12.8px;
}

.authoring-content .program-text {
    text-align: center;
}

ul.authoring-activities-dropdown {
    width: 169.9px;
    height: 157.7px;
    background-color: #fbffff;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #d4d4d4;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 50.6px;
    left: 147px;
    z-index: 1;
    -webkit-padding-start: 0;
    padding: 26px 19px;
    display: none;
}

li.preview img {
    width: 15px;
    height: 9px;
}

li.preview a {
    margin-left: 8px !important;
}

li.edit img {
    width: 11px;
    height: 17px;
}

li.duplicate img,
li.add-to-clipboard img {
    width: 11px;
    height: 13px;
}

li.delete img {
    width: 9px;
    height: 12.4px;
}

ul.authoring-activities-dropdown li a {
    margin-left: 12.4px;
}

ul.authoring-activities-dropdown:before {
    content: "";
    position: absolute;
    border-bottom: 10px solid white;
    border-left: 10px solid transparent;
    top: -10px;
    border-right: 10px solid transparent;
    left: 42%;
    z-index: 1;
}

ul.authoring-activities-dropdown:after {
    content: "";
    position: absolute;
    border-bottom: 10px solid gray;
    border-left: 12px solid transparent;
    top: -10px;
    border-right: 12px solid transparent;
    left: 41%;
}

ul.authoring-activities-dropdown li {
    display: block;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color: #4a4a4a;
    text-decoration: underline;
    cursor: pointer;
}

    ul.authoring-activities-dropdown li.delete {
        color: #cb0101;
    }
/*Re-skining css*/

section.intro h1 {
    font-size: 26px;
    /*font-family: Roboto;*/
}

.btn-success,
.btn-success:active:focus,
.btn-success:focus,
.btn-success:hover,
.btn-success:active {
    border: 1px solid #31adf8;
    background-image: none;
    background-color: transparent !important;
    border-radius: 5px;
    background: none;
}

.btn-secondary,
.btn-secondary:active:focus,
.btn-secondary:focus,
.btn-secondary:hover {
    background-color: transparent;
    border: 1px solid #e9ac34;
    border-radius: 5px;
    background-image: none;
}

.btn-block {
    font-size: 16px;
    /*font-family: Roboto;*/
    font-weight: bold;
}

button.network-search,
button.network-search:active:focus,
button.network-search:focus,
button.network-search:hover {
    background: #31adf8;
    border-radius: 0;
}

.panel {
    background: rgb(0,0,0,0.4);
    border-radius: 15px;
}

.profile h4 {
  font-size: 22px;
  font-weight: normal;
  /*font-family: Roboto;*/
}

.profile .name span {
    font-size: 15px;
    /*font-family: Roboto;*/
    font-weight: bold;
}
/*Network Profile*/
.profile-network {
    margin: 0 75px;
    height: 100%;
    padding-bottom: 200px;
}

    .profile-network .text-lg {
        font-size: 26px;
        font-weight: normal;
        /*font-family: Roboto;*/
        display: inline-block;
        vertical-align: top;
        margin-top: 45px;
        margin-left: 50px;
    }

    .profile-network hr {
        clear: both;
    }

    .profile-network .thumbnail.profile-avatar {
        border: none;
        background: none;
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .profile-network label.control-label {
        font-size: 16px;
        font-weight: bold;
        /*font-family: Roboto;*/
    }

    .profile-network .backbutton button {
        color: white;
        border: 1px solid #31adf8;
        background: #31adf8;
        padding: 10px 20px;
        text-transform: uppercase;
        font-weight: bold;
    }

    .profile-network .backbutton {
        float: right;
        margin-top: 45px;
    }

    .profile-network span {
        font-size: 16px;
        font-weight: normal;
        /*font-family: Roboto;*/
    }
/*User profile*/
    .customList {
        padding: 0;
    }
    .categoryList {
        width: 100%;
        font-size: 15px;
    }
    .categoryPad{
        padding:3px;
    }
    .p-0 {
        padding: 0;
    }
    .mb-10 {
        margin-bottom: 10px;
    }
    .hrLine {
        opacity: 0.4;
        max-width: 77%;
        margin: 15px 0;
    }
    .user-profile {
        height: 100%;
        padding-bottom: 200px;
        margin: 45px 75px 0;
}

    .user-profile .text-lg {
        /*font-family: Roboto;*/
        font-size: 26px;
        color: #ffffff;
        display: inline-block;
    }

    .user-profile .save-info {
        display: inline-block;
    }

        .user-profile .save-info .save-buttons {
            float: right;
        }

            .user-profile .save-info .save-buttons .Cancel {
                border: 1px solid white;
                background: transparent;
                padding: 15px 70px;
                text-transform: uppercase;
                border-radius: 4px;
                font-size: 12px;
                color: white;
                margin-right: 10px;
                display: inline-block;
                float: left;
            }

            .user-profile .save-info .save-buttons .savesubmit {
                border: 1px solid #31adf8;
                background: #31adf8;
                padding: 15px 20px;
                text-transform: uppercase;
                border-radius: 4px;
                font-size: 12px;
                color: white !important;
                line-height: inherit;
                display: inline-block;
                float: right;
            }

    .user-profile .control-label {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .user-profile span {
        font-size: 14px;
    }

    .user-profile hr {
        clear: both;
    }

    .user-profile input {
        border: 1px solid rgba(29, 36, 46, .5);
        background-color: rgba(29, 36, 46, 0.5) !important;
        color: white;
    }

/*Discussions*/
.forum-topic-list .forum-topic .forum-content h1,
.forum-topic-details .forum-topic .forum-topic-header .forum-content h1 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    opacity: 1;
}

.forum-topic-details .forum-topic .forum-topic-header .forum-content h1 {
    color: #ffffff;
}

.forum-topic-list .forum-topic .forum-content span.tags {
    margin-top: 10px;
    margin-bottom: 10px;
}

.forum-topic-list .forum-topic .forum-content .badge.badge-category {
    background-color: transparent;
    border-color: #a4bad0;
    color: #a4bad0;
    font-size: 15px; /*larry asked for font increase*/
}

.user-profile a.Cancel {
    font-size: 14px;
    font-weight: 400;
}

.forum-topic-list .forum-topic .forum-content .text-xs,
.forum-topic-details .forum-topic .forum-content .text-xs {
    /*font-size: 11px;*/
    /*dinesh chg to 11 from 15*/
    font-size: 13px; /*larry asked for font increase- made from 11 to 13*/
    color: white;
    font-weight: 200;
    /*dinesh chg to 200 from bold*/
}

.forum-topic-details .forum-topic .forum-content .text-xs {
    margin-right: 10px;
}

.forum-topic-list .forum-topic .forum-content .badge,
.forum-topic-details .forum-topic .forum-content .badge {
    border: 1px solid #a4bad0;
    font-size: 12px;
}

.forum-avatar img {
    height: auto;
    width: 60px;
    border-radius: 50%;
    margin-top: 14px;
    margin-left: 14px;
    margin-right: 14px;
    max-width: 62px;
}

    .forum-avatar img.shareAvatar {
        height: auto;
        width: 32px;
        border-radius: 50%;
        margin-top: 7px;
        margin-left: 14px;
        margin-right: 14px;
        max-width: 35px;
    }

.network-user div.shares {
    width: 100%;
    text-align: center;
    float: none;
}

.forum-topic-list, .forum-create-topic {
    margin-top: 20px;
    margin-bottom: 175px;
}

    .forum-topic-list .forum-topic .forum-content .badge.comments,
    .forum-topic-details .forum-topic .forum-content .badge.comments {
        border: 1px solid #3AB89C;
        background-color: transparent;
        color: #3AB89C;
    }



    .forum-topic-list .forum-topic .forum-content .network-user .badge,
    .forum-topic-details .forum-topic .forum-content .network-user .badge {
        border: 1px solid #3AB89C;
        background-color: transparent;
        color: #3AB89C;
    }

.forum-topic-details .forum-topic .forum-topic-header {
    margin: 15px 0 0;
    background: rgba(0, 0, 0, 0.5);
}

.forum-topic-list .row .forum-topic:focus {
    outline: none;
}


.forum-topic-list .row .forum-topic {
    background: rgba(0, 0, 0, 0.5);
    padding: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    margin-left: 75px;
    margin-right: 75px;
    border-radius: 10px;
}

    .forum-topic-list .row .forum-topic .forum-avatar {
        float: left;
        margin-right: 10px;
        /*margin-top: -15px*/
    }

.forum-topic-list button.newTopic {
    background-color: #e9ac34 !important;
    background-image: none !important;
    margin-left: 75px;
    font-weight: bold;
    text-transform: uppercase;
    border-color: #e9ac34;
}

.forum-topic-list select.selectDrop {
    margin-right: 75px;
    background-color: transparent;
    color: #fff;
}

.forum-topic-list select option {
    background-color: #28364e;
}

.forum-topic-list .forum-topic .forum-content .badge.badge-challenge,
.forum-topic-list .forum-topic .forum-content .badge.badge-quest {
    background: transparent;
    color: #a4bad0;
    font-size: 15px; /*larry asked for font increase*/
}

.forum-topic-details .forum-topic .forum-content .badge.badge-quest,
.forum-topic-details .forum-topic .forum-content .badge.badge-category,
.forum-topic-details .forum-topic .forum-content .badge.badge-challenge {
    background: transparent;
    margin: 10px 5px 10px 0;
    color: #a4bad0;
    font-size: 15px; /*larry asked for font increase*/
}

.forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs a {
    color: #3AB89C;
    /*Dinesh chgn from 337ab7 to 3AB89C*/
    font-size: 14px;
    font-weight: bold;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    height: 19.2px;
}

    .forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs a:link:hover, a:hover, a:focus:hover, a:focus {
        color: #c9d5d6 !important;
        text-decoration: none;
    }


.forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs span {
    color: #ffffff;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 200;
    /*Dinesh change to 200 from bold*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top
}

    .forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs span ng-quill-editor .ql-editor,
    .forum-topic-details .forum-topic .forum-topic-header .forum-content ng-quill-editor .ql-editor,
    .forum-topic-list .forum-content ng-quill-editor .ql-editor {
        padding: 0;
        /* padding-left: 15px; */
        overflow: hidden;
    }

    .forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs span ng-quill-editor .ql-container {
        font-size: 0px;
    }

    .forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs span ng-quill-editor .ql-editor p {
        color: #ffffff;
        font-size: 14px;
        margin-left: 5px;
        font-weight: 200;
        width: 95%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        margin-top: -3px;
    }

.forum-topic-list .forum-content ng-quill-editor .ql-editor p {
    margin-left: 5px;
    font-weight: 200;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 0;
}



.asideDiscussion .forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs span ng-quill-editor .ql-editor p {
    font-size: 12px;
    margin-top: 0;
}

.asideDiscussion .forum-topic-details .forum-topic .forum-content .forum-refresh {
    font-size: 20px;
    display: inline-block;
    top: 22px;
    position: absolute;
}

.asideDiscussion .forum-topic-details .forum-topic .forum-content .ql-container {
    display: inline-block;
    margin-right: 10px;
}

.forum-likes {
    font-size: 13px;
    color: white;
    display: inline-block;
    margin-left: 20px;
}

.forum-comment-edit .inner {
    background: transparent;
    padding: 15px;
    border: 1px solid white;
    border-radius: 5px;
}

.forum-comment-edit .forum-content label {
    font-size: 15px;
    margin: 20px 0;
    color: #fff;
}

.forum-comment-edit .forum-content textarea {
    resize: none;
    background: rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.forum-comment-edit button.submit {
    background: #2F3C52;
    border: 1px solid #FDFEFE;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    float: right;
    padding: 10px 20px;
}

.forum-comment-edit button.submit:hover {
    background: #808080 !important;
    border: 1px solid #FDFEFE;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    float: right;
    padding: 10px 20px;
}

.forum-comment-edit button.add {
    background: #2F3C52;
    border: 1px solid #FDFEFE;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}

.forum-comment-edit button.add:hover {
    background: #808080 !important;
    border: 1px solid #FDFEFE;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}

.forum-comments .forum-comment .forum-content p:first-child {
    margin-top: 0;
    font-size: 16px; /*Larry asked to change it 1/4/2018 2:45pm from 13px*/
    font-weight: normal;
    color: #ffffff;
}

.forum-comments .forum-avatar img,
.forum-comment-edit .forum-avatar img {
    width: 40px;
    margin-top: 10px;
    height: 40px;
}

.forum-comments .forum-content .text-xs {
    font-size: 16px !important; /*Larry asked for font increase- changed fron 12 to 16*/
}

.forum-comments .forum-likes {
    margin-left: 0;
}

.forum-comments .forum-comment .forum-content {
    /*margin-left: -75px;*/
}

#forum-content-body {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 100px;
    padding: 15px 15px 0;
}

.forum-content-body {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    height: auto;
}
/*Resources re-skining*/

.resources_page .content.resources {
    height: 100%;
    margin-left: 75px;
    margin-right: 75px;
    padding-bottom: 200px;
}

    .resources_page .content.resources .btn-group.justified {
        width: 50%;
    }

    .resources_page .content.resources h1 {
        font-size: 26px;
        /*font-family: Roboto;*/
    }

.resources_page .video-media .video-play {
    position: absolute;
    left: 0;
    top: 20%;
    color: rgba(0, 0, 0, 0.3);
    font-size: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

    .resources_page .video-media .video-play .fa.fa-play-circle-o {
        font-size: 60px;
        color: white;
    }

.resources_page .resources span.badge-category,
.resources_page .resources span.badge-challenge,
.resources_page .resources span.badge-quest {
    background: transparent;
    color: #a4bad0 !important;
    border: 1px solid #a4bad0;
    font-size: 12px !important;
    text-transform: none !important;
    margin-top: 0 !important;
}

.resources_page .panel-title .content span {
    display: inline-block;
    position: relative;
    color: #3ab89c;
    font-size: 15px;
    text-transform: capitalize;
    margin-top: 10px;
    /*font-family: Roboto;*/
    word-break: break-all;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap; /* Opera 7 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE */
    -ms-word-break: break-all;
    -ms-word-wrap: break-word;
}

.resources_page .thumbnail {
   /* background: rgba(0,0,0,.5);*/
}

    .resources_page .thumbnail h4 a {
        word-wrap: break-word;
    }

.resources_page .panel-title .content .fa {
    font-family: FontAwesome;
}

.resources_page .input-group-btn {
    background: #31adf8;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #31adf8;
}

.resources_page .right-top {
    padding-top: 15px;
}

.resources_page .button-type {
    color: white !important;
    border-color: white;
    background: rgb(0,0,0,0.5);
    font-size: 12px;
    font-weight: 100;
    padding: 10px 15px;
}

    .resources_page .button-type .btn .caret {
        margin-left: 20px;
        margin-right: 0;
    }

.resources_page .right-top input {
    color: #fff;
    border: 1px solid #31adf8;
    background: transparent;
    font-size: 12px;
}

.resources_page .right-top .input-group div,
.resources_page .right-top .input-group span.hidden-sm {
    font-size: 12px;
}

.resources_page .right-top .input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
}

.resources_page .right-top .input-group input::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

.resources_page .right-top .input-group input:-ms-input-placeholder { /* IE 10+ */
    color: white;
}

.resources_page .right-top .input-group input:-moz-placeholder { /* Firefox 18- */
    color: white;
}

/**New Discussion form -reskining*/
.newDiscussionForm {
    color: #ffffff;
}

    .newDiscussionForm h3 {
        font-size: 26px;
        font-family: 'Roboto';
    }

    .newDiscussionForm .text-sm {
        font-size: 15px;
        font-family: 'Roboto';
    }

    .newDiscussionForm .form-group label {
        font-size: 18px;
        font-weight: bold;
        /*font-family: Roboto;*/
        margin-bottom: 10px;
    }

    .newDiscussionForm input, .newDiscussionForm select {
        background: rgba(0, 0, 0, 0.25);
        color: white;
        border: 1px solid gray;
        border-radius: 1px;
        height: 45px;
    }

    .newDiscussionForm li input {
        height: inherit;
    }

        .newDiscussionForm li input::-webkit-input-placeholder {
            height: inherit;
            color: black;
        }

        .newDiscussionForm li input::-moz-placeholder {
            height: inherit;
            color: black;
        }

        .newDiscussionForm li input:-ms-input-placeholder {
            height: inherit;
            color: black;
        }

        .newDiscussionForm li input:-moz-placeholder {
            height: inherit;
            color: black;
        }

    .newDiscussionForm .add-media {
        padding: 0;
    }

    .newDiscussionForm .add-media button {
      background: #14b9c0;
      border: 1px solid #31adf8;
      text-transform: uppercase;
      font-size: 16px;
      /* padding: 10px 0px; */
    }

    .newDiscussionForm textarea {
        margin-top: 0 !important;
        background: rgba(0, 0, 0, 0.25);
        color: white;
        border: 1px solid gray;
        border-radius: 1px;
        resize: none;
    }

    .newDiscussionForm input[type=radio] {
        -webkit-appearance: none;
        appearance: none;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        top: -10px;
        left: 10px;
    }

        .newDiscussionForm input[type=radio]:checked::after {
            -webkit-appearance: none;
            appearance: none;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            top: 6px;
            left: 6px;
            background-color: white;
            color: white;
            content: '';
            position: absolute;
        }

    .newDiscussionForm .big-tooltips button {
        min-width: 100%;
        color: white !important;
        background: transparent;
    }

    .newDiscussionForm ul.dropdown-menu {
        width: 100%;
        height: 350px !important;
        overflow-y: auto;
        overflow-x: hidden;
    }

        .newDiscussionForm ul.dropdown-menu li {
            display: block;
        }

            .newDiscussionForm ul.dropdown-menu li label {
                font-weight: normal;
                font-size: inherit;
                /*width: 75%;*/
                text-align: left;
                word-break: break-all;
                white-space: normal;
                float: left;
            }

            .newDiscussionForm ul.dropdown-menu li a {
                height: 40px;
                background: transparent;
            }


    .newDiscussionForm button.cancelDiscussion {
        background: #2F3C52;
        border: 1px solid #FDFEFE;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 50px;
        color: white !important;
        margin-right: 10px;
    }

    .newDiscussionForm button.cancelDiscussion:hover {
        background: #808080 !important;
        border: 1px solid #FDFEFE;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: bold;
        padding: 10px 50px;
        color: white !important;
        margin-right: 10px;
    }

.mobilemargin {
    margin: 0 40px;
}

.newDiscussionForm button.createDiscussion {
    background: #2F3C52;
    border: 1px solid #FDFEFE;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: white;
    padding: 10px;
}

.newDiscussionForm button.createDiscussion:hover {
    background: #808080 !important;
    border: 1px solid #FDFEFE;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: white;
    padding: 10px;
}

.newDiscussionForm .forum-user-list .forum-user {
    padding: 10px;
}

.newDiscussionForm .forum-user-avatar {
    display: inline;
    margin-right: 10px;
}

.newDiscussionForm .forum-user-content h4 {
    word-break: break-all;
    width: 70%;
}

.newDiscussionForm .forum-user-content {
    margin-top: 15px;
    display: inline;
}

/*Re-skinning of Dashboard*/
.dashboarddiv {
    margin: 0 75px;
    padding-bottom: 140px;
}

    .dashboarddiv h1 {
        font-size: 26px;
        /*font-family: Roboto;*/
    }

    .dashboarddiv .nav-tabs {
        border-bottom: 1px solid rgb(0,0,0,0.5);
    }

    .dashboarddiv .nav-tabs > li > a {
        font-size: 14px;
        color: white;
    }

    .dashboarddiv label {
        font-size: 12px;
    }

    .dashboarddiv .nav-tabs > li.active > a,
    .dashboarddiv .nav-tabs > li.active > a:hover,
    .dashboarddiv .nav-tabs > li.active > a:focus {
        background: rgb(0,0,0,0.5);
        font-size: 14px;
        color: white;
        border-color: rgb(0,0,0,0.5);
    }

    .dashboarddiv .dashboard-datepicker .input-group-btn,
    .dashboarddiv .dashboard-datepicker .input-group-btn button,
    .dashboarddiv .dashboard-datepicker .input-group-btn button:hover {
        background: #6cbe7c;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border: none;
    }

    .dashboarddiv input[type=radio] {
        -webkit-appearance: none;
        appearance: none;
        content: '';
        margin-top: -4px;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        background: rgb(0,0,0,0.6);
        outline: none;
    }

        .dashboarddiv input[type=radio]::-ms-check {
            border-color: rgb(0,0,0,0.6);
            background: rgb(0,0,0,0.6);
            color: white;
        }

        .dashboarddiv input[type=radio]:checked:after {
            content: '';
            position: absolute;
            border-radius: 50%;
            height: 8px;
            width: 8px;
            background: white;
            margin: 6px;
            outline: none;
        }

    .dashboarddiv label.radio-inline {
        width: auto;
    }

        .dashboarddiv label.radio-inline span {
            margin-left: 10px;
        }

    .dashboarddiv .dashboard-datepicker input {
        background: transparent;
        color: white;
        border-radius: 0;
    }

    .dashboarddiv .for_users button.btn,
    .dashboarddiv .for_users button.btn:hover,
    .dashboarddiv .for_users button.btn:focus {
        background: rgb(0,0,0,0.6);
        text-align: left;
        color: #fff !important;
    }

    .dashboarddiv .for_users button span {
        right: 10px;
        margin-top: 9px;
        border-top: 8px dashed;
        color: #fff;
        position: absolute;
    }

    .dashboarddiv div.selectDiv {
        margin: 0;
    }


    .dashboarddiv select {
        background: transparent;
        color: #fff;
    }

    .dashboarddiv button.selectDiv {
        font-weight: bold;
        background-color: transparent;
        text-align: left;
        color: white;
        height: 50px;
    }

        .dashboarddiv button.selectDiv::before {
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 12px solid white;
            position: absolute;
            margin-top: 15px;
            display: inline-block;
            right: 45px;
        }

        .dashboarddiv button.selectDiv::after {
            content: "";
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 12px solid white;
            position: absolute;
            display: inline-block;
            right: 45px;
        }

    .dashboarddiv ul.opendropdown {
        padding: 0;
        width: 100%;
        height: auto;
        border-radius: 3px;
        background-color: #18253a;
        box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 4px 0px;
        border: 1px solid rgb(255, 255, 255);
        z-index: 10000;
        /*font-family: Roboto;*/
        font-size: 16px;
        letter-spacing: 0px;
        text-align: left;
        color: rgb(255, 255, 255);
        list-style-type: none;
        position: absolute;
    }

        .dashboarddiv ul.opendropdown > li {
            padding: 15px 0 0;
            display: block;
        }

            .dashboarddiv ul.opendropdown > li hr {
                margin: 10px 18px 0px;
            }

        .dashboarddiv ul.opendropdown.opendisplaydropdown > li > a::before {
            display: none;
        }

        .dashboarddiv ul.opendropdown > li > a::before {
            content: '';
            width: 0;
            height: 0;
            border-left: 12px solid white;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            position: absolute;
            right: 20px;
        }

        .dashboarddiv ul.opendropdown > li > a.active::before {
            display: none;
        }

        .dashboarddiv ul.opendropdown > li > a.active::after {
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 12px solid white;
            position: absolute;
            right: 20px;
        }

        .dashboarddiv ul.opendropdown > li a {
            margin-left: 18px;
            /*font-family: Roboto;*/
            font-size: 18px;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: left;
            color: #ffffff;
        }

            .dashboarddiv ul.opendropdown > li a:link:hover,
            .dashboarddiv ul.opendropdown > li a:hover,
            .dashboarddiv ul.opendropdown > li a:focus:hover,
            .dashboarddiv ul.opendropdown > li a:focus {
                color: white !important;
                font-weight: bold;
            }

        .dashboarddiv ul.opendropdown > li:last-child > hr {
            visibility: hidden;
        }

        .dashboarddiv ul.opendropdown > li > ul > li {
            padding: 13px 18px;
            display: block;
        }

        .dashboarddiv ul.opendropdown > li > ul {
            padding: 0;
            margin-top: 10px;
        }


            .dashboarddiv ul.opendropdown > li > ul > li:hover {
                background-color: #1e3253;
            }

    .dashboarddiv button.selectDiv span {
        /*font-family: Roboto;*/
        font-size: 18px;
        font-weight: normal;
        font-style: italic;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }


    .dashboarddiv select.ng-pristine.ng-valid.ng-touched {
        border: 1px solid white;
    }

    .dashboarddiv select > option {
        background: #18253a;
    }

    .dashboarddiv select option:hover {
        background: #203553;
        font-weight: bold;
    }


    .dashboarddiv .well {
        background: rgb(0,0,0,0.3);
        border: none;
    }

    .dashboarddiv .dashboard-overall > .row > div:first-child,
    .dashboarddiv .dashboard-overall > .row > div:nth-child(2) {
        border: none;
    }

    .dashboarddiv .dashboard-spin-progress, .dashboarddiv .dashboard-overall > .row > div h1 {
        color: #fff;
    }

    .dashboarddiv .dashboard-overall > .row > div h4,
    .dashboarddiv .dashboard-overall > .row > div h5 small {
        color: #ccc;
    }

    .dashboarddiv rect.highcharts-background {
        fill: rgb(0,0,0,0.3);
    }

    .dashboarddiv .panel {
        border-color: transparent;
        border-radius: 5px;
    }

    .dashboarddiv text {
        fill: #fff !important; /*do not disable this. */
        /*text-shadow: rgb(255, 255, 255) 0px 0px 6px, rgb(255, 255, 255) 0px 0px 3px;*/
        text-shadow: none !important;
    }

    .dashboarddiv .highcharts-legend text {
        fill: white !important;
    }

    .dashboarddiv .dropdown-menu > li {
        width: 100%;
    }

    .dashboarddiv .dashboard-poll-results {
        color: white;
    }

        .dashboarddiv .dashboard-poll-results .back {
            background: white;
        }

.dashboard-poll-results .flip-container, .dashboard-poll-results .front, .dashboard-poll-results .back {
    height: 360px;
    outline: 0;
}

    .dashboard-poll-results .back .chart-display-as {
        height: 25px;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 20px;
    }

.dashboarddiv .highcharts-tooltip text {
    fill: #333333 !important;
}

.dashboarddiv .avgclass {
    border-left: 2px solid #c0c0c0 !important;
}

.dashboarddiv table {
    font-size: 15px;
}

.dashboarddiv .dashboard-datepicker input {
    background: rgb(0,0,0,0.6);
}



.dashboarddiv .form-group input::-webkit-input-placeholder {
    height: inherit;
    color: black;
}

.dashboarddiv .form-group input::-moz-placeholder {
    height: inherit;
    color: black;
}

.dashboarddiv .form-group input:-ms-input-placeholder {
    height: inherit;
    color: black;
}

.dashboarddiv .form-group input:-moz-placeholder {
    height: inherit;
    color: black;
}

.dashboardExportBtn {
    font-size: 12px;
    color: white;
    background-color: transparent;
    height: 34px;
    padding: 0 20px;
    border: 1px solid;
}

.dashboardRefreshBtn {
    font-size: 12px;
    color: white;
    background-color: transparent;
    height: 34px;
    width: auto;
    padding: 0 20px;
    border: 1px solid;
}

.challenge-wrapper .content-bar .question .answers .answer input {
    float: left;
    display: block;
    /*margin: 7px 8px 17px 0; */
    line-height: 1;
}

.Do-content .video-play .fa.fa-play-circle-o {
    font-size: 30px;
    color: rgba(255, 255, 255, 0.5);
}

.Do-content .video-play {
    position: absolute;
    top: 30%;
    left: 25%;
}

.check-wrong {
    /*font-family: Roboto;*/
    font-size: 20px;
    letter-spacing: 0.5px;
    text-align: left;
}
/*Dinesh Added. CSS for Questions types.*/

.challenge-wrapper .content-bar .question .answers {
    margin: 30px 0;
    padding: 0;
}

.challenge-wrapper .content-bar .question .answers.narrative {
    margin: 0px 0;
    padding: 0;
}
    .challenge-wrapper .content-bar .question .answers .answer {
        margin: 5px 0;
    }

        .challenge-wrapper .content-bar .question .answers .answer.blank {
            display: inline-block;
        }

            .challenge-wrapper .content-bar .question .answers .answer.blank input {
                background: none;
                border: none;
                border-bottom: solid 1px rgba(255, 255, 255, 0.5);
                border-radius: 0;
                width: 100px;
                margin: 0 1px -5px;
            }

                .challenge-wrapper .content-bar .question .answers .answer.blank input:focus {
                    border: none;
                    border-bottom: solid 1px #fff !important
                }

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndanswers {
        background: rgb(0,0,0,0.7);
        border: solid 1px #0f1012;
        padding: 10px 5px;
        margin: 3px 0;
        cursor: pointer;
        height: 100px;
        word-break: normal;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 15px;
        display: flex;
        text-align: left;
    }

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndquestions {
        background: rgb(0,0,0,0.7);
        border: solid 1px #0f1012;
        padding: 10px 10px;
        margin: 3px 0;
        cursor: pointer;
        height: 100px;
        word-break: normal;
        white-space: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 15px;
        display: flex;
        text-align: left;
    }

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.selected {
        border-color: #00b5ad;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 8px #5bc0de;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #5bc0de
    }

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] .dndPlaceholder {
        background-color: rgba(0, 181, 173, 0.4);
        border: dashed 1px #00b5ad;
        margin: 3px 0;
        height: 78px;
    }

    .challenge-wrapper .content-bar .question .answers .match-item-sequence {
        position: relative;
        background: #25292f;
        border: solid 1px #0f1012;
        padding: 12px;
        margin: 3px 0;
        padding-left: 27px;
    }

    .challenge-wrapper .content-bar .question .answers .match-item {
        position: relative;
        padding-left: 20px;
        /*margin-bottom: 30px;*/ /**Dinesh changed for removing extra space in matchin question.*/
    }

    .challenge-wrapper .content-bar .question .answers .match-item-sequence > a {
        position: absolute;
        left: -2px;
        display: block;
        padding: 0px;
        color: #fff;
        background: rgba(0, 181, 173, 0.5);
        width: 13px;
        height: 16px;
        line-height: 10px
    }

    .challenge-wrapper .content-bar .question .answers .match-item > a {
        position: absolute;
        left: -2px;
        display: block;
        padding: 2px;
        color: #fff;
        background: rgba(0, 181, 173, 0.5);
        width: 13px;
        height: 16px;
        line-height: 10px
    }

        .challenge-wrapper .content-bar .question .answers .match-item > a:hover,
        .challenge-wrapper .content-bar .question .answers .match-item-sequence > a:hover {
            background: #00b5ad
        }

    .challenge-wrapper .content-bar .question .answers .match-item .match-item-up,
    .challenge-wrapper .content-bar .question .answers .match-item-sequence .match-item-up {
        top: -7px
    }

    .challenge-wrapper .content-bar .question .answers .match-item .match-item-down,
    .challenge-wrapper .content-bar .question .answers .match-item-sequence .match-item-down {
        bottom: -7px
    }

    .challenge-wrapper .content-bar .question .answers.builder .builder-item {
        display: inline-block;
        padding: 3px 5px;
        color: #fff;
        background: #3b424c;
        border: solid 1px #25292f;
        margin-right: 5px;
        margin-bottom: 5px;
        text-decoration: none !important
    }

        .challenge-wrapper .content-bar .question .answers.builder .builder-item:hover {
            background: #1e2226;
            text-decoration: none
        }

    .challenge-wrapper .content-bar .question .answers.builder .builder-result {
        display: inline-block;
        margin-top: 30px;
        padding: 5px;
        background: #25292f;
        border: solid 1px #0f1012
    }

    .challenge-wrapper .content-bar .question .answers.builder .builder-clear {
        color: #f1f1f1
    }

        .challenge-wrapper .content-bar .question .answers.builder .builder-clear:hover {
            color: #fff
        }

    .challenge-wrapper .content-bar .question .answers.grouping {
        margin: 15px -15px
    }

        .challenge-wrapper .content-bar .question .answers.grouping .group-results {
            min-height: 40px
        }

        .challenge-wrapper .content-bar .question .answers.grouping ul[dnd-list] > li {
            background: #25292f;
            border: solid 1px #0f1012;
            padding: 10px 5px;
            margin: 3px 0;
            cursor: pointer
        }

            .challenge-wrapper .content-bar .question .answers.grouping ul[dnd-list] > li.selected {
                border-color: #00b5ad;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05), 0 0 8px #5bc0de;
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #5bc0de
            }

        .challenge-wrapper .content-bar .question .answers.grouping ul[dnd-list] .dndPlaceholder {
            display: block;
            background-color: rgba(0, 181, 173, 0.4);
            border: dashed 1px #00b5ad;
            margin: 3px 0;
            min-height: 45px
        }

        .challenge-wrapper .content-bar .question .answers.grouping .group {
            background: #25292f;
            border: solid 1px #0f1012;
            padding: 10px 5px;
            margin: 3px 0 15px;
            color: #ddedf9;
        }

            .challenge-wrapper .content-bar .question .answers.grouping .group h4 {
                margin: -5px -5px 5px;
                padding-bottom: 5px;
                text-align: left;
                border-bottom: solid 1px #000;
                text-transform: capitalize;
                padding: 5px;
            }

    .challenge-wrapper .content-bar .question .answers .group-item {
        position: relative
    }

    .challenge-wrapper .content-bar .question .answers .group-result-item {
        position: relative;
        padding-left: 20px;
        font-size: 15px;
    }

        .challenge-wrapper .content-bar .question .answers .group-result-item > a i.fa {
            font-size: 13px;
        }



        .challenge-wrapper .content-bar .question .answers .group-result-item > a {
            position: absolute;
            left: -2px;
            top: 50%;
            margin-top: -8px;
            display: block;
            padding: 0;
            color: #fff;
            background: rgba(0, 181, 173, 0.5);
            width: 15px;
            height: 16px;
            text-align: center;
            line-height: 10px
        }

            .challenge-wrapper .content-bar .question .answers .group-result-item > a:hover {
                background: #00b5ad
            }
/************************************DO and Inspire Modal scroll triggers***********************************************************/

.groupDropCancel {
    position: relative;
    float: right;
    top: 5px;
    /*margin-top: -38px;*/
    /*left: 130px;
    width: 10%;*/
}

.template-wrapper .Inspire-content .media-uploaded .video-play {
    position: absolute;
    left: 40%;
    top: 30%;
    color: rgba(255, 255, 255, 0.5);
    font-size: 30px;
    /*margin-left: -76px;
    margin-top: -60px;
    height: 120px;
    width: 153px;*/
    cursor: pointer;
}

.audio-play {
    position: absolute;
    left: 18%;
    top: 18%;
    color: rgba(0, 0, 0, 0.3);
    font-size: 50px;
    cursor: pointer;
}
/*********************************Discussion Details or Forum Details*****************************************************************/

.video-media .video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    color: rgba(0, 0, 0, 0.3);
    font-size: 123px;
    margin-left: -76px;
    margin-top: -60px;
    height: 120px;
    width: 153px;
    cursor: pointer;
}

#Buddy-verification-modal .video-media .video-play {
    margin: 0;
    height: auto;
    width: auto;
    font-size: 26px;
    top: 35%;
    left: 0;
    color: white;
}

.forum-topic-details .forum-topic .forum-content .forum-topic-list {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 1; /*Dinesh chgn to 1 */
    filter: alpha(opacity=0);
}

.forum-topic-header .tooltip.in {
    /*filter: alpha(opacity=90);*/
    background-color: grey;
    color: black;
}

.forum-topic-header .tooltip.top {
    margin-top: -3px;
    padding: 5px 0;
}

.forum-topic-header .tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}

.forum-topic-header .tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}

.forum-topic-header .tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: grey;
    border-radius: 1px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.forum-topic-header .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.forum-topic-header .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.forum-topic-header .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.forum-topic-header .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.forum-topic-header .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.forum-topic-header .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.forum-topic-header .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.forum-topic-header .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 1px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    white-space: normal;
}

    .popover.top {
        margin-top: -10px;
    }

    .popover.right {
        margin-left: 10px;
    }

    .popover.bottom {
        margin-top: 10px;
    }

    .popover.left {
        margin-left: -10px;
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0 0 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

    .popover > .arrow:after {
        border-width: 10px;
        content: "";
    }

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px;
    }
/**********************************Discussion Forum Topic Aside Nav**************************************************************************************/
.asideDiscussion #forum-content-body {
    max-height: 100%;
    height: 545px;
}

.asideDiscussion .notdiscussionTopic .forum-avatar img {
    height: auto;
    width: 60px;
    border-radius: 50%;
    margin-top: 14px;
    margin-left: 14px;
    margin-right: 14px;
    max-width: 62px;
}

    .asideDiscussion .notdiscussionTopic .forum-avatar img.shareAvatar {
        height: auto;
        width: 32px;
        border-radius: 50%;
        /*margin-top: 7px;
        margin-left: 14px;
        margin-right: 66px;*/
        max-width: 35px;
    }

.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .text-xs,
.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .text-xs {
    /*font-size: 11px;*/
    /*dinesh chg to 11 from 15*/
    font-size: 15px; /*larry asked for font increase- made from 13 to 15*/
    color: white;
    font-weight: 200;
    /*dinesh chg to 200 from bold*/
    padding-top: 15px;
}

.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .badge.badge-challenge,
.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .badge.badge-quest,
.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .badge.badge-category {
    border: 1px solid #a4bad0;
    background-color: transparent;
    color: #a4bad0;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 15px; /*larry asked for font increase*/
}


.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content h1,
.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-topic-header .forum-content h1 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    opacity: 1;
    margin-bottom: 10px;
}

.asideDiscussion .notdiscussionTopic .forum-topic-list button.newTopic {
    background-color: #e9ac34 !important;
    background-image: none !important;
    /*margin-left: 75px;*/
    font-weight: bold;
    text-transform: uppercase;
    border-color: #e9ac34;
}

.asideDiscussion .notdiscussionTopic .forum-topic-list select.selectDrop {
    margin-right: 75px;
    background-color: transparent;
    color: #fff;
}

.asideDiscussion .notdiscussionTopic .forum-topic-list select option {
    background-color: #6a7a8a;
}

.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .badge,
.asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content .badge {
    border: 1px solid #3AB89C;
    font-size: 12px;
    color: #3AB89C;
    background-color: transparent;
}
/**********************************Discussion Forum Details Aside Nav**************************************************************************************/

.asideDiscussion .discussionTopic .forum-avatar img.shareAvatar {
    height: auto;
    width: 32px;
    border-radius: 50%;
    /*margin-top: 7px;
    margin-left: 14px;
    margin-right: 58px;*/
    max-width: 35px;
}

.asideDiscussion .discussionTopic .forum-topic-details .forum-topic .forum-content .badge-challenge,
.asideDiscussion .discussionTopic .forum-topic-details .forum-topic .forum-content .badge-quest {
    border: 1px solid #a4bad0;
    font-size: 15px;
    color: #a4bad0;
    background-color: transparent;
}

.asideDiscussion .forum-topic-details i.fa.fa-play-circle-o,
.forum-topic-details i.fa.fa-play-circle-o,
.forum-create-topic i.fa.fa-play-circle-o {
    top: 40%;
    position: absolute;
    color: white;
    left: 45%;
    font-size: 26px;
}

.forum-topic-details audio {
    width: 95%;
}


.asideDiscussion .discussionTopic .forum-topic-details .forum-topic .forum-topic-header .forum-breadcrumbs a {
    color: #3AB89C;
    font-size: 14px;
    font-weight: bold;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.asideDiscussion .discussionTopic .forum-topic-details .forum-topic-header .forum-topic-list .user-badge {
    border: 1px solid #3AB89C;
    font-size: 12px;
    color: #3AB89C;
    background-color: transparent;
}

.asideDiscussion .discussionTopic .forum-topic-details .forum-topic-header .forum-topic-list .forum-avatar {
    text-align: center;
    float: none;
}


.asideDiscussion .discussionTopic .forum-comments .forum-comment .forum-content {
    margin-left: 0px;
}

    .asideDiscussion .discussionTopic .forum-comments .forum-comment .forum-content p.commentText {
        color: #fff;
        margin-top: 3px;
    }

.asideDiscussion .discussionTopic .forum-comment-edit .forum-content label {
    color: #fff;
}

.asideDiscussion .discussionTopic .forum-comment-edit button.submit {
    background: transparent;
}

.asideDiscussion .discussionTopic .forum-comment-edit button.media {
    background: transparent;
    font-weight: bold;
    border-color: #31adf8;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 20px;
}

.asideDiscussion .discussionTopic .panel {
    background: #18253a;
    border-radius: 0px;
}

/**********************************************************TodoManagement and Buddy Verification*********************************************************************/

.todoManagement .forum-topic-list .forum-topic .forum-content h1 {
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    opacity: 1;
    margin-bottom: 5px;
}

.todoManagement .forum-topic-list .forum-topic .forum-avatar {
    float: left;
    margin-right: 10px;
    margin-top: -15px;
}

.todoManagement .forum-topic-list .row div.lead {
    margin-left: 75px;
    margin-right: 75px;
}

.todoManagement .forum-topic-list .row div.text-right select {
    margin-right: 75px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}


.todoManagement .forum-topic-list .forum-topic .forum-content h1.status {
    font-family: 'Roboto','sans-serif';
    font-weight: bold;
    font-size: 16px;
    float: right;
    border: 2px solid #31adf8;
    border-radius: 5px;
    background-color: transparent;
    padding: 10px 87px 10px;
}


.todoManagement .forum-topic-list .forum-topic .forum-content span.text-xs {
    font-size: 12px;
    color: #fff;
    display: block;
    margin-bottom: 2px;
}




/************************************************************Network***************************************************************************/
/*.network {
    height: 100%;
    overflow: hidden;
}*/

.network .network-list {
    margin: 0;
    /*overflow-y: scroll;
        overflow-x: hidden;*/
    padding: 10px 75px 210px;
    /*height: 574px;*/
    position: relative;
    max-height: 100%;
}


    .network .network-list .intro h1 {
        font-size: 26px;
        /*font-family: Roboto;*/
        font-weight: 200;
    }

    .network .network-list .intro div.input-group {
        margin-top: 20px;
    }

        .network .network-list .intro div.input-group input {
            width: 50%;
            float: right;
            color: #fff;
            background-color: transparent;
            border: 1px solid #31ADF8;
        }

            .network .network-list .intro div.input-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
                color: white;
            }

        .network .network-list .intro div.input-group::-moz-placeholder { /* Firefox 19+ */
            color: white;
        }

        .network .network-list .intro div.input-group input:-ms-input-placeholder { /* IE 10+ */
            color: white;
        }

        .network .network-list .intro div.input-group input:-moz-placeholder { /* Firefox 18- */
            color: white;
        }

    .network .network-list .colleagues .profile h4 {
        font-size: 22px;
        font-weight: 200;
        /*font-family: Roboto;*/
        text-transform: none;
        color: #fff;
    }

    .network .network-list .colleagues .profile span {
        font-size: 15px;
        font-weight: bold;
        /*font-family: Roboto;*/
        text-transform: none;
        color: #fff;
    }

        .network .network-list .colleagues .profile span.icon {
            font-family: icomoon;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 14px;
        }

        .network .network-list .colleagues .profile span.icon-plus {
            font-family: icomoon;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 9px;
        }

    .network .network-list .colleagues .profile button.addCoach span.coach {
        padding-left: 10px;
        font-weight: bold;
        /*font-family: Roboto;*/
        text-transform: uppercase;
        color: #fff;
        font-size: 16px;
    }

.network .avatar img.large {
    height: 9em;
    width: 9em;
}

.network input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    content: '';
    margin-top: -4px;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    background: rgb(0,0,0,0.6);
    outline: none;
}

.network input[type=radio]::-ms-check {
    border-color: #18253a;
    background: #18253a;
    color: white;
}

.network input[type=radio]:checked:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    background: white;
    margin: 6px;
    outline: none;
}

.network label.radio-inline {
    width: auto;
}

.network label.radio-inline span {
    margin-left: 10px;
    font-size: 12px;
    background-color: transparent;
}

.network-listdiv {
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 15px;
}

.network .panel {
    border-radius: 5px;
}
.network .panel .panel-body {
    background: rgb(0,0,0,0.3);
}
.network .panel .header {
    background: rgb(0,0,0,0.5);
}
.network .panel .body {
    background: rgb(0,0,0,0.1);
}
.network .panel table {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(0,0,0,0.4);
    border: 1px solid rgb(0,0,0,0.4);
}

.panel-primary {
  border-color: rgb(0,0,0,0.4);
}

.panel-primary > .panel-heading {
    background-image: none;
    background-color: rgb(0,0,0,0.4);
}

.network .panel table > thead > tr.filters > th > input {
  font-family: 'Roboto', 'sans-serif';
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 17px;
}

.network .panel table > thead > tr.filters > th > a {
    font-family: 'Roboto', 'sans-serif';
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
}

.network .panel table > thead > tr.filters > th > div {
    font-family: 'Roboto', 'sans-serif';
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 17px;
    cursor: default;
}

.network .panel table > tbody > tr > td {
    font-family: 'Roboto', 'sans-serif';
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 16px;
}

/*************************************************LeaderBoard*****************************************************************/
.leaderboardDiv {
    height: 100%;
    overflow: hidden;
}

.leaderboard {
    height: 100%;
    position: relative;
    padding-bottom: 200px;
}

    .leaderboard .content h1 {
        font-family: 'Roboto', 'sans-serif';
        font-family: 'Roboto', sans-serif;
        font-weight: 200;
        font-size: 26px;
        text-transform: none;
        /*margin-left: 75px;
        margin-right: 75px;*/
        display: inline-block;
    }

    .leaderboard .filterable {
        margin-left: 75px;
        margin-right: 75px;
        border-radius: 5px;
    }

    .leaderboard .content button.leaderboardExportBtn {
        float: right;
        margin-top: 15px;
        font-size: 12px;
        color: white;
        background-color: transparent;
        height: 34px;
        padding: 0 20px;
        border: 1px solid;
    }

    .leaderboard .filterable .panel-heading {
        background-color: rgb(0,0,0,0.5);
        border-radius: 0px;
        background-image: none;
    }

    .leaderboard .filterable .panel-title {
        font-size: 18px;
        font-weight: bold;
    }

    .leaderboard .filterable .panel-heading button {
        background-color: transparent !important;
        color: #fff !important;
        border: 1px solid #fff;
        padding: 2px 38px 2px;
        text-transform: uppercase;
    }

        .leaderboard .filterable .panel-heading button span {
            font-size: 11px;
        }

    .leaderboard .panel > .table:last-child {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        background-color: rgb(0,0,0,0.3);
        border: 1px solid rgb(0,0,0,0.3);
    }

    .leaderboard .panel table > thead > tr.filters > th > input {
        font-family: 'Roboto', 'sans-serif';
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        font-size: 17px;
    }

    .leaderboard .panel table > tbody > tr > td {
        font-family: 'Roboto', 'sans-serif';
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 16px;
    }

/**************************************************Todo DatePicker *************************************************************/
.verification-section md-content.datePickerCal {
    background-color: transparent;
}

    /*.verification-section md-content.datePickerCal div.datepickerCont {
    background-color: #fff;
}*/

    .verification-section md-content.datePickerCal label {
        display: inline-block;
        margin: 8px 6px 0 0;
        float: left;
        font-size: 15px;
        color: #fff;
        /*font-family: Roboto;*/
        font-weight: 500;
    }

    .verification-section md-content.datePickerCal div.hasError {
        display: inline-block;
        margin: 8px 6px 0 0;
        float: left;
        font-size: 15px;
        color: #eb1c1c;
        /*font-family: Roboto;*/
        font-weight: 500;
    }


    .verification-section md-content.datePickerCal md-datepicker button {
        background-color: #47c77d;
        /*border-radius: 0;*/
    }

    .verification-section md-content.datePickerCal div.md-datepicker-input-container {
        background-color: #fff;
        margin-left: 0px;
    }


        .verification-section md-content.datePickerCal div.md-datepicker-input-container input.md-datepicker-input {
            background-color: #fff;
            padding: 1px;
            padding-left: 15px;
            padding-top: 6px;
            position: relative;
            font-size: 15px;
        }

    .verification-section md-content.datePickerCal md-datepicker button.md-datepicker-triangle-button {
        top: -5px;
    }

main .no-program-text h3 {
    text-transform: capitalize;
    color: #ffffff;
    /*font-family: Roboto;*/
}

.getBackColor .forum-topic-list .forum-topic .forum-content h1 {
    margin-bottom: 5px;
}


.getBackColor {
    background: -webkit-linear-gradient(359deg, #516585, #28354D);
    background: -o-linear-gradient(359deg, #516585, #28354D);
    background: -moz-linear-gradient(359deg, #516585, #28354D);
    background: linear-gradient(359deg, #516585, #28354d);
}

    .getBackColor .forum-avatar img {
        height: 50px;
        width: 50px;
        margin-top: 0;
    }

    .getBackColor .forum-topic-list, .getBackColor .forum-topic-list .row .forum-topic, .getBackColor .forum-topic-list .row .forum-topic .forum-avatar {
        margin: 0 0 10px;
    }

    .getBackColor .modal-footer {
        border: none;
    }

    .getBackColor .forum-topic-list .row .forum-topic .forum-avatar, .getBackColor .forum-topic-list .row .forum-topic .forum-content {
        display: inline-block;
    }

.video-wrapper a .video-play {
    position: absolute;
    top: calc(50% - 10px);
    left: 50%;
}

.video-wrapper a {
    position: relative;
}

.program-author {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75%;
}



/*DO activity Videogular added. */
.Do-content vg-media video {
    height: auto;
    width: 400px;
}

.Do-content .vidAudio vg-media video {
    height: 80px;
    width: 400px;
}

.resources_page .dropdown-menu-form .checkbox label {
    white-space: initial;
}

.forum-topic-details .forum-content .contentdetails {
    word-wrap: break-word;
    /*max-height:95px;
    overflow: auto;*/
    color: white;
    font-size: 20px;
}
/**Discussion filter tabs*/
.filtertabs {
    padding: 0 0px 30px 75px;
    background-color: rgba(0, 0, 0, 0.2);
    height: 143px;
}

aside .filtertabs {
    padding: 0 0px 30px 40px;
    height: auto;
}

.filtertabs .multiselect-native-select {
    margin-right: 18px;
}

.asideDiscussion .filtertabs .multiselect-native-select {
    margin-right: 18px;
    float: left;
    margin-bottom: 10px;
    max-width: 270px;
    width: 100%;
}

.filtertabs ul {
    -webkit-padding-start: 0px;
    display: inline-block;
}

    .filtertabs ul li {
        height: 60px;
        padding: 22px;
        text-align: center;
        font-size: 16px;
        color: white;
        cursor: pointer;
    }

.filtertabs li:hover {
    color: #31adf8;
}

    .filtertabs li:hover span {
        color: #31adf8;
        border-bottom: solid 1.5px #31adf8;
        padding-bottom: 4.8px;
    }

.filtertabs li.active {
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #31adf8;
}

    .filtertabs li.active span {
        border-bottom: solid 1.5px #31adf8;
        padding-bottom: 4.8px;
    }

.filtertabs .catFilter {
    width: 100%;
    height: 35px;
    border-radius: 3px;
    border: solid 1px #ffffff;
    max-width: 270px;
    background-color: transparent;
    display: inline;
}

.filtertabs div.catShow {
    width: 100%;
    max-width: 270px;
    height: 133px;
    border-radius: 3px;
    background-color: #969994 !important;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #ffffff;
    z-index: 10000;
    /*font-family: Roboto;*/
    font-size: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    list-style-type: none;
    position: absolute;
    top: 35px;
    overflow-y: auto;
    overflow-x: hidden;
}

.asideDiscussion .filtertabs div.catShow {
    top: 107px;
}


.filtertabs span.save-users .SAVE-USERS-TO-GROUP {
    /*font-family: Roboto;*/
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: left;
    color: #ffffff;
    border-radius: 3px;
    background-color: #15b1e9;
    padding: 10px 21px;
    /*margin-right: 22px;*/
}

.toggleFiltersTab {
    margin: 20px 0 30px;
}

.filtertabs div.catShow li {
    padding: 13.8px;
}

    .filtertabs div.catShow li.active {
        background-color: #798ca4;
    }


.tabview {
    padding-left: 22px;
}

.forum-topic-list .filtertabs select option {
    background-color: #607590;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #ffffff;
    /*font-family: Roboto;*/
    font-size: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
}

.forum-topic-list .filtertabs select,
.forum-topic-list .filtertabs select:active,
.forum-topic-list .filtertabs select:hover {
    outline: none;
    /*font-family: Roboto;*/
    font-size: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
}

    .forum-topic-list .filtertabs select option:hover {
        background-color: #798ca4;
    }

.md-datepicker-calendar-pane.md-pane-open .md-datepicker-input-mask {
    display: none;
}

.md-pane-open .md-datepicker-calendar {
    position: absolute;
    top: 35px;
}

.filtertabs .md-datepicker-open .md-icon-button + .md-datepicker-input-container,
.filtertabs .md-datepicker-open input.md-datepicker-input,
.filtertabs md-content.datePickerCal div.md-datepicker-input-container {
    margin: 0;
}


.filtering {
    right: 0;
    /*font-family: Roboto;*/
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0px;
    text-align: right;
    color: #ffffff;
    padding: 22px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
}

.filtertabs .form-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 80%;
}

.filtertabs md-content.datePickerCal {
    background-color: transparent;
}


    .filtertabs md-content.datePickerCal label {
        display: inline-block;
        margin: 8px 6px 0 0;
        float: left;
        font-size: 15px;
        color: #fff;
        /*font-family: Roboto;*/
        font-weight: 500;
    }

    .filtertabs md-content.datePickerCal div.hasError {
        display: inline-block;
        margin: 8px 6px 0 0;
        float: left;
        font-size: 15px;
        color: #eb1c1c;
        /*font-family: Roboto;*/
        font-weight: 500;
    }


    /*.filtertabs md-content.datePickerCal md-datepicker button {
     
        display:none;

    }

        I disabled this here, since md-datepicker has a md-hide-icons directive where you can hide all, calendar, triangle
    */

    .filtertabs md-content.datePickerCal div.md-datepicker-input-container {
        max-width: 240px; /*was 205px*/
        width: 100%;
        height: 35px;
        border-radius: 3px;
        border: solid 1px #ffffff;
        background-color: transparent;
    }


        .filtertabs md-content.datePickerCal div.md-datepicker-input-container input.md-datepicker-input {
            color: #fff;
            padding-left: 8px;
            max-width: 205px;
            height: 35px;
            position: relative;
            /*font-family: Roboto;*/
            font-size: 15px;
            letter-spacing: 0px;
            text-align: left;
            color: #ffffff;
            width: 100%;
        }

    .filtertabs md-content.datePickerCal md-datepicker button.md-datepicker-triangle-button {
        /*top: 7px;*/
        top: -2px;
        background-color: transparent;
    }

input.md-datepicker-input::-webkit-input-placeholder {
    color: #fff;
}

input.md-datepicker-input::-moz-placeholder {
    color: #fff;
}

input.md-datepicker-input:-ms-input-placeholder {
    color: #fff;
}

input.md-datepicker-input:-moz-placeholder {
    color: #fff;
}

.asideDiscussion a.dropdown-tooltip-icon i.fa.fa-times,
.asideDiscussion a.dropdown-tooltip-icon i.fa.fa-info-circle {
    top: 14px;
}

a.dropdown-tooltip-icon i.fa.fa-times {
    font-size: large;
    position: absolute;
    right: 15px;
    top: 18px;
}

a.dropdown-tooltip-icon i.fa.fa-info-circle {
    font-size: large;
    position: absolute;
    right: 34px;
    top: 18px;
}


.filterdiscussiondropdown {
    border: 1px solid white;
    width: auto;
    padding: 16px;
    background: white;
    height: auto;
}

.forum-topic-list .filterButton,
.filterButton, .filterButton:hover, .filterButton:focus {
    background-color: transparent;
    width: 210px;
    height: 50px;
    border-radius: 4px;
    border: solid 1px #ffffff;
    /*font-family: Roboto;*/
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #ffffff;
    text-align: left;
}

.forum-topic-list button.filterButton.active,
button.filterButton.active, button.filterButton:hover.active {
  background-color: rgb(0,0,0,1.0);
  color: #ffffff;
  margin-bottom: 20px;
}

.forum-topic-list button.filterButton span.dropdownarrow,
button.filterButton span.dropdownarrow {
    position: absolute;
    right: 30px;
}


.forum-topic-list button.filterButton.active span.dropdownarrow,
button.filterButton.active span.dropdownarrow {
    transform: rotate(180deg);
}


.forum-topic-list .filterButton i,
.filterButton i {
    font-size: 14px;
    padding-right: 10px;
}

.forum-topic-list .topicFilterButton,
.topicFilterButton, .topicFilterButton:hover, .topicFilterButton:focus {
    background-color: transparent;
    width: 210px;
    height: 50px;
    border-radius: 4px;
    /*border: solid 1px #ffffff;*/
    /*font-family: Roboto;*/
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.3px;
    /*color: #ffffff;*/
    text-align: left;
}

.forum-topic-list button.topicFilterButton.active,
button.topicFilterButton.active, button.topicFilterButton:hover.active {
    /*background-color: #607590;
     color: #ffffff;*/
    margin-bottom: 20px;
}

.forum-topic-list button.topicFilterButton span.dropdownarrow,
button.topicFilterButton span.dropdownarrow {
    position: absolute;
    right: 30px;
}

.forum-topic-list button.topicFilterButton.active span.dropdownarrow,
button.topicFilterButton.active span.dropdownarrow {
    transform: rotate(180deg);
}

.forum-topic-list .topicFilterButton i,
.topicFilterButton i {
    font-size: 14px;
    padding-right: 10px;
}

.forum-topic-list button.newDiscussion {
    width: 100%;
    max-width: 210px;
    height: 50px;
    border-radius: 4px;
    background-color: #f9a71f !important;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #ffffff;
    margin-left: 0;
}

.forum-topic-list .searchTopic,
.secondFilter .searchTopic,
.tabview .searchTopic {
    /*font-family: Roboto;*/
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    width: 100%;
    height: 35px;
    border-radius: 3px;
    border: 1px solid rgb(255, 255, 255);
    max-width: 457px;
    background-color: transparent;
    display: inline-block;
}

.forum-topic-list .applybutton,
.secondFilter .applybutton,
.tabview .applybutton {
    max-width: 77px;
    height: 35px;
    border-radius: 4px;
    background-color: #31adf8;
    text-transform: uppercase;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    margin-left: 16px;
    width: 100%;
    margin-top: -5px;
}

.forum-topic-list .dateapplybutton,
.childFilter .dateapplybutton {
    max-width: 77px;
    height: 35px;
    border-radius: 4px;
    background-color: #31adf8;
    text-transform: uppercase;
    /*font-family: Roboto;*/
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    margin-right: 10px;
    width: 100%;
}

.filtertabs span.save-users {
    display: inline;
    padding: 0 0 10px;
}

.filtertabs .layout-padding > * {
    padding: 0;
}


.filtertabs .save-users span {
    display: inline-block;
    /*margin-right:10px;*/
}

.filtertabs span.save-users p.user1 {
    border-radius: 82px;
    background-color: #384965;
    border: solid 1px #1aa8ea;
    padding: 9px 0 9px 13px;
    /*font-family: Roboto;*/
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    color: #1aa8ea;
    margin-right: 9px;
    display: inline-block;
}

    .filtertabs span.save-users p.user1 span:first-of-type {
        margin-right: 12px;
    }

    .filtertabs span.save-users p.user1 span:nth-of-type(2) {
        padding-right: 13px;
    }

    .filtertabs span.save-users p.user1 img {
        width: 7px;
        height: 8px;
    }

.filtertabs #showDropdown,
.filtertabs #showActivityDropdown {
    max-width: 270px;
    width: 100%;
}


    .filtertabs #showDropdown button,
    .filtertabs #showActivityDropdown button {
        max-width: 270px;
        width: 100%;
        height: 35px;
        border-radius: 3px;
        border: solid 1px #ffffff;
        background: transparent;
        box-shadow: none;
        /*font-family: Roboto;*/
        font-size: 16px;
        letter-spacing: 0px;
        text-align: left;
        color: #ffffff !important;
    }

.secondFilter .filtertabs #showDropdown ul.dropdown-menu {
    z-index: 99;
}


.filtertabs #showDropdown ul.dropdown-menu,
.filtertabs #showActivityDropdown ul.dropdown-menu {
    border-radius: 3px;
    background-color: #969994 !important;
    box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.5);
    border: solid 1px #ffffff;
    max-width: 270px;
    width: 100%;
    padding: 0;
    margin: 0;
    max-height: 250px;
    overflow-x: hidden;
}

    .filtertabs #showDropdown ul.dropdown-menu p,
    .filtertabs #showActivityDropdown ul.dropdown-menu p {
        /*font-family: Roboto;*/
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0px;
        text-align: left;
        color: #ffffff;
        padding: 9px;
        margin: 0;
    }


    .filtertabs #showDropdown ul.dropdown-menu li,
    .filtertabs #showActivityDropdown ul.dropdown-menu li {
        padding: 9px;
        width: 100%;
    }

        .filtertabs #showDropdown ul.dropdown-menu li > a,
        .filtertabs #showActivityDropdown ul.dropdown-menu li > a {
            /*font-family: Roboto;*/
            font-size: 14px;
            letter-spacing: 0px;
            text-align: left;
            color: #ffffff;
        }

            .filtertabs #showDropdown ul.dropdown-menu li > a:hover,
            .filtertabs #showActivityDropdown ul.dropdown-menu li > a:hover {
                background: transparent;
            }

.asideDiscussion .filtertabs #showDropdown .multiselect-container > li > a > label > input[type=checkbox],
.asideDiscussion .filtertabs #showActivityDropdown .multiselect-container > li > a > label > input[type=checkbox] {
    vertical-align: middle;
}

.asideDiscussion .filtertabs #showDropdown ul.dropdown-menu li > a,
.asideDiscussion .filtertabs #showActivityDropdown ul.dropdown-menu li > a {
    padding: 0 !important;
}

.asideDiscussion .filtertabs .multiselect-container > li > a > label.checkbox {
    padding: 0 25px;
}


.filtertabs #showDropdown .multiselect-container > li > a > label > input[type=checkbox],
.filtertabs #showActivityDropdown .multiselect-container > li > a > label > input[type=checkbox] {
    margin-right: 5px;
    vertical-align: bottom;
    background: transparent;
    border: solid 1px #fff;
}

    .filtertabs #showDropdown .multiselect-container > li > a > label > input[type=checkbox]:checked,
    .filtertabs #showActivityDropdown .multiselect-container > li > a > label > input[type=checkbox]:checked {
        background: #fff;
    }


.filtertabs #showDropdown span.dropdownarrow,
.filtertabs #showActivityDropdown span.dropdownarrow,
.filtertabs button#cat span.dropdownarrow,
.filtertabs button#act span.dropdownarrow {
    position: absolute;
    right: 10px;
}

.filtertabs button#cat .multiselect-selected-text,
.filtertabs button#act .multiselect-selected-text {
    /*font-family: Roboto;*/
    font-size: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: #ffffff;
    float: left;
    padding-left: 5px;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filtertabs div.catShow li:hover {
    background-color: #798ca4;
    color: #fff;
}


.filtertabs .open > .dropdown-menu .multiselect-search {
    height: 39px;
    border-radius: 2px;
    /* background-color: #00182f; 
    border: solid 1px #979797; */
    /*font-family: Roboto;*/
    font-size: 16px;
    font-style: italic;
    text-align: left;
    color: rgba(255, 255, 255, 0.48);
}

.ql-editor ol li, .ql-editor ul li {
    line-height: 1.5em;
    color: white;
}

.forum-topic-list .forum-content ng-quill-editor .ql-editor ul {
    margin-left: 5px;
    font-weight: 200;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    margin-bottom: 0;
    padding: 0;
}

.secondFilter .desktop-users-view {
    height: 67px;
    overflow-y: auto;
    margin-bottom: 32px;
    top: -32px;
}

.asideFilter .desktop-users-view {
    max-height: 67px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 32px;
}


.secondFilter .filter-button-desktop {
    right: 50px;
    position: relative;
    top: -32px;
}

.asideFilter .filter-button-desktop {
    right: 50px;
    position: relative;
}

.dashboard-poll-results .front .poll-question h3 .ql-editor p {
    color: white;
    margin: 0;
    padding-bottom: 5px;
    font-size: 20px;
    text-align: center;
}

.viewrecordsText {
    font-size: 16px; /* changed to 16px from 12px; */
    color: white;
    margin-top: 15px;
}

    .viewrecordsText select {
        color: black;
    }

.widthpagination {
    margin: 0 75px;
}

.baseOrBonus.fa-star-o,
.baseOrBonus.fa-asterisk {
    font-size: 20.6px;
    color: white;
    right: 50px;
    position: absolute;
    cursor: pointer;
}

.bonusopen, .baseopen {
    display: none;
    position: relative;
    box-sizing: border-box;
    box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.5);
}

    .bonusopen:after,
    .baseopen:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 8px solid white;
        top: -8px;
        position: absolute;
        left: 30px;
    }

.baseOrBonus.fa-star-o:hover + .bonusopen,
.baseOrBonus.fa-asterisk:hover + .baseopen {
    width: 75px;
    height: 35px;
    background-color: #eeeeee;
    box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.5);
    top: 40px;
    right: 25px;
    position: absolute;
    display: block;
    /*font-family: Roboto;*/
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    border-radius: 4px;
    padding: 8px;
}

.skipactivity {
    /*font-family: Roboto;*/
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    right: 15px;
    color: #ffffff;
    position: absolute;
    top: 15px;
    text-decoration: underline;
}

.basequesticon {
    display: inline-block;
    color: #c9c9c9;
    font-size: 21.4px;
    float: right;
    margin-top: 8px;
    cursor: pointer;
}

    .basequesticon:hover {
        color: #7b7b7b;
    }

.topbaseopen,
.topbonusopen {
    display: none;
    position: relative;
    box-sizing: border-box;
    box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.5);
}

    .topbaseopen:after,
    .topbonusopen:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #eeeeee;
        bottom: -10px;
        position: absolute;
        left: 35px;
    }

.basequesticon .fa-asterisk:hover + .topbaseopen,
.basequesticon .fa-star-o:hover + .topbonusopen {
    width: 88px;
    height: auto;
    background-color: #eeeeee;
    box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.5);
    top: 0;
    right: -15px;
    position: absolute;
    display: block;
    /*font-family: Roboto;*/
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    border-radius: 4px;
    padding: 8px;
}

.basequesticon .fa-asterisk:hover + .topbaseopen {
    top: -15px;
}

.add-media .add-media-popup .panel-heading {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/*Mobile view*/
@media only screen and (max-width: 767px) {
    .ql-editor {
        padding: 10px 0px 10px 0px;
    }
    .template2 .media  {
        padding: 0px 15px 0px 15px;
    }
    .challenge-wrapper .content-bar .question-image .media .video-wrapper iframe {
        max-width: 100%;
        max-height: 200px;
    }
    iframe {
        max-width: 100%;
        max-height: 200px;
    }
    .challenge-wrapper .content-bar .leftspace {
        padding: 0px 15px 0px 15px;
    }
	.hideinmob {
		display: block;
	}
	.hideindesk {
		display: block;
    }
    .questboard-wrapper .Learn_tile, .questboard-wrapper .Do_tile, .questboard-wrapper .Inspire_tile {
        max-width: 360px;
    }

	.dropdown .dropdown-menu {
		margin: 8px 0px;
		width: 240px;
		padding: 10px;
	}

    .programCategory {
        padding: 2px;
        font-size: 12px;
    }

    .span_angle {
        margin: 6px 0px;
    }

    .dropdown_select {
        width: 100%;
    }

    #Buddy-verification-modal .video-media .video-play {
        font-size: 13px;
    }

    button#dropdownMenu1 {
        font-size: 10px;
    }

    .dropdown_select {
        width: 100%;
        padding: 0;
    }


    .profile-network .text-lg {
        display: block;
        margin-left: 0;
        font-size: 20px;
        margin-top: 20px;
    }

    .profile-network .backbutton button {
        padding: 7.5px 10px;
        float: left;
        margin-bottom: 10px;
    }

    .profile-network .backbutton {
        float: left;
        margin: 20px 0;
    }

    .profile-network {
        padding-bottom: 100px;
        margin: 25px 0 0;
    }

    .adjustname {
        top: 10px !important;
        position: relative;
    }

    .secondFilter .add-media .add-media-popup.open {
        left: -10px !important;
    }

    .widthpagination div {
        text-align: center;
    }


    .widthpagination {
        margin: 0 35px;
    }

    .asideFilter .filtertabs #showDropdown ul.dropdown-menu p {
        padding-top: 20px;
    }



    aside .childFilter .filtertabs {
        padding: 0px 15px 30px;
    }


    .secondFilter .desktop-users-view {
        top: 10px;
    }

    .secondFilter .filter-button-desktop {
        top: 0;
    }


    .filtertabs div.catShow {
        top: 35px;
    }

    .filtering {
        bottom: 0;
        font-size: 12px;
        text-align: left;
        top: unset;
    }


    .filtertabs .layout-padding > * {
        margin: 0 0 10px !important;
    }

    .filtertabs #showDropdown button,
    .forum-topic-list .searchTopic,
    .secondFilter .searchTopic, .filtertabs .catFilter {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .filtertabs button#cat .multiselect-selected-text,
    .filtertabs button#act .multiselect-selected-text {
        font-size: 13px;
    }


    .filtertabs md-content.datePickerCal {
        text-align: center;
    }

    .filtertabs ul li {
        height: 40px;
        padding: 11px;
        font-size: 11px;
    }

    .filtertabs li.active {
        font-size: 11px;
    }

    .filtertabs md-content.datePickerCal div.md-datepicker-input-container input.md-datepicker-input {
        font-size: 13px;
    }

    .filtertabs md-content.datePickerCal div.md-datepicker-input-container {
        max-width: 190px;
    }

    .forum-topic-list button.filterButton span.dropdownarrow {
        right: 20px;
    }

    .filtertabs, .childFilter .filtertabs {
        padding: 30px 0;
        height: auto;
    }

    .childFilter.filteralign {
        margin-left: -35px;
        margin-top: 20px;
    }


    .forum-topic-list button.newDiscussion {
        margin: 0 auto 10px !important;
        width: auto;
    }

    .forum-topic-list .filterButton {
        max-width: 200px;
        width: 100%;
    }

    .filtertabs #showDropdown .multiselect-container > li > a > label > input[type=checkbox] {
        width: 18px;
        height: 18px;
    }

    .tabview {
        padding-left: 11px;
        margin-bottom: 20px;
    }

    .forum-topic-list .applybutton {
        margin: 10px;
    }

    .filtertabs div.catShow li, .forum-topic-list .dateapplybutton {
        font-size: 13px;
    }

    .filtertabs #showDropdown ul.dropdown-menu {
        top: 35px;
    }


    .obj-challenges-container .ql-editor p,
    .Inspire-content .ql-editor p,
    .Do-content .ql-editor p {
        font-size: 10px;
    }

    .ql-editor p, .ql-editor li {
        font-size: 12px !important;
    }


    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up input {
        width: 98.5px;
        height: 27.5px;
        margin-top: -30px;
    }


    .add-modal .upload-from-computer input {
        width: 148.5px;
        height: 25px;
        margin: -15px 0px 0px -8px;
        /*top: 25%;
        left: 23%;*/
    }

    /* RALI-4002 moved this from out of questPlayer.ejs to save it
                 in case we want to style it differently for varying devices
    .asideDiscussion {
        box-shadow: 1px 0px 5px rgba(34, 23, 23, 0.50);
    }
    */

    .asideDiscussion #forum-content-body {
        margin: 0;
        height: auto;
    }

    .asideDiscussion .discussionTopic .forum-topic-details .forum-topic-header .forum-topic-list .user-badge {
        margin-top: 10px;
    }


    .asideDiscussion .notdiscussionTopic .forum-avatar img.shareAvatar,
    .asideDiscussion .discussionTopic .forum-avatar img.shareAvatar {
        margin-top: 5px;
    }

    .forum-topic-details .forum-content .contentdetails,
    .asideDiscussion .notdiscussionTopic .forum-topic-details .forum-content .contentdetails {
        font-size: 15px;
    }

    .forum-topic-details .forum-topic .forum-topic-header .forum-content h1,
    .asideDiscussion .notdiscussionTopic .forum-topic .forum-topic-header .forum-content h1,
    .asideDiscussion .discussionTopic .forum-topic .forum-topic-header .forum-content h1 {
        font-size: 16px;
    }

    .forum-topic-details .mobilepadding,
    .asideDiscussion .notdiscussionTopic .forum-topic-details .mobilepadding,
    .asideDiscussion .discussionTopic .forum-topic-details .mobilepadding {
        padding-left: 35px !important;
    }

    .mobilemargin {
        margin: 0 15px;
    }

    .newDiscussionForm .big-tooltips button {
        font-size: 14px;
    }

    .newDiscussionForm .forum-user-avatar img {
        width: 35px;
    }

    .newDiscussionForm .forum-user-content h4 {
        font-size: 10px;
    }

    .newDiscussionForm button.cancelDiscussion {
        padding: 5px 25px;
        float: left;
    }

    .newDiscussionForm button.createDiscussion {
        padding: 5px;
        float: right;
    }

    .add-media .add-media-popup:after, .add-media .add-media-popup:before {
        top: -20px;
        left: 54px;
        transform: rotate(90deg);
    }

    .add-media .add-media-popup.open {
        left: -24px !important;
        top: 60px;
    }

    .asideDiscussion .add-media .add-media-popup.open {
        left: 0 !important;
        width: 270px;
    }


    .newDiscussionForm h3 {
        font-size: 16px;
    }

    .newDiscussionForm .text-sm {
        font-size: 14px;
    }

    .newDiscussionForm .form-group label {
        font-size: 12px;
    }

    .newDiscussionForm input, .newDiscussionForm select {
        height: 30px;
    }

    .forum-topic-list .forum-topic .forum-content span,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content span,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-topic .forum-content span {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .forum-topic-list .mobilepadding,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .mobilepadding,
    .asideDiscussion .discussionTopic .forum-topic-list .mobilepadding {
        padding-left: 15px !important;
    }


    .forum-topic-list .paddingmobile,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .paddingmobile,
    .asideDiscussion .discussionTopic .forum-topic-list .paddingmobile {
        padding: 0;
    }

    .forum-topic-list .forum-content,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-content,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-content {
        margin-bottom: 10px;
    }

        .forum-topic-list .forum-content .network-user span,
        .forum-topic-list .forum-content .network-user .forum-avatar,
        .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-content .network-user span,
        .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-content .network-user .forum-avatar,
        .asideDiscussion .discussionTopic .forum-topic-list .forum-content .network-user span,
        .asideDiscussion .discussionTopic .forum-topic-list .forum-content .network-user .forum-avatar {
            margin-top: 5px;
        }

    .forum-topic-list .forum-topic .forum-content h1,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content h1,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-topic .forum-content h1 {
        font-size: 15px;
    }

    .forum-topic-list .row .forum-topic,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .row .forum-topic,
    .asideDiscussion .discussionTopic .forum-topic-list .row .forum-topic {
        margin-left: 35px;
        margin-right: 35px;
    }

    .forum-topic-list .forum-avatar img,
    .forum-topic .forum-avatar img,
    .asideDiscussion .notdiscussionTopic .forum-avatar img,
    .asideDiscussion .discussionTopic .forum-avatar img {
        width: 30px;
        margin: 0;
        height: 30px;
    }

    .forum-topic-list button.newTopic,
    .asideDiscussion .notdiscussionTopic .forum-topic-list button.newTopic,
    asideDiscussion .discussionTopic .forum-topic-list button.newTopic {
        margin: 0 15px 10px;
    }

    .forum-topic-list .text-center-mobile,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .text-center-mobile {
        text-align: center;
    }

        .forum-topic-list .text-center-mobile label,
        .asideDiscussion .notdiscussionTopic .forum-topic-list .text-center-mobile label,
        .asideDiscussion .discussionTopic .forum-topic-list .text-center-mobile label {
            margin: 0 15px;
        }

        .forum-topic-list .text-center-mobile select.selectDrop,
        .asideDiscussion .notdiscussionTopic .forum-topic-list .text-center-mobile select.selectDrop,
        .asideDiscussion .discussionTopic .forum-topic-list .text-center-mobile select.selectDrop {
            margin: 0 auto;
            padding: 0px 10px;
        }

    .template-wrapper .Inspire-content .media-uploaded .video-play .fa.fa-play-circle-o,
    .Do-content .video-play .fa.fa-play-circle-o,
    .template-wrapper .Inspire-content .media-uploaded .video-play {
        font-size: 15px;
    }

    .template-wrapper .Do-content .add-verification a .thumbnail.media,
    .template-wrapper .Inspire-content .thumbnail.media {
        width: 65px;
        max-width: 100%;
        min-width: 0;
    }

    .template-wrapper .Inspire-content .media-uploaded audio {
        margin: 0 0 10px 0;
    }

    .template-wrapper .Inspire-content .audio_desc {
        font-size: 10px;
    }


    .leaderboard .content h1, .leaderboard .filterable {
        margin-left: 35px;
        margin-right: 35px;
    }

    .leaderboard .content h1 {
        font-size: 16px;
    }

    .leaderboard .filterable .panel-title {
        font-size: 14px;
        text-overflow: ellipsis;
    }

    .leaderboard .panel table > thead > tr.filters > th > input {
        font-size: 10px;
        word-wrap: break-word;
        padding: 4px;
    }

    .leaderboard .panel table > thead > tr.filters > th {
        padding: 3px;
        width: 25%;
    }


    .leaderboard .panel table > tbody > tr > td, .leaderboard .filterable .panel-heading button {
        font-size: 12px;
        word-wrap: break-word;
    }

        .leaderboard .filterable .panel-heading button.btn-filter {
            padding: 2px 19px;
        }


    .template-wrapper .Do-content .add-verification a.verifyMedia {
        padding: 10px 32px;
        border-radius: 5px;
        font-size: 10px;
    }

    .template-wrapper .Do-content .Please-review-the-inst-header,
    .template-wrapper .Do-content .Please-review-the-inst {
        font-size: 10px;
    }

    #Buddy-verification-modal .user-info-desc {
        font-size: 8px;
    }


    #Buddy-verification-modal .users-comments {
        padding: 0;
    }


    #Buddy-verification-modal .isBuddyValHead {
        font-size: 12px;
    }


    .todoManagement .forum-topic-list .forum-topic .forum-content h1.status {
        margin: 10px;
        padding: 10px;
        float: none;
    }


    .todoManagement .forum-topic-list .row .forum-topic {
        margin-left: 15px;
        margin-right: 15px;
    }

    .getBackColor .forum-topic-list .row .forum-topic .forum-content span {
        display: inline-block;
        float: none !important;
        margin-right: 5px;
        word-break: break-word;
    }

    .getBackColor .forum-topic-list .forum-topic .forum-content h1 {
        font-size: 12px;
        top: 0;
        position: absolute;
        float: left;
    }

    .getBackColor .forum-topic-list .row .forum-topic .forum-content span:first-child {
        width: 65%;
    }

    .todoManagement .forum-topic-list .row .forum-topic .forum-content span {
        margin-left: 10px;
        display: inline-block;
    }

    .todoManagement .forum-topic-list .forum-topic .forum-content h1 {
        font-size: 12px;
        display: inline-block;
        margin: 0 0 0 10px
    }


    .getBackColor .forum-topic-list .forum-topic .forum-content .text-xs,
    .todoManagement .forum-topic-list .forum-topic .forum-content .text-xs {
        display: block !important;
        font-size: 9px;
        margin-top: 10px;
    }

    .todoManagement .forum-topic-list .forum-topic .forum-content .text-xs {
        margin-left: 10px;
    }

    .getBackColor .forum-topic-list .row .forum-topic {
        margin: 0 auto;
    }

        .getBackColor .forum-topic-list .row .forum-topic .forum-avatar {
            padding: 0;
        }

    .todoManagement .forum-topic-list .row .forum-topic .forum-avatar {
        padding: 0;
        margin: 0;
    }

    .getBackColor .forum-topic-list .row .forum-topic .forum-content {
        padding-left: 10px;
    }


    .getBackColor .forum-avatar img,
    .todoManagement .forum-avatar img {
        max-width: 100%;
        float: none;
        height: auto;
        margin: auto;
    }

    .objective-wrapper .inspObj-description p.objectiveHeader,
    .objective-wrapper .doObj-description p.objectiveHeader {
        font-size: 10px;
    }

    .objective-wrapper .inspObj-description p.objectiveSentence,
    .objective-wrapper .doObj-description p.objectiveSentence {
        font-size: 9px;
    }

    .resources_page .content.resources .btn-group.justified {
        width: 100%;
    }

    .resources_page .content.resources {
        margin-left: 35px;
        margin-right: 35px;
    }

    .resources_page .button-type {
        padding: 8px;
    }

    .resources_page .right-top {
        text-align: left;
        padding: 15px;
    }

    .resources_page .dropdown-menu-form .checkbox label {
        white-space: initial;
    }

    .resources_page .content.resources h1 {
        font-size: 16px;
    }


    .network .network-list {
        padding: 10px 35px 110px;
    }

        .network .network-list .intro h1 {
            font-size: 16px;
        }

        .network .network-list .colleagues .profile h4 {
            font-size: 15px;
        }

        .network .network-list .intro div.input-group input {
            width: 100%;
        }

        .network-listdiv {
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 15px;
        }

        .network .filterable .panel-title {
        font-size: 14px;
        text-overflow: ellipsis;
        }

        .network .panel table > thead > tr.filters > th > div {
            font-size: 10px;
            word-wrap: break-word;
            /* padding: 4px; RALI-4433 comment out */
        }

        .network .panel table > thead > tr.filters > th > a {
            font-size: 10px;
            word-wrap: break-word;
            /* padding: 4px; RALI-4433 comment out */
        }

        .network .panel table > thead > tr.filters > th {
            padding: 3px;
            width: 25%;
        }


        .network .panel table > tbody > tr > td, .network .filterable .panel-heading button {
            font-size: 9px;
            word-wrap: break-word;
        }

        .networkbtn-block {
            font-size: 8px;
        }

        .video-wrapper button.ytp-large-play-button {
        left: 35% !important;
    }

    .dashboarddiv .dashboard-overall > .row > div:first-child, .dashboarddiv .dashboard-overall > .row > div:nth-child(2) {
        padding: 0;
    }

    .dashboard-poll-results .back .chart-display-as .radio-inline {
        width: 50px;
    }

    .dashboarddiv {
        margin: 0 45px;
    }

        .dashboard-overall > .row > div,
        .dashboarddiv .avgclass {
            border-left: none !important;
        }


    .template-wrapper .bottom-bar .activity-points-earned .points-earned, .template-wrapper .bottom-bar .activity-points-earned .add-sign, .template-wrapper .bottom-bar .activity-points-earned .bonus-points, .template-wrapper .bottom-bar .activity-points-earned .total-activity-points {
        font-size: 7.5px;
    }

    .template-wrapper .Inspire-content .choose-option .multiselect-native-select #showGroupDropdown li p {
        font-size: 9px;
    }

    .multiselect-container > li > a > label > input[type=checkbox] {
        width: 11px;
        height: 11px;
    }

    .template-wrapper .Inspire-content .dropdown-menu > li > a:first-child {
        width: 85px;
    }

    #forum-content-body {
        /*max-height: 267px;*/
        padding: 15px;
    }

    .forum-comments .forum-comment .forum-content {
        margin-left: 0px;
    }

    .template-wrapper #myModal {
        top: 17%;
    }

    .jubi-logo {
        margin-top: 26px;
        padding-left: 27.5px;
    }

        .jubi-logo img {
            width: 57.5px;
            height: 37.5px;
        }

    .LEARN-DO-INSPIRE {
        margin-top: 40.6px;
        padding-right: 26.6px;
        font-size: 15px;
    }

    #loginForm,
    #Re-loginForm,
    #loginForm input,
    #Re-loginForm input {
        width: 100%;
        max-width: 234.5px;
        height: 35.5px;
        padding: 8px 10px;
    }

        #loginForm div.form-group,
        #Re-loginForm div.form-group {
            margin-bottom: 22px;
        }

    .Forgot-your-password {
        margin-top: -9.5px;
        margin-bottom: 20px;
    }

        .Forgot-your-password a {
            font-size: 15px;
        }

    #loginForm button,
    #Re-loginForm button {
        width: 100%;
        max-width: 234.5px;
        height: 35.5px;
        border-radius: 2.5px;
        font-size: 15px;
        padding: 5px;
    }

    #wrapper {
        background-position: left center;
    }

    #Re-loginForm img {
        width: 28.5px;
        height: 28px;
    }

    .Welcome-Back-Message {
        font-size: 12.5px;
        margin-bottom: 12px;
    }

    .relogin p {
        margin-bottom: 30px;
        margin-top: 50px;
    }

    .welcome-message {
        margin: 0;
        max-width: 100%;
        width: 100%;
    }

        .welcome-message img.program-image {
            left: 0;
            right: 0;
            max-width: 100%;
            width: 100%;
            height: 262px;
        }

        .welcome-message img.profile-image {
            margin: 15.5px 10px;
            width: 35.5px;
            height: 35px;
        }

    #wrapper-intro .modal-dialog {
        margin: 0;
    }

    #wrapper-intro #myModal {
        padding: 0 !important;
    }

    .PROGRAM {
        font-size: 10px;
        width: 66px;
        letter-spacing: 2.8px;
    }

    .LEAD-TO-INSPIRE {
        font-size: 21px;
        letter-spacing: 0.7px;
    }

    .GET-STARTED {
        width: 116.5px;
        height: 25px;
        padding: 5px 9.5px;
        font-size: 9px;
    }

    #wrapper-intro .clearfix {
        height: 106px;
    }

    .program-intro {
        padding: 0;
    }

    #wrapper-intro button.close {
        padding: 20px;
        top: 10px;
    }

    .upon-completion-message,
    .GET-STARTED-BIG {
        max-width: 100%;
        width: 100%;
        font-size: 15px;
        letter-spacing: -0.2px;
        padding: 38px 20px;
    }

    .welcome-message span {
        font-size: 8.5px;
        letter-spacing: -0.1px;
    }

    .quoteauthor-image {
        width: 39px;
        height: 39px;
    }

    .start-quote img {
        width: 17px;
    }

    .start-quote {
        margin-left: 0px;
        margin-right: 5px;
    }

    .quoteauthor-message img {
        width: 17px;
    }

    .quoteauthor-name {
        font-size: 7.5px;
        margin-left: 20px;
    }

    .GET-STARTED-BIG a {
        font-size: 19px;
        letter-spacing: -0.2px;
    }

    .GET-STARTED-BIG {
        padding: 20px;
        height: auto;
    }

    .powered-by {
        margin-top: 20px;
        margin-bottom: -21px;
        font-style: normal;
        font-size: 7.5px;
    }

        .powered-by img {
            height: 20px;
            width: 30.5px;
        }

    .program-topbar {
        max-height: 50px;
    }

        .program-topbar .Homepage {
            font-size: 16px;
            margin: 15.5px 0 0 11.5px;
            -webkit-padding-start: 0;
        }

            .program-topbar .right-profiledetails ul {
                -webkit-padding-start: 0;
            }

                .program-topbar .right-profiledetails ul li {
                    vertical-align: top;
                    margin-top: 17px;
                    line-height: 10px;
                }

    .notification-ring {
        width: 11.5px;
        height: 11.5px;
        font-size: 8px;
        padding-left: 4px;
        letter-spacing: 0.1px;
        padding-top: 1px;
        margin-top: 0;
    }

    .profile-info {
        height: 72px;
        margin: 0;
    }

        .profile-info .points-count,
        .profile-info .designation {
            font-size: 7px;
        }

    span.fa-bell-o {
        margin-top: 0px;
        padding-right: 12.1px;
        font-size: 14px;
    }

    .profile-info .profile-image {
        margin-top: -4.7px;
        /*margin-right: 14.5px;*/
    }

    .profile-info li img {
        width: 24px;
        height: 23.7px;
    }

    .profile-info .name {
        letter-spacing: 0.1px;
        font-size: 10px;
    }

    .profile-info .points-count {
        font-size: 7px;
    }

    .program-menu {
        height: 22px;
        padding: 0px;
        text-align: left;
    }

        .program-menu ul {
            -webkit-padding-start: 0;
            padding: 0 0 0 12px;
            display: none;
        }

    ul.quest_mobile_menu {
        display: block;
    }


    .program-status {
        font-size: 7.5px;
        margin-right: 112px;
    }

    .filters,
    .Active-All {
        font-size: 7.5px;
        margin-left: -28px;
    }

    .Program-bg-msg {
        top: -184.5px;
        margin-bottom: -80px;
    }

    .program-body .PROGRAM {
        font-size: 8px;
        letter-spacing: 2.2px;
        width: 54.5px;
        margin-bottom: 6px;
    }

    .program-body .LEAD-TO-INSPIRE {
        font-size: 14px;
        letter-spacing: 0.4px;
    }

    .GO-TO-QUEST-BOARD a {
        font-size: 11.5px;
        letter-spacing: 0.1px;
    }

    .Program-bg-image {
        max-height: 296px;
        /*max-width: 182.5px;*/
    }

        .Program-bg-image img,
        .Program-completed-image img {
            width: 100%;
        }

        .Program-bg-image img {
            height: 329.5px;
        }

    .Program-completed-image img {
        height: 286.5px;
    }

    .program-img-height {
        max-height: 340px;
    }

    .GO-TO-QUEST-BOARD {
        height: 44.2px;
        max-width: 94.6%;
        padding: 14px;
        width: 100%;
    }

    .marginleft {
        padding: 0;
        margin: 0;
    }

    .Progress-section-completed {
        padding: 14.5px 0 0 11px;
    }
    /* This section was removed -2nd may-Manisha */
    /* .Program-bg-image {
        max-height: 296px;

    } */

    .PROGRAM-DETAILS {
        font-size: 10px;
        letter-spacing: 0.9px;
        margin-right: 5.5px;
        margin-bottom: 5.5px;
    }

    .Progress-section {
        padding: 17px 0 0 12.5px;
    }

    .program-body .fa-info {
        border-radius: 10px;
        width: 11.5px;
        height: 11.5px;
        padding: 0px 4px;
        border: solid 1px #979797;
        font-size: 11.5px;
    }

    .marginright {
        padding: 0;
        margin: 0;
    }

    .program-body .fa-info:before {
        font-size: 5.8px;
    }

    .program-body .notification-count {
        width: 12px;
        height: 12px;
        border: solid 1px #e8a105;
        padding-left: 3px;
        margin-right: 5.5px;
        margin-bottom: 6.5px;
    }

    .notification-count span {
        font-size: 8px;
    }

    .program-body .Notifications {
        font-size: 10px;
    }

    .program-body .total-points p {
        margin-bottom: 4.5px;
    }

    .program-body hr.programdetails {
        max-width: 139.4px;
        border: solid 0.5px #ffffff;
    }

    .programdetailsleft {
        padding-top: 19.5px;
    }

    .program-body .total-points {
        font-size: 7.5px;
    }

    .program-body p.progressbar {
        max-width: 121.1px;
        height: 7.1px;
        margin-bottom: 17.9px !important;
    }

        .program-body p.progressbar span {
            width: 29.8px;
            height: 7.1px;
        }

    .program-body .leaderboard-rank {
        font-size: 7.5px;
    }

    .leaderboard-rank p.rank,
    .leaderboard-rank .out-of {
        font-size: 13px;
    }

    .leaderboard-rank .profilename {
        font-size: 10px;
    }

    .leaderboard-rank p.rank {
        margin-bottom: 16px;
    }

    .progress-status {
        font-size: 7.5px;
        padding: 14.5px 0 0;
    }

        .progress-status .learn img,
        .progress-status .do img,
        .progress-status .inspired img,
        .progress-status .badges img {
            width: 17px;
            height: 15.1px;
            padding-right: 3px;
        }

        .progress-status .learn,
        .progress-status .do,
        .progress-status .inspired,
        .progress-status .badges {
            font-size: 7px;
            padding: 0 0 3.4px;
        }

    .UP-NEXT img {
        max-width: 72.5px;
        width: 100%;
    }

    .UP-NEXT {
        font-size: 6px;
        margin: 0;
        padding: 0;
    }

        .UP-NEXT p {
            margin: 0;
            padding: 0px 0 14.5px 0;
        }

    .PROGRESS-TO-KPIS {
        font-size: 5px;
        margin: 0;
        padding: 0;
    }

    .positionUPNEXT,
    .positionKPI {
        display: none;
    }

    .positionUPNEXTmobile,
    .positionKPImobile {
        display: block;
        margin-top: 23px;
    }

    .positionUPNEXTmobile {
        margin-top: 30px;
    }

    .PROGRESS-TO-KPIS img {
        width: 30.8px;
        margin: -2.7px 6.2px 0;
    }

    .positionleft {
        right: 50%;
    }

    hr.programdetails-mobile {
        display: none;
    }

    .Buddies {
        font-size: 10px;
        letter-spacing: 0.3px;
        margin: 0;
        display: block;
        margin-bottom: 10px;
    }

    .buddies-desk {
        padding: 0;
        text-align: center;
        float: right;
        top: 34px;
    }

    .Buddies1 {
        margin: 0;
    }

        .Buddies1 img,
        .Buddies2 img {
            width: 23.8px;
            height: 23px;
            margin: 0;
        }

        .Buddies1 span,
        .Buddies2 span {
            font-size: 6px;
            letter-spacing: 0.2px;
        }

    .program-body hr.programdetailsend {
        margin: 0;
    }

    .programoverlay .COMPLETED {
        display: none;
    }

    .completion_over_image {
        padding: 0;
        top: -140px;
        margin-bottom: -64px;
    }

    .programoverlay .completed_programname {
        font-size: 14px;
        letter-spacing: 0.4px;
        opacity: 0.33;
        width: 98%;
    }

    .PROGRAMCOMPLETED p {
        font-size: 11.5px;
        letter-spacing: 0.2px;
    }

    .PROGRAMCOMPLETED {
        height: 39px;
        max-width: 94.6%;
        padding: 14px;
        width: 100%;
    }

    .Program-completed-image {
        max-height: 275.5px;
    }

    footer.powered-by {
        margin-top: 23px;
        margin-bottom: 10px;
        text-align: left;
    }

        footer.powered-by span {
            font-size: 7.5px;
        }

    ul li ul.dropdown-green {
        width: 97.5px;
        height: auto;
        left: -36px;
        padding: 5px 14px;
        top: 21px;
    }

    .arrow-up-green {
        top: -9px;
        left: 55px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    ul li ul.dropdown-green li a,
    ul li ul.dropdown li a {
        font-size: 7.5px;
    }

    ul li ul.dropdown-green li,
    ul li ul.dropdown li {
        padding: 6px 0;
        line-height: 10px;
    }

    ul li ul.dropdown {
        width: 97.5px;
        /* This line was removed -2nd may-Manisha */
        /*      height: 85px; */
        top: 50px;
        padding: 0 14px 0;
    }

    .dashboard-wrapper ul li ul.dropdown {
        width: 130.5px;
        height: auto;
        top: 32px;
    }

    .dashboard-wrapper .program-topbar .right-profiledetails ul li ul.dropdown li {
        margin-top: -10px;
        padding: 20.5px 14px 6px 0;
        margin-left: 14px;
    }

    .dashboard-wrapper .arrow-up {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: -7px;
    }

    .dashboard-wrapper .arrow-up-green {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: -5px;
        left: 30px;
    }

    .dashboard-wrapper ul li ul.dropdown-green {
        left: -15px;
    }

    .arrow-up {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #041f2f !important;
        top: -10px;
        left: 50px;
    }

    #resetForm input,
    #newPwdForm input {
        width: 100%;
        max-width: 234.5px;
        height: 35.5px;
        padding: 8px 10px;
        font-size: 15px;
        margin-bottom: 23.5px;
    }

    #newPwdForm input {
        margin-bottom: 1.5px;
    }

    #resetForm button,
    #newPwdForm button {
        width: 100%;
        max-width: 234.5px;
        height: 40px;
        padding: 8px 10px;
        font-size: 15px;
        margin-bottom: -0.5px;
    }

    #newPwdForm button {
        margin-top: 28px;
    }

    .Reset-Password,
    .Email-Sent,
    .New-Password,
    .success-msg {
        font-size: 17.5px;
        /* margin-top: 104.5px; */
    }



    .Check-your-email-for,
    .Your-password-has-be {
        font-size: 12.5px;
        margin-bottom: 14.5px;
        margin-top: 9px;
    }

    #resetForm a.Login,
    .Email-Sent a.Login,
    #newPwdForm a.Login,
    .success-msg a.Login {
        font-size: 15px;
    }

    .Enter-your-email-and,
    .Please-enter-your-ne {
        font-size: 12.5px;
        margin-bottom: 27px;
        margin-top: 9px;
    }

    #newPwdForm .error-msg {
        font-size: 15px;
        margin-top: -12px;
        margin-bottom: 17px;
    }

    .questboard-header-wrapper .program-topbar {
        max-height: 50px;
    }
	.questboard-header-wrapper li.logo {
		width: 72px;
	}
		.questboard-header-wrapper .program-topbar li.logo img,
		.dashboard-header-wrapper .program-topbar li.logo img {
			max-width: 60px;
			height: 50px;
		}

        .questboard-header-wrapper .program-topbar .right-profiledetails {
            margin: 0;
            padding: 0;
            /*margin-right: 4px;*/
            /*padding-right: 10px;*/
        }

    .questboard-header-wrapper .fa-bell-o {
        padding-right: 2.6px;
    }

	.questboard-header-wrapper .program-topbar .program-name {
		font-size: 12px;
		white-space: normal;
		margin: 0px 0px 0px -10px;
		padding: 5px 0px 0px 0px;
		width: 130px;
	}
	#myDIV1 {
		white-space: nowrap;
		padding: 4px 0px 0px 0px;
	}
	.dropdown_select:before {
		margin: -8px -5px 0px 0px;
	}
	.active_drop.dropdown_select:before {
		right: 0 !important;
		color: #fff !important;
	}

	.questboard-header-wrapper .notification-ring {
		margin-right: 4.1px;
	}

    .questboard-header-wrapper .profile-info .profile-image {
        margin-right: 4.5px;
    }

    .questboard-header-wrapper .profile-info .name {
        font-size: 8px;
        margin-top: -8px;
    }

    .questboard-header-wrapper .profile-info .designation,
    .questboard-header-wrapper .profile-info .points-count {
        font-size: 7px;
    }



    .questboard-header-wrapper .program-menu ul.quest_mobile_menu {
        padding: 4px 0px 0px 8px;
        height: 27px;
        border-radius: 4px;
        background-color: #777;
        display: block;
        border: none;
        width: 150px;
        /*dinesh chgn to 150 from 91.5px 5/2/2017*/
        color: #073d35;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

        .questboard-header-wrapper .program-menu ul.quest_mobile_menu a {
            font-family: Helvetica;
            font-size: 12px;
            /*Dinesh chgn to 12px from 10 5/2/2017*/
            font-weight: bold;
            text-align: center;
            color: #ffffff;
            /*Dinesh chgn to white from #073d35 5/2/2017*/
        }

            .questboard-header-wrapper .program-menu ul.quest_mobile_menu a span {
                margin-right: 40px;
            }

        .questboard-header-wrapper .program-menu ul.quest_mobile_menu:hover {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

    .questboard-header-wrapper ul.quest_mobile_menu ul.dropdown {
        background-color: #777;
        height: auto;
        /*Dinesh chgn to auto from 131px. */
        top: 16px;
        margin-top: 3px;
        width: 150px;
        /*Dinesh chgn to 150 from 91.5px. */
        left: -8px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        opacity: 1;
        padding: 0;
        margin: 0;
    }

    .questboard-header-wrapper ul.quest_mobile_menu li {
        padding: 0;
        width: 135px;
    }

    .questboard-header-wrapper ul.quest_mobile_menu ul.dropdown li {
        font-family: Helvetica;
        font-size: 12px;
        line-height: normal;
        letter-spacing: 0px;
        color: #ffffff;
        margin: 0;
        padding: 0;
        text-align: left;
        padding-left: 13px;
        border-bottom: solid 0.5px rgba(226, 219, 21, .18);
    }

    .questboard-header-wrapper .program-menu {
        height: 31.5px;
        padding: 3px 0 0 58px;
    }

    .questboard-wrapper .program-body {
        font-size: 13px;
    }
    /* This section was removed -2nd may-Manisha */
    /*     .mobile-quest-heading {
        margin-left: 13.5px;

    } */

    .questboard-wrapper .desktop_view {
        display: block;
        height: 100%;
    }

    .mobile-quest-heading {
        margin: 22.7px 0 14.8px 21px;
    }
    /* This section was removed -2nd may-Manisha */
    /*  .questboard-wrapper .desktop_view {
        display: none;

    } */
    /* .questboard-wrapper .Learn_tile div.status, .questboard-wrapper .Do_tile div.status, */
    /* .questboard-wrapper .Inspire_tile div.status, .questboard-wrapper div.status-image { */
    /* padding: 7.4px 9.7px !important; */
    /* height: 117.9px !important; */
    /* } Manisha removed 05/18/2017*/

    .questboard-wrapper .Learn_tile .fa-graduation-cap {
        font-size: 14.9px;
    }

    .questboard-wrapper .status .completed,
    .questboard-wrapper .status-image .completed {
        font-size: 6px;
        height: 12.6px;
        padding: 3.6px 6.3px;
    }

    .questboard-wrapper span.corner {
        border-top: 19.7px solid #f1efef;
        border-left: 21.1px solid transparent;
    }

    .questboard-wrapper .status .heading,
    .questboard-wrapper .status-image .heading {
        font-size: 14px !important;
    }

    .questboard-wrapper .tile-top {
        height: 22px;
    }


    /* No more required - 2nd May Manisha*/
    /* 
    .questboard-wrapper .mobile_view .back {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
    }

    .mobile_view .Learn_tile.flipped, .mobile_view .Do_tile.flipped, .mobile_view .Inspire_tile.flipped {
        -webkit-transform: rotateY( 180deg );
        -moz-transform: rotateY( 180deg );
        -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );

    } */

    /*.questboard-wrapper .Inspire_tile .badge-img img {
        width: 33px;
        height: 39px;
    }

    .questboard-wrapper .Do_tile .badge-img img {
        width: 33.3px;
        height: 38px;
    }*/

    /*.questboard-wrapper .badge-img img {
        width: 56.2px;
        height:56.2px;
    }*/

    .questboard-wrapper .status .locked img,
    .questboard-wrapper .status-image .locked img {
        height: 12.1px;
        margin-top: -22.5px;
        /*manisha added 05/18/2017, Dinesh changed to 0.5 from -22.5 5/18/2017 */
        margin-right: 7.5px;
        /*manisha added 05/18/2017*/
    }

    .questboard-wrapper .info .activity-name {
        /* margin-bottom: 5.7px; */
        /* font-size: 10px;
        height: 12px; */
    }

    .questboard-wrapper .Learn_tile div.info,
    .questboard-wrapper .Do_tile div.info,
    .questboard-wrapper .Inspire_tile div.info {
        padding: 7.4px 9.7px;
        height: 55.1px;
    }

    .questboard-wrapper .info .points_challenges,
    .questboard-wrapper .info .points,
    .questboard-wrapper .info .challenges {
        font-size: 11.5px;
    }

    .questboard-wrapper footer.powered-by {
        margin: 84px 0 21.5px 21px;
    }

        .questboard-wrapper footer.powered-by span {
            margin-left: 6px;
            margin-right: 20px;
        }

    .questboard-wrapper .Learn_tile div.front,
    .questboard-wrapper .Learn_tile div.back,
    .questboard-wrapper .Do_tile div.front,
    .questboard-wrapper .Do_tile div.back,
    .questboard-wrapper .Inspire_tile div.front,
    .questboard-wrapper .Inspire_tile div.back {
        margin-bottom: 16.5px;
    }

    .questboard-wrapper .Learn_tile .back .status,
    .questboard-wrapper .Do_tile .back .status,
    .questboard-wrapper .Inspire_tile .back .status,
    .questboard-wrapper .back .status-image {
        font-size: 7.5px;
        letter-spacing: 0.2px;
    }

    .questboard-wrapper .back .BASE {
        font-size: 7.5px;
        margin-top: 27.5px;
    }

    .questboard-header-wrapper .My-Programs ul {
        height: 150px;
    }

    .questboard-header-wrapper ul li ul.dropdown {
        width: 130.5px;
        height: auto;
        top: 25px;
        margin-top: 3px;
        left: -80px;
    }

        .questboard-header-wrapper ul li ul.dropdown li a {
            line-height: 1.6;
            letter-spacing: 0.2px;
        }

        .questboard-header-wrapper ul li ul.dropdown li {
            margin: 10px 14px;
        }

    .My-Programs,
    .questboard-header-wrapper .My-Programs span {
        font-size: 7.5px;
        line-height: 1.27;
    }

    .questboard-header-wrapper .My-Programs img {
        width: 20px;
        margin-right: 0;
    }

    .questboard-header-wrapper .My-Programs li {
        margin: 6px 0 !important;
    }

    .questboard-wrapper .arrow-up {
        border-left: 7.5px solid transparent;
        border-right: 7.5px solid transparent;
        border-bottom: 7.5px solid #041f2f !important;
        top: -6px;
        left: 55px;
    }

    .questboard-wrapper .level1,
    .questboard-wrapper .level2,
    .questboard-wrapper .level3 {
        font-size: 10px;
        margin-left: 20.5px;
        height: 14px;
        max-width: 190px;
        /*manisha changed 05/18/2017*/
    }

    .questboard-wrapper .row1,
    .questboard-wrapper .row2,
    .questboard-wrapper .row3 {
        padding-top: 23px;
        margin-bottom: 30px;
        /*padding-left: 10px; changes for questboard*/
        height: 400px;
        padding: 23px;
    }

    .objective-wrapper,
    .challenge-wrapper,
    .congratulations-wrapper,
    .template-wrapper {
        position: absolute;
    }

    .topbar {
        height: 51px;
        margin: 0;
        padding: 0;
    }

        .topbar p.heading {
            font-size: 7px;
            letter-spacing: 0.2px;
        }

        .topbar a.questboard-icon {
            width: 19.2px;
            margin: 12.5px auto 6.6px;
        }

        .topbar .questboard-icon i {
            font-size: 8.5px;
        }

        .topbar .quest-section {
            height: 51px;
        }

        .topbar .greenbutton,
        .topbar .graybutton,
        .topbar .yellowbutton {
            display: none;
        }

        .topbar .greenbutton-mobile {
            float: left;
            display: inline-block;
        }

        .topbar .graybutton-mobile,
        .topbar .yellowbutton-mobile {
            display: block;
            right: 0;
            top: 0;
            position: absolute;
        }

        .topbar .yellowbutton-mobile {
            width: 16px;
            height: 51px;
            background-color: #9d680b;
        }

            .topbar .yellowbutton-mobile img {
                height: 23.8px;
                width: 7.1px;
                margin: 14px auto 0;
                display: block;
            }

        .topbar .greenbutton-mobile img,
        .topbar .graybutton-mobile img {
            width: 16px;
            height: 51px;
        }

        .topbar .objective-title {
            height: auto;
            padding: 5.5px 5px 5.5px 0px;
            padding-left: 30px;
            max-height: 21px;
        }

        .topbar .objective {
            height: 30px;
            font-size: 7.5px;
            letter-spacing: 0px;
            padding: 5px 12px;
            padding-left: 30px;
        }

        .topbar .objective-title .activity-name {
            font-size: 8.5px;
            letter-spacing: 0;
            margin-right: 7.5px;
        }
        /*.topbar .objective-section, */

        .topbar .nextchallenge {
            height: 51px;
            display: block;
        }

        .topbar .nextchallenge {
            padding: 6px 14.5px;
        }

        .topbar .nextchallenge-heading {
            font-size: 8.5px;
            letter-spacing: 0px;
            margin-bottom: 9px;
        }

        .topbar .nextchallenge-desc {
            font-size: 7.5px;
            letter-spacing: 0px;
            width: 95%;
        }

        .topbar .challenge-title {
            height: 30px;
            font-size: 7.5px;
            letter-spacing: 0px;
            padding: 10px 5px;
            padding-left: 30px;
            width: 100%;
        }

        .topbar .objective-section span.activity {
            float: right;
            width: auto;
            height: 10px;
            border-radius: 41px;
            border: solid 0.5px #ffffff;
            font-size: 6.5px;
            padding: 1px 4px;
        }

    .objective-wrapper .obj-challenges {
        padding: 47.5px 48px 50px 56.5px;
        margin-bottom: 0;
    }

    .objective-wrapper .obj-challenges-container {
        top: 51px;
        bottom: 51px;
    }

    .objective-wrapper .obj-challenges img {
        max-width: 15.4px;
        max-height: 15.3px;
    }

    .objective-wrapper .objective-heading {
        margin-top: 2.8px;
        margin-bottom: 27px;
        font-size: 12.5px;
        letter-spacing: 0px;
    }

    .objective-wrapper .obj-description {
        font-size: 10px;
        letter-spacing: 0px;
        width: 100%;
    }

    .objective-wrapper .challenges {
        margin-top: 33.5px;
        font-size: 15px;
    }

        .objective-wrapper .challenges .challenge1,
        .objective-wrapper .challenges .challenge2,
        .objective-wrapper .challenges .challenge3,
        .objective-wrapper .challenges .challenge4,
        .objective-wrapper .challenges .challenge5,
        .objective-wrapper .challenges .challenge1finish,
        .objective-wrapper .challenges .challenge2finish,
        .objective-wrapper .challenges .challenge3finish,
        .objective-wrapper .challenges .challenge4finish,
        .objective-wrapper .challenges .challenge5finish {
            max-width: 300px;
            height: auto;
            border-radius: 34.5px;
            border: solid 0.5px #dddddd;
        }

            .objective-wrapper .challenges .challenge1 p,
            .objective-wrapper .challenges .challenge2 p,
            .objective-wrapper .challenges .challenge3 p,
            .objective-wrapper .challenges .challenge4 p,
            .objective-wrapper .challenges .challenge5 p,
            .objective-wrapper .challenges .challenge1finish p,
            .objective-wrapper .challenges .challenge2finish p,
            .objective-wrapper .challenges .challenge3finish p,
            .objective-wrapper .challenges .challenge4finish p,
            .objective-wrapper .challenges .challenge5finish p {
                font-size: 10px;
                line-height: 1.5;
                letter-spacing: 0.1px;
                /*margin-top: 6px;*/
                margin-left: 12px;
                padding-right: 10px;
            }

                .objective-wrapper .challenges .challenge1finish p span,
                .objective-wrapper .challenges .challenge2finish p span,
                .objective-wrapper .challenges .challenge3finish p span,
                .objective-wrapper .challenges .challenge4finish p span,
                .objective-wrapper .challenges .challenge5finish p span {
                    display: inline-block;
                    width: 75%;
                    word-break: break-all;
                }

                .objective-wrapper .challenges .challenge1finish p img,
                .objective-wrapper .challenges .challenge2finish p img,
                .objective-wrapper .challenges .challenge3finish p img,
                .objective-wrapper .challenges .challenge4finish p img,
                .objective-wrapper .challenges .challenge5finish p img {
                    margin-top: 0px;
                    margin-right: 0;
                }

                    .objective-wrapper .challenges .challenge1finish p img.active,
                    .objective-wrapper .challenges .challenge2finish p img.active,
                    .objective-wrapper .challenges .challenge3finish p img.active,
                    .objective-wrapper .challenges .challenge4finish p img.active,
                    .objective-wrapper .challenges .challenge5finish p img.active {
                        margin-top: 6.5px;
                    }




    .objective-wrapper .bottom-bar .begin,
    .objective-wrapper .bottom-bar .challenge-description,
    .objective-wrapper .bottom-bar .discussion,
    .objective-wrapper .bottom-bar-resume .resume,
    .challenge-wrapper .bottom-bar-next .next,
    .objective-wrapper .bottom-bar-resume label.resume,
    .challenge-wrapper .bottom-bar-next label.next,
    .objective-wrapper .bottom-bar-resume .challenge-description,
    .objective-wrapper .bottom-bar-resume .discussion,
    .challenge-wrapper .bottom-bar-next .challenge-description,
    .challenge-wrapper .bottom-bar-next .discussion,
    .congratulations-wrapper .bottom-bar .challenge-description,
    .congratulations-wrapper .bottom-bar .discussion,
    .template-wrapper .bottom-bar-inspire .discussion,
    .template-wrapper .bottom-bar-story .discussion,
    .template-wrapper .bottom-bar-encourage .discussion {
        padding: 0;
        height: 51px;
    }

    .objective-wrapper .bottom-bar .begin,
    .objective-wrapper .bottom-bar-resume .resume,
    .challenge-wrapper .bottom-bar-next .next,
    .objective-wrapper .bottom-bar-resume label.resume,
    .challenge-wrapper .bottom-bar-next label.next {
        padding-top: 17.5px;
    }

        .objective-wrapper .bottom-bar .begin a,
        .objective-wrapper .bottom-bar-resume .resume a,
        .challenge-wrapper .bottom-bar-next .next a,
        .objective-wrapper .bottom-bar-resume label.resume,
        .challenge-wrapper .bottom-bar-next label.next {
            font-size: 12.5px;
            letter-spacing: 0.1px;
        }

    .objective-wrapper .bottom-bar .challenge-description p.max-points,
    .objective-wrapper .bottom-bar-resume .challenge-description p.max-points,
    .objective-wrapper .bottom-bar-resume .points-earned,
    .objective-wrapper .bottom-bar-resume .points-earned .out-of {
        font-size: 7.5px;
        margin-left: 0;
        letter-spacing: 0.2px;
        margin-top: -2px; /*fixed for 889*/
    }



    .challenge-wrapper .content-bar .question .answers .answer {
        line-height: 1;
        margin: 0;
    }

    .challenge-wrapper .content-bar .question .text-sm {
        font-size: 12px !important;
    }

    .challenge-wrapper .content-bar .question .answers .answer input {
        margin-top: 0px;
    }


    .challenge-wrapper .bottom-bar-next .challenge-description p.max-points,
    .challenge-wrapper .bottom-bar-next .points-earned .out-of,
    .challenge-wrapper .bottom-bar-next .points-earned,
    .congratulations-wrapper .bottom-bar .challenge-description p.max-points,
    .congratulations-wrapper .bottom-bar .points-earned .out-of,
    .congratulations-wrapper .bottom-bar .points-earned {
        font-size: 7.5px;
        margin-left: 0;
        letter-spacing: 0.2px;
    }

    .objective-wrapper .bottom-bar .challenge-description p:first-child,
    .objective-wrapper .bottom-bar-resume .challenge-description p:first-child,
    .challenge-wrapper .bottom-bar-next .challenge-description p:first-child,
    .congratulations-wrapper .bottom-bar .challenge-description p:first-child {
        font-size: 11px;
        letter-spacing: 0px;
        margin-left: 0;
        border-bottom: solid .5px #979797;
        padding-bottom: 6px;
    }

    .objective-wrapper .bottom-bar .challenge-description,
    .objective-wrapper .bottom-bar-resume .challenge-description,
    .congratulations-wrapper .bottom-bar .challenge-description {
        padding: 4px 2px;
        border: solid 1px #6a7a8a;
    }

    .challenge-wrapper .bottom-bar-next .challenge-description {
        padding: 0 0 0 3px;
        border: solid 1px #6a7a8a;
    }

        .challenge-wrapper .bottom-bar-next .challenge-description p:first-child {
            padding-top: 2px;
            padding-bottom: 4px;
        }

    .challenge-wrapper .This-Challenge-points {
        font-size: 7.5px;
        letter-spacing: 0.2px;
        margin: -5px 0 3px 0;
    }

    .objective-wrapper .bottom-bar .discussion img,
    .objective-wrapper .bottom-bar-resume .discussion img,
    .challenge-wrapper .bottom-bar-next .discussion img,
    .congratulations-wrapper .bottom-bar .discussion img,
    .template-wrapper .bottom-bar-inspire .discussion img,
    .template-wrapper .bottom-bar-story .discussion img,
    .template-wrapper .bottom-bar-encourage .discussion img {
        width: 21.3px;
        height: 17.5px;
    }

    .objective-wrapper .bottom-bar .discussion,
    .objective-wrapper .bottom-bar-resume .discussion,
    .challenge-wrapper .bottom-bar-next .discussion,
    .congratulations-wrapper .bottom-bar .discussion,
    .template-wrapper .bottom-bar-inspire .discussion,
    .template-wrapper .bottom-bar-story .discussion,
    .template-wrapper .bottom-bar-encourage .discussion {
        font-size: 8.5px;
        letter-spacing: 0px;
        padding-top: 9.9px;
    }

        .objective-wrapper .bottom-bar .discussion p,
        .objective-wrapper .bottom-bar-resume .discussion p,
        .challenge-wrapper .bottom-bar-next .discussion p,
        .congratulations-wrapper .bottom-bar .discussion p,
        .template-wrapper .bottom-bar-inspire .discussion p,
        .template-wrapper .bottom-bar-story .discussion p,
        .template-wrapper .bottom-bar-encourage .discussion p {
            margin-top: 2.3px;
        }

        .objective-wrapper .bottom-bar .discussion span.count,
        .objective-wrapper .bottom-bar-resume .discussion span.count,
        .challenge-wrapper .bottom-bar-next .discussion span.count,
        .congratulations-wrapper .bottom-bar .discussion span.count,
        .template-wrapper .bottom-bar-inspire .discussion span.count,
        .template-wrapper .bottom-bar-story .discussion span.count,
        .template-wrapper .bottom-bar-encourage .discussion span.count {
            width: 16px;
            height: 14.4px;
            font-size: 8.5px;
            letter-spacing: 0px;
            padding: 3px 5px;
            margin-top: -5px;
            margin-left: -5px;
        }

    .objective-wrapper .obj-challenges .challenges .completed span.tick-image {
        margin-right: 6.5px;
    }

    .objective-wrapper .obj-challenges .challenges .completed span img {
        width: 11.5px;
        height: 11.5px;
    }

    .challenge-wrapper .bottom-bar-next,
    .congratulations-wrapper .bottom-bar {
        position: absolute;
    }

    .challenge-wrapper .content-bar {
        padding: 31.5px 0px 0px;
        margin: 0 auto;
        top: 51.5px;
        bottom: 51px;
        height: calc(100% - 51.5px);
    }

        .challenge-wrapper .content-bar .question {
            font-size: 10px;
            line-height: 10px;
        }

        .challenge-wrapper .content-bar .question-text {
            display: table-footer-group;
            margin-bottom: 11.5px;
        }

        .challenge-wrapper .content-bar .question-image {
            display: table-header-group;
            padding: 0px;
        }

            .challenge-wrapper .content-bar .question-image img {
                /*margin-bottom: 23px; */
                /*height : 150px;*/
            }

        .challenge-wrapper .content-bar .question-text p {
            /*font-family: Roboto;*/
            font-size: 10px;
            line-height: 1.65;
            letter-spacing: -0.4px;
            color: #ddedf9;
        }

        .challenge-wrapper .content-bar .question-text .light-mode p {
            color: black;
        }

            .challenge-wrapper .content-bar .question-text p span {
                font-weight: bold;
                letter-spacing: normal;
            }

        .challenge-wrapper .content-bar .answer textarea {
            width: 100%;
            height: 60.5px;
            border: solid 0.5px #979797;
            font-size: 10px;
            letter-spacing: -0.4px;
            padding: 11.6px;
        }

        .challenge-wrapper .content-bar .success-response {
            width: 100%;
            font-size: 8.5px;
            line-height: 1.24;
            letter-spacing: 0.2px;
            padding: 6.5px 8px;
        }

        .challenge-wrapper .content-bar .failure-response,
        .challenge-wrapper .content-bar .noTouch-response {
            width: 100%;
            font-size: 8.5px;
            line-height: 1.24;
            letter-spacing: 0.2px;
            padding: 6.5px 8px;
        }

        .challenge-wrapper .content-bar .hint {
            font-size: 10px;
            letter-spacing: 0.2px;
        }

    .challenge-wrapper .overlay-points p {
        font-size: 13px;
        letter-spacing: 0.2px;
        margin-top: 92.5px;
        margin-bottom: 12.7px;
    }

    .challenge-wrapper .overlay-points {
        top: 7%;
        height: 93%;
    }

    .challenge-wrapper .success-overlay-points p {
        font-size: 13px;
        letter-spacing: 0.2px;
        margin-top: 92.5px;
        margin-bottom: 12.7px;
    }

    .challenge-wrapper .success-overlay-points {
        top: 7%;
        height: 93%;
    }

    .challenge-wrapper .points-circle .inner-circle {
        width: 90px;
        height: 90px;
        padding: 25px 20px;
    }

    .challenge-wrapper .points-circle {
        padding: 13px;
        width: 116px;
        height: 116px;
    }

        .challenge-wrapper .points-circle .inner-circle .points-number {
            font-size: 30.5px;
            letter-spacing: -1.2px;
        }

        .challenge-wrapper .points-circle .inner-circle .points-text {
            font-size: 15px;
            letter-spacing: -0.6px;
        }

    .congratulations-wrapper .topbar .nextactivity .activity-name {
        font-size: 8.5px;
        letter-spacing: 0px;
    }

    .congratulations-wrapper .topbar .nextactivity-heading {
        margin-bottom: 11px;
    }

    .congratulations-wrapper .topbar .nextactivity span.activity {
        height: 10px;
        width: 18.5px;
        border: solid 0.5px #ffffff;
        font-size: 6.5px;
        padding: 1px 4px;
        border-radius: 41px;
    }

    .congratulations-wrapper .topbar .nextactivity-desc {
        font-size: 9px;
        letter-spacing: 0px;
    }

    .congratulations-wrapper .topbar .congratulations {
        font-size: 9px;
        font-weight: 300;
        letter-spacing: 0px;
        height: 30px;
        padding: 5.5px 12px;
        padding-left: 30px;
    }

    .congratulations-wrapper .topbar .nextactivity {
        padding: 0px 12px;
        height: 51px;
    }

    .congratulations-wrapper .congratulations-content {
        width: 296.5px;
        margin: 15.5px auto 15px;
        border-radius: 2.5px;
        padding: 10.5px 34px 0;
    }

    .congratulations-wrapper .congratulations-container {
        top: 51.5px;
        bottom: 55px;
        height: calc(100% - 51.5px);
    }

    .congratulations-wrapper .congratulations-content .congrats {
        font-size: 12px;
        letter-spacing: 1.6px;
        margin-bottom: 14px;
    }

    .congratulations-wrapper .congratulations-content .congrats-msg {
        font-size: 12px;
        margin-bottom: 16px;
    }

    .congratulations-wrapper .congratulations-content .just-earned {
        font-size: 12.5px;
        letter-spacing: 0.2px;
        margin-bottom: 9px;
    }

    .congratulations-wrapper .congratulations-content .earned-points {
        width: 60px;
        height: 60px;
        padding-top: 26px;
        margin-right: 9.8px;
    }

        .congratulations-wrapper .congratulations-content .earned-points span {
            padding: 18px 10.5px;
            font-size: 10px;
            height: 47.5px;
            width: 47.5px;
            margin: -43px;
        }

    .congratulations-wrapper .congratulations-content .AND {
        font-size: 10px;
        letter-spacing: 0.1px;
        width: auto;
        margin-right: 10.3px;
        margin-top: 17px;
    }

    .congratulations-wrapper .congratulations-content .completion-badge img {
        width: 55px;
        height: 55px;
        margin: 2.5px;
    }

    .congratulations-wrapper .congratulations-content .completion-badge span {
        font-size: 6px;
    }

    .congratulations-wrapper .congratulations-content .You-can-learn,
    .congratulations-wrapper .congratulations-content .Here-is-some-additio,
    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up {
        font-size: 7.5px;
        margin-bottom: 14.5px;
    }

        .congratulations-wrapper .congratulations-content .Would-you-like-to-Up a.Upload-button {
            width: 98.5px;
            height: 27.5px;
            border-radius: 2.5px;
            font-size: 7.5px;
            padding: 5px 10px;
        }

        .congratulations-wrapper .congratulations-content .Would-you-like-to-Up .Upload-button img {
            width: 13px;
        }

        .congratulations-wrapper .congratulations-content .Would-you-like-to-Up p:first-of-type {
            font-size: 6px;
            line-height: 2.5;
            letter-spacing: 0px;
            margin-bottom: 5px;
        }

    .congratulations-wrapper .congratulations-content .file-link {
        font-size: 7px;
        letter-spacing: 0.1px;
    }

        .congratulations-wrapper .congratulations-content .file-link a.close img {
            vertical-align: super;
            width: 7.5px
        }

    .congratulations-wrapper .congratulations-content .participants img {
        width: 26.5px;
        height: 26.5px;
    }

    .congratulations-wrapper .congratulations-content .participants span:nth-of-type(4) {
        padding: 7px 5px;
        width: 26.5px;
        height: 26.5px;
        font-size: 9px;
        font-weight: 500;
        letter-spacing: 0px;
        text-align: center;
        color: #e8e8e8;
        border: solid 1px #c99b13;
    }

    .congratulations-wrapper .congratulations-content .participants p {
        font-size: 9px;
        letter-spacing: 0px;
    }

    .congratulations-wrapper .congratulations-content .participants span:nth-of-type(2) img {
        border: solid 1px #ffffff;
    }

    .congratulations-wrapper .congratulations-content .participants span {
        margin-left: -10px;
    }

    .template-wrapper .topbar .current-activity .currentactivity-heading,
    .template-wrapper .topbar .nextactivity-heading {
        margin-bottom: 10.5px;
        font-size: 8.5px;
    }

    .topbar .nextactivity span.activity,
    .topbar .current-activity span.activity {
        font-size: 7px;
        padding: 1px 4px;
    }

    .template-wrapper .topbar .current-activity .currentactivity-heading span:first-of-type {
        margin: 0 4.5px 0 10px;
    }

    .template-wrapper .topbar .current-activity,
    .template-wrapper .topbar .nextactivity {
        height: 51px;
        padding: 6px 10px;
    }

        .template-wrapper .topbar .current-activity .currentactivity-desc,
        .template-wrapper .topbar .nextactivity-desc {
            margin-left: 10px;
            font-size: 9px;
        }

    .template-wrapper .topbar .nextactivity-desc {
        margin-left: 0px;
    }

    .template-wrapper .Do-content {
        padding: 25px 23px 84px;
        bottom: 51px;
        height: calc(100% - 51.5px);
        top: 51.5px;
    }

        .template-wrapper .Do-content .Verification-Require {
            font-size: 10px;
            margin-bottom: 11.5px;
        }

        .template-wrapper .Do-content .Please-review-the-en {
            font-size: 9px;
            margin-bottom: 20px;
        }

        .template-wrapper .Do-content .aligntext {
            text-align: left;
        }

        .template-wrapper .Do-content .duedate-calendar {
            font-size: 7.5px;
            letter-spacing: 0px;
            float: left;
        }

    .verification-section md-content.datePickerCal label {
        font-size: 10px;
        margin: 0;
    }


    .template-wrapper .Do-content .duedate-calendar p {
        margin: 4px 3px 0 0;
    }

    .template-wrapper .Do-content .duedate-calendar input {
        width: auto;
        height: 19.5px;
        font-size: 7.5px;
        letter-spacing: 0px;
        padding: 0px 2px;
    }

    .template-wrapper .Do-content .duedate-calendar div {
        display: inline-block;
        background-color: rgb(71, 199, 125);
        float: left;
        padding: 3.5px 4.5px;
        width: 20px;
        height: 19.5px;
        margin-left: -20px;
    }

        .template-wrapper .Do-content .duedate-calendar div img {
            width: 11px;
            height: 12.5px;
        }

    .template-wrapper .Do-content .Activity-Rectangle {
        /*float: right;*/
        /*width: 179.5px;*/
        padding: 10px;
    }

    .template-wrapper .verification-section .Activity-Rectangle img {
        height: 26px;
    }

    .template-wrapper .Do-content .Activity-Guidance {
        font-size: 7.5px;
        letter-spacing: 0px;
        margin-bottom: 3.5px;
    }

    .template-wrapper .verification-section .links {
        font-size: 7px;
        line-height: 1;
        letter-spacing: 0px;
        margin-bottom: 3.5px;
    }

    .template-wrapper .Do-content .verification-section {
        margin-bottom: 13.5px;
        padding: 0;
    }

    .template-wrapper .Do-content .feedback-section {
        padding: 0;
    }

    .template-wrapper .Do-content .add-verification {
        padding: 9px 7.5px;
        border-radius: 3.5px;
    }

        .template-wrapper .Do-content .add-verification p:first-of-type {
            font-size: 9px;
            margin-bottom: 7px;
            margin-left: 0px;
        }

        .template-wrapper .Do-content .add-verification a {
            padding: 7.5px 31px;
            border-radius: 5px;
            font-size: 7.5px;
            font-weight: bold;
            letter-spacing: 0.2px;
            margin-bottom: -4.8px;
        }

        .template-wrapper .Do-content .add-verification .media-icon {
            border-radius: 1px;
            margin-right: 6.2px;
            padding: 6px;
        }

            .template-wrapper .Do-content .add-verification .media-icon img {
                width: 36px;
                height: 31px;
            }

        .template-wrapper .Do-content .add-verification .media-link,
        .template-wrapper .Do-content .add-verification .media-desc {
            height: 22.5px;
            border-radius: 1px;
            border: solid 0.5px #979797;
            padding: 5px 7.8px;
            font-size: 8px;
        }

        .template-wrapper .Do-content .add-verification .media-desc {
            height: 35px;
        }

        .template-wrapper .Do-content .add-verification .media-link {
            margin-bottom: 4px;
        }

        .template-wrapper .Do-content .add-verification .media-uploaded .close {
            font-size: 7.5px;
        }

            .template-wrapper .Do-content .add-verification .media-uploaded .close img {
                height: 7.5px;
                left: 6px;
            }

        .template-wrapper .Do-content .add-verification .media-image .audio_desc {
            width: 100%;
            font-size: 10px;
        }


        .template-wrapper .Do-content .add-verification .media-info.audio-media {
            padding: 6px;
            width: 100%;
        }

        .template-wrapper .Do-content .add-verification .media-info {
            padding: 6px;
        }

    .template-wrapper .Inspire-content .close img.audioclose {
        height: 7.5px;
        position: absolute;
        top: -44px;
    }

    .template-wrapper .Inspire-content .close img {
        height: 7.5px;
    }

    .template-wrapper .Do-content .add-verification .media-uploaded {
        padding: 4px 0 4px 7px;
        margin-bottom: 10px;
    }

    .template-wrapper .Do-content .add-verification .provide-feedback textarea {
        height: 57px;
        border-radius: 1px;
        border: solid 0.5px #979797;
        font-size: 9px;
        padding: 7.5px 10.5px;
    }

    .template-wrapper .Do-content .add-verification .provide-feedback {
        margin-bottom: 13px;
    }

    .template-wrapper .Do-content .user-image img {
        width: 19.3px;
        height: 19.3px;
    }

    .template-wrapper .Do-content .user-image {
        margin-right: 5.7px;
    }

    .template-wrapper .Do-content .users-comments .user-info-desc .user-namedate {
        font-size: 7px;
    }

    .template-wrapper .Do-content .users-comments .user-info-desc .comment {
        font-size: 9px;
    }

    .template-wrapper .Do-content .add-verification .users-comments .user-info-desc div.other-user-info p {
        width: 50%;
        font-size: 7px;
    }

    .template-wrapper .Do-content .add-verification .users-comments .user-info-desc div.other-user-info span img {
        width: 15.5px;
        height: 28px;
        margin-left: 5px;
    }

    .template-wrapper .Do-content .question_answer_response {
        border-radius: 3.5px;
        padding: 12px 7.5px 14.5px;
    }

        .template-wrapper .Do-content .question_answer_response p {
            margin-bottom: 6px;
            font-size: 9px;
        }

        .template-wrapper .Do-content .question_answer_response .question1 {
            margin-bottom: 10px;
        }

        .template-wrapper .Do-content .question_answer_response p.question {
            letter-spacing: 0px;
            margin-bottom: 9.5px;
            margin-left: 0;
            font-size: 9px;
        }

        .template-wrapper .Do-content .question_answer_response textarea {
            height: 35px;
            border-radius: 1px;
            border: solid 0.5px #979797;
            font-size: 9px;
            padding: 6px 9px;
            margin-bottom: 10.5px;
        }

    .template-wrapper .Do-content .user-info-desc {
        width: 89%;
    }

    .template-wrapper .bottom-bar .activity-points-earned {
        height: 51px;
        font-size: 8.5px;
        padding: 14.5px 10.5px;
        border: solid 1px #6a7a8a;
    }

    .template-wrapper .bottom-bar .submit,
    .template-wrapper .bottom-bar .next {
        padding: 17.5px;
        height: 51px;
        font-size: 12.5px;
        letter-spacing: 0.1px;
    }

    .template-wrapper .bottom-bar .activity-points-earned p:first-of-type {
        margin-bottom: 2px;
    }

    .template-wrapper .add-modal,
    .add-modal {
        width: 282.1px;
        border-radius: 3px;
        background-color: #2b3a53;
        box-shadow: 0.5px 0 2px 0 rgba(0, 0, 0, 0.5);
    }

        .template-wrapper .add-modal .addverification,
        .add-modal .addverification {
            height: 32.7px;
            font-size: 16px;
            padding: 8px;
            border-radius: 3px;
        }

        .template-wrapper .add-modal .upload-from-computer,
        .add-modal .upload-from-computer {
            width: 148.5px;
            height: 25px;
            border-radius: 2px;
            font-size: 8px;
            letter-spacing: 0.2px;
            padding: 8px;
            margin: 19.3px auto 18.5px;
        }

        .template-wrapper .add-modal hr,
        .add-modal hr {
            margin: 0 55.2px 13px;
            border: solid 0.3px #ffffff;
        }

        .template-wrapper .add-modal .embed-media,
        .add-modal .embed-media {
            padding: 0 65.7px 40px;
        }

            .template-wrapper .add-modal .embed-media p,
            .add-modal .embed-media p {
                font-size: 9px;
            }

            .template-wrapper .add-modal .embed-media textarea,
            .add-modal .embed-media textarea {
                width: 147.8px;
                height: 36.5px;
                margin: 6px 0 16.5px;
                border-radius: 2px;
                font-size: 7.5px;
                padding: 5px;
            }

        .template-wrapper .add-modal a.cancelbutton,
        .add-modal a.cancelbutton {
            font-size: 8px;
            letter-spacing: 0.2px;
            padding: 7.5px 17px;
            border-radius: 2px;
        }

        .template-wrapper .add-modal a.addbutton,
        .add-modal a.addbutton {
            border-radius: 2px;
            font-size: 8px;
            letter-spacing: 0.2px;
            padding: 8px 24px;
        }

        .template-wrapper .add-modal button.addbutton,
        .add-modal button.addbutton {
            border-radius: 2px;
            font-size: 8px;
            letter-spacing: 0.2px;
            padding: 8px 24px;
        }

    .mobileview-down {
        height: 30px;
    }

    .mobileview-up {
        text-align: center;
    }

    .template-wrapper .Inspire-content .open > .dropdown-menu {
        min-width: 106px;
        height: 134px;
        top: 15px;
        border: solid .5px #ffffff;
        border-radius: 1.5px;
        width: 107px;
        overflow-x: hidden;
    }

        .template-wrapper .Inspire-content .open > .dropdown-menu .multiselect-search {
            height: 18.5px;
            border-radius: 1px;
            border: solid .5px #979797;
            font-size: 8px;
        }

    .template-wrapper .Inspire-content p.tooltip img {
        margin-left: 8.5px;
        width: 16.5px;
        height: 16px;
    }

    .template-wrapper .Inspire-content p.tooltip {
        font-size: 10px;
    }

    .template-wrapper .Inspire-content .text-sm.inspireMsg {
        font-size: 10px !important;
    }

    .template-wrapper .Inspire-content ul.inspire-tabs,
    .template-wrapper .Inspire-content .story-content ul.inspire-tabs {
        border: solid .5px #ececec;
        border-radius: 3.5px;
        float: none;
        display: inline-block;
        margin-bottom: 17px;
    }

        .template-wrapper .Inspire-content ul.inspire-tabs li {
            font-size: 9px;
            padding: 5.5px 6.5px;
        }

            .template-wrapper .Inspire-content ul.inspire-tabs li:nth-of-type(2) {
                width: 51.5px;
            }

            .template-wrapper .Inspire-content ul.inspire-tabs li:last-of-type {
                width: 58.5px;
            }

    .template-wrapper .Inspire-content textarea.appreciation-message {
        height: 99px;
        border: solid .5px #979797;
        margin-bottom: 10px;
        border-radius: 1px;
        font-size: 9px;
        padding: 9.5px 10.5px;
    }

    .template-wrapper .Inspire-content textarea.story-message,
    .template-wrapper .Inspire-content textarea.events-message,
    .template-wrapper .Inspire-content textarea.user-message,
    .template-wrapper .Inspire-content textarea.encourage-message {
        height: 55.5px;
        margin-bottom: 11px;
        border-radius: 1px;
        font-size: 9px;
        padding: 9.5px 10.5px;
        border: solid .5px #979797;
    }

    .template-wrapper .Inspire-content textarea.user-message {
        margin-bottom: 7.5px;
    }

    .template-wrapper .Inspire-content {
        padding: 18.5px 15px 103px;
        top: 51.5px;
        bottom: 51px;
        height: calc(100% - 51.5px);
    }

        .template-wrapper .Inspire-content .appreciate-content,
        .template-wrapper .Inspire-content .story-content,
        .template-wrapper .Inspire-content .encourage-content {
            display: table;
        }

    .tooltip .tooltiptext {
        width: 101.5px;
        font-size: 8px;
        border-radius: 6px;
        left: 50%;
        top: 160%;
        padding: 2.5px 5px;
    }

    .template-wrapper .Inspire-content .add-media {
        margin-top: 6px;
        margin-bottom: 14.3px;
    }

        .template-wrapper .Inspire-content .add-media img {
            width: 13px;
            height: 13px;
            margin-right: 6.3px;
        }

        .template-wrapper .Inspire-content .add-media a {
            border-radius: 2px;
            font-size: 7.5px;
            padding: 6.7px 33px;
            letter-spacing: 0.2px;
        }

    .template-wrapper .Inspire-content .media-icon {
        padding: 6px;
        border-radius: 1px;
    }

    .template-wrapper .Inspire-content .media-uploaded {
        padding: 4px 0 4px 5.5px;
        border-radius: 2px;
    }

    .template-wrapper .Inspire-content .media-info {
        padding: 7px;
    }

        .template-wrapper .Inspire-content .media-info.audio-media {
            padding: 7px;
            max-width: 100%;
        }

    .template-wrapper .Inspire-content .media-link {
        margin-bottom: 4px;
    }

    .template-wrapper .Inspire-content .media-link,
    .template-wrapper .Inspire-content .media-desc {
        padding: 5.5px 6.5px;
        border: solid 0.5px #979797;
        font-size: 8px;
        height: 21px;
        border-radius: 1px;
    }

    .template-wrapper .Inspire-content .media-desc {
        font-size: 8px;
        height: 34.5px;
    }

    .template-wrapper .Inspire-content .choose-option input[type=radio]:checked:after {
        margin: 2px 2.5px;
        width: 7px;
        height: 7px;
    }

    .template-wrapper .Inspire-content .choose-option input[type=radio] {
        width: 13px;
        height: 13px;
        border: solid 0.5px #ffffff;
        margin-right: 4.5px;
    }

    .template-wrapper .radio1,
    .template-wrapper .radio2,
    .template-wrapper .radio3 {
        margin-right: 9px;
    }

    .template-wrapper .Inspire-content .choose-option {
        padding: 7px 12px 0px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation p,
    .template-wrapper .Inspire-content .story-recommendation p,
    .template-wrapper .Inspire-content .encourage-recommendation p {
        font-size: 10px;
        margin-bottom: 12px;
    }

    .template-wrapper .Inspire-content .appreciate-content .appreciate-recommendation,
    .template-wrapper .Inspire-content .story-recommendation,
    .template-wrapper .Inspire-content .encourage-recommendation {
        padding: 0 2px 0 0;
        margin-top: 20px;
    }

    .template-wrapper .Inspire-content .choose-option label {
        font-size: 8px;
        vertical-align: text-top;
        margin-bottom: 0;
    }

    .template-wrapper .Inspire-content .choose-option .btn-group,
    .template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child {
        border-radius: 1.5px;
        border: solid 0.5px #ffffff;
        width: 105.5px;
    }

        .template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child {
            padding: 4px 4px 4px 8px;
            font-size: 8px;
        }

            .template-wrapper .Inspire-content .choose-option .btn-group > .btn:first-child .dropdownarrow img {
                width: 9.5px;
                height: 4.5px;
            }

    .template-wrapper .Inspire-content .appreciate-recommendation .user1 span:nth-of-type(2),
    .template-wrapper .Inspire-content .appreciate-recommendation .user2 span:nth-of-type(2),
    .template-wrapper .Inspire-content .story-recommendation .user1 span:nth-of-type(2),
    .template-wrapper .Inspire-content .story-recommendation .user2 span:nth-of-type(2),
    .template-wrapper .Inspire-content .encourage-recommendation .user1 span:nth-of-type(2),
    .template-wrapper .Inspire-content .encourage-recommendation .user2 span:nth-of-type(2) {
        padding-right: 3px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation .user1 span:first-of-type,
    .template-wrapper .Inspire-content .appreciate-recommendation .user2 span:first-of-type,
    .template-wrapper .Inspire-content .story-recommendation .user1 span:first-of-type,
    .template-wrapper .Inspire-content .story-recommendation .user2 span:first-of-type,
    .template-wrapper .Inspire-content .encourage-recommendation .user1 span:first-of-type,
    .template-wrapper .Inspire-content .encourage-recommendation .user2 span:first-of-type {
        margin-right: 6px;
        font-size: 7px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation .user1,
    .template-wrapper .Inspire-content .appreciate-recommendation .user2,
    .template-wrapper .Inspire-content .story-recommendation .user1,
    .template-wrapper .Inspire-content .story-recommendation .user2,
    .template-wrapper .Inspire-content .encourage-recommendation .user1,
    .template-wrapper .Inspire-content .encourage-recommendation .user2 {
        font-size: 7px;
        padding: 3px 0 3px 6.5px;
        border-radius: 41px;
        border: solid 0.5px #1aa8ea;
        margin-right: 3px;
    }

    .template-wrapper .Inspire-content .SAVE-USERS-TO-GROUP {
        font-size: 7px;
        margin-right: 7px;
        letter-spacing: 0.2px;
        padding: 5px 10.5px;
    }

    .template-wrapper .Inspire-content .appreciate-recommendation .user1 img,
    .template-wrapper .Inspire-content .appreciate-recommendation .user2 img,
    .template-wrapper .Inspire-content .story-recommendation .user1 img,
    .template-wrapper .Inspire-content .story-recommendation .user2 img,
    .template-wrapper .Inspire-content .encourage-recommendation .user1 img,
    .template-wrapper .Inspire-content .encourage-recommendation .user2 img {
        width: 5.5px;
    }

    .template-wrapper .Inspire-content .save-users p {
        margin-bottom: 8.5px;
    }

    .template-wrapper .Inspire-content .save-users {
        margin-top: 7px;
    }

    .template-wrapper .bottom-bar-inspire .activity-points-earned,
    .template-wrapper .bottom-bar-story .activity-points-earned,
    .template-wrapper .bottom-bar-encourage .activity-points-earned {
        padding: 20px 8px;
    }

    .Do-Activity-Name {
        padding: 7.5px 0;
        font-size: 16px;
        height: 32.2px;
        border-radius: 3px;
    }

    #Buddy-verification-modal .points {
        border-radius: 6.8px;
        border: solid 0.5px #979797;
        font-size: 7px;
        margin: 0;
        padding: 2.5px 5px;
    }

    #Buddy-verification-modal .Please-review-the-en {
        font-size: 9px;
        margin: 15px 0 17.5px;
    }

    #Buddy-verification-modal .duedate-calendar {
        font-size: 7.5px;
        letter-spacing: 0px;
        margin-bottom: 9.5px;
    }

        #Buddy-verification-modal .duedate-calendar p {
            margin: 4px 3px 0 0;
        }

        #Buddy-verification-modal .duedate-calendar input {
            height: 19.5px;
            font-size: 7.5px;
            letter-spacing: 0px;
            padding: 5px 6px;
        }

    /*#Buddy-verification-modal .duedate-calendar div {
            height: 19.5px;
            width: 20px;
            padding: 3.5px 4.5px;
        }*/

    #Buddy-verification-modal button.calendar-btn {
        padding: 0px 5px;
        height: 19.5px;
    }

    #Buddy-verification-modal .Verification-Require {
        font-size: 14px;
    }

    #Buddy-verification-modal .Activity-Guidance {
        font-size: 7.5px;
        letter-spacing: 0px;
        margin-top: -4.5px;
    }

    #Buddy-verification-modal .links {
        margin-bottom: 3.5px;
        font-size: 7px;
    }

    #Buddy-verification-modal .Activity-Rectangle img {
        height: 26px;
    }

    #Buddy-verification-modal .Activity-Rectangle {
        border-radius: 1.5px;
        padding: 10px 12px;
    }

    #Buddy-verification-modal .add-feedback {
        padding: 10.5px 12px 19px;
        margin-bottom: 14px;
        margin-top: 16.5px;
        border-radius: 3.5px;
    }

        #Buddy-verification-modal .add-feedback a p:first-of-type,
        #Buddy-verification-modal .add-feedback p:first-of-type {
            font-size: 9px;
            margin-bottom: 16.5px;
            margin-left: 7px;
            word-break: break-word;
        }

        #Buddy-verification-modal .add-feedback .buddy-info p:first-of-type {
            font-size: 7px;
            margin-right: 8px;
            margin-bottom: 29px;
        }

        #Buddy-verification-modal .add-feedback .buddy-info img {
            width: 17px;
            height: 27px;
        }

        #Buddy-verification-modal .add-feedback button, .add-feedback button, #Buddy-verification-modal .add-feedback button:hover,
        .add-feedback button:hover {
            font-size: 7.5px;
            font-weight: bold;
            letter-spacing: 0.2px;
            border-radius: 5px;
            padding: 7.5px 31px;
            margin-bottom: 8.8px;
        }

    #Buddy-verification-modal .media-uploaded {
        border-radius: 2px;
        padding: 4px 0 4px 7px;
        margin-bottom: 14px;
    }

    #Buddy-verification-modal .media-icon {
        padding: 6px;
        border-radius: 1px;
    }

    #Buddy-verification-modal .media-info {
        padding: 0 0 0 6.2px;
    }

    #Buddy-verification-modal .media-desc,
    #Buddy-verification-modal .media-link {
        padding: 5px 7.8px;
        font-size: 8px;
        border-radius: 2px;
        height: 32px;
    }

    #Buddy-verification-modal .media-link {
        height: 22px;
        margin-bottom: 5.5px;
    }

    #Buddy-verification-modal .user-image img {
        width: 19px;
        height: 19px;
    }

    #Buddy-verification-modal .users-comments .user-info-desc .user-namedate {
        font-size: 6px;
        margin-left: 6px;
        margin-bottom: 4px;
    }

    #Buddy-verification-modal .users-comments .user-info-desc .comment {
        margin-left: 6px;
        font-size: 9px;
        margin-bottom: 6.5px;
    }

    #Buddy-verification-modal .user-image {
        margin-right: 6.1px;
    }



    #Buddy-verification-modal .question_answer_response {
        padding: 12px 14px;
        border-radius: 3.5px;
    }

        #Buddy-verification-modal .question_answer_response p:first-of-type {
            font-size: 9px;
            margin-bottom: 6px;
        }

        #Buddy-verification-modal .question_answer_response .question1 {
            margin-bottom: 12px;
        }

        #Buddy-verification-modal .question_answer_response p.question {
            letter-spacing: 0;
            font-size: 9px;
            margin-bottom: 12px;
        }

    #Buddy-verification-modal .provide-comments textarea {
        border-radius: 1px;
        border: solid 0.5px #979797;
        padding: 7.5px 10.5px;
        font-size: 9px;
    }

    #Buddy-verification-modal .coach-button {
        border-radius: 1.5px;
        font-size: 7.5px;
        letter-spacing: 0.2px;
        padding: 7px 16.5px;
        margin-right: 9.5px;
    }

    #Buddy-verification-modal .mark-complete {
        font-size: 7.5px;
        letter-spacing: 0.2px;
        padding: 7px 5.8px;
    }

    #Buddy-verification-modal .close-modal {
        border-radius: 1.5px;
        border: solid 0.5px #a4bad0;
        font-size: 7.5px;
        letter-spacing: 0.2px;
        margin-right: 10.5px;
        padding: 7px 16.5px;
    }

    #Buddy-verification-modal .award-bonus {
        border: solid 0.5px #979797;
        padding: 7px 15px;
        font-size: 8px;
        margin: 14.5px 0 17.5px;
    }

    #Buddy-verification-modal .buddy-padding {
        padding: 22.3px 13px;
    }

    .challenge-wrapper .content-bar .question .answers.grouping .group h4 {
        font-size: 15px;
    }

    .challenge-wrapper .content-bar .question .answers.grouping .group {
        margin: 3px 0 10px;
    }

    .challenge-wrapper .content-bar .question .answers .group-result-item,
    .challenge-wrapper .content-bar .question {
        font-size: 13px;
    }

    .user-profile {
        padding-bottom: 100px;
        margin: 25px 35px 0;
    }

        .user-profile .text-lg {
            font-size: 16px;
            margin-bottom: 10px;
            padding: 0;
        }

        .user-profile .save-info .save-buttons .Cancel {
            padding: 7.5px 35px;
            margin-bottom: 10px;
        }

        .user-profile .save-info .save-buttons .savesubmit {
            padding: 7.5px 10px;
            float: left;
            margin-bottom: 10px;
        }

        .user-profile .mobileprofile, .user-profile .save-info {
            padding: 0;
        }

            .user-profile .save-info .save-buttons {
                float: left;
            }

            .user-profile .save-info .save-buttons {
                margin-bottom: 10px;
            }

    .basequesticon {
        margin-top: -3px;
        font-size: 15px;
    }

        .basequesticon .fa-asterisk:hover + .topbaseopen {
            top: -50px;
            right: -26px;
        }

        .basequesticon .fa-star-o:hover + .topbonusopen {
            top: -35px;
            right: -25px;
        }


    .baseOrBonus.fa-star-o, .baseOrBonus.fa-asterisk {
        font-size: 14px;
        right: 10px;
    }

        .baseOrBonus.fa-star-o:hover + .bonusopen, .baseOrBonus.fa-asterisk:hover + .baseopen {
            z-index: 1000;
            top: 30px;
            right: -15px;
            padding: 4px;
            font-size: 10px;
            width: 60px;
            height: 22px;
        }

    .bonusopen:after, .baseopen:after {
        left: 20px;
    }


    .topbar .objective-section span.activity {
        float: none;
    }

    .skipactivity {
        top: 31px;
        font-size: 8px;
        right: 10px;
    }   

    .challenge-wrapper .question .Activity-Rectangle {
        padding: 10px !important;
        float: left !important;
        width: 250px !important;
    }

    .challenge-wrapper .question .Activity-Rectangle img {
        height: 26px !important;
        width: auto !important;
    }

    .challenge-wrapper .question .challenge-file-link .links {
        font-size: 7px !important;
        line-height: 1 !important;
        letter-spacing: 0px;
        margin-top: 15px !important;
    }
}

/* Iphone X*/
@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .objective-wrapper .program-body,
    .challenge-wrapper .program-body,
    .congratulations-wrapper .program-body,
    .template-wrapper .program-body {
        height: 100%;
    }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
    .topbar .objective-title {
        padding: 10px 60px;
    }

    .topbar .challenge-title {
        padding: 5px 60px;
    }

    .dropdown_select {
        width: 100%;
    }

    .questboard-wrapper .info .points_challenges,
    .questboard-wrapper .info .points,
    .questboard-wrapper .info .challenges {
        width: 70%;
    }

    .basequesticon {
        margin-top: 8px;
        font-size: 15px;
    }

        .basequesticon .fa-asterisk:hover + .topbaseopen {
            top: -40px;
            right: -18px;
        }

        .basequesticon .fa-star-o:hover + .topbonusopen {
            top: -25px;
            right: -20px;
        }


    .baseOrBonus.fa-star-o, .baseOrBonus.fa-asterisk {
        font-size: 14px;
        right: 10px;
    }

        .baseOrBonus.fa-star-o:hover + .bonusopen, .baseOrBonus.fa-asterisk:hover + .baseopen {
            z-index: 1000;
            top: 35px;
            right: -15px;
            padding: 4px;
            font-size: 10px;
            width: 60px;
            height: 22px;
        }


    .bonusopen:after, .baseopen:after {
        left: 20px;
    }


    .topbar .objective-section span.activity {
        float: none;
    }

    .skipactivity {
        top: 10px;
        font-size: 12px;
        right: 40px;
    }

    .filtering {
        top: auto;
    }


    .secondFilter .forum-topic-details .mobilepadding {
        padding-left: 62px !important;
    }

    .childFilter .filtertabs {
        padding: 19px 0;
    }

    .filtertabs {
        padding: 0;
        height: 243px;
    }

    .resources_page .content.resources {
        margin-left: 35px;
        margin-right: 35px;
    }

    .resources_page .right-top .input-group span.hidden-sm {
        display: inline-block !important;
    }

    .resources_page .right-top {
        text-align: left;
    }

    .resources_page .button-type {
        padding: 8px;
    }

    .resources_page .dropdown-menu-form .checkbox label {
        white-space: initial;
    }

    .resources_page .content.resources .btn-group.justified {
        float: right;
    }
    /*.questboard-wrapper .badge-img {
        width: 50%;
        border-radius: 50%;
        margin-top:0;

    }*/
    .dashboard-overall > .row > div, .dashboarddiv .avgclass {
        border-left: none !important;
    }

    .dashboarddiv label.radio-inline {
        width: auto;
    }

    .challenge-wrapper .overlay-points {
        top: 5%;
        height: 95%;
    }

    .challenge-wrapper .success-overlay-points {
        top: 5%;
        height: 95%;
    }

    .set-height {
        margin-top: -75px;
    }

    .GO-TO-QUEST-BOARD,
    .PROGRAMCOMPLETED {
        max-width: 94.5% !important;
    }

    .buddies-desk {
        /* padding: 0 !important; Manisha 2nd May*/
        float: right !important;
        top: 94px !important;
    }

    hr.programdetails-mobile {
        display: none !important;
    }

    hr.programdetailscompletestart {
        display: block;
        margin-bottom: 0px !important;
    }

    .positionUPNEXT {
        display: none !important;
    }

    .positionUPNEXTmobile {
        display: block !important;
    }

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

    .UP-NEXT {
        margin-bottom: 0px !important;
        /*Manisha 2nd May 
        margin-top: 24px; */
    }

    .progress-status .learn,
    .progress-status .do,
    .progress-status .inspired,
    .progress-status .badges {
        padding: 10px !important;
    }

    .positionleft {
        right: 50% !important;
    }

    .Buddies {
        display: block !important;
    }

    .progress-status {
        padding: 14.5px 1px 13.4px 0 !important;
    }

    .Buddies1 {
        margin-right: 0px;
    }

    footer.powered-by {
        text-align: left;
    }

    .objective-wrapper .bottom-bar,
    .template-wrapper .bottom-bar,
    .objective-wrapper .bottom-bar-resume {
        position: absolute;
    }

    .mobileview-down {
        display: table-header-group;
    }

    .mobileview-up {
        display: table-caption;
        text-align: center !important;
    }

    .template-wrapper .bottom-bar .activity-points-earned {
        padding: 10px 15px !important;
    }

    .objective-wrapper .bottom-bar .challenge-description p,
    .objective-wrapper .bottom-bar-resume .challenge-description p,
    .challenge-wrapper .bottom-bar-next .challenge-description p,
    .congratulations-wrapper .bottom-bar .challenge-description p {
        padding: 0px 0px !important;
        margin-left: -10px !important;
    }
    .template-wrapper .bottom-bar .next {
        padding: 27px !important;
    }
}


@media only screen and (min-width:2559px) {
    .questboard-header-wrapper li.logo, .dashboard-wrapper li.logo {
        width: 9%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation:landscape) {
    .challenge-wrapper .bottom-bar-next label.next {
        padding: 27px;
    }

    .challenge-wrapper .bottom-bar-next .challenge-description, .congratulations-wrapper .bottom-bar .challenge-description {
        padding: 6px 0 0;
    }

    .dashboarddiv .dashboard-overall > .row > div {
        border-left: solid 2px #c0c0c0 !important;
    }
    /*.questboard-wrapper .badge-img {

        border-radius: 50%;
        width: 39%!important;
        padding: 3px;

    }*/
    .template-wrapper .bottom-bar .activity-points-earned {
        padding: 17px 15px !important;
    }
    .challenge-wrapper .success-overlay-points p {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.3px;
        color: #7ed321;
        margin-top: 65px;
        margin-bottom: 25.4px;
    }
    .challenge-wrapper .success-overlay-points .points-circle .inner-circle .points-number {
        font-size: 50px;
    }
    .template-wrapper .bottom-bar .next {
        padding: 27px !important;
    }
}

@media only screen and (max-width: 600px) {
	.program-topbar .right-profiledetails {
		width: 45%;
	}
	.challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndquestions {
		font-size: 10px !important;
		padding: 8px 10px !important;
		line-height: 15px;
	}

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndanswers {
        font-size: 10px !important;
        line-height: 15px;
    }
	.hideindesk {
		display: block;
        padding: 0px 15px 0px 15px;
	}
}

/*. IPAD */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.hideindesk {
		display: block;
		padding: 0px 0px 0px 0px;
	}
	.hideinmob {
		display: block;
	}
	.questboard-header-wrapper .program-topbar .program-name {
		padding: 10px 0px 0px 10px;
		font-size: 18px;
	}
	.challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndanswers {
		font-size: 16px !important;
	}

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndquestions {
        font-size: 16px !important;
    }

    .challenge-wrapper .content-bar .question-image {
        padding: 0px;
    }

    .template-wrapper .Do-content .aligntext {
        text-align: left;
    }

    button#dropdownMenu1 {
        font-size: 19px;
    }

    .dropdown .dropdown-menu {
        margin: 5px 0px;
        padding: 10px;
        width: 350px;
    }

    .congratulations-wrapper .congratulations-content .Would-you-like-to-Up input {
        width: 197px;
        height: 55px;
        margin-top: -60px;
    }

    .add-modal .upload-from-computer input {
        top: 25%;
        left: 13%;
    }


    #forum-content-body {
        padding: 15px 15px 100px;
    }

    .add-media .add-media-popup.open {
        left: 145px !important;
    }

    .forum-topic-details .forum-content .contentdetails {
        font-size: 15px;
    }

    .forum-topic-details .forum-topic .forum-topic-header .forum-content h1 {
        font-size: 16px;
    }

    .forum-topic-details .mobilepadding,
    .asideDiscussion .notdiscussionTopic .forum-topic-details .mobilepadding,
    .asideDiscussion .discussionTopic .forum-topic-details .mobilepadding {
        padding-left: 25px !important;
    }

    .forum-topic-list .forum-topic .forum-content span,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content span,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-topic .forum-content span {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .forum-topic-list .mobilepadding,
    .asideDiscussion .discussionTopic .forum-topic-list .mobilepadding {
        padding-left: 15px !important;
    }

    .asideDiscussion .notdiscussionTopic .forum-topic-list .ipadpadding {
        padding-left: 40px !important;
    }

    .forum-topic-list .paddingmobile,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .paddingmobile,
    .asideDiscussion .discussionTopic .forum-topic-list .paddingmobile {
        padding: 0;
    }

    .forum-topic-list .forum-content,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-content,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-content {
        margin-bottom: 10px;
    }

        .forum-topic-list .forum-content .network-user span,
        .forum-topic-list .forum-content .network-user .forum-avatar,
        .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-content .network-user span,
        .asideDiscussion .discussionTopic .forum-topic-list .forum-content .network-user .forum-avatar,
        .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-content .network-user span,
        .asideDiscussion .discussionTopic .forum-topic-list .forum-content .network-user .forum-avatar {
            margin-top: 5px;
        }

    .forum-topic-list .forum-topic .forum-content h1,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-topic .forum-content h1,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-topic .forum-content h1 {
        font-size: 15px;
    }

    .forum-topic-list .row .forum-topic,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .row .forum-topic,
    .asideDiscussion .discussionTopic .forum-topic-list .row .forum-topic {
        margin-left: 35px;
        margin-right: 35px;
    }

    .forum-topic-list .forum-avatar img,
    .asideDiscussion .notdiscussionTopic .forum-topic .forum-avatar img,
    .asideDiscussion .discussionTopic .forum-topic .forum-avatar img,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .forum-avatar img,
    .asideDiscussion .discussionTopic .forum-topic-list .forum-avatar img {
        width: 30px;
        margin: 0;
        height: 30px;
    }

    .forum-topic-list button.newTopic,
    .asideDiscussion .notdiscussionTopic .forum-topic-list button.newTopic,
    .asideDiscussion .discussionTopic .forum-topic-list button.newTopic {
        margin: 0 15px 10px;
    }



    .forum-topic-list .text-center-mobile label,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .text-center-mobile label,
    .asideDiscussion .discussionTopic .forum-topic-list .text-center-mobile label {
        margin: 0 15px;
    }

    .forum-topic-list .text-center-mobile select.selectDrop,
    .asideDiscussion .notdiscussionTopic .forum-topic-list .text-center-mobile select.selectDrop,
    .asideDiscussion .discussionTopic .forum-topic-list .text-center-mobile select.selectDrop {
        margin: 0 25px 0 0;
    }

    .template-wrapper .Inspire-content .media-info {
        padding: 0 0 0 10px;
    }

    .template-wrapper .Inspire-content .media-uploaded audio {
        margin: 0 0 10px 0;
    }


    .getBackColor .forum-topic-list .row .forum-topic {
        margin: 0 auto;
    }

    .getBackColor .forum-topic-list .forum-topic .forum-content .text-xs {
        font-size: 13px;
    }

    .getBackColor .forum-topic-list .forum-topic .forum-content h1 {
        margin-bottom: 5px;
    }


    .todoManagement label.text-sm {
        font-size: 15px;
    }

    .todoManagement .forum-topic-list .forum-topic .forum-content h1.status {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 80%;
        padding: 10px !important;
        text-align: center;
    }

    .todoManagement .forum-topic-list .row div.text-right select {
        font-size: 14px;
        padding: 0px 10px;
    }



    .user-profile .save-info .save-buttons .Cancel {
        padding: 7.5px 35px;
    }

    .user-profile .save-info .save-buttons .savesubmit {
        padding: 7.5px 10px
    }

    .user-profile .text-lg {
        font-size: 16px;
    }

    .user-profile .save-info {
        padding: 0;
    }

        .user-profile .save-info .mobile-save {
            font-size: 15px;
        }

    .user-profile .thumbnail.profile-avatar {
        width: 100%;
    }



    .topbar .nextchallenge-desc {
        width: 85%;
    }

    .objective-wrapper .bottom-bar .begin {
        padding: 27px 40px 0;
    }
    /*.questboard-wrapper .badge-img {
        border-radius: 50%;
        width: 50%;
        padding: 3px;
    }*/
    .questboard-wrapper .badge-img img {
        width: 56.2px;
        height: 56.2px;
    }

    .video-wrapper button.ytp-large-play-button {
        left: 50%;
    }

    .dashboarddiv .dashboard-overall > .row > div:first-child {
        border: none !important;
    }

    .dashboarddiv label.radio-inline {
        width: auto;
    }
    /*.topbar .objective-section {
        max-width: 96%;
    }*/

    .profile-info .designation {
        font-size: 14px;
    }



    .Program-bg-image img,
    .Program-completed-image img {
        height: 100% !important;
    }

    .jubi-logo {
        margin-top: 26px;
        padding-left: 27.5px;
    }

        .jubi-logo img {
            width: 57.5px;
            height: 37.5px;
        }

    .LEARN-DO-INSPIRE {
        margin-top: 40.6px;
        padding-right: 26.6px;
        font-size: 15px;
    }

    #loginForm,
    #Re-loginForm,
    #loginForm input,
    #Re-loginForm input {
        width: 100%;
        max-width: 234.5px;
        height: 35.5px;
        padding: 8px 10px;
    }

        #loginForm div.form-group,
        #Re-loginForm div.form-group {
            margin-bottom: 22px;
        }

    .Forgot-your-password {
        margin-top: -9.5px;
        margin-bottom: 20px;
    }

        .Forgot-your-password a {
            font-size: 15px;
        }

    #loginForm button,
    #Re-loginForm button {
        width: 100%;
        max-width: 234.5px;
        height: 35.5px;
        border-radius: 2.5px;
        font-size: 15px;
        padding: 5px;
    }

    #Re-loginForm input::-webkit-input-placeholder,
    #loginForm input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        font-size: 15px;
    }

    #Re-loginForm input::-moz-placeholder,
    #loginForm input::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 15px;
    }

    #Re-loginForm input:-ms-input-placeholder,
    #loginForm input:-ms-input-placeholder {
        /* IE 10+ */
        font-size: 15px;
    }

    #Re-loginForm input:-moz-placeholder,
    #loginForm input:-moz-placeholder {
        /* Firefox 18- */
        font-size: 15px;
    }

    #Re-loginForm img {
        width: 28.5px;
        height: 28px;
    }

    .Welcome-Back-Message {
        font-size: 12.5px;
        margin-bottom: 12px;
    }

    .relogin p {
        margin-bottom: 30px;
        margin-top: 50px;
    }

    #wrapper-intro .modal-dialog {
        margin: auto;
    }

    .welcome-message img.program-image {
        max-width: auto;
        width: auto;
        height: auto;
    }

    .welcome-message img.profile-image {
        width: 71px;
        height: 70px;
        margin: 31px;
    }

    .welcome-message span {
        font-size: 24px;
        letter-spacing: -0.2px;
    }

    .PROGRAM {
        width: 132px;
        font-size: 20px;
        letter-spacing: 5.5px;
    }

    .LEAD-TO-INSPIRE {
        font-size: 42px;
        letter-spacing: 1.3px;
    }

    .GET-STARTED {
        width: 233px;
        height: 50px;
        padding: 5px 10px;
        font-size: 18px;
    }

    .upon-completion-message {
        letter-spacing: -0.5px;
        width: 867px;
        font-size: 30px;
    }

    .quoteauthor-image {
        width: 78px;
        height: 78px;
    }

    .quoteauthor-name {
        font-size: 15px;
        margin-left: 0px;
    }

    .GET-STARTED-BIG {
        height: 129px;
        padding: 40px;
    }

        .GET-STARTED-BIG a {
            font-size: 38px;
            letter-spacing: -0.3px;
        }

    .start-quote {
        margin-left: -20px;
        margin-right: 10px;
    }

    .powered-by img {
        height: 40px;
        width: 61px;
    }

    .GO-TO-QUEST-BOARD {
        /*      width: 79%; Changed Manisha 2nd may*/
        max-width: 79%;
        height: 90px;
        padding: 30px;
    }

    .Program-bg-image {
        height: 100%;
        max-height: 683px;
        width: auto;
    }

    .GO-TO-QUEST-BOARD a {
        font-size: 23px;
        letter-spacing: 0.4px;
    }

    .Program-bg-msg {
        top: -420px;
    }

    .program-body .PROGRAM {
        font-size: 16px;
        letter-spacing: 4.4px;
        width: 109px;
    }

    .program-body .LEAD-TO-INSPIRE {
        font-size: 28px;
        letter-spacing: 0.9px;
    }

    .PROGRAM-DETAILS {
        font-size: 20px;
        letter-spacing: 1.9px;
        margin-right: 17px;
    }

    .program-body .fa-info {
        border-radius: 12px;
        width: 23px;
        height: 23px;
        padding: 4px 8px;
    }

        .program-body .fa-info:before {
            font-size: 14px;
        }

    .program-body .notification-count {
        width: 29px;
        height: 29px;
        border: solid 2px #e8a105;
        margin-right: 17px;
        padding-left: 6px;
        border-radius: 14px;
    }

    .notification-count span {
        font-size: 21px;
    }

    .program-body .Notifications {
        font-size: 20px;
    }

    .Progress-section,
    .Progress-section-completed {
        padding: 62px 44px 0 0;
    }

    .program-body hr.programdetails {
        max-width: 100%;
        border: solid 1px #ffffff;
    }

    .program-body .total-points,
    .program-body .leaderboard-rank {
        font-size: 15px;
    }

    .program-body p.progressbar {
        height: 14.2px;
        max-width: 100%;
        margin-bottom: 35.8px;
    }

        .program-body p.progressbar span {
            width: 133.7px;
            height: 14.2px;
        }

    .leaderboard-rank p.rank,
    .leaderboard-rank .out-of {
        font-size: 26px;
    }

    .leaderboard-rank .profilename {
        font-size: 20px;
    }

    .positionUPNEXTmobile {
        display: none;
    }

    .positionUPNEXT {
        display: block;
    }

    .UP-NEXT p {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .UP-NEXT {
        margin-bottom: 24px;
        font-size: 12px;
    }

    .progress-status {
        font-size: 15px;
        padding: 27px 0;
    }

        .progress-status .learn,
        .progress-status .do,
        .progress-status .inspired,
        .progress-status .badges {
            font-size: 14px;
        }

            .progress-status .learn img,
            .progress-status .do img,
            .progress-status .inspired img,
            .progress-status .badges img {
                width: auto;
                height: auto;
            }

    .positionleft {
        right: 0;
    }

    .buddies-desk {
        float: none;
        padding: 28px 0 30px;
        top: 0;
        text-align: right;
    }

    .Buddies1 img,
    .Buddies2 img {
        width: 47.6px;
        height: 46px;
        margin-bottom: 10px;
    }

    hr.programdetails-mobile {
        display: block;
    }

    .Buddies {
        font-size: 20px;
        letter-spacing: 0.6px;
        display: inline-block;
        margin-right: 21px;
        vertical-align: top;
        margin-top: 17px;
    }

    .Buddies1 span,
    .Buddies2 span {
        font-size: 12px;
        letter-spacing: 0.4px;
    }

    .UP-NEXT img {
        max-width: 100%;
    }

    .program-topbar {
        max-height: 101px;
    }

    .profile-info {
        height: auto;
    }

    .program-topbar .Homepage {
        margin: 31px 42.8px;
        font-size: 32px;
    }


    .notification-ring {
        width: 23px;
        height: 23px;
        font-size: 16px;
        letter-spacing: 0.2px;
        padding-left: 7px;
        padding-top: 2px;
        margin-top: 37px;
    }

    span.fa-bell-o {
        margin-top: 34.1px;
        padding-right: 24.2px;
        font-size: 25.9px;
    }

    .profile-info .profile-image {
        margin-top: 24.7px;
        margin-right: 17px;
    }
    .program-topbar .right-profiledetails ul li {
        /*margin-top: 0px;*/
    }

    .program-topbar .right-profiledetails ul.dropdown li {
        margin-left: 24px !important;
        padding-left: 0px !important;
        margin-top: -10px !important;
    }

    .questboard-header-wrapper .right-profiledetails ul.dropdown li {
        margin-left: 14px !important;
        margin-top: 10px !important;
        padding: 12px 0 !important;
    }
	.questboard-header-wrapper .program-topbar li.logo img {
	max-width: 125px;
	}
	.profile-info li img {
		width: 48px;
		height: 47.3px;
	}

    .profile-info .name {
        font-size: 20px;
        letter-spacing: 0.3px;
        margin-top: 17px;
    }

    .profile-info .points-count {
        font-size: 14px;
    }

    .program-menu {
        height: 44px;
        text-align: right;
        padding: 13px;
        padding-right: 119px;
    }

    .program-status {
        font-size: 15px;
        margin-right: 63px;
    }

    .filters,
    .Active-All {
        font-size: 15px;
    }

    .arrow-up-green {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        top: -10px !important;
        left: 65px !important;
    }

    ul li ul.dropdown-green {
        top: 30px;
        width: 195px;
        height: auto;
        left: -50px !important;
        padding: 13px 28px 0;
    }

        ul li ul.dropdown-green li a,
        ul li ul.dropdown li a {
            font-size: 15px;
        }

        ul li ul.dropdown-green li,
        ul li ul.dropdown li {
            padding: 6px 0;
        }

    ul li ul.dropdown {
        top: 94px;
        width: 195px;
        height: auto;
        padding: 13px 28px 0;
    }

    .arrow-up {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #041f2f !important;
        top: -20px;
        left: 55px;
    }

    .dashboard-wrapper .arrow-up {
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        top: -9px;
    }

    .dashboard-wrapper ul li ul.dropdown {
        top: 87px;
        width: 261px;
        height: auto;
    }

    .PROGRAMCOMPLETED {
        padding: 30px;
        height: 90px;
        max-width: 79%;
    }

        .PROGRAMCOMPLETED p {
            font-size: 23px;
            letter-spacing: 0.4px;
        }

    .Program-completed-image {
        max-width: 425px;
        height: 100%;
        max-height: 683px;
    }

    .program-img-height {
        max-height: 767px;
    }
    /*  No more required 2nd May Manisha
   .Program-bg-image img, .Program-completed-image img {
        width: auto;

    } */

    .questboard-header-wrapper .program-topbar {
        max-height: 96px;
    }
    .questboard-header-wrapper .program-topbar .program-name .dropdown_select {
        width: 100%
    }

    .questboard-header-wrapper .name {
        font-size: 18px !important;
        margin-top: 17px !important;
    }

    .questboard-header-wrapper .designation,
    .questboard-header-wrapper .profile-info .points-count {
        font-size: 14px !important;
    }
    .questboard-header-wrapper .program-menu {
        padding: 15px 5px;
        height: 44px;
    }

    .questboard-wrapper .Learn_tile div.status,
    .questboard-wrapper .Do_tile div.status,
    .questboard-wrapper .Inspire_tile div.status,
    .questboard-wrapper .Learn_tile div.status-image,
    .questboard-wrapper .Do_tile div.status-image,
    .questboard-wrapper .Inspire_tile div.status-image {
        height: 206px !important;
        padding: 13px 17px !important;
    }
    /* No more required 2nd May Manisha
    .questboard-wrapper .desktop_view {
        display: block;
    }

    .questboard-wrapper .mobile_view {
        display: none;
    }

    .questboard-wrapper .Learn_tile, .questboard-wrapper .Do_tile,
    .questboard-wrapper .Inspire_tile {
        height: auto;
        width: 27.5%;
        margin: 0;
    }

        .questboard-wrapper .Learn_tile div.status, .questboard-wrapper .Do_tile div.status, .questboard-wrapper .Inspire_tile div.status {
            height: 206px;
            padding: 13px 17px;

        } */

    .questboard-wrapper .Learn_tile div.info,
    .questboard-wrapper .Do_tile div.info,
    .questboard-wrapper .Inspire_tile div.info {
        height: 77px;
        padding: 13px 17px
    }

    .questboard-wrapper .tile-top {
        height: 44px;
    }

    .questboard-wrapper .status .heading,
    .questboard-wrapper div.status-image .heading {
        font-size: 28px;
    }

    .questboard-wrapper .status .completed {
        height: 22px;
        font-size: 12px;
        padding: 4px 10px;
        margin-right: 2px;
    }

    .questboard-wrapper span.corner {
        border-top: 36.5px solid #f1efef;
        border-left: 34.1px solid transparent;
    }

    .questboard-wrapper .program-body {
        font-size: 26px;
    }

    /*.mobile-quest-heading {
        margin: 35px 0 54px 66px;
    }

    .questboard-wrapper .level1,
    .questboard-wrapper .level2,
    .questboard-wrapper .level3 {
        font-size: 20px;
        margin-left: 81px;
        width: 103px;
        height: 26px;
    }*/

    .questboard-wrapper .row1,
    .questboard-wrapper .row2,
    .questboard-wrapper .row3 {
        padding-top: 36px;
        margin-bottom: 76.8px;
        /* padding-left: 66px;changes for questboard*/
        height: 359px
    }

    .questboard-wrapper .Learn_tile,
    .questboard-wrapper .Do_tile,
    .questboard-wrapper .Inspire_tile {
        width: 33.33333333%;
        /*changes for questboard*/
    }

    .questboard-wrapper .status .locked img {
        height: auto;
    }

    .questboard-wrapper .badge-img img {
        width: 98px;
        height: 98px;
    }

    /*.questboard-wrapper .Do_tile .badge-img img {
        width: 58.2px;
        height: 66.4px;
    }

    .questboard-wrapper .Inspire_tile .badge-img img {
        width: 66px;
        height: 78px;
    }*/

    .questboard-wrapper .info .activity-name {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .questboard-wrapper .info .points_challenges,
    .questboard-wrapper .info .points,
    .questboard-wrapper .info .challenges {
        font-size: 13px;
    }

    .questboard-wrapper .Learn_tile .fa-graduation-cap {
        font-size: 26px;
    }

    .questboard-wrapper .Learn_tile .back .status,
    .questboard-wrapper .Do_tile .back .status,
    .questboard-wrapper .Inspire_tile .back .status {
        letter-spacing: 0.4px;
        font-size: 15px;
    }

    .questboard-wrapper .back .BASE {
        font-size: 15px;
        margin-top: 13.5px;
    }

    .questboard-wrapper ul li ul.dropdown {
        width: 261px;
        height: auto;
        padding: 0;
        margin-top: -7px;
        left: -65px;
    }

    .questboard-wrapper .arrow-up {
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-bottom: 15px solid #041f2f !important;
        top: -15px;
        left: 65px;
    }

    .questboard-wrapper ul li ul.dropdown li a {
        line-height: 1.27;
        letter-spacing: normal;
    }

    .My-Programs,
    .questboard-header-wrapper .My-Programs span {
        font-size: 15px;
    }

    /*.profile-info li img {
        width: 48px !important;
        height: 47.3px !important;
    }*/

    /*.dashboard-wrapper li.logo img {
        width: 95px !important;
        height: 95px !important;
    }*/

    .questboard-wrapper .Learn_tile .heading,
    .questboard-wrapper .Inspire_tile .heading,
    .questboard-wrapper .Do_tile .heading {
        font-size: 22px !important;
    }

    .questboard-wrapper .info .activity-name {
        font-size: 14px;
        height: 16px;
    }

    .template-wrapper .Do-content .Activity-Rectangle {
        float: left;
    }

    .mobileview-down {
        text-align: left;
        height: 60px;
    }

    .mobileview-up {
        text-align: right;
    }

    .template-wrapper .bottom-bar-inspire .activity-points-earned {
        padding: 15px 8px 0 4px;
    }

    .user-error-modal {
      font-size: 20px;
    }
}

@media only screen and (max-width: 1480px) and (min-width: 1025px) and (orientation: landscape) {
    .questboard-wrapper .program-topbar .program-name .dropdown_select {
        width: 100%
    }
}


@media only screen and (min-width: 320px) and (max-width: 568px) {
    .questboard-wrapper .row1, .questboard-wrapper .row2, .questboard-wrapper .row3, .questboard-wrapper .rowNoLevel {
        padding: 15px;
    }
    .hrLine {
        max-width: 100%;
    }
}

@media screen and (device-width: 320px) {
    .questboard-header-wrapper .program-topbar .program-name {
        font-size: 9px !important;
        margin-left: 0;
		width: 95px;
    }

    .button#dropdownMenu1 {
        font-size: 9px !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 667px) {
    .questboard-wrapper .row1, .questboard-wrapper .row2, .questboard-wrapper .row3, .questboard-wrapper .rowNoLevel {
        padding: 23px 4px;
    }
}

@media only screen and (min-width: 384px) and (max-width: 640px) {
    .questboard-wrapper .row1, .questboard-wrapper .row2, .questboard-wrapper .row3, .questboard-wrapper .rowNoLevel {
        padding: 23px 10px;
    }
}

@media only screen and (min-width: 412px) and (max-width: 732px) {
    .questboard-wrapper .row1, .questboard-wrapper .row2, .questboard-wrapper .row3, .questboard-wrapper .rowNoLevel {
        padding: 24px !important;
    }
}

@media only screen and (min-width: 414px) and (max-width: 736px) {
    .questboard-wrapper .row1, .questboard-wrapper .row2, .questboard-wrapper .row3, .questboard-wrapper .rowNoLevel {
        padding: 24px !important;
    }
}
/*********************************************************************QUILL CSS *************************************************************************/
.ql-container {
	margin-left: auto;
	font-size: 19px;
}

.forum-content .ql-container {
	margin-left: auto;
	font-size: 15px;
}

.ql-editor p, h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

a .ql-editor p {
    cursor: pointer;
}

    a .ql-editor p:hover {
        color: deepskyblue;
    }


/************Quest board tiles back*****************************/
.questboard-wrapper .Learn_tile .back .status-image p {
    font-size: 15px;
}

.questboard-wrapper .Inspire_tile .back .status p {
    font-size: 15px;
}

.questboard-wrapper .Do_tile .back .status p {
    font-size: 15px;
}

.ql-editor ul > li {
    list-style-type: disc;
    list-style-position: inherit;
}
/**********************************************************************************************************************************************************/


/***********************************************************Md-datepicker border color*********************************************************************/
.md-default-theme .md-datepicker-calendar-pane, .md-datepicker-calendar-pane {
    border-color: unset;
}



/************************************************************pagination dropdown **************************************************************************/
.forum-topic-list select.optionColor option {
    background-color: #fff;
}

ul.pagination {
    font-size: 14px;
}


/***************************************************************Export Modal Font**************************************************************************/
.exportModalFont {
    font-size: 15px;
}

.chartButtonExport {
    margin-top: 17px;
}

.chartButtonExport .loader {
    width: 10px;
    margin-top: 13px;
    height: 10px;
}

.thumbnail h3.program {
    font-family: 'Roboto', 'sans-serif';
    font-family: 'Roboto', sans-serif;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 12px 0;
}

/*Export forum discussion*/
.forum_discussion {
    display: flex;
    align-items: center;
}

.exportforum_btn {
    padding: 15px 30px;
    height: auto;
    font-size: 16px;
    position: relative;
    top: 2px;
    width: 100%;
    max-width: 200px;
    margin-right: 10px;
}

.exportforum_btn_Parent {
    left: 2px;
    float: right;
    position: relative;
}

@media screen and (max-width: 920px) {
    .exportforum_btn {
        margin-bottom: 10px;
    }
}

.removeMargin.active {
    margin-bottom: 0px !important;
}
/* ----------- iPad Pro ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndquestions {
        font-size: 12px !important;
        height: 100px !important;
    }

    .challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndanswers {
        font-size: 12px !important;
        height: 100px !important;
    }
	.hideindesk {
		display: none;
	}

	.hideinmob {
		display: block;
	}
	.questboard-header-wrapper .program-topbar .program-name {
		font-size: 23px;
	}
	.questboard-header-wrapper .program-topbar li.logo img {
        /* RALI-305 increase to 200px from 150px */
		max-width: 200px;
	}
    .template-wrapper .bottom-bar .activity-points-earned {
        padding: 15px 15px !important;
    }
	.activity-points-earned .hideindesk {
		display: block !important;
	}

}

/* ----------- iPad Pro ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {
    .template-wrapper .bottom-bar .activity-points-earned {
        padding: 10px 15px !important;
    }
    .template-wrapper .bottom-bar-inspire .activity-points-earned {
        padding: 15px 8px 0 4px !important;
    }
}

/**resources byUsers */
div#byUsers ul li {
    display: block;
}

/*4520:JUBI-962 - Comment on comments*/
.commentsOnComments {
    color: white;
    font-family: 'Roboto', 'sans-serif';
    font-size: 13px;
    float: left;
    width: 100%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 5px;
}

.commentsOnComments .forum-content {
    width: 80%;
}

.commentsOnCommentsSubmit {
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
    clear: both;
}

.forumReply {
    width: 100%;
    padding: 11px;
    text-align: center;
    font-weight: bold;
    border-radius: 5px;
}

.replyLoadMore {
    text-align: center;
    line-height: 45px;
    height: 45px;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 10px;
    margin-left: 10px !important;
    clear: both;
}

.replyLoadMore > .plus {
    margin-right: 15px;
    font-size: 40px;
    float: right;
}

.replyLoadMore > .replyMessage {
    margin-left: 15px;
    font-size: 15px;
    float: left;
}

.replyLoadMore:hover, .forumReply:hover, .forum-likes-icon:hover {
    background-color: gray;
    font-weight: bold;
}

.actionBtns {
    padding: 3px;
}

.forumReplyParent {
    width: 180px;
    margin-top: 10px;
    height: 50px;
    border-radius: 5px;
    border: solid 1px #31adf8;
    background-color: rgba(0, 0, 0, 0.2);
    line-height: 26px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: left;
    clear: both;
}

.repliesMainContainer {
    max-height: 413px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-left: 10px;
}

.seperatorLineForReplies {
    width: 94%;
    margin-left: 3%;
    opacity: 0.5;
    border: solid 0.5px #ffffff;
    margin-top: 16px;
    float: left;
}

.panel-heading-reply {
    border-radius: 15px 15px 0 0 !important;
}

.replyAvatarContent {
    float: inherit;
}

@media screen and (max-width: 920px) {
    .forumReplyParent {
        width: 75px;
    }
}

/*Mobile view*/
@media only screen and (max-width: 767px) {
    .asideDiscussion #forum-content-body {
        margin-top: 40px;
    }
}
    .newDiscussionForm textarea {
        resize: auto;
    }

    .secondFilter #forum-content-body {
        top: 150px;
    }

    .childFilter .filtertabs {
        top: 150px;
    }

    .forum-content-newStyle {
        margin-top: 5px;
        font-size: 16px;
        font-weight: normal;
        color: #ffffff;
    }

    .panel-default > .panel-heading {
        background: #6a7a8b;
        color: #6ac2c7;
        /* border: 1px solid lightgray;
        border-radius: inherit; */
    }

    .panel.panel-default {
        border: 0;
    }

    .thumbnail.media {
        padding: 0;
    }

    .text-muted {
        color: black;
    }

    .asideDiscussion .discussionTopic .panel {
        border-radius: 10px;
    }

    /*ends - 4520:JUBI-962 - Comment on comments*/

    /*4520:JUBI-1149 - Discussion Tray Comment on comments*/
    .asideDiscussion #forum-content-body {
        height: initial;
    }

    /*ends - 4520:JUBI-1149 - Discussion Tray Comment on comments*/
    /* Notifications */
    .notification {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin: 0px 10% 0px 0px;
        top: -12px;
    }
    .notification .fa-bell {
        color: white;
        text-decoration: none;
        font-size: 25px;
        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    }

    .notification .badge {
        position: absolute;
        top: -12px;
        right: -15px;
        padding: 4px 8px;
        border-radius: 50%;
        background-color: red;
        color: #fff;
        border: 2px solid #fff;
        font-size: 12px;
    }

#notificationModal {
    display: none;
    position: fixed;
    z-index: 1050;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    color: #333;
}
/*style the model content box*/

.notification_modal-content {
    background-color: #fefefe;
    margin: auto;
    width: 40%;
    float: right;
}
/* add zoom animation*/

.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: translate(100%, 0px)
    }

    to {
        -webkit-transform: translate(0px, 0px)
    }
}

@keyframes animatezoom {
    from {
        transform: translate(100%, 0px)
    }

    to {
        transform: translate(0px, 0px)
    }
}

.animateClose {
    -webkit-animation: animatezoomout 0.6s;
    animation: animatezoomout 0.6s;
}

@-webkit-keyframes animatezoomout {
    from {
        -webkit-transform: translate(0px, 0px)
    }

    to {
        -webkit-transform: translate(100%, 0px)
    }
}

@keyframes animatezoomout {
    from {
        transform: translate(0px, 0px)
    }

    to {
        transform: translate(100%, 0px)
    }
}

.notification_header {
  background-color: #292D2E;
  padding: 13px 10px;
  color: #fff;
}

    .notification_header .number_notification {
        background: red;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border-radius: 5px;
        padding: 1px 7px;
        margin: 0px 10px;
        vertical-align: middle;
    }

    .notification_header .notification_options_left {
        display: inline-block;
        width: 32%;
    }

    .notification_header .notification_options_right {
        display: inline-block;
        width: 65%;
        text-align: center;
    }

    .notification_header .mark_read,
    .clear_all {
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer;
        margin: 0px 10px;
    }

    .notification_header .category {
        font-size: 12px;
        font-weight: bold;
        margin: 0px 5px;
    }

        .notification_header .category select {
            display: inline-block;
            width: 28%;
            height: 30px;
            padding: 3px 8px;
            font-size: 12px;
            margin: 0px 6px;
        }

    .notification_header .close_icon {
        font-size: 25px;
        opacity: 1;
        color: #fff;
    }

    .notification_header .head_notification {
        font-size: 20px;
        font-weight: bold;
        line-height: normal;
        vertical-align: middle;
    }

.notification_body {
    background: #fff;
    padding: 0px;
}

.default_message {
    text-align: center;
    font-size: 16px;
    color: #041f2f;
    padding: 20px;
}

.content_notification {
    display: flex;
    border-bottom: 1px solid rgba(34, 36, 38, .15);
    padding: 5px 10px;
    width: 100%;
}

.unread {
    background: #e8eded;
}

.content_notification .left_contents {
    width: 83%;
    border-right: 1px solid rgba(34, 36, 38, .15);
}

.content_notification .right_contents {
    width: 17%;
}

    .content_notification .right_contents .date {
        font-size: 12px;
        font-weight: normal;
        line-height: normal;
        margin: 0px 3px;
        display: block;
        text-align: right;
    }
    .content_notification .right_contents .options {
        display: block;
        text-align: center;
        padding: 15px;
    }
    .content_notification .right_contents .clearnotification {
        display: inline-block;
    }
        .content_notification .right_contents .clearnotification .fa-times {
            font-size: 20px;
            cursor: pointer;
        }
    .content_notification .right_contents .options .read_unread {
        display: inline-flex;
        cursor: pointer;
        position: relative;
        margin-bottom: 0px;
        vertical-align: text-bottom;
        left: -10px;
    }
        .content_notification .right_contents .options .read_unread > input {
            height: 16px;
            width: 16px;
            -webkit-appearance: none;
            -moz-appearance: none;
            -o-appearance: none;
            appearance: none;
            border: 1px solid #a9a9a9;
            border-radius: 50%;
            outline: none;
            transition-duration: 0.4s;
            background-color: #a9a9a9;
            cursor: pointer;
        }
            .content_notification .right_contents .options .read_unread > input:focus {
                outline: none;
            }
            .content_notification .right_contents .options .read_unread > input:checked {
                border: 1px solid #292D2E;
                background-color: #292D2E;
            }
            .content_notification .right_contents .options .read_unread > input:checked + span::before {
                    content: '';
                    display: block;
                    text-align: center;
                    color: #292D2E;
                    position: absolute;
                    left: 0.7rem;
                    top: 0.2rem;
                }
            .content_notification .right_contents .options .read_unread > input:active {
                border: 2px solid #292D2E;
            }
.content_notification .left_contents .timing {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    margin: 0px 3px;
}

.content_notification .left_contents .category {
    opacity: 0.88;
    background-color: #292D2E;
    color: #fff;
    font-weight: bold;
    font-size: 9px;
    border-radius: 5px;
    padding: 1px 8px;
    margin: 0px 10px;
    vertical-align: middle;
}

.content_notification .left_contents .user_details {
    padding: 10px 0px;
    display: flex;
}

    .content_notification .left_contents .user_details img {
        width: 45px;
        height: 45px;
        border: 2px solid #696969;
        border-radius: 50%;
        padding: 1px;
        vertical-align: middle;
    }

    .content_notification .left_contents .user_details .details {
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        padding: 5px 5px;
    }

.notification_footer {
    background: #fff;
    text-align: center;
    padding: 10px;
}

.load_more {
    cursor: pointer;
    text-decoration: underline;
    background: none;
    box-shadow: none;
    border: none;
    padding: 0px;
    font-size: 12px;
    font-weight: normal;
}

@media only screen and (max-width: 767px) {
    .notification_modal-content {
        width: 100%;
    }
    .modal-header .close {
        margin-top: -70px;
    }
    .questboard-header-wrapper .right-profiledetails ul {
        -webkit-padding-start: 0;
        padding: 4px !important;
    }
    .notification {
        top: -5px;
    }
    .notification .badge{
        right: -12px;
        padding: 3px 6px;
        font-size: 11px;
    }
    .notification .fa-bell {
            font-size: 20px;
        }
    .notification_header {
        padding: 6px 6px;
    }

    .content_notification {
        padding: 4px 8px;
    }

    .notification_header .number_notification {
        margin: 0px 5px;
    }

    .notification_header .notification_options_left {
        display: block;
        margin: 5px 0px;
        width: auto;
    }

    .notification_header .notification_options_right {
        display: block;
        margin: 5px 0px;
        width: auto;
        text-align: left;
    }

    .notification_header .mark_read,
    .clear_all {
        margin: 0px 10px 0px 0px;
    }

    .notification_header .category select {
        width: 32%;
    }

    .content_notification .left_contents {
        width: 75%;
    }

    .content_notification .right_contents {
        width: 25%;
    }

        .content_notification .right_contents .date {
            font-size: 11px;
        }

    .content_notification .left_contents .user_details {
        padding: 6px 0px;
    }

        .content_notification .left_contents .user_details img {
            width: 35px;
            height: 35px;
        }

        .content_notification .left_contents .user_details .details {
            font-size: 13px;
            padding: 2px 8px;
        }
            .content_notification .left_contents .user_details .details p {
                margin: 0 0 5px;
            }

            .content_notification .right_contents .switch {
                top: 10px;
                left: 40px;
            }

    .btn-file {
        width: auto !important;
        margin: 15px auto;
    }

    .template-wrapper .bottom-bar .activity-points-earned {
        font-size: 10px;
        padding: 10px 15px !important;
    }
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
    .template-wrapper .bottom-bar .activity-points-earned {
        font-size: 10px;
        padding: 10px 15px !important;
    }
    .template-wrapper .bottom-bar .submit, .template-wrapper .bottom-bar .next {
        padding: 17px !important;
    }
}
/* IPAD */

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {
    .notification_modal-content {
        width: 70% !important;
    }
    .questboard-header-wrapper .program-topbar .right-profiledetails ul {
        margin-top: 10px !important;
    }
    .content_notification .right_contents .switch {
        left: 35px;
    }
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .notification_modal-content {
        width: 60% !important;
    }

    .objective-wrapper .bottom-bar-resume .points-earned,
    .objective-wrapper .bottom-bar-resume .points-earned .out-of,
    .challenge-wrapper .bottom-bar-next .points-earned .out-of,
    .challenge-wrapper .bottom-bar-next .points-earned,
    .congratulations-wrapper .bottom-bar .points-earned,
    .congratulations-wrapper .bottom-bar .points-earned .out-of {
        padding: 5px 0px !important;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .profile-info .profile-image {
        margin-top: 0px;
        margin-right: 8px;
    }

    .questboard-header-wrapper .program-topbar .right-profiledetails .no_category {
        margin-top: -39px;
    }

    .questboard-header-wrapper .program-topbar .right-profiledetails .with_category {
        margin-top: -49px;
    }
}

@media only screen and (max-width: 1408px) and (min-width: 768px) {
    .notification_header .notification_options_left {
        display: block;
        margin: 5px 0px;
        width: auto;
    }
    .notification_header .notification_options_right {
        display: block;
        margin: 5px 0px;
        width: auto;
        text-align: left;
    }
    .modal-header .close {
        margin-top: -70px;
    }
    .modal-content {
        width: 100%;
    }
    .notification_modal-content {
        width: 46%;
    }
    .notification_header .mark_read, .clear_all {
        margin: 0px 10px 0px 0px;
    }
    .content_notification .right_contents .options {
        padding: 15px 0px;
    }
    .challenge-wrapper .question .Activity-Rectangle img {
        height: 52px !important;
        width: auto !important;
    }
}
#toast {
    visibility: hidden;
    max-width: 50px;
    /*height: 60px;*/
    /*margin-left: -125px;*/
    margin: auto;
    background-color: #28a745;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    z-index: 1031;
    right: 0;
    bottom: 10%;
    font-size: 20px;
    white-space: nowrap;
}

    #toast #img {
        width: 50px;
        float: left;
        padding: 16px;
        box-sizing: border-box;
        background-color: #28a745;
        color: #fff;
    }

    #toast #desc {
        color: #fff;
        padding: 16px;
    }

    #toast.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 5s 1s, shrink 1s 5s, fadeout 8s 6s;
        animation: fadein 0.5s, expand 0.5s 0.5s,stay 5s 1s, shrink 1s 5s, fadeout 8s 6s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 10%;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 10%;
        opacity: 1;
    }
}

@-webkit-keyframes expand {
    from {
        min-width: 50px
    }

    to {
        min-width: 350px
    }
}

@keyframes expand {
    from {
        min-width: 50px
    }

    to {
        min-width: 350px
    }
}

@-webkit-keyframes stay {
    from {
        min-width: 350px
    }

    to {
        min-width: 350px
    }
}

@keyframes stay {
    from {
        min-width: 350px
    }

    to {
        min-width: 350px
    }
}

@-webkit-keyframes shrink {
    from {
        min-width: 350px;
    }

    to {
        min-width: 50px;
    }
}

@keyframes shrink {
    from {
        min-width: 350px;
    }

    to {
        min-width: 50px;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 10%;
        opacity: 1;
    }

    to {
        bottom: 0%;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 10%;
        opacity: 1;
    }

    to {
        bottom: 0%;
        opacity: 0;
    }
}

.Your-password-has-be .Login {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #333333;
}

.user-error-modal {
  margin-top: 8%;
}

.add-media-popup-reply .panel-heading-reply {
  color: white;
}

.add-media-popup-reply {
  border: 1px solid white;
  border-radius: 15px;
}

.forum-topic-details .forum-topic .forum-content p {
  margin-top: unset !important;
}

.iframe-modal-video {
  height: 100%;
  width: 100%;
  min-height: 315px;
}

.video-player iframe {
  height: 100%;
  width: 100%;
  min-height: 315px;
}

.template-wrapper .Do-content .success-response {
    width: 100%;
    height: auto;
    background-color: #5d991a;
    /*font-family: Roboto;*/
    font-size: 18px;
    font-style: italic;
    line-height: 1.17;
    letter-spacing: 0.3px;
    text-align: left;
    color: #f7f7f7;
    padding: 17px 21px;
    margin-bottom: 17px;
    margin-top: 110px;
    clear: both;
}

.help-end-message {
    color: #a1a1a1;
    margin-top: 20px;
    clear: both;
}
.footer-text a:hover {
    color: #ffffff !important;
    text-decoration: none;
}
.uploadInfo {
    /*font-family: Roboto;*/
    text-align: center;
    color: #ffffff;   
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;   
}

.dndDraggingSource {
    display: none !important;
}

.quest-wrapper {
    padding: 0;
   /* overflow-y: hidden;
    overflow-x: hidden;*/
    margin: 0;
    top: 0;
    bottom: 0;
    /* position: absolute; */
    height: 100%;
    width: 100%;
}

    .quest-wrapper div.status-image {
        background: url('../../img/Group 8 Copy 2.png') no-repeat;
        /* /img/Tile 1.png .Learn_tile  */
        height: 248px !important;
        /* width: 350px !important; */
        padding: 13px 17px;
        position: relative;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        background-size: 100% 100%;
        background-blend-mode: multiply;
        /*background-color: rgba(0,0,0,0.5);*/
        /*background-position: center;*/ /*9/15/2017 commented*/
    }

.challenge-name {
    /*font-family: Roboto;*/
    font-size: 14px;
    color: #686868;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.challenge-description {
    /*font-family: Roboto;*/
    font-size: 12px;
    color: #686868;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.paging-align-left {
    padding-left: 40px;
    margin-top: 35px;
}
.paging-align-right {
    margin-top: 35px;
    padding-left: 100px;
}

.btn-file {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: 433px;
    height: 50px;
    border-radius: 4px;
    background-color: #15b1e9;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.4px;
    text-align: center;
    color: #ffffff;
    padding-top: 13px;
    margin: 49.5px auto 15px;
}

.btn-file input {
    position: absolute;
    max-width: 100%;
    min-height: 100%;
    margin: 0;
    opacity: 0;
    top: 0;
    right: 0;
    transform: translate(-100%, 0) scale(3);
    direction: ltr;
    cursor: pointer;
}

.app-light-mode {
    color: black !important;
}

.app-light-mode-white {
    color: white !important;
}

.app-border-light-mode {
    color: #a3a3a3 !important;
}

.app-background-light-mode {
    background-color: #a3a3a3 !important;
}

.user-profile .text-lg.app-light-mode {
    color: black !important;
}

.user-profile .control-label.app-light-mode {
    color: black;
}

.user-profile .save-info .save-buttons .Cancel.app-light-mode {
    color: black;
}

.user-profile span.app-light-mode {
    color: black;
}

.categoryPad.app-light-mode {
    color: black;
}

.categoryList.app-light-mode {
    color: black;
}

.profile-network label.control-label.app-light-mode {
    color: black;
}

.profile-network .text-lg.app-light-mode {
    color: black;
}

.profile-network span.app-light-mode {
    color: black;
}

.questboard-wrapper .front.app-light-mode {
    border: 1px solid #a3a3a3;
    border-radius: 1%;
}

.questboard-wrapper .Learn_tile.flipped .back, .questboard-wrapper .Learn_tile.flipped .front, .questboard-wrapper .Do_tile.flipped .back, .questboard-wrapper .Do_tile.flipped .front, .questboard-wrapper .Inspire_tile.flipped .back, .questboard-wrapper .Inspire_tile.flipped .front.app-light-mode {
    border: 1px solid #a3a3a3;
    border-radius: 1%;
}

.viewrecordsText.app-light-mode {
    color: black !important;
}

.todoManagement .forum-topic-list .row div.leadapp-light-mode {
    color: black !important;
}

.todoManagement .forum-topic-list .row div.text-right select.lead.app-light-mode {
    color: black !important;
}

.forum-topic-list .topicFilterButton, .topicFilterButton, .topicFilterButton:hover, .topicFilterButton:focus.app-light-mode {
    border: solid 1px #a3a3a3 !important;
}

.asideDiscussion .discussionTopic .forum-topic-details .mobilepadding.app-light-mode {
    color: black !important;  
}

.newDiscussionForm .form-group label.app-light-mode {
    color: black !important;
}

.newDiscussionForm .text-sm.app-light-mode {
    color: black !important;
}

.dashboarddiv label.app-light-mode {
    color: black !important;
}

.dashboarddiv label.radio-inline span.app-light-mode {
    color: black !important;
}

.challenge-wrapper .content-bar .question.light-mode {
    color: black !important;
}

.template-wrapper .Inspire-content p.tooltip.light-mode {
    color: black !important;
}

.text-sm.inspireMsg {
    color: white !important;
}

.text-sm.inspireMsg.light-mode {
    color: black !important;
}

.template-wrapper .Inspire-content p.tooltip img.light-mode {
    background-color: gray !important;
    border-radius: 60%;
}

.congratulations-wrapper ul > li::before.light-mode {
    color: black !important;
}


.forum-topic-list .forum-topic .forum-content .badge.badge-category.app-light-mode {
    color: white !important;
}

.filtertabs li.active span.app-light-mode {
    color: black !important;
}

.todoManagement .forum-topic-list .row div.text-right select.app-light-mode {
    color: black !important;
    border: 1px solid #a3a3a3 !important;
}

.dashboarddiv .dashboard-poll-results .back.app-light-mode {
    background: lightgray !important;
}

.filtertabs #showDropdown ul.dropdown-menu.app-light-mode {
    background-color: #607590 !important;
}

.filtertabs #showActivityDropdown ul.dropdown-menu.app-light-mode {
    background-color: #607590 !important;
}

.filtertabs div.catShow.app-light-mode {
    background-color: #607590 !important;
}

.filtertabs div.catShow li.app-light-mode {
    color: white !important;
}

.newDiscussionForm .for_users button.btn,
.newDiscussionForm .for_users button.btn:hover
.newDiscussionForm .for_users button.btn:focus.app-light-mode {
    background: rgb(46,59,80);
    color: #fff !important;
}

.newDiscussionForm .big-tooltips button.app-light-mode {
    background: rgb(46,59,80);
    color: #fff !important;
}

.program-footerbar {
    background-color: #2a3850 !important;
    border-color: #2a3850 !important;
}

.template1 .media .text-description.light-mode {
    color: black !important;
}

.template1 .media .image-description.light-mode {
    color: black !important;
}

.video-wrapper.light-mode {
    color: black !important;
}

.audio-wrapper.light-mode {
    color: black !important;
}

.ql-editor ul li.editor-light-mode {
    color: black !important;
}

.ql-editor ol li.editor-light-mode {
    color: black !important;
}

.ql-editor blockquote.editor-light-mode {
    border-left: 4px solid black !important;
}

.objective-wrapper .challenges .challenge1.light-mode {
    border: solid 1px #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.objective-wrapper .challenges .challenge1finish.light-mode {
    border: solid 1px #000000 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

.img-light-mode {
    background-color: white !important;
    border-radius: 100% !important;
}

.challenge-wrapper .content-bar .question .answers.grouping .group.light-mode,
.challenge-wrapper .content-bar .question .answers.grouping .group.h4.light-mode {
    background: white !important;
    color:black !important
}

.challenge-wrapper .content-bar .question .answers.grouping ul[dnd-list] > li.light-mode {
    background: white !important;
    color:black !important
}

.challenge-wrapper .content-bar .question .answers .group-item.light-mode {
    color: black !important;
}

.challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndquestions.light-mode {
    background: white !important;
    color: black !important
}

.challenge-wrapper .content-bar .question .answers.matching ul[dnd-list] > li.dndanswers.light-mode {
    background: white !important;
    color: black !important
}

.controls {
  display: flex;
  margin-top: 2px;
}
#controls button {
    flex-grow: 1;
    height: 4rem;
    min-width: 2rem;
    border: none;
    border-radius: 0.15rem;
    background: #ed341d;
    margin-left: 2px;
    box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
}
#controls button:hover, button:focus {
    outline: none;
    background: #c72d1c;
}
#controls button::-moz-focus-inner {
    border: 0;
}
#controls button:active {
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
    line-height: 3rem;
}
#controls button:disabled {
    pointer-events: none;
    background: lightgray;
}
#controls button:first-child {
    margin-left: 0;
}

.pipeBtnOff {
    display: none !important;
}

.pipeBtn {
    display: none !important;
}


.journalBtn  {
    width: 220px;
    height: 60px;
    padding: 17px;
    background-color: #fff !important;
    color: #000;
    border: 1px #000 solid;
}

.pd-11 {
    padding-right: 11px;
}
.pd-9 {
    padding-left: 9px;
}
.journalBtn a:hover, a:link:hover, a:visited:hover, a:focus:hover a:focus {
    color: #fff;
    text-decoration: none;
}

.journalBtn a:link:hover, a:hover, a:focus:hover, a:focus {
    color: #000 !important;
    text-decoration: none;
}

.journallbl {
    /* font-family: Roboto; */
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    margin-top: 0px;
}

#quest-answers .ql-editor {
    padding: 0px 0px 15px 0px;
}
.journal-instructions ol, ul {
    list-style: decimal;
    padding-left: 22px;
    padding-bottom: 5px;
}

.side-by-side-buttons {
    display: flex;
}

.side-by-side-buttons p {
    margin-right: 20px;
}

.template3 .Activity-Rectangle {
    margin-left: 14%;
}

.challenge-wrapper .question .Activity-Rectangle {
    max-width: 423px;
    height: auto;
    border-radius: 3px;
    background-color: #606d79;
    padding: 20px;
}

.challenge-wrapper .question .Activity-Rectangle img {
    height: 52px;
    width: auto;
}

.challenge-wrapper .question .challenge-file-link .links {
    font-size: 18px;
    line-height: 1.17;
    letter-spacing: 0px;
    text-align: left;
    color: #31adf7;
    text-decoration: underline;
    display: block;
    margin-top: 15px !important;
}

.challenge-wrapper .question .challenge-file-link .links a,
.challenge-wrapper .question .challenge-file-link .links a:hover,
.challenge-wrapper .question .challenge-file-link .links a:hover:focus {
    color: #31adf7 !important;
}

.dropdown-menu::-webkit-scrollbar {
    width: 10px;
    background: #6B6B6B;
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
    .template-wrapper .bottom-bar .activity-points-earned {
        padding: 13px 15px !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape) {
    .template-wrapper .bottom-bar .activity-points-earned {
        font-size: 19px !important;
        padding: 15px 15px !important;
    }
    .objective-wrapper .bottom-bar .challenge-description,
    .objective-wrapper .bottom-bar-resume .challenge-description,
    .challenge-wrapper .bottom-bar-next .challenge-description,
    .congratulations-wrapper .bottom-bar .challenge-description {
        padding: 10px 15px !important;
    }

    .forum-content .ql-container {
    	margin-left: auto;
    	font-size: 11px !important;
    }
}

#insightsAssessmentQuestionType .lxInsightsAssessmentBtn,
#insightsProfileQuestionType .lxInsightsAssessmentBtn,
#insightsGroupResultsQuestionType .lxInsightsAssessmentBtn {
    width: 230px !important;
    height: 60px !important;
    padding: 17px !important;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px #000 solid !important;
    align-items: center;
    justify-content: center;
    display: flex;
}

#insightsAssessmentQuestionType .assessment-text,
#insightsProfileQuestionType .assessment-text,
#insightsGroupResultsQuestionType .assessment-text {
    font-weight: bold !important;
}

#insightsAssessmentQuestionType .lxInsightsAssessmentBtn a:hover, a:link:hover, a:visited:hover, a:focus:hover a:focus,
#insightsProfileQuestionType .lxInsightsAssessmentBtn a:hover, a:link:hover, a:visited:hover, a:focus:hover a:focus,
#insightsGroupResults .lxInsightsAssessmentBtn a:hover, a:link:hover, a:visited:hover, a:focus:hover a:focus {
    color: #fff !important;
    text-decoration: none !important;
}

#insightsAssessmentQuestionType .lxInsightsAssessmentBtn a:link:hover, a:hover, a:focus:hover, a:focus,
#insightsProfileQuestionType .lxInsightsAssessmentBtn a:link:hover, a:hover, a:focus:hover, a:focus,
#insightsGroupResultsQuestionType .lxInsightsAssessmentBtn a:link:hover, a:hover, a:focus:hover, a:focus {
    color: #000 !important;
    text-decoration: none !important;
}

a[ng-click="goToJournals()"] {
    color: inherit !important;
    text-decoration: underline !important;
}

a[ng-click="goToJournals()"]:hover,
a[ng-click="goToJournals()"]:focus,
a[ng-click="goToJournals()"]:active {
    color: inherit !important;
    text-decoration: underline !important;
}