body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.separator {
  border-left: 2px solid #ddd;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 400px;
}


.gi-11x{font-size: 1.1em;}
.gi-13x{font-size: 1.3em;}
.gi-15x{font-size: 1.5em;}
.gi-20x{font-size: 2em;}
.gi-30x{font-size: 3em;}
.gi-40x{font-size: 4em;}
.gi-50x{font-size: 5em;}

.gi-blue {
    color: #31708f;
}

.gi-green {
    color: #13d90b;
}

.gi-orange {
    color: darkorange;
}

.gi-red {
    color: orangered;
}

#budget-clinics .SumoSelect > .optWrapper > .options > li.opt:first-child {
    display: none;
}

.clinic-update-stats-table td {
    vertical-align: middle !important;
}

.issueTypeDropDownList {
    display: inline-block !important;
    padding: 6px !important;
    width: 61% !important;
    font-size: 13px !important;
}

.issueTypeDropDownList.full-width {
    width: 90% !important;
}

.btnReport {
    padding: 6px !important;
    display: inline-block;
    width: 28%;
    vertical-align:middle;
    font-size: 12px !important;
}

.label-issue-status {
    font-size: 95% !important;
}

.label-90 {
    font-size: 90% !important;
}

.label-85 {
    font-size: 85% !important;
}

.label-80 {
    font-size: 80% !important;
}
.tr-subtotal {
    background-color: #ddd !important;
}
.tr-total {
    background-color: #c5c5c5 !important;
}
.info-sign {
    position: relative !important;
    display: inline-block !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjIgKDU3NTE5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY25fcmV2dl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEzLjQ5LDYuNTEgQzEzLjQ5LDcuMzMzIDEyLjgyMyw4IDEyLDggQzExLjE3Nyw4IDEwLjUxLDcuMzMzIDEwLjUxLDYuNTEgQzEwLjUxLDUuNjg3IDExLjE3Nyw1LjAyIDEyLDUuMDIgQzEyLjgyMyw1LjAyIDEzLjQ5LDUuNjg3IDEzLjQ5LDYuNTEgTTEwLjUsMTcuNTMgTDEwLjUsMTEuNTMgQzEwLjUsMTAuNzAxIDExLjE3MSwxMC4wMyAxMiwxMC4wMyBDMTIuODI4LDEwLjAzIDEzLjUsMTAuNzAxIDEzLjUsMTEuNTMgTDEzLjUsMTcuNTMgQzEzLjUsMTguMzU4IDEyLjgyOCwxOS4wMyAxMiwxOS4wMyBDMTEuMTcxLDE5LjAzIDEwLjUsMTguMzU4IDEwLjUsMTcuNTMgTTEyLDI0IEMxOC42MTYsMjQgMjQsMTguNjE3IDI0LDEyIEMyNCw1LjM4NCAxOC42MTYsMCAxMiwwIEM1LjM4MywwIDAsNS4zODQgMCwxMiBDMCwxOC42MTcgNS4zODMsMjQgMTIsMjQiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJSZXN1bHRzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZG93bmxvYWQtYXNzZXRzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI0NS4wMDAwMDAsIC0xMTU3LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iaWNuX3JldnZfaW5mbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTI0NS4wMDAwMDAsIDExNTcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDx1c2UgaWQ9Ik1hc2siIGZpbGw9IiNDQ0NDQ0MiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) no-repeat;
    background-size: contain;
    color: transparent;
    height: 20px;
    margin-left: 8px;
    width: 20px;
    vertical-align: middle;
}

#reportingIssueCountAndDays {
    padding: 10px;
    position: absolute;
    width: 255px;
    height: 80px;
    bottom: 20px;
    right: 10px;
    /*background-color: rgb(238, 238, 238);*/
    background-color: #CCCCCC;
    z-index: 100;
    text-align: left;
    vertical-align: middle;
    color: #333;
    border-radius: 6px;
}

.negative {
    background-color: salmon
}
/*--------------------------------------------------------*/
/* styles for region management */
#error-message-wrapper {
    display: none;
    padding-left: 0 !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}


@media (max-width:1318px) {
    .label-left-padding-top {
        padding-top: 0 !important;
    }
}