/*
*   Sliding country bar
*/
/* Parent container */
#country_filter_container3 {
    height: 45px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
}

/* Sliding container */
#country-slide-menu-container {
    position: absolute;
    right: 0px;
    background-color: #40545e;
    border-radius: 10px 0px 0px 10px;
    transition-property: right;
    transition-duration: 0.5s;
}

/* Avoid sliding before page is loaded and the flags hidden first */
#country-slide-menu-container.preload {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

/* Proper formatting for contained objects */
#country-slide-menu-container > div {
    vertical-align: top;
    display: inline-flex;
    height: 45px;
}

#selected_country {
    width: 45px;
}

#selected_country, #available_countries > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#selected_country > img.company-unit-flag {
    height: 40px;
    width: 40px;
}

#selected_country > span, #available_countries > div > span {
    color: white;
    font-weight: bold;
}

#available_countries > div {
    margin-right: 7px;
}

#available_countries > div > img.company-unit-flag {
    height: 35px;
    width: 35px;
}

/*
*   Header
*/
#container_login_info {
    display: flex;
    justify-content: flex-end;
}

#container_login_info > div {
    margin-left: 3em;
}

/*
*   Images
*/
.no-hover, .no-hover:hover {
    text-decoration: none;
    cursor: default;
}

/*
*   Export buttons
*/
#export_data_header_container {
    position: relative;
}

#export_options_container {
    height: 60px;
    width: 120px;
    vertical-align: top;
    position: absolute;
    background-color:#ffffff;
    z-index: 200;
    text-align: center;
    left: -20px;
}

#export_options_container > a {
    display: inline-block;
    margin: 0 5px;
}

#export_options_container > a, #excel_export_icon, #report_icon {
    height: 40px;
    width: 41px;
}

/* ICONS */
#excel_export_icon {
    background: url('/static/img/excel.svg') center no-repeat;
    background-size: 41px 40px;
}

#report_icon {
    background: url('/static/img/graph_icon.svg') center no-repeat;
    background-size: 41px 40px;
}

/* TOOLTIPS */
#excel_export_icon:hover::after, #report_icon:hover::after,
#main_country_header_icon:hover::after, #available_countries .company-unit-flag-container:hover::after, #msl_country_header_icon:hover::after {
    position: absolute;
    height: 30px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 4px 8px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    bottom: -35px;
    font-family: "Frutiger Bold", serif !important;
    color: #40545E;
}

#excel_export_icon:hover::after {
    content: 'Export to Excel file';
    width: 130px;
    left: 0px;
}

#report_icon:hover::after {
    content: 'View report';
    width: 90px;
    left: 21px;
}


#main_country_header_icon:hover::after, #available_countries .company-unit-flag-container:hover::after, #msl_country_header_icon:hover::after {
    bottom: 15%;
    padding-left: 10px;
    padding-right: 10px;
    right: 105%;
    white-space: nowrap;
}

#main_country_header_icon:hover::after {
    content: 'All company units';
}

#msl_country_header_icon, #msl_country_header_icon > img {
    height: inherit;
}

#msl_country_header_icon:hover::after {
    content: attr(data-cu-name);
}

#available_countries .company-unit-flag-container:hover::after {
    content: attr(data-cu-name);
}