.outputs {
    background-color: #1d1f21;    
    color: #c66;
    line-height: 14px !important;
    text-align: left;    
    padding: 1.5rem;
}

    .outputs .language-html {        
        font-size: 12px;
        font-family: Consolas,Liberation Mono,Courier,monospace;
    }

        .outputs .language-html span {            
            opacity: 1;            
        }

        .outputs .language-html .tag-content {
            color: #c5c8c6;
        }

        .outputs .language-html .meta-content {
            color: #b5bd68;
        }

        .outputs .language-html .comment-content {            
            display: block;
            width: 100%;
            color: #969896;
        }

        .outputs .language-html .meta-tag-wrapper {
            display: block;
            width: 100%;
        }

    .best-practice {
        margin-top: 25px;
        color: #696969 !important;
    }

    .best-practice h3 {
        padding-left: 25px;
        font-size: 14px !important;
        font-weight: bold !important;
    }

        .best-practice h3 small {
            color: #138496;
            font-style: italic !important;
        }

    .best-practice ul {
        padding-left: 50px;
        font-size: 10px !important;
    }

.form-group small {
    color: #138496;
    font-style: italic !important;    
}

.required-field {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #ff0000 !important;
}

.alert-hide {
    display: none;
    visibility: hidden;
}

.alert-show {
    display: block;
    visibility: visible;
}

.alert-fixed-top {
    position: absolute;
    /*position: fixed;*/
    width: 500px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    /*top: 28%;*/
    z-index: 1030;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}

.error-bgnd {
    background-color: #ff9d9d !important;
}