.connection-page-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.connection-box {
    margin-left: auto;
    margin-right: auto;
}

.connection-title-box {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.connection-box-buttons {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 3rem;
    width: 15rem;
    background-color: rgba(255, 255, 255, 1);
    color: #000;
    border-radius: 0px;
    box-shadow: 1px -1px 42px 4px rgba(0,0,0,0.22);
}

.connection-box-button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 0px;
    padding: 0.7rem 1rem 0.7rem 1rem;
    cursor: pointer;
    color: white;
    background-color: blue;
}

    .connection-box-button:hover {
        box-shadow: none;
    }

.connection-box-button-icon {
    float: left;
    margin-right: 0.5em;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    background-color: white;
    object-fit: contain;
}

.connection-logo {
    width: 4rem;
    height: 4rem;
    margin-left: -0.5rem;
    margin-right: 0rem;
}

.connection-logo-cc {
    width: 4rem;
    margin: 0rem;
}

.connection-box-language {
    margin-left: 1.5rem;
}

.connection-info {
    background-color: white;
    padding: 1rem 2rem 1rem 2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.connection-info-button {
    padding-bottom: 0.7rem;
    border-bottom: 1px solid blue;
    font-size: 0.8em;
    cursor: pointer;
}

    .connection-info-button:hover {
        border-bottom: none;
    }

@media(min-width:600px) {
    .connection-page-container {
        width: 100%;
    }

    .connection-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 95vw;
        margin-left: auto;
        margin-right: auto;
    }

    .connection-box-buttons {
        width: 12rem;
    }

    .connection-info {
    }

    .connection-title-box {
        width: 45%;
    }
}

@media(min-width:800px) {
    .connection-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 95vw;
    }

    .connection-box-buttons {
        width: 13rem;
    }

    .connection-page-container {
        width: 100%;
    }

    .connection-info {
    }

    .connection-title-box {
        width: 37%;
    }
}



@media(min-width:1000px) {
    .connection-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .connection-box-buttons {
        width: 20rem;
    }

    .connection-info {
    }

    .connection-title-box {
        width: 35%;
    }
}


@media(min-width:1200px) {
    .connection-box {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 70rem;
    }

    .connection-box-buttons {
        width: 20rem;
    }

    .connection-info {
        margin-top:15rem;
    }

    .connection-title-box {
        width: 25%;
    }
}

@media(min-width:2000px) {
}

/***mobile portrait***/
.dashboard-main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 0.3rem 1rem 0.3rem;
    font-size: 1em;
}


/***mobile landscape***/
@media(min-width:600px) {
    .dashboard-main {
    }
}

/***tablette portrait***/
@media(min-width:800px) {
    .dashboard-main {
    }
}

/***tablette landscape***/
@media(min-width:1000px) {
    .dashboard-main {
    }
}

/*** desktop ***/
@media(min-width:1200px) {
    .dashboard-main {
        width: 1200px;
        padding: 1rem 0rem 1rem 0rem;
    }
}

/***mobile portrait***/
.editcase-main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 0.3rem 1rem 0.3rem;
    font-size: 1em;
}


/***mobile landscape***/
@media(min-width:600px) {
    .editcase-main {
    }
}

@media(min-width:800px) {
    .editcase-main {
    }
}

@media(min-width:1000px) {
    .editcase-main {
    }
}

/*** desktop ***/
@media(min-width:1200px) {
    .editcase-main {
        width: 1200px;
        padding: 1rem 0rem 1rem 0rem;
    }
}

/***mobile portrait***/
.endsession-page-container {
    width: 90vw;
    padding: 3rem 1rem 5rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.endsession-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.endsession-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .endsession-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .endsession-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .endsession-page-container {
        width: 60vw;
    }
}

/***mobile portrait***/
.profile-main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0rem 0rem 0rem 0rem;
}

.profile-content {
    width: 100%;
    padding: 1rem 0.3rem 1rem 0.3rem;
    display: block;
}

.profile-content-left {
    display: block;
}

.profile-content-right {
    display: block;
}
/***mobile landscape***/
@media(min-width:600px) {
    .profile-main {
    }
}

/***tablette portrait***/
@media(min-width:800px) {
    .profile-main {
    }

    .profile-content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .profile-content-right {
    }
}

/***tablette landscape***/
@media(min-width:1000px) {
    .profile-main {
    }

    .profile-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .profile-content-left {
        min-width: 47%;
    }

    .profile-content-right {
        min-width: 47%;
    }
}

/*** desktop ***/
@media(min-width:1200px) {
    .profile-main {
        width: 1200px;
        padding: 1rem 0rem 1rem 0rem;
        margin-left: auto;
        margin-right: auto;
    }

    .profile-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .profile-content-left {
    }

    .profile-content-right {
    }
}

@media(min-width:2000px) {
    .profile-main {
        width: 1200px;
        padding: 1rem 0rem 1rem 0rem;
        margin-left:auto;
        margin-right:auto;
    }

    .profile-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .profile-content-left {
    }

    .profile-content-right {
    }
}

/***mobile portrait***/
.newcase-main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem 0.3rem 1rem 0.3rem;
    font-size: 1em;
}

.elementToFadeInAndOut {
    position: fixed;
    bottom: 2rem;
    right: 6rem;
    /*         border: 1px solid #2E7D32; */
    border-radius: 5px;
    /*       color: #1B5E20; */
    max-width: 10rem;
    background-color: transparent;
    padding: 0.5rem 1rem 0.5rem 1rem;
    /*         text-align: center; */
    -webkit-animation: fadeinout 2s linear forwards;
    animation: fadeinout 2s linear forwards;
    /*         position: fixed;
        bottom: 30px;
        right: 30px;
        border: 1px solid #A5D6A7;
        border-radius: 2px;
        color: #1B5E20;
        max-width: 10rem;
        background-color: #A5D6A7;
        padding: 0.5rem 1rem 0.5rem 1rem;
        text-align: center;
        -webkit-animation: fadeinout 4s linear forwards;
        animation: fadeinout 4s linear forwards; */
}

@-webkit-keyframes fadeinout {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

/***mobile landscape***/
@media(min-width:600px) {
    .newcase-main {
    }
}

/***tablette portrait***/
@media(min-width:800px) {
    .newcase-main {
    }
}

/***tablette landscape***/
@media(min-width:1000px) {
    .newcase-main {
    }
}

/*** desktop ***/
@media(min-width:1200px) {
    .newcase-main {
        width: 1200px;
        padding: 1rem 0rem 1rem 0rem;
    }
}


/***mobile portrait***/
.newdeposit-main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0rem 0rem 0rem 0rem;
    font-size: 1em;
}

.newdeposit-content {
    width: 100%;
    padding: 1rem 0.3rem 1rem 0.3rem;
    font-size: 1em;
    display: block;
}

/***mobile landscape***/
@media(min-width:600px) {
    .newdeposit-main {
    }
}

/***tablette portrait***/
@media(min-width:800px) {
    .newdeposit-main {
    }
}

/***tablette landscape***/
@media(min-width:1000px) {
    .newdeposit-main {
    }
}

/*** desktop ***/
@media(min-width:1200px) {
    .newdeposit-main {
        width: 1200px;
        padding: 1rem 0rem 1rem 0rem;
    }
}


/***mobile portrait***/
[draggable=true] {
    cursor: move;
}

.affairpieceviewer-main {
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 0rem;
}

.editcontainer {
    display: block;
    width: 90%;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.editcontainer-confidential {
    display: block;
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.editcontainer-displayname {
    display: block;
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.editcontainer-publicationdate {
    display: block;
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.editcontainer-hasdate {
    display: block;
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.editcontainer-physical {
}
/***mobile landscape***/
@media(min-width:600px) {
}

/***tablette portrait***/
@media(min-width:800px) {
    .editcontainer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .editcontainer-confidential {
        display: block;
        max-width: 30%;
    }

    .editcontainer-displayname {
        display: block;
        max-width: 30%;
    }

    .editcontainer-publicationdate {
        display: block;
        max-width: 30%;
    }

    .editcontainer-hasdate {
        display: block;
        max-width: 30%;
    }
}

/***tablette landscape***/
@media(min-width:1000px) {
    .editcontainer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .editcontainer-confidential {
        display: block;
        max-width: 30%;
    }

    .editcontainer-displayname {
        display: block;
        max-width: 30%;
    }

    .editcontainer-publicationdate {
        display: block;
        max-width: 30%;
    }

    .editcontainer-hasdate {
        display: block;
        max-width: 30%;
    }
}

/*** desktop ***/
@media(min-width:1200px) {
    .editcontainer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .editcontainer-confidential {
        display: block;
        max-width: 30%;
    }

    .editcontainer-displayname {
        display: block;
        max-width: 30%;
    }

    .editcontainer-publicationdate {
        display: block;
        max-width: 30%;
    }

    .editcontainer-hasdate {
        display: block;
        max-width: 30%;
    }
}


/***mobile portrait***/
.profilevalidation-page-container {
    width: 90vw;
    padding: 3rem 1rem 5rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.profilevalidation-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.profilevalidation-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .profilevalidation-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .profilevalidation-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .profilevalidation-page-container {
        width: 60vw;
    }
}


/***mobile portrait***/
.waitingvalidationemail-page-container {
    width: 90vw;
    padding: 1rem 1rem 1rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.waitingvalidationemail-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.waitingvalidationemail-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }

.mailbox {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-height: 5rem;
    max-width: 5rem;
}

.mailicon {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 1rem;
    font-size: 2em;
    margin-left: auto;
    margin-right: auto;
}
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .waitingvalidationemail-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .waitingvalidationemail-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .waitingvalidationemail-page-container {
        width: 60vw;
    }
}


/***mobile portrait***/
.badrequest-page-container {
    width: 90vw;
    padding: 3rem 1rem 5rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.badrequest-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.badrequest-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .badrequest-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .badrequest-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .badrequest-page-container {
        width: 60vw;
    }
}


/***mobile portrait***/
.needsession-page-container {
    width: 90vw;
    padding: 3rem 1rem 5rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.needsession-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.needsession-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
    /*         color: red; */
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .needsession-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .needsession-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .needsession-page-container {
        width: 60vw;
    }
}


/***mobile portrait***/
.notauthorized-page-container {
    width: 90vw;
    padding: 3rem 1rem 5rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.notauthorized-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.notauthorized-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
    /*         color: red; */
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .notauthorized-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .notauthorized-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .notauthorized-page-container {
        width: 60vw;
    }
}

/***mobile portrait***/
.technical-page-container {
    width: 90vw;
    padding: 3rem 1rem 5rem 1rem;
    margin-left: auto;
    margin-right: auto;
}

.technical-page-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    padding: 1rem;
    width: 100%;
    border: 1px solid #BDBDBD;
    border-radius: 5px;
}

.technical-page-title {
    position: absolute;
    margin-top: -2rem;
    margin-left: 1rem;
    background-color: white;
    /*         color: red; */
}

.goback-button {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid blue;
}

    .goback-button:hover {
        border-bottom: none;
    }
/***mobile landscape***/
@media(min-width:600px) {
}

/***mobile landscape***/
@media(min-width:800px) {
}



/*** desktop ***/
@media(min-width:1000px) {
    .technical-page-container {
        width: 70vw;
    }
}


/*** desktop ***/
@media(min-width:1200px) {
    .technical-page-container {
        width: 70vw;
    }
}

@media(min-width:2000px) {
    .technical-page-container {
        width: 60vw;
    }
}



.layoutnosession-root-header {
    width: 100%;
    max-height: 15vh;
    background-color: #ffffff;
}


.layoutnosession-root-body {
    width: 100%;
    overflow-y: auto;
    position: relative;
}


.layoutnosession-root-body-content {
    width: 100%;
    font-size: 0.8em;
}


/***mobile landscape***/
@media(min-width:600px) {
    .layoutnosession-root-header {
        max-height: 16vh;
    }

    .layoutnosession-root-body {
    }
}


@media(min-width:800px) {
    .layoutnosession-root-header {
        max-height: 11vh;
    }

    .layoutnosession-root-body {
    }
}


@media(min-width:1000px) {
    .layoutnosession-root-header {
    }


    .layoutnosession-root-body {
    }
}


/***desktop***/
@media (min-width:1200px) {


    .layoutnosession-root-header {
    }


    .layoutnosession-root-body {
    }
}



.nolayout-root-body {
    width: 100%;
    overflow-y: auto;
    position: relative;
    max-height: 100vh;
}


.nolayout-root-body-content {
    width: 100%;
    font-size: 0.8em;
}


/***mobile landscape***/
@media(min-width:600px) {
}

/***tablette portrait***/
@media(min-width:800px) {
}

/***tablette landscape***/
@media(min-width:1000px) {
}


/***desktop***/
@media (min-width:1200px) {
}