@import url('https://ec.europa.eu/wel/template-2013/stylesheets/ec.css');
@import url('https://ec.europa.eu/wel/template-2013/stylesheets/ec-content.css');
@import url('https://ec.europa.eu/assets/grow/growth/stylesheets/template-2014/entr-common.css');
@import url('europa.min.css');
@import url('header_footer_corporate.css');
@import url('responsive.css');

@font-face {
  font-family:EuropaIcons;
  src:url(../fonts/europa-icons/europa-icons.eot);
  src:url(../fonts/europa-icons/europa-icons.eot?#iefix) format("embedded-opentype"),url(../fonts/europa-icons/europa-icons.woff) format("woff"),url(../fonts/europa-icons/europa-icons.ttf) format("truetype"),url(../fonts/europa-icons/europa-icons.svg#europa-icons) format("svg")
}

@media all {
    /*************************************************
    HEROES 2.x with New Europa Integration Adaptations
    **************************************************/
    
    /* Display aria-hidden="true" inside main content */
    /* ie.: use in Webtoolscharts (Highcharts) */
    main [aria-hidden="true"] {
      display: block;
    }
    
    /* Dialogs and Dialog Overlay Z-index must be greter */
    /* Top Bar e-index id 1000 */
    .ecl-dialog__overlay {
      z-index: 1098;
    }

    .ecl-dialog {
      z-index: 1099;
    }
    
    /* Close Button on Dialogs */
    button.ecl-message__dismiss {
      font-size: 140%
    }
    
    /* Force inline list margin*/
    .ecl-list--inline li {
      margin-right: .66rem;
      margin-left: 0 !important;
    }         

    /* Add Pointer on Language links */
    a.ecl-language-list__button {
      cursor: pointer; 
    }
    
    /* Force links on Breadcrumbs to be white */
    a.ecl-breadcrumbs__link {
      color: white;
    }

    .ecl-breadcrumbs__segment a {
      text-decoration: none;
      font-size: 0.875rem;
    }

    .ecl-breadcrumbs__segment,
    .ecl-breadcrumbs__segment a,
    .ecl-breadcrumbs__segment a:visited {
      color: #ffffff !important;
      font-size: 0.875rem;
    }

    .ecl-breadcrumbs__link {
      margin-right: 4px;
    }

    /* Header Identity adjustments */
    .ecl-page-header__identity {
      font-weight: 600;
      font-size: 1.779rem;
    }

    /* No padding on ECL Column */
    .ecl-col {
      padding-left: 0;
      padding-right: 0;
    }

    /* Force last child on social media list to be inline */
    .ecl-footer__social-links li:last-child {
      display: inline !important;
    }
    
    /* Force Identity footer h4 tags to be blue and 18px */
    .ecl-footer__site-identity h4.ecl-h4 {
      color: #003366;
      font-size: 18px;
      line-height: 1.1;
    }

    /* Force EC and Corporate footer links to be white */
    .ecl-footer__site-corporate a.ecl-footer__link,
    .ecl-footer__site-corporate a.ecl-footer__link:active,
    .ecl-footer__site-corporate a.ecl-footer__link:hover,
    .ecl-footer__site-corporate a.ecl-footer__link:visited,
    .ecl-footer__ec a.ecl-footer__link,
    .ecl-footer__ec a.ecl-footer__link:active,
    .ecl-footer__ec a.ecl-footer__link:hover,
    .ecl-footer__ec a.ecl-footer__link:visited {
      color: white;
    }
    
    /* Remove box Shadow from template 2014 */
    #layout {
      box-shadow: none;
    }
    
    /* Remove Border of 1px to avoid line use in template 2014, Increase max-width  */    
    .layout {
      border: 0px;
      max-width: 1170px;
    }
    
    /* Remove left margin */
    .layout-left {
      margin-left: 0;
    }
    
    /* Padding left must be specified to center icons */
    #stay-connected p {
      padding-left: 5px;
    }

    /* Reset top bar position */
    #top_bar {
      left: 0px;
      right: 0px;
    }

    /* Unset box sizing of Top Menu and set left position */
    .user-tasks {
      box-sizing: unset;
      left: 0px;
    }
    
    /* Top Menu Tasks */
    .user-tasks > li {
      color: #666666;
      width: 18.32460732984293%;
      height: 6.166666666666667em;
      margin: 0;
      text-align: center;
      background-color: #fbfbfb;
      /* Old browsers. */
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #d8d8d8 100%);
      /* FF3.6+. */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #f5f5f5), color-stop(100%, #d8d8d8));
      /* Chrome,Safari4+. */
      background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #d8d8d8 100%);
      /* Chrome10+,Safari5.1+. */
      background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #d8d8d8 100%);
      /* Opera 11.10+. */
      background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #d8d8d8 100%);
      /* IE10+. */
      background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 50%, #f5f5f5 51%, #d8d8d8 100%);
      /* W3C. */
      position: relative;
    }

    .user-tasks > li:hover,
    .user-tasks > li.isCurrent {
      background-color: #fbfbfb;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #d8d8d8 0%, #f5f5f5 50%, #fbfbfb 51%, #ffffff 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8d8d8), color-stop(50%, #f5f5f5), color-stop(51%, #fbfbfb), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, #d8d8d8 0%, #f5f5f5 50%, #fbfbfb 51%, #ffffff 100%);
      background: -o-linear-gradient(top, #d8d8d8 0%, #f5f5f5 50%, #fbfbfb 51%, #ffffff 100%);
      background: -ms-linear-gradient(top, #d8d8d8 0%, #f5f5f5 50%, #fbfbfb 51%, #ffffff 100%);
      background: linear-gradient(to bottom, #d8d8d8 0%, #f5f5f5 50%, #fbfbfb 51%, #ffffff 100%);
      font-weight: bold;
    }
        
    .user-tasks > li > a {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background: none;
      display: block;
      text-decoration: none;
      padding: 20px 4px 0 4px;
      border-left: 1px solid #dedede;
      border-right: 1px solid #ffffff;
      border-top: 0;
      border-bottom: 0;
      font-size: 1.1em;
      font-weight: lighter;
      line-height: 1.35;
    }
    
    .user-tasks > li > a:hover {
      font-weight: bold;
    }
    
    .user-tasks > li > a:visited {
      color: inherit;
    }
    
    .user-tasks > li.first {
      width: 8.37696335078534%;
      border-left: 0;
      -webkit-border-radius: 4px 0 0 4px;
      -moz-border-radius: 4px 0 0 4px;
      border-radius: 4px 0 0 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      overflow: hidden;
    }

    .user-tasks > li.first a:hover,
    .user-tasks > li.first a.active {
      background-position: center -74px;
    }

    /* Set Width of top sub menus */
    .sub-tasks {
      width: 110%;
    }
    
    .user-tasks > li.home > a {
      background: url("../images/home.png") center 0 no-repeat !important;
    }
    
    /* Arrange size on top sub menus items */
    .sub-tasks li > a {
      font-size: 0.75rem;
      line-height: 1.2;
    }      

    /* Left Menu */
    #menu {
      margin-top: 96px;
    }

    /* Layout Right is bigger */
    .layout-wrapper {
      margin-right: -255px;
    }

    .layout-wrapper-reset{
      margin-right: 255px;
    }
    
    .layout-right {
      width: 250px;
    }

    .layout-content-reset {
      margin-top: 108px;
      margin-left: 0px;
      width: 99%;
    }
    
    /* Expander on Left Menus */
    .euMenu .hasChildren .expander {
      background-color: inherit;
      display: block;
      height: 18px;
      padding-left: 0px;
      position: absolute;
      top: 0;
      right: 0 !important;
      width: 20px !important;
    }
}

@media all and (min-width: 768px) {
    h1#banner-sub-title-text {
        position: absolute;
        top: 100px;
        left: 248px;
        z-index: 7;
        color: #FFF;
        font-weight: normal;
        font-size: 170%;
        margin: 0;
        border: none;
    }

    body.eu-loading {
        background-image: url(../images/eu-loading.gif);
        background-repeat: no-repeat;
        background-position: center;
    }

    div.eu-loading {
        visibility: hidden;
    }

    /*entr_box & and social media buttons if 1 column layout*/
    .layout-noleft .layout-left {
        display: block;
        position: absolute;
        z-index: 20;
        width: 190px;
        left: 10px;
        top: 10px;
    }

    .layout-noleft .layout-left #stay-connected-left-nav {
        float: inherit;
        margin: inherit;
        width: inherit;
    }

    .layout-noleft .layout-left #entr_box {
        background-color: inherit;
        border-radius: inherit;
        box-shadow: inherit;
    }

    .layout-noleft .layout-left #stay-connected-left-nav,
    .layout-noleft .layout-left {
        background: #FFF;
        filter: none;
    }

    .layout-noleft .layout-left .visible-tablet.menu-browse {
        display: none;
    }

    .layout-noleft #accessibility-menu li.m-menu {
        display: none;
    }

    /*end of entr_box & and social media buttons if 1 column layout*/
    /*increases the main content margins*/
    .layout-noright .layout-content-reset {
        margin-left: 1.01911%;
        margin-top: 108px;
        width: 99%;
        padding: 0 3.6% 4.33121%;
    }

    .euMenu .separator {
        border-top: 1px solid #DCDCDC;
        height: 1px;
    }

    .euMenu .separator div {
        display: none;
    }

}

@media all and (max-width: 768px) {
    /* TABLET */
    h1#banner-sub-title-text {
        display: none;
    }

    .layout-noright .layout-left {
        /*display: block;*/
    }
}

/*hacks for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
}