/** Variables & colors **/


    /** MAP **/

#map-list {
    text-align: center;
    align-items: center;
    justify-content: space-around;
    float:none;
}

#map {
    width: 650px;
    height: 325px;
    position: relative;
    margin: auto;
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/world.gif');
    background-position: center;
    background-repeat: no-repeat;
}

#map .country {
    position: absolute;
    width: 650px;
    height: 325px;
    top: 0;
    left: 0;
    z-index: 1;
}
#map .country-hover {
    cursor:pointer;
    display: block;
    position: absolute;
    z-index: 3;
}
#map .country-hover .country-menu {
    display: none;
}
#map .country-hover.active.hover .country-menu {
    display: block;
}
#map #world .continents {
    position: absolute;
    width: 650px;
    height: 325px;
    z-index: 2;
}


#map #world .africa.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/africa.gif');
}
#map #world .africa.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/africa_over.gif');
}
#map #world .europe.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/europe.gif');
}
#map #world .europe.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/europe_over.gif');
}
#map #world .amerique-du-nord.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/namerica.gif');
}
#map #world .amerique-du-nord.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/namerica_over.gif');
}
#map #world .north-america.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/namerica.gif');
}
#map #world .north-america.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/namerica_over.gif');
}
#map #world .amerique-du-sud.active {
   background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/samerica.gif');
}
#map #world .amerique-du-sud.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/samerica_over.gif');
}
#map #world .south-america.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/samerica.gif');
}
#map #world .south-america.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/samerica_over.gif');
}
#map #world .asie.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/asia.gif');
}
#map #world .asie.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/asia_over.gif');
}
#map #world .asia.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/asia.gif');
}
#map #world .asia.active.hover {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/asia_over.gif');
}
#map #world .oceanie.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/australia.gif');
}
#map #world .oceanie.active.hover {
    background: url('https://www.epfl.ch//education/mobility/wp-content/uploads/2018/12/australia_over.gif');
}
#map #world .oceania.active {
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/australia.gif');
}
#map #world .oceania.active.hover {
    background: url('https://www.epfl.ch//education/mobility/wp-content/uploads/2018/12/australia_over.gif');
}
#map #africa {
    top: 105px;
    left: 255px;
    width: 150px;
    height: 180px;
}
#map #europe {
    top: 25px;
    left: 260px;
    width: 110px;
    height: 80px;
}
#map #amerique-du-nord {
    top: 0px;
    left: 20px;
    width: 230px;
    height: 150px;
}
#map #amerique-du-sud {
    bottom: 0;
    left: 110px;
    width: 120px;
    height: 170px;
}
#map #asie {
    top: 10px;
    left: 380px;
    width: 300px;
    height: 160px;
}
#map #oceanie {
    top: 210px;
    right: 0px;
    width: 130px;
    height: 100px;
}
#map #europe {
    top: 25px;
    left: 260px;
    width: 110px;
    height: 80px;
}
#map #north-america {
    top: 0px;
    left: 20px;
    width: 230px;
    height: 150px;
}
#map #south-america {
    bottom: 0;
    left: 110px;
    width: 120px;
    height: 170px;
}
#map #asia {
    top: 10px;
    left: 380px;
    width: 300px;
    height: 160px;
}
#map #oceania {
    top: 210px;
    right: 0px;
    width: 130px;
    height: 100px;
}

#map-list-footer {
    padding-top: 20px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: rgb(213,213,215);
}

#map-list-footer h4 {
    padding-left: 0.33em;
    font-size: 1.33rem;
}

#map-list-footer #africa-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #africa-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #asie-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #asie-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}
#map-list-footer #asia-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #asia-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #europe-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #europe-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #amerique-du-nord-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #amerique-du-nord-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}
#map-list-footer #north-america-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #north-america-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #amerique-du-sud-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #amerique-du-sud-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #south-america-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #south-america-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #oceanie-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #oceanie-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}

#map-list-footer #oceania-footer.active {
    color: rgb(227,7,19);
}
#map-list-footer #oceania-footer.hover {
    color: rgb(168,14,23);
    text-decoration: underline;
}


/** Menu **/

#enterprise-list {
    display: none;
}

#in-enterprise-list {
    display: block;
}

.filter-bar {
    width: 100%;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 30px;
}
.in-filter-bar {
    width: 100%;
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 30px;
    justify-content: space-around;
}

.dropdown-menu {
    height: auto;
    max-height: 30em;
    overflow-x: hidden;
}

.country-header {
    padding-top: 35px;
}


.region-group {
    background: rgb(193,193,193);
    color: #ffffff;
}
.region-group label:hover {
    background: #d1d5db;
    color: white;
}
.country-group {
    background: rgb(213,213,213);
    color: white;
}
.country-group label:hover {
    background: #e5e7eb;
    color: white;
}


.contact {
    float: right;
    text-align: right;
    align-content: flex-end;
}
.contact .button {
    margin-right: 0;
}

.first-line {
    background-color: rgb(230,230,230);
    height: 4em;
    vertical-align: bottom;
}

.show-all {
    float: right;
    align-content: flex-end;
}


/** Sections **/

.sections ul {
    padding-left: 5px;
}

.sections li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sections .flat-list li {
    float: left;
    display: inline;
}

.sections li span {
    padding-right: 3px;
    font-weight: bold;
}

.sections .ar,
.sections .gc,
.sections .sie {
    color: #ea5e00;
}
.sections .el,
.sections .mt,
.sections .mte,
.sections .mx,
.sections .gm {
    color: #8972d5;
}
.sections .sc,
.sections .in {
    color: #1bb5b5;
}
.sections .cgc,
.sections .ma,
.sections .ph {
    color: #007ba5;
}
.sections .sv {
    color: #6fba01;
}

.section-selection,
.region-selection,
.country-selection,
.city-selection {
    margin-right: 5px;
}

/* Table */

ul {
    list-style-type: none;
}

.label {
    padding-left: 0.25em;
}

.pdf .icon-white,
.icon-pdf {
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/icons.png') no-repeat;
    background-position: 0 0;
}

.email {
    font-size: 16px;
    font-style: italic;
    cursor: pointer;
}

.email
.icon-white {
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/icons.png') no-repeat;
    background-position: 0 -40px;
    margin-top: 3px;
}
.information .icon-white,
.icon-information {
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/icons.png') no-repeat;
    background-position: 0 -22px;
}
.more-info .information .icon-white {
    height: 16px;
    background-position: 0 -23px;
}

.people .icon-white,
.icon-people {
    width: 22px;
    height: 22px;
    border: none;
    cursor: pointer;
    background: url('https://www.epfl.ch/education/international/wp-content/uploads/2018/12/icons.png') no-repeat;
    background-position: 0 -62px;
}

.icon-pdf,
.icon-information {
    float: left;
}

.icon-people  {
    float: right;
    margin-right: 2px;
}

th .icon-people {
    background-position: 0 -56px;
}

th .icon-information {
    background-position: 0 -18px;
}

th .icon-pdf {
    background-position: 0 2px;
}

th .icon-people,
th .icon-pdf,
th .icon-information {
    cursor: default;
}

.places li {
    text-align: right;
    padding-right: 10px;
}

.places ul {
    padding-left: 5px;
}

tbody tr td.exchange {
    padding: 0px;
    margin: 0px;
    font-size: 0.01rem;
}