/* =========================================================== */
/* HEALTH VALUE INDICATOR COLORS
/* =========================================================== */

.bg-good{
    background: #4bb756 /* #43A047 / #58db65 */
}

.bg-intermediate{
    background: #f5ba27 /* #fbc02d */
}

.bg-bad{
    background: #f95c58 /* #ff5722 */
}

.text-good{
    color: #4bb756
}

.text-intermediate{
    color: #f5ba27
}

.text-bad{
    color: #f95c58
}

.text-white {
    color: #ffffff;
}

.text-dark {
    color: #696969;
}

/***** NEW COLORS 12/04/2017 coming from bMetrix JSON *****/
.risk_green {
    color: #3ACD62
}

.bg-risk_green {
    background: #3ACD62;
}

.risk_yellow {
    color: #FFFE00;
}

.bg-risk_yellow {
    background: #FFFE00;
}

.risk_orange {
    color: #FEB000;
}

.bg-risk_orange {
    background: #FEB000;
}

.risk_red {
    color: #CE3932;
}

.bg-risk_red {
    background: #CE3932;
}

.bg-risk_maroon {
    background: #990000;
}

.risk_default {
    color: #ffffff; /* #9e9e9e */
}

.bg-risk_default {
    background: #ffffff;
}

/********** END NEW COLORS ******************/

div .hidden{
    display: none;
}

/* =========================================================== */
/* WIDGET BODY & HEADERS */
/* =========================================================== */

.widget-container {
    padding: 10px 15px 15px 15px;
}

body .grid-item.widget-container.w1 {
    min-width: 150px;
    width: 32%;
}

.w-not-needed {
    display: none;
}

.widget-container.h1,
.widget-container.h2,
.widget-container.h3 {
    padding: 10px;
}

.widget-container .header-widget {
    padding: 10px 15px;
}

.header-widget {
    overflow: unset !important;
    margin-bottom: 10px;
}

.header-widget h1 {
    color: #fff;
    margin: 0;
    font-size: 1.69rem;
    text-transform: uppercase;
    letter-spacing: 0.169rem;
    font-weight: 600;
}

@media all and (max-width: 1200px) {
    .header-widget h1 {
        font-size: 1.6rem;
        letter-spacing: 0.16rem;
    }
}

.wgt-hdr-row {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
}

.hdr-widget {
    margin: 0 0 15px 0;
    color: #012168;
    font-size: 1.65rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.hdr-widget-small {
    margin: 0 0 15px 0;
    color: #012168;
    font-size: 1.35rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
}

.widget-wrap {
    padding:15px;
}

/* =========================================================== */
/* WIDGET BUTTONS */
/* =========================================================== */

.btn {
    padding: 0 1rem;
}

.btnOutlined {
    border: 2px solid !important;
    border-radius: 7px;
    background-color: transparent;
    color: #ee7533;
    margin: 0 0 14px 10px;
    padding: 0 15px;
    font-weight: 500;
    box-shadow:none;
}

.btnOutlined:hover {
    border: 2px solid #fff;
    border-radius: 7px;
    background-color: #ee7433;
    color: #fff !important;
    box-shadow:none;
}

.btnSolid {
    border: 2px solid #fff;
    border-radius: 7px;
    background-color: #ee7433;
    color: #fff;
    box-shadow:none;
    font-weight: 500;
    margin: 0 0 14px 10px;
}

.btnSolid:hover {
    border: 2px solid #fff;
    border-radius: 7px;
    background-color: #4e9d2d;
    color: #fff;
    box-shadow:none;
}

/* =========================================================== */
/* MISC CSS */
/* =========================================================== */
.btn-no-mar {
    margin-left:0;
}

.no-mar-top {
    margin-top:0;
}

.no-mar-bot {
    margin-bottom:0;
}

.no-pad-left {
    padding-left:0;
}

.mar-right-15 {
    margin-right: 15px;
}

.mar-left-10 {
    margin-left: 10px !important;
}

a, a:focus, a:visited, a:hover {
    outline: none;
}

sup {
    top: -.3em;
    padding-right:1px;
}

.clear-padding{
    padding: inherit !important;
}

/* =========================================================== */
/* TEXT HELPERS */
/* =========================================================== */

.uppercase{
    text-transform: uppercase;
}

.lowercase{
    text-transform: lowercase;
}

.bold{
    font-weight: bold;
}

.spaced-text{
    letter-spacing: 3px;
}

/* =========================================================== */
/* Materialize overrides (it enjoys removing classes)*/
/* =========================================================== */

.theme-select li.disabled > span{
    color: white !important;
    font-weight: bold;
}

/* =========================================================== */
/* Add styles to images for CKEDITOR          */
/* =========================================================== */
.align-left {
    float: left;
}

.align-right {
    float: right;
}

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

.align-center > figure {
    display: inline-block;
}

.image-captioned {
    text-align: center;
}

figure {
    margin: 1em;
}

figcaption {
    text-align: center;
}

/* =========================================================== */
/* Add styles to images for CKEDITOR          */
/* =========================================================== */

.modal-close {
    cursor: pointer;
    position: relative;
    right: 0px;
}
.modal-close:after, .modal-close:before {
    content: "";
    height: 20px;
    width: 20px;
    border-top: 1px solid #000;
    position: absolute;
    top: 7px;
    right: -8px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal-close:before {
    right: 6px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.modal-close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}