/* Assessment Form Styling -- start */

.mmbh-assessment-form ul.mmbh-section-questions {
    margin-bottom: 0px !important;
}

.mmbh-assessment-form ul.mmbh-section-questions li {
    list-style: decimal !important;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px lightgrey;
}

.mmbh-assessment-form ul.mmbh-section-questions li:last-child {
    border-bottom: none;
}

.mmbh-assessment-form ul.mmbh-section-questions li label.mmbh-desc {
    display: inline;
}

/* !Sections */

.mmbh-section-div {
    float: left;
    margin: 10px 0;
    padding: 10px;
    width: 100%;
    border-radius: 3px;
    border: solid 1px #D4D4D4;
    min-height: 250px;
}

select#mmbh-switch-section, select#mmbh-switch-gender {
    border: solid 1px #D4D4D4 !important;
    padding: 5px;
}
select#mmbh-switch-gender {
    float: right;
    padding: 8.5px;
    border-radius: 4px;
    margin-right: 10px;
    min-width: 200px;
    max-width: 200px;
}
.sections-container {
    min-height: 250px !important;
}

.section-navigation ul.pager {
    margin: 0px !important;
}

.section-navigation ul.pager li > a {
    padding: 5px 15px;
}

.vertical-text {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    display: inline;
}

.options .option {
    display: inline;
    margin-right: 15px;
}

@media only screen and (max-width: 767px) {
    .options .option {
        display: block;
        margin-right: 2px;
    }
}

.mmbh-item-question textarea {
    border: solid 1px lightgrey;
}

.mmbh_progress_container .progress {
    background-color: #eae8e8 !important;
}

.mmbh_progress_container .progress-bar {
    background-color: #36b76f !important;
}

@media only screen and (max-width: 991px) {
    .progress {
        margin-top: 10px;
    }
}

.mmbh-span {
    margin-right: 15px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    .mmbh-span {
        display: block;
    }
}

.mmbh-error, label span.mmbh-required-asterisk {
    color: #dd4837 !important;
}

.mmbh-next, .mmbh-previous {
    padding: 15px 22px !important;
}

/*input[type='submit'].mmbh-submit{*/
/*background-color: #333 !important;*/
/*padding: 7px 11px !important;*/
/*border: none;*/
/*color: #fff;*/
/*}*/
/*.mmbh-submit:hover{*/
/*-webkit-transform: translateY(0px);*/
/*}*/

/* Assessment Form Styling -- end */

#progress-bar-wrap {
    min-height: 20px;
    display: block;
    margin-bottom: 0;
}

#progress-bar-wrap .encouragement {
    display: none;
}

#progress-bar-wrap .close:before {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#progress-bar-wrap span {
    line-height: 1.75em;
}

#progress-bar-wrap.collapsed h4 {
    font-size: 14px;
    color: #999999;
}

#progress-bar-wrap.collapsed .encouragement {
    display: none;
}

#progress-bar-wrap.collapsed .progress {
    display: none;
}

#progress-bar-wrap.collapsed .close:before {
    content: "\f0d8";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: .75em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

 /* ----------------------------------------- Modal -----------------------------------------------*/

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}
.mmbh-button {
    background-color: #b25c5b!important;
    border-color: #b25c5b!important;
}
.mmbh-hdng{
    color: #757575;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: solid 1px lightgrey;
    padding-bottom: 10px;
}

.mmbh-start-assessment {
    border-top: solid 1px lightgrey;
    padding-top: 20px;
}

.mmbh-sub-hdng{
    color: #757575;
    font-size: 1em;
    font-weight: 700;

}
.mmbh-option {
    margin-bottom: 10px;
}

.mmbh-color{
    color: #b25b5a;
}
.mmbh-instructions {
    border: solid 1px lightgrey;
    border-radius: 5px;
    padding: 40px 40px 20px 40px;
}
.mmbh-directions-body {
    padding: 0 10px 20px 10px;
}

@media (min-width: 768px)  {
.modal-dialog {
    width: 40% !important;
    margin: 0;
    padding: 0;
}
}

.processing_modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
    url('../img/loader.gif')
    50% 50%
    no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .processing_modal {
    display: block;
}