#searchbox-container {
    position: absolute !important;
    top: 30px !important;
    right: 60px !important;
    z-index: 9 !important;
    display: block !important;
    float: right !important;
    width: 400px !important;
    height: 20px !important;
}

.disclaimer-container {
    position: fixed;
    bottom: 63px;
    font-size: 10px;
    color: #6F0015;
    left: 36%;
    width: 55%;
    z-index: 100;
}

.compare-content {
    height: calc(100% - 70px);
}

.sidebar-wrap .sidebar-scores .score-menu .subindex {
    width: calc(100% - 15px);
    border-bottom: 1px solid #d8dee0;
}

#quicklook-institutions_resources > h3 > a {
    cursor: default;
}

.sidebar-wrap .sidebar-scores .score-menu h3 .text {
    cursor: default;
}

#compare-institutions_resources > h3 > a {
    cursor: default !important;
}

#compare-safety_frameworks > h3 > a {
    cursor: default !important;
}

#compare-safety_outcomes > h3 > a {
    cursor: default !important;
}

::-webkit-scrollbar-track {
    background: transparent
}

#searchbox {
    position: absolute !important;
    top: 30px !important;
    right: 60px !important;
    z-index: 9 !important;
    display: block !important;
    float: right !important;
    width: 400px !important;
    height: 20px !important;
}

.progress_result {
    height: 100%;
    float: left;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    background: #A20221;
}

.progress_bar_element {
    background-color: #f5f5f5;
    border-radius: 0px;
    width: 100%;
    height: 16px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-top: 3px;
    float: left;
    overflow: hidden;
    cursor: pointer;
}

.saved_reports_profile {
    width: 50%;
    height: 600px;
    float: left;
}

.edit_profile {
    width: 50%;
    height: 400px;
    float: right;
}

.table_container {
    display: table;
    width: 100%;
}

.table_row {
    display: table-row;
    margin-bottom: 5px !important;
}

.tr_left, .tr_right, .tr_middle {
    display: table-cell;
}

#pr_button {
    border: 1px solid black;
    margin: 5px;
    padding: 5px 10px;
    display: inline-block;
}

.alert-box {
    color: #555;
    border-radius: 0;
    font-family: Tahoma, Geneva, Arial, sans-serif;
    font-size: 11px;
    padding: 10px 10px 10px 36px;
    margin: 10px;
}

.alert-box span {
    font-weight: bold;
    text-transform: uppercase;
}

.error {
    background: #ffecec;
    border: 1px solid #f5aca6;
}

.success {
    background: #e9ffd9;
    border: 1px solid #a6ca8a;
}

.warning {
    background: #fff8c4;
    border: 1px solid #f2c779;
}

.notice {
    background: #e3f7fc;
    border: 1px solid #8ed9f6;
}

#score-list .dataTable {
    width: 100%;
    margin: 0 0 0 0;
    border-top: 1px solid #a39f9f;
    font-family: "ULSans-Light", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#score-list .dataTable.no-footer {
    border-bottom: none;
}

#saved_report_lightbox {
    max-width: 50%;
}

#edit_profile_lightbox {

    max-width: 50%;
}

.form-control {
    padding: 10px;
    font-size: 12pt;
}

/* Grid // taken from skeleton.css
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

/* For devices larger than 550px */
@media (min-width: 1400px) {
    .container {
        width: 100%;
    }

    .column,
    .columns {
        margin-left: 0%;
    }

    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }

    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 30.6666666667%;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .nine.columns {
        width: 74.0%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    height: 38px;
    padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border: 1px solid #33C3F0;
    outline: 0;
}

label,
legend {
    display: block;
    margin-bottom: .5rem;
}

fieldset {
    padding: 0;
    border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
}

label > .label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
    width: 100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}

#user-edit > div > div > div > form > label {
    display: block;
}

.saved_report_view_button {
    color: #FFFFFF;
    font-weight: 400;
    margin: 1px;

    font-family: "ULCaps", Helvetica, "Helvetica Neue", Arial, sans-serif;
    display: block;
    padding: 0 10px;
    background-color: #8C0000;
    text-align: center;

    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    cursor: pointer;
}

.edit_profile_submit_button {
    color: #FFFFFF;
    font-weight: 400;
    font-family: "ULCaps", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 8pt;
    border: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 6px 20px;
    background-color: #8C0000;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.saved_report_view_button:hover {
    background: #660000;
    text-decoration: none;
}

.saved_reports_table {
    font-size: 8pt;

}

.fullscreen-wrap .fullscreen-content.lightbox-content table {
    margin: 0 0 0 0;
}

.fullscreen-wrap .fullscreen-content.lightbox-content table td {
    border: none;
    padding: 2px 4px 2px 4px;
    font-size: 10px;
}

#saved_reports_table_filter > label > input[type="search"] {
    height: 23px;
}

#saved_reports_table > tbody > tr > td > a > span {
    font-size: 85%;
}

#user-edit > div > div > div > div > form > button > span {
    font-size: 85%;
}

#select2-peer_filter_column_selector-results {
    max-height: 650px;
}

table.dataTable.no-footer {
    border-bottom: none !important;
}

#compare-buttons .button {
@include full-size;
    position: relative;
    width: 50%;
    float: left;
}

a.compare-btn.button.bg-grey > span.text {
    margin-top: 4px;

}

.input_help_text {
    font-size: 8pt;
}

#peer_filter_help {
    position: relative;
    left: 1%;
    bottom: 5px;
    font-size: 6pt;
    width: 15px;
    color: #dc0012;
    margin: 0 auto;
    padding: 4px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #dc0012;
    z-index: 2;
}

.fullscreen-wrap .fullscreen-content.lightbox-content h4 {
    margin: 0 0 10px 0;
    font: 1.25rem/1.5em "ULSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    color: #5d6e72;
}

span.tm {
    font-size: 16px;
}

.mktoFormCol legend {
    display: none;
}

.mktoForm label {
    font-weight: normal;
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: normal !important;
}

.mktoForm input[type=text] {
    height: 30px;
    border-radius: 0;
}

.mktoForm textarea {
    border-radius: 0;
}

.mktoForm input[type=email] {
    height: 30px;
    border-radius: 0;
}

.mktoForm select {
    height: 30px;
    border-radius: 0;
}

.mktoForm .mktoHtmlText {
    width: 250px !important;
}

.fullscreen-wrap .fullscreen-content {
    position: absolute;
    top: 30px;
    left: calc(27% + 30px);
    width: calc(73% - 60px);
    height: calc(100% - 140px);
    overflow: auto;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

#viewport .country-popup .button, #viewport .ol-popup-content .button {
    display: block;
    float: left;
    width: 50%;
    margin: 0 2% 0 0;
}

#viewport .country-popup .button:last-child, #viewport .ol-popup-content .button:last-child {
    width: 48%;
    margin: 0;
}

.button .text {
    width: 65%;
    margin-top: 4px;
}

div.dataTables_processing {
    display: none !important;
}

/* AIRES EDITS */

/* HEADER */

/*
ul#primary-nav-links {
	top: 20px;
    left: 50%;
	margin: 0 0 0 -150px;
    position: absolute;
    width: auto;
}
*/

a.primary-nav {

}

#hero a.primary-nav.lightbox {
    background-color: rgba(245, 246, 248, 0.1);

}

#country {
    width: 66.66%;
    left: 16.66%;
    background: rgba(255, 255, 255, 0.0);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    top: 25%;
}

#theme {
    width: 66.66%;
    left: 16.66%;
    background: rgba(255, 255, 255, 0.0);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    top: 15%;
}

#country h2, #theme h2 {
    letter-spacing: 1px;
    font: 2rem/2.5em "ULNumbers", "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    text-transform: capitalize;
    margin-left: 70px;
}

div#country-menu {
    margin-left: 70px;
}

div#country-listnav-nav {
    font: 1em/1.4em "ULCaps", Helvetica, "Helvetica Neue", Arial, sans-serif;
    text-transform: lowercase;
}

#country-listnav {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    list-style-position: inside;
    list-style-type: none;
    margin: 20px 0;
}

#theme-menu {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    list-style-position: inside;
    list-style-type: none;
    margin: 20px 0;
}

#country-listnav a, #theme-menu a {
    color: #7c2e34;
    font: 1.2em/40px "ULCaps", Helvetica, "Helvetica Neue", Arial, sans-serif;
    display: block;
    padding: 0px;
    text-align: left;
    text-transform: lowercase;
    letter-spacing: .05em;
}

#country-listnav a:hover, #theme-menu a:hover {
    color: #A40C19;
}

#theme-menu a {
    margin-bottom: 20px;
}

.tab-content .ol-overlay-container,
#thememap .ol-overlay-container {
    width: 25%;
}

.tab-content .ol-popup,
#thememap .ol-popup {
    /* 	width: 100%; */
}

.country-names p {
    font-size: 14px;
    margin: 0 0 10px 10px;
    display: block;
}

.country-names p .score {
    font-family: "ULNumbers", "ULSans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    line-height: 25px;
    display: block;
    float: left;
    height: 25px;
    min-width: 16.66%;
    margin-right: 10px;
    text-align: right;
}

.country-names p .text {
    font-family: "ULCaps", Helvetica, "Helvetica Neue", Arial, sans-serif;
    line-height: 21px;
    text-transform: lowercase;
    display: inline-block;
    max-width: 66%;
}

.country-names p:nth-of-type(2) {
    color: #A40C19;
    font-size: 21px;
    line-height: 1;
}

@font-face {
    font-family: 'ul-themes';
    src: url('fonts/ul-themes.eot');
    src: url('fonts/ul-themes.eot?#iefix') format('embedded-opentype'),
    url('fonts/ul-themes.ttf') format('truetype'),
    url('fonts/ul-themes.woff') format('woff'),
    url('fonts/ul-themes.svg?#ul-themes') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="themeicon-"], [class*=" themeicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ul-themes' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    font-size: 42px;
    color: #3e3a3a;
    vertical-align: middle;
    margin-right: 20px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="themeiconimg-"], [class*=" themeicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    color: #3e3a3a;
    vertical-align: middle;
    margin-right: 20px;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.themeicon-drowning:before {
    content: "\e900";
}

.themeicon-disaster:before {
    content: "\e901";
}

.themeicon-mechanical:before {
    content: "\e902";
}

.themeicon-falls:before {
    content: "\e903";
}

.themeicon-fires:before {
    content: "\e904";
}

.themeicon-foreignbody:before {
    content: "\e905";
}

.themeicon-other:before {
    content: "\e906";
}

.themeicon-poisonings:before {
    content: "\e907";
}

.themeicon-transport:before {
    content: "\e908";
}

.themeicon-image {
    background-size: contain;
    width: 50px;
    display: inline-flex;
    height: 50px;
}

/* OFFSETS */

/* Offsets */
.offset-by-one.column,
.offset-by-one.columns {
    margin-left: 8.66666666667%;
}

#sidebar-main, #sidebar-main-wrap {
    pointer-events: none;
}

#left-menu, #filter, #sidebar-footer {
    pointer-events: auto;
}

#pageHeaderTitle {

    color: #8C0000;
    font-size: 40pt;
    padding: 20px;
    line-height: 45pt;
    font-weight: 100;
    font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

#newsSubTitle {

    color: #000;
    font-size: 15pt;
    padding-bottom: 20px;
    line-height: 15pt;
    font-weight: 500;
    font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.news-content {
    padding: 5%;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
}

.news-item-sidebar-header {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #8C0000;
    font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
}

.news-item-sidebar-text {
    margin-top: 5px;
    margin-left: 10px;
    color: #0a0a0a;
    font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    font-weight: 100;
    text-decoration: none;
}

.tagButton {
    display: inline-block;
    padding: 4px 15px;
    margin: 10px;
    font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
    background: rgba(178, 187, 194, 0.15);
    transition: 250ms;
}

.tagButton:hover {
    background: rgba(178, 187, 194, 0.35);
    transition: 250ms;
}

.news-item {
    background-color: #EFF3F4 !important;
    background-clip: padding-box;
    border: 25px solid transparent;
    padding: 22px !important;

    font-family: "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;
}

.news-item img {
    text-align: center;
    margin: 0 auto;
}

.news-item-date {
    color: #A40C19;
    text-decoration: none;
    text-align: left !important;
    font-size: 11px;
    font-weight: 100;
    display: block;
    margin-bottom: 17px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.news-item-sidebar-image{
    background-size:contain;
    width:calc(100% + 30px);
}
#news-item-sidebar-image {
    width:100% !important;
    margin-left:-15px;
}

.news-item-title a {
    color: #A40C19;
    text-decoration: none;
    text-align: left !important;
    font-weight: 500;
    line-height:1.2;
    font-size:1.2em;
    display: block;
    margin: 17px 0 2px 0 !important;
    letter-spacing: 1px;
}


.news-item-subtitle {
    color: #333;
    text-decoration: none;
    font-size:10pt;
    text-align: left !important;
    font-weight: 100;
    display: block;
    margin: 0 0 17px 0 !important;
    letter-spacing: 1px;
}

.news-item-names {
    text-decoration: none;
    text-align: left;
    font-size: .75em;
    font-weight: 600;
    line-height: 3px;
    text-transform: uppercase;
    letter-spacing: 0;
}

.news-item-links a {
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 11px;
    text-transform: uppercase;
    color: #A40C19;
    font-weight: 600;
}

.news-item-line {
    border: 0;
    border-top: 1px solid #CCC;
    border-bottom: 0;
    width: 50%;
    margin-left: 25%;
}

.equalized_height {
    height: 100%;
    width: 100%;
}

.page_header_bar_divider:after {
    content: '';
    display: block;
    width: calc(16.66667%);
    float: left;
    margin-left: calc(41.66667% + 0px);
    height: 5px;
    background: #A40C19;
}

.news-header {
    background-color:#F5F6F8
}


.news-header h2 {
    padding: 130px 10px 30px 10px;
    font-size:15pt;
    margin-bottom:0;
    display:block;
    text-transform: none;
    font-family:  "Open Sans", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
    font-weight:400;
    color:#77919b;
}
.news-header h1 {
    padding: 1px 10px 30px 10px;
    font-weight:600;
    color: #A40C19;
    text-transform: none;
    font-family:  "Open Sans", -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
    font-size:30pt;
    line-height:1.4;
}

.news-header:after {
    content: '';
    display: block;
    width: calc(16.66667%);
    float: left;
    margin-left: calc(41.66667% + 0px);
    height: 5px;
    background: #A40C19;
}
.news-item-image {
    float:left;
    margin: 0 20px 20px 0;
}


.news-content ul {
    list-style: disc;
    padding-left:40px;
    padding-bottom:20px;
}


.news-content b {
    font-weight:bold;
}