/* css reset */
html, body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 300;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*html { box-sizing: border-box; }*/
/**, *:before, *:after { box-sizing: inherit; }*/

/* common */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('/ext_fonts/MaterialIcons-Regular.eot'); /* For IE6-8 */
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('/ext_fonts/MaterialIcons-Regular.woff2') format('woff2'), url('/ext_fonts/MaterialIcons-Regular.woff') format('woff'), url('/ext_fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Preferred icon size */
    /*display: inline-block;*/
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

.aspNetHidden {
    display: none;
}

/* /common */


/* master */
html {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    font-style: normal;
    background: #30556b;
}

body {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.c-form {
    width: 100%;
    display: flex;
    margin: 0px;
    padding: 0px;
}

.c-panel {
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.c-panel.vw100 {
    width: 100vw;
}

.c-header {
    z-index: 2;
    background-color: #30556b;
}

.header-gap {
    flex-grow: 1;
}

.helloblock {
    display: flex;
    flex-direction: column;
}

.helloblock .byline {
    align-self: flex-end;
}

.c-header {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: fixed;
    justify-content: space-between;
    align-items: center;
}

.c-header .header-info {
    margin-right: 10px;
    width: 300px;
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    opacity: 0.4;
    text-align: right;
}

.c-header #headerControl_admin_module {
    margin-right: 5px;
}

.c-header .header-logout {
    margin-right: 10px;
}

.c-panel {
    display: flex;
}

.c-footer {
    display: flex;
    flex-grow: 1;
    background-color: white;
}

.c-footer.mobile {
    display: none;
}

.c-footer.desktop {
    display: flex;
    position: fixed;
    bottom: 0px;
    z-index: 2;
    width: 100%;
}

@media(max-width: 700px) {
    .c-header {
        position: relative !important;
    }

    .c-footer.mobile {
        display: flex;
    }

    .c-footer.desktop {
        display: none;
    }
}

.c-header .icon {
    float: right;
    font-weight: 400;
    color: #FFF;
    opacity: 0.4;
    text-align: right;
    padding-left: 16px;
    padding-top: 2px;
}


.c-push-header {
    display: block;
    pointer-events: none;
    width: 100%;
}

.c-push-footer {
    display: flex;
    pointer-events: none;
    width: 100%;
}

.c-panel-header {
    display: inline-block;
    width: 100%;
}

.c-panel-grid {
    /*display: inline-block;*/
    /*width: 100%;*/
}

.c-panel-footer {
    display: inline-block;
    width: 100%;
}

.c-nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
}

.srtitleparent {
    padding-top: 4px;
}

.srtitle {
    width: 100%;
    border: 0px;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    padding: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.topic-header {
    position: relative;
    min-height: 64px;
    margin: 0px auto;
    text-align: left;
    padding: 16px 0px;
}

@media(max-width: 700px) {
    .topic-header {
        padding: 0px;
        min-height: 90px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.tile-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
}

@media(max-width: 700px) {
    .tile-container {
        justify-content: center;
    }
}
/* /master */

/* arrow */
.srtitle .arrow-up {
    margin-left: 10px;
    display: block !important;
}

.srtitle .arrow-down {
    margin-left: 10px;
    display: none !important;
}

.closed .srtitle .arrow-up {
    display: none !important;
}

.closed .srtitle .arrow-down {
    display: block !important;
}

.srtitle .material-icons {
    margin-top: 5px;
}
/* /arrow */

/* former header styles */

.blue {
    background: #30556b;
}

.silly-z {
    z-index: 16384;
}

.subMenuRepeater, .srtitle, .sritem, .RadAjaxPanel {
    box-sizing: border-box;
}

.strip_w640_p16_0 {
    width: 640px;
    /*padding: 16px 0px;*/
}

@media(max-width: 700px) {
    .strip_w640_p16_0 {
        width: auto;
    }
}

.strip_w640_m0 {
    width: 640px;
    margin: 0px auto;
}

.strip_w680_m0 {
    width: 680px;
    margin: 0px auto;
}

.strip_w800_m0 {
    width: 800px;
    margin: 0px auto;
}

@media(max-width: 700px) {
    .strip_w640_m0 {
        width: auto;
    }

    /*Fix 3 - Patrick : 22-07-20*/
    .strip_w800_m0 {
        width: auto;
    }
    /*Fix 3 - Patrick : 22-07-20*/
}

.strip_w640_m32 {
    width: 640px;
    margin: 32px auto;
}

@media(max-width: 700px) {
    .strip_w640_m32 {
        width: auto;
    }
}

.strip_p32 {
    padding: 32px;
}

.strip_p16 {
    padding: 16px;
}

.strip_logo {
    width: 256px;
    height: 72px;
    padding-top: 10px;
    padding-left: 32px;
}

.c-header {
    height: 96px;
    min-height: 60px;
}

.c-push-header {
    height: 96px;
}

.c-footer {
    height: 64px;
}

.sticky-footer {
    width: 100%;
    background-color: #30556b;
    position: fixed;
    bottom: 64px;
}

.sticky-footer-icons {
    width: 100%;
    background-color: #30556b;
    position: fixed;
    bottom: 64px;
    height: 96px;
}

@media(max-width: 700px) {
    .c-panel {
        /*width: 100vw;*/
    }

    .c-footer {
        height: 32px;
    }

    .c-footer2, .c-footer2 table, .c-footer2 td, .c-footer2 tbody, .c-footer2 tr {
        padding: 0px !important;
        height: 32px !important;
    }

    .c-footer2 td div {
        font-size: 12px !important;
        text-align: left !important;
        line-height: 11px;
    }

    .c-footer2 img {
        width: 80px;
        height: auto;
    }


    .sticky-footer {
        width: auto;
        background-color: #30556b;
        position: relative;
        padding-top: 10px;
        height: 70px !important;
        bottom: 0px;
    }

    .sticky-footer .text {
        font-size: 18px !important;
        max-width: 300px !important;
        text-align: left;
    }

    .sticky-footer .icon {
        padding-top: 5px !important;
    }

    .sticky-footer #menuFooterContainer {
        padding-top: 0px !important;
    }


    .sticky-footer-icons {
        width: auto;
        background-color: #30556b;
        position: relative;
        height: 176px !important;
        bottom: 0px;
    }
}


/* sticky-footer plus footer height */
.c-push-footer {
    height: 160px;
}
/* /former header styles */


/* login */
.login .go {
    font-size: 60px;
    font-weight: 900;
    color: #FFF;
}

@media(max-width: 700px) {
    .login .go {
        font-size: 40px;
    }
}


.login .go-sub {
    font-size: 28px;
    font-weight: 700;
    color: #FFF;
    opacity: 0.4;
}

@media(max-width: 700px) {
    .login .go-sub {
        font-size: 20px;
    }
}

.login .legal {
    font-size: 18px;
    color: #FFF;
    opacity: 0.4;
}

@media(max-width: 700px) {
    .login .legal {
        font-size: 15px;
    }
}
/* /login */


/* internal */
.adj-width {
    width: 960px;
}

#panel {
    display: flex;
    flex-direction: column;
    height: auto;
}

.adj-search-text {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #FFF;
    opacity: 1.0;
}

.c-form {
    display: flex;
    flex-direction: column;
}

.c-panel {
    display: flex;
}

.c-panel {
    order: 3;
    /*flex-grow: 1;*/
    /*overflow: auto;*/
}
/*  
  .c-panel-header, #menuHeaderContainer, #filterContainer, #panel{
    display: flex;
    position: relative;
    flex-direction: column;
  }
  */
#menuHeaderContainer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #fff;
    min-height: 60px;
}

.c-footer {
    align-self: flex-end;
    order: 4;
}

.search {
    /*workaround for span layout*/
    text-align: center;
}

@media(min-width: 700px) {
    .adj-font-header2 {
        text-align: justify;
    }
}

@media(max-width: 700px) {

    /*.c-form{
      display: flex !important;
      flex-direction: column !important;
    }*/

    /*.c-panel, .c-footer, .c-header{
      display: flex !important;
      position: relative !important;
      float: none !important;
      margin: 0 !important;
      width: auto !important;
      height: auto !important;
    }*/


    .c-push-header,
    .c-push-footer {
        display: none !important;
    }

    .icon-80 {
        display: none;
    }

    .c-header {
        box-sizing: border-box;
        order: 1;
        flex-direction: row;
        align-items: center;
        padding: 10px;
    }

        .c-header .strip_logo {
            order: 1;
            height: 30px;
            padding-left: 0px;
            padding-top: 0px !important;
            width: auto;
        }

    #headerControl_admin_module {
        display: none !important;
    }

    #headerControl_admin_module img {
        margin-top: 22px !important;
        height: 20px;
        width: auto;
    }

    .header-logout {
        order: 3;
        padding-top: 0px !important;
    }

    .header-logout img {
        margin-top: 0px !important;
        height: 20px;
        width: auto;
    }

    .header-info {
        order: 2;
        flex-grow: 1;
    }

    .header-info .text {
        max-width: 200px;
        font-size: 11px;
        width: 200px;
        font-weight: normal;
    }

    .header-info .icon i {
        font-size: 25px !important;
    }

    .header-info .icon {
        padding-left: 5px !important;
        margin-left: 0px;
    }

    .strip_w640_p16_0, .strip_w640_m0 {
        max-width: auto;
        /*max-width: 300px !important;*/
        /*margin-left: 8px auto !important;*/
        /*margin-right: 8px auto !important;*/
        /*display: flex;*/
        /*flex-direction: row;*/
    }

    #details_gf_etape1_0, #details_gf_etape1_1, #details_gf_etape1_2,
    #more_gf_etape1_3, #less_gf_etape1_3, #details_gf_etape1_3,
    .adj-width {
        box-sizing: border-box;
        max-width: auto;
        width: auto;
    }

    .adj-width-2 {
        font-size: 90%;
        max-width: auto;
        width: auto !important;
    }

    .adj-as-row {
        display: flex;
        flex-direction: row;
    }

    .adj-search-text {
        font-size: 15px !important;
    }

    .strip_w640_m32.search {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .adj-font-header {
        box-sizing: border-box;
        font-size: 25px !important;
        /*text-align: left;*/
    }

    .adj-font-header2 {
        box-sizing: border-box;
        font-size: 15px !important;
        /*padding: 10px !important;*/
    }

    .search {
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .adj-search-text {
        margin-bottom: 10px !important;
    }

    .strip_w640_m32 {
        max-width: 300px;
        margin: 32px auto;
    }

    .adj-font-footer {
        font-size: 15px !important;
        text-align: left;
    }

    #buttonDownload {
        min-height: 90px;
        max-height: 180px;
        /*border-radius: 80px;*/
    }
}
/* /internal */