#grp-navigation {

    background-image: none;
}

header#grp-header{
    height: 60px;
}

#grp-navigation{
    height: 100%;
    line-height: 40px;
}

#grp-navigation #grp-logo{
    display: inline-block;
    background: rgba(255,255,255, 0.5) url(../img/logoTexte.png) no-repeat left;
    background-size: 80.5% 79%;
    margin: 10px 5px 5px 5px;
    float: left;
    width: 14%;
/*    line-height: 40px;*/
    margin-top: 35px;
    margin-left: calc(10vw + 10px);
}

#grp-navigation h1#grp-admin-title{
    display: inline-block;
    color: rgb(88, 89, 91);
    font-size: 16px;
    line-height: 30px;
    margin-top: 23px;
    margin-left: 6.3vw;
    font-family: 'Roboto-Medium';
    font-weight: inherit;
}

#grp-navigation a {
    color: rgb(88, 89, 91);
    background-color: white;
}

#grp-navigation a:hover{
    cursor: pointer;
    color: rgb(195, 195, 195);
}


#grp-user-tools,
#grp-navigation ul li.grp-collapse.grp-open>ul{
    border: none;
}

#grp-user-tools>li{

    border-left: 1px solid rgb(195, 195, 195);
    border-right: none;

}

#grp-navigation ul li.grp-collapse.grp-open>ul li{

    border: 1px solid rgb(195, 195, 195);
/*    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;*/
}

/*#grp-navigation ul li.grp-collapse.grp-open>ul, #grp-navigation, .grp-object-tools a{

    width: 100vw;
    height: 120px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('/img/dcl_header.png');
    background-color: rgb(237, 236, 233);
}*/

#grp-navigation{

    width: 100vw;
    height: 120px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url('/img/dcl_header.png');
    background-color: rgb(237, 236, 233);

}

.grp-object-tools a{

    opacity: 1;
    cursor: pointer;
}

#grp-content{

    top: 160px;

}

#grp-context-navigation{

    background-color: rgb(237, 236, 233);
}

.warningContainer {
    width: 100%;
    height: 20vh;
    overflow: auto;
    margin-bottom: 1rem;
}

.warningArea, .warningAreaTest{

    width: 100%;
    height: 60px;
    display: table;

}

.warningArea{

    padding: 20px 0;

}

.systemHealthConteneur, .alertIndicatorConteneur{

    display: table-cell;
    width: 20%;
    height: 100%;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
    border-right: 1px solid black;
    font-size: 1.5em;
}

#warningMessages{

    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
    overflow-y: scroll;
}

#systemHealth, #alertIndicator{

    /*font-size: 2em;*/
}

#urlHost, #email, #myChart{

    display: none;
}

#chart_fas, #chart_tas, #chart_digitalcontract{

    width: 100%;
}

#chart_fas_history{

    width: 150%;
}

.top0{

    top:0 !important;

}

.noMargin{

    margin: 0 !important;

}

.floatLeft{

    float:left;

}

.marginSide10{

    margin: 0 10px !important;
}

.smartcontractForm, .loginForm{

    padding-top: 50px;
    padding-bottom: 20px;
}

.loginForm p{

    padding-bottom: 20px;
}

.smartcontractForm, .counterparties_profileForm p{

    margin-bottom: 10px;
}

.indexSearchFieldPosition{

    float: right;
    margin-right: 10px;
}

.indexSearchFieldSize{

    width: 20vw;
    min-width: 250px;
}

.displayInlineBlock{

    display: inline-block;

}

.marginLeft10{

    margin-left: 10px;

}

.bankField{

    display: none;
}

div.grp-readonly{
    white-space: pre;
}

.elementHover:hover{

    cursor: pointer;
}

.spinner {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    width: 100px;
    background-image: url('../img/ajax-loader.gif');
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1050;
    position: absolute;
}

.cover{

    width: 100vw;
    height: 100vh;
    z-index: 1000;
    position: absolute;
    top: -140px;
    left: 0;
    background-color: rgba(0,0,0,0.5);
}

.displayNone{

    display: none;
}