.example-text {
    display: none;
}

.sample-text {
    margin-top: -20px;
    margin-bottom: 20px;
}

#edit-page-12 .thumbnail,
#edit-page-13 .thumbnail {
    margin-bottom: 0;
}

div ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: rgba(40, 140, 255, .2);
}

th.self-assessment-heading {
    width: 130px;
}

.indicator-cell {
    padding-right: 20px;
    padding-bottom: 30px;
}

.results-table th.self-assessment-heading,
.results-table td.self-assessment {
    text-align: center;
}

.cent-text {
    text-align: center;
}

.helpful-wrapper {
    position: relative;
}

div .close-feedback {
    top: 18px;
}

.block-framework-progress h2 {
    color: #512c7c;
    font-weight: bold;
    font-size: 22px;
}

.module-page {
    background-color: #fff;
    padding: 40px;
    border-top: 5px solid;
}

.page-node-type-module-1 .module-page {
    border-top-color: #552B63;
}

.page-node-type-module-2 .module-page {
    border-top-color: #529763;
}

.page-node-type-module-3 .module-page {
    border-top-color: #5AB8B6;
}

.page-node-type-module-4 .module-page {
    border-top-color: #E6785D;
}

.page-node-type-primary-health-module .module-page {
    border-top-color: #E3B4C6;
}

.page-node-type-practitioner-module .module-page {
    border-top-color: #474747;
}

.page-node-type-module-1 .module-page h1,
.page-node-type-module-1 .module-page h2,
.page-node-type-module-1 .module-page h3,
.page-node-type-module-1 .module-page h3 {
    color: rgba(81, 44, 125, 1);
    font-weight: bold;
}

.page-node-type-module-2 .module-page h1,
.page-node-type-module-2 .module-page h2,
.page-node-type-module-2 .module-page h3 {
    color: rgba(62, 161, 110, 1);
    font-weight: bold;
}

.page-node-type-module-3 .module-page h1,
.page-node-type-module-3 .module-page h2,
.page-node-type-module-3 .module-page h3 {
    color: rgba(54, 191, 199, 1);
    font-weight: bold;
}

.page-node-type-module-4 .module-page h1,
.page-node-type-module-4 .module-page h2,
.page-node-type-module-4 .module-page h3 {
    color: rgba(233, 123, 96, 1);
    font-weight: bold;
}

.page-node-type-primary-health-module .module-page h1,
.page-node-type-primary-health-module .module-page h2,
.page-node-type-primary-health-module .module-page h3 {
    color: #BB7D94;
    font-weight: bold;
}

.page-node-type-practitioner-module .module-page h1,
.page-node-type-practitioner-module .module-page h2,
.page-node-type-practitioner-module .module-page h3 {
    color: #333;
    font-weight: bold;
}

.page-node-type-module-1 .module-page .example-text { color: #544165; }
.page-node-type-module-2 .module-page .example-text { color: #446354; }
.page-node-type-module-3 .module-page .example-text { color: #3B6C88; }
.page-node-type-module-4 .module-page .example-text { color: #D06F57; }

button.previous-button, button.next-button {
    border-radius: 0;
    border: 0;
    text-align: center;
    width: 160px;
    font-size: 1.2em;
    margin-top: 20px;
    padding: 14px;
    color: #fff;
}

.page-node-type-module-1 .module-page button.generate-cert,
.page-node-type-module-1 .module-page .form-actions button {
    background-color: #544165;
    color: #fff;
    font-weight: bold;
}

.page-node-type-module-2 .module-page button.generate-cert,
.page-node-type-module-2 .module-page .form-actions button {
    background-color: #446354;
    color: #fff;
    font-weight: bold;
}

.page-node-type-module-3 .module-page button.generate-cert,
.page-node-type-module-3 .module-page .form-actions button {
    background-color: #3B6C88;
    color: #fff;
    font-weight: bold;
}

.page-node-type-module-4 .module-page button.generate-cert,
.page-node-type-module-4 .module-page .form-actions button {
    background-color: #D06F57;
    color: #fff;
    font-weight: bold;
}

.page-node-type-primary-health-module .module-page button.generate-cert,
.page-node-type-primary-health-module .module-page .form-actions button {
    background: #bb7d94;
    color: #fff;
    font-weight: bold;
}

.page-node-type-practitioner-module .module-page button.generate-cert,
.page-node-type-practitioner-module .module-page .form-actions button {
    background: #474747;
    color: #fff;
    font-weight: bold;
}

.module-page .form-actions button:active,
.module-page .form-actions button:hover {
    color: #ccc;
}

#start-module-form div #edit-module-1 {
    background-image: url('/modules/custom/framework_modules/css/images/framework-module-1.png');
}

#start-module-form div #edit-module-2 {
    background-image: url('/modules/custom/framework_modules/css/images/framework-module-2.png');
}

#start-module-form div #edit-module-3 {
    background-image: url('/modules/custom/framework_modules/css/images/framework-module-3.png');
}

#start-module-form div #edit-module-4 {
    background-image: url('/modules/custom/framework_modules/css/images/framework-module-4.png');
}

#start-module-form div #edit-primary-module {
    background-image: url('/modules/custom/framework_modules/css/images/framework-module-primary.png');
}

#start-module-form div #edit-practitioner-module {
    background-image: url('/modules/custom/framework_modules/css/images/framework-module-practitioner.png');
}

#start-module-form div #edit-module-1,
#start-module-form div #edit-module-2,
#start-module-form div #edit-module-3,
#start-module-form div #edit-module-4,
#start-module-form div #edit-primary-module,
#start-module-form div #edit-practitioner-module {
    background-repeat: no-repeat;
    background-size: contain;
    width: 600px;
    height: 140px;
    background-color: transparent;
    color: transparent;
    border: 0;
    margin: 10px;
}

#start-module-form img {
    max-width: 100%;
}

div ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 5px;
}

#block-modulepatternimage {
    height: 100px;
}

.page-node-type-module-1 #block-modulepatternimage {
    background-image: url('/modules/custom/framework_modules/css/images/pattern-module-1.png');
}

.page-node-type-module-2 #block-modulepatternimage {
    background-image: url('/modules/custom/framework_modules/css/images/pattern-module-2.png');
}

.page-node-type-module-3 #block-modulepatternimage {
    background-image: url('/modules/custom/framework_modules/css/images/pattern-module-3.png');
}

.page-node-type-module-4 #block-modulepatternimage {
    background-image: url('/modules/custom/framework_modules/css/images/pattern-module-4.png');
}

.page-node-type-primary-health-module #block-modulepatternimage {
    background-image: url('/modules/custom/framework_modules/css/images/pattern-module-primar.png');
}

.email-selector-container .select-wrapper {
    width: 140px;
}

.email-selector-container .form-type-select {
    display: inline-block;
}

.indicator-container h4 {
    font-weight: bold;
}

@media only screen and (max-width: 992px) {
    #start-module-form div #edit-module-1,
    #start-module-form div #edit-module-2,
    #start-module-form div #edit-module-3,
    #start-module-form div #edit-module-4,
    #start-module-form div #edit-primary-module,
    #start-module-form div #edit-practitioner-module {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 660px) {
    #start-module-form div #edit-module-1,
    #start-module-form div #edit-module-2,
    #start-module-form div #edit-module-3,
    #start-module-form div #edit-module-4,
    #start-module-form div #edit-primary-module,
    #start-module-form div #edit-practitioner-module {
        padding-top: 22%;
        height: 0;
    }
}

#edit-navigation {
    width: 100%;
}

@media only screen and (max-width: 479px) {
    #start-module-form #edit-navigation {
        width: 100%;
    }

    #start-module-form #edit-navigation .active-pager, #edit-navigation .inactive-pager {
        width: auto
    }
}

.certificate-download {
    text-align: center;
    margin-top: 40px;
}

.certificate-download a {
    border-radius: 0;
    border: 0;
    text-align: center;
    width: 160px;
    font-size: 1.2em;
    margin-top: 20px;
    padding: 14px;
    color: #fff;
    background-color: #544165;
    font-weight: bold;
    transition: all 300ms;
}

.row.document-download a:hover,
.row.document-download a:focus,
.row.document-download a:active,
.certificate-download a:hover,
.certificate-download a:focus,
.certificate-download a:active {
    color: #ccc;
    text-decoration: none;
    transition: all 300ms;
}

.row.document-download a {
    display: inline-block;
    border: 1px solid;
    padding: 10px 20px;
    margin-bottom: 15px;
    width: 170px;
    background-color: #512C7C;
    color: #fff;
}

.self-assessed-area {
    margin-bottom: 30px;
}

.self-assess {
    float: left;
    width: 50%;
    text-align: center;
    padding: 20px;
}

.single-area {
    text-align: center;
    padding: 20px;
}

button.generate-cert {
  border-radius: 0;
  border: 0;
  text-align: center;
  width: 210px;
  font-size: 1.2em;
  padding: 14px;
  color: #fff;
  background-color: #544165;
  font-weight: bold;
  transition: all 300ms;
  display: block;
  margin: 30px auto;
}