/* Fonts */
@font-face{font-family:'FrutigerLTCom55Roman';
    src:url('/Library/font/frutigerltcom-roman-webfont.eot');
    src:url('/Library/font/frutigerltcom-roman-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Library/font/frutigerltcom-roman-webfont.woff') format('woff'),
    url('/Library/font/frutigerltcom-roman-webfont.ttf') format('truetype'),
    url('/Library/font/frutigerltcom-roman-webfont.svg#webfont') format('svg');
}
@font-face {
    font-family: 'FrutigerBold';
    src: url('/Library/font/ftb____-webfont-webfont.eot');
    src: url('/Library/font/ftb____-webfont-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Library/font/ftb____-webfont-webfont.woff') format('woff'),
    url('/Library/font/ftb____-webfont-webfont.ttf') format('truetype'),
    url('/Library/font/ftb____-webfont-webfont.svg#FrutigerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{font-family:'FrutigerLTCom45Light';
    src:url('/Library/font/frutigerltcom-light-webfont.eot');
    src:url('/Library/font/frutigerltcom-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Library/font/frutigerltcom-light-webfont.woff') format('woff'),
    url('/Library/font/frutigerltcom-light-webfont.ttf') format('truetype'),
    url('/Library/font/frutigerltcom-light-webfont.svg#webfont') format('svg');
}

@font-face {
    font-family: 'open_sanslight';
    src: url('/Library/font/opensans-light-webfont.eot');
    src: url('/Library/font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Library/font/opensans-light-webfont.woff2') format('woff2'),
    url('/Library/font/opensans-light-webfont.woff') format('woff'),
    url('/Library/font/opensans-light-webfont.ttf') format('truetype'),
    url('/Library/font/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('/Library/font/opensans-regular-webfont.eot');
    src: url('/Library/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Library/font/opensans-regular-webfont.woff2') format('woff2'),
    url('/Library/font/opensans-regular-webfont.woff') format('woff'),
    url('/Library/font/opensans-regular-webfont.ttf') format('truetype'),
    url('/Library/font/opensans-regular-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/Library/font/opensans-bold-webfont.eot');
    src: url('/Library/font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/Library/font/opensans-bold-webfont.woff2') format('woff2'),
    url('/Library/font/opensans-bold-webfont.woff') format('woff'),
    url('/Library/font/opensans-bold-webfont.ttf') format('truetype'),
    url('/Library/font/opensans-bold-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Global */

* { margin: 0; padding: 0; border: 0 none; }

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

.row {
    box-sizing: border-box;
    max-width: 59rem;
    margin-left: auto;
    margin-right: auto; }
.row::before, .row::after {
    content: ' ';
    display: table; }
.row::after {
    clear: both; }
.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
.row .row {
    margin-left: -0.625rem;
    margin-right: -0.625rem; }
@media screen and (min-width: 40em) {
    .row .row {
        margin-left: -0.9375rem;
        margin-right: -0.9375rem; } }
.row .row.collapse {
    margin-left: 0;
    margin-right: 0; }
.row.expanded {
    max-width: none; }
.row.expanded .row {
    margin-left: auto;
    margin-right: auto; }

.column, .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left; }
@media screen and (min-width: 40em) {
    .column, .columns {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem; } }
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left; }

.column.row.row, .row.row.columns {
    float: none; }
.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0; }

@media screen and (min-width: 64em) {
    .large-up-2 > .column, .large-up-2 > .columns {
        width: 50%;
        float: left; }
    .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
        clear: none; }
    .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
        clear: both; }
    .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
        float: left; }
}

body { font-family: "FrutigerLTCom45Light"; font-weight: normal; font-style: normal; font-size: 13px; background-color: #eaeaea; min-width: 1020px; }

pre { margin: 5px; }
pre { font-size: 13px; color: #666; }
ul { list-style-type: none; }

/* a { text-decoration: none; color: #007E69; font-size: 16px; } */
a { text-decoration: none; color: #00A984; font-size: 16px; }
a:hover,
a:focus { text-decoration: underline; }

/* TABLE */

table { border: 0 none; border-spacing : 0; border-collapse : collapse; width: 100%; }
table.selectable tbody tr { transition: background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear; }
table.selectable tbody tr:hover { background-color: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); cursor: pointer; }
th { background-color: rgba(154,140,131,1); color: #ffffff; padding: 8px 10px; font-weight: normal; font-size: 22px; border: 1px solid #f0f0f0; }
thead th { text-transform: uppercase; }
td { font-size: 14px; border: 1px solid #ddd; padding: 8px 10px; }
table > tbody > tr:nth-child(odd) {background: #e9e9e9; }
/* tbody > tr.group { background-color: #007E69 !important; cursor: default !important; color: #f2f2f2; font-family: 'FrutigerLTCom55Roman'; font-size: 14px; } */
tbody > tr.group { background-color: #00A984 !important; cursor: default !important; color: #f2f2f2; font-family: 'FrutigerLTCom55Roman'; font-size: 14px; }
/* tbody tr.group td { border-left: 1px solid #007E69; border-right: 1px solid #007E69; } */
tbody tr.group td { border-left: 1px solid #00A984; border-right: 1px solid #00A984; }
tbody tr.group td:first-child { border-left: 1px solid #f0f0f0; }
tbody tr.group td:last-child { border-right: 1px solid #f0f0f0; }

.nocell { background-color: transparent; border-color: transparent; }
.nacell { background: url('/Library/image/icon-cell-na.png') repeat #ddd; }

/* Form */

table.form,
table.form > thead,
table.form > tbody > tr { background-color: transparent; }
table.form > tbody > tr > td { border: 0 none; text-align: left; }
table.form > tbody > tr > td:first-child { min-width: 150px; }
table.form > tbody > tr > td > label { font-size: 16px; }

table.formrecap { width: 100%; }
table.formrecap > tbody > tr > td { min-width: 50%;}
table.formrecap > tbody > tr > td > label { font-size: 16px; }
table.formrecap > tbody > tr > th > label { font-size: 16px; }
table.formresult { width: 100%; }
table.formresult > tbody > tr > td > label { font-size: 16px; }
table.formresult > tbody > tr > th > label { font-size: 16px; }

/* Utils */

.centered-text { text-align: center; }
.centered-object { width: 800px; margin: 0 auto; }
.align-right { float: right; }
.clear { clear: both; }
.full-width { width: 100%; }
.nowrap { white-space: nowrap; }
.uppercase { text-transform: uppercase; }

/* .note { font-size: 14px; padding: 15px 10px; margin: 10px; background-color: #ECECEC; border-left: 4px solid #007E69; } */
.note { font-size: 14px; padding: 15px 10px; margin: 10px; background-color: #ECECEC; border-left: 4px solid #00A984; }

.table { display: table; }
.cell { display: table-cell; }

/* Icons */

.icon { display: inline-block; height: 24px; padding-left: 30px; background: none no-repeat center left; }
.icon-loading { background-image: url('/Library/image/loading-page.gif'); background-position: 4px center; }
.icon-info { background-image: url('/Library/image/icon-info.png'); }
.icon-warning { background-image: url('/Library/image/icon-warning.png'); }
.icon-error { background-image: url('/Library/image/icon-error.png'); }

/* Inputs */

select,
input[type=text],
input[type=password],
input[type=number],
input[type=radio],
input[type=checkbox] { font-family: "FrutigerLTCom45Light"; font-size: 15px; color: #000; background-color: #f7f7f7; border: 1px solid #999; border-bottom: 2px solid #999; border-radius: 3px; padding: 7px 12px; margin: 5px; }

.textLong { width: 398px; }
.filter-projects { padding-left: 4px; }
.comboLong { width: 425px; }

select:hover,
input[type=text]:hover,
input[type=number]:hover,
input[type=password]:hover,
select:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus { background-color: #ffffff; }

select[disabled],
input[type=text][readonly],
input[type=password][readonly],
input[type=number][readonly] { background-color: #dfdfdf; color: #333; }

select[state=error],
input[type=text][state=error],
input[type=password][state=error],
input[type=number][state=error] { border-color: #ED5058;  background-color: rgba(237,80,80,0.1);}

select[state=mandatory],
input[type=text][state=mandatory],
input[type=password][state=mandatory],
input[type=number][state=mandatory] { border-color: rgba(233,132,0,1); background-color: rgba(233,132,0,0.1);}

select[state=valid],
input[type=text][state=valid],
input[type=password][state=valid],
/* input[type=number][state=valid] { border-color: rgba(0,126,105,1) ;} */
input[type=number][state=valid] { border-color: rgba(0,169,132,1) ;}

select { min-width: 192px; max-width: 425px; padding: 4px 12px; }

/* Buttons */

input[type=button] { text-transform: uppercase; font-family: 'FrutigerBold'; border-radius: 3px 3px 5px 5px; padding: 7px 20px 5px 20px; margin: 5px; background-color: #454545; color: #f2f2f2; font-size: 13px; min-width: 180px; cursor: pointer; border-bottom: 4px solid #333; }
input[type=button] { text-transform: uppercase; font-family: 'FrutigerBold'; border-radius: 3px 3px 5px 5px; padding: 7px 20px 5px 20px; margin: 5px; background-color: #454545; color: #f2f2f2; font-size: 13px; min-width: 180px; cursor: pointer; border-bottom: 4px solid #333; }
input[type=button]:hover,
input[type=button]:focus { color: #fff; background-color: #4a4a4a; }

/* input.primary[type=button] { background-color: #007E69; border-color: #007E69; } */
input.primary[type=button] { background-color: #00A984; border-color: #00A984; }
input.primary[type=button]:hover,
/* input.primary[type=button]:focus { color: #fff; background-color: rgba(0,126,105,0.9); } */
input.primary[type=button]:focus { color: #fff; background-color: rgba(0,169,132,0.9); }

input.warning[type=button] { background-color: rgba(225, 162, 41, 1); border-color: #B77D11; }
input.warning[type=button]:hover,
input.warning[type=button]:focus { color: #fff; background-color: rgba(225, 162, 41, 0.9); }

input.danger[type=button] { background-color: rgba(221, 40, 49, 1); border-color: #B31119; }
input.danger[type=button]:hover,
input.danger[type=button]:focus { color: #fff; background-color: rgba(221, 40, 49, 0.9); }

input.cancel[type=button] { background-color: #ddd; border-color: #ccc; color: #333333; }
input.cancel[type=button]:hover,
input.cancel[type=button]:focus { color: #222; background-color: #e3e3e3; border-color: #d3d3d3; }

input[type=button][disabled],
input[type=button][disabled]:hover,
input[type=button][disabled]:focus { cursor: not-allowed; background-color: #999999; border-color: #666; }

input[type=button].small { min-width: 100px; font-size: 12px; padding: 3px 20px 2px 20px; margin: 2px 3px; }

/* Input */
/* Numeric input spinners off webkit */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Numeric input spinners off firefox */
input[type=number] {
    -moz-appearance:textfield;
}

input[type=file]#fileImage, input[type=file]#filePDF {position:fixed;top:-100px;padding-left: 5px;}
input[type=text].customInput{width:262px;}

.buttonBrowse {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    width: 130px;
    height: 38px;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    color: white;
    font-weight: bold;

}
.buttonBrowse:hover {
    text-decoration: none;
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.buttonBrowse:active {
    position: relative;
    top: 1px;
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}

/* Main Page */
/*h1, h2 {  padding: 10px 30px 0px 30px; }*/
#project { text-align: center; }

#project .page
{
    display: inline-block; position: absolute; width: 635px; background-color: white; padding: 30px 30px 10px 30px;
    text-align: justify; margin: 0 auto; left:0px; right:0px; z-index: 1;
}


/* Menu left */
.page-menu-left { display: inline-block; background-color: #ccc; padding: 5px; width: 250px; min-width: 250px; max-width: 250px; margin-right: 15px; vertical-align: top; text-align: justify }
.page-menu-left a { cursor: pointer; }

/* Menu right : "Calculer" et "Manuel Utilisateur" */
.menu-right { float: right; min-width: 250px; max-width: 250px; margin: auto;
    vertical-align: top; margin-right: 20px; text-align: left; }

.menu-right a { display: block; padding: 15px; opacity: 1; margin-bottom: 15px; text-align: center; font-weight: bold; background-color: #CCC; text-decoration: none; }
.menu-right a.disable { opacity: 0.5; margin-bottom: 15px; text-align: center; font-weight: bold; background-color: #CCC; cursor: default; }
.menu-right a.active,
/* .menu-right a:hover { text-decoration: none; background-color: #007E69; color: white; cursor: pointer; opacity: 1; cursor: pointer; } */
.menu-right a:hover { text-decoration: none; background-color: #00A984; color: white; cursor: pointer; opacity: 1; cursor: pointer; }


/* Projects Page */
#listProjects .projectItem { display: inline-block; margin-bottom: 15px; width: 80%; background-color: #ccc; padding: 10px 30px 10px 30px; }
/* #listProjects .projectItem:hover { background-color: #007E69; cursor: pointer; } */
#listProjects .projectItem:hover { background-color: #00A984; cursor: pointer; }

.newProject { float: right; padding: 0px 25px 0px 0px; cursor: pointer; }
.newProject a { text-decoration: none; }
/*#project input[type=radio] { margin: 5px; }*/

.page-loading { margin-left: 20px; opacity: 1; transition: opacity 0.5s ease; }
.page-loading[data-visible="false"] { opacity: 0; }
.page-loading[data-visible=""] { display: none; }

.resultsArray { width: 100%; }
.resultsArray .legend { display: inline-block; width: 40px; height: 20px; background-color: lightblue; margin-right: 10px; }
.resultsArray label { display: inline-block; vertical-align: top; }
.resultsArray .item { cursor: pointer; }
.resultsArray .item.selected { background-color: lightblue; }
/* .resultsArray .item:hover { background-color: #007E69; } */
.resultsArray .item:hover { background-color: #00A984; }
/*.resultsArray .item:hover:first-child { background-color: rgba(185, 86, 0, 1); }*/
.resultsArray .title { text-align: center; background-color: #ccc; }

.resultsArray .legendColor { text-align: center; }
.resultsArray .item:first-child .legendColor { background-color: rgba(185, 86, 0, 1); }
.resultsArray .item:nth-child(2) .legendColor { background-color: rgba(90,187,205,1); }
.resultsArray .item:nth-child(3) .legendColor { background-color: rgba(116, 194, 103,1); }

.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

td.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

td.rotate > div {
    transform:
        /* Magic Numbers */
    translate(5px, 51px)
        /* 45 is really 360 - 45 */
    rotate(-90deg);
    width: 30px;
}
td.rotate > div > span {
    /*border-bottom: 1px solid #ccc;*/
    padding: 5px 10px;
}

table.graph > tbody > tr > td { border: 0 none; }
table.graph > tbody > tr { border: 0 none; background-color: transparent; }
table.graph .label, table.graph .choice  { text-align: center; }
table.graph .label-left, table.graph .choice-left { text-align: left; }

.disabled-class {
    color:gray;
}

.module-description-inline-notification { position: absolute; right: -15px; top: 15px; font-family: 'open_sansregular'; font-size: 19px; color: #f7f7f7; background-color: rgba(237, 80, 88, 1); padding: 4px 12px; border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.module-description-inline-notification-admin { line-height: 16px; position: absolute; right: -8px; top: 22px; font-family: 'open_sansregular'; font-size: 11px; color: #f7f7f7; background-color: rgba(237, 80, 88, 1); padding: 1px 6px; border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
/*.module-description-inline-notification-admin { line-height: 16px; position: absolute; right: 58px; top: 2px; font-family: 'open_sansregular'; font-size: 11px; color: #f7f7f7; background-color: rgba(237, 80, 88, 1); padding: 1px 6px; border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }*/
.module-description-inline-notification-rights { line-height: 16px; position: absolute; right: -8px; top: 100px; font-family: 'open_sansregular'; font-size: 11px; color: #f7f7f7; background-color: rgba(237, 80, 88, 1); padding: 1px 6px; border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.module-description-inline-notification-pleiade { line-height: 16px; position: absolute; right: -8px; top: 12px; font-family: 'open_sansregular'; font-size: 11px; color: #f7f7f7; background-color: rgba(237, 80, 88, 1); padding: 1px 6px; border-radius: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }

.tree-icon { height: 24px; width: 24px; padding-left: 30px; background: none no-repeat center left; }

.tree-icon-expand { cursor: pointer; background-image: url('/Library/image/chevron-right.png'); }
.tree-icon-collapse { cursor: pointer; background-image: url('/Library/image/chevron-down.png'); }

.collapsing-title { color: black; text-decoration: none; }
.collapsing-title:hover,
.collapsing-title:focus { color: black; text-decoration: none; }

/*.page-menu-button {*/
    /*position: fixed;*/
    /*float: right; cursor: pointer; margin: 0 10px 20px 10px; border-radius: 50%; width: 50px; height: 50px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow ease 0.25s, background-color ease 0.25s; }*/

.page-menu-button { display: block; float: right; cursor: pointer; margin: 0 10px 20px 10px; border-radius: 50%; width: 50px; height: 50px; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: box-shadow ease 0.25s, background-color ease 0.25s; }
.page-menu-button:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); }

.page-menu-button-icon { display: block; opacity: 0.8; width: 50px; height: 50px; margin: 2px; transition: opacity ease 0.25s; }
.page-menu-button-icon:hover { opacity: 1; }

/* .page-menu-button[data-type=primary] { background-color: #007E69; } */
.page-menu-button[data-type=primary] { background-color: #00A984; }
/* .page-menu-button[data-type=primary]:hover { background-color: rgba(0,126,105,0.9); } */
.page-menu-button[data-type=primary]:hover { background-color: rgba(0,169,132,0.9); }
.page-menu-button[data-type=help] { background-color: #F2F2F2; }
.page-menu-button[data-type=help]:hover { background-color: #ffffff; }
.page-menu-button[data-type=danger] { background-color: #DD2831; }
.page-menu-button[data-type=danger]:hover { background-color: #ED5058; }

.page-menu-button[data-disabled=true] { cursor: default; background-color: #cccccc; }
.page-menu-button[data-disabled=true]:hover { background-color: #cccccc; }

.page-menu-button[data-icon=compute] .page-menu-button-icon { background-image: url('/Library/image/page-menu-icon-compute.png'); }
.page-menu-button[data-icon=manual] .page-menu-button-icon { background-image: url('/Library/image/page-menu-icon-manual.png'); }
.page-menu-button[data-icon=report] .page-menu-button-icon { background-image: url('/Library/image/page-menu-icon-pdf.png'); }
.page-menu-button[data-icon=reset] .page-menu-button-icon { background-image: url('/Library/image/page-menu-icon-reset.png'); }
.page-menu-button[data-icon=save] .page-menu-button-icon { background-image: url('/Library/image/page-menu-icon-save.png'); }
.page-menu-button[data-icon=left-arrow] .page-menu-button-icon { background-image: url('/Library/image/Arrowhead-Left-01-32.png'); }
.page-menu-button[data-icon=right-arrow] .page-menu-button-icon { background-image: url('/Library/image/Arrowhead-Right-01-32.png'); }
.page-menu-button[data-icon=copy] .page-menu-button-icon {  background: url('/Library/image/page-menu-icon-copy.png') no-repeat center center;}


.saving-message {
    color: white;
    font-size: 30px;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    right: 0;
    margin-top: -22px;
    /*background-color: rgba(0,126,105,1);*/
    background-color: rgba(0,169,132,1); /* rgba(154,140,131,1); */
    border-radius: 5px;
    padding: 5px 10px;
    opacity: 0.7;
    box-shadow:
            0 1px 1px rgba(0,0,0,0.1),
            inset 0 1px 0 rgba(255,255,255,0.6);
}

.save-icon, .nothing-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.save-icon { background: url('/Library/image/icon-checkbox-white.png') no-repeat; }
.nothing-icon { background: url('/Library/image/icon-close.png') no-repeat; }


.fadein.ng-hide-remove,
.fadeout.ng-hide-add {
    -webkit-transition: 400ms ease-in-out all;
    -moz-transition: 400ms ease-in-out all;
    -o-transition: 400ms ease-in-out all;
    transition: 400ms ease-in-out all;
    display: block !important;
}

.fadein.ng-hide-remove,
.fadeout.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}

.fadeout.ng-hide-add,
.fadein.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}