.login-body {
    height: 100%;
}

.login-type {
    width: 100%;
    height: 50%;

    padding: 100px 100px 0 100px;

    box-sizing: border-box;
    text-align: center;
}

.login-panel {
    padding: 35px;
    width: 380px;

    z-index: 100;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ui-dropdown {
    text-align: left;
}

/* Dropdown Content (Hidden by Default) */
.ui-dropdown-content {
    display: none;

    left: 0;
    top: 23px;
    position: absolute;

    width: 100%;

    background-color: white;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

    max-height: 300px;
    overflow-y: scroll;
}

/* Links inside the dropdown */
.ui-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.ui-dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.exception-body {
    height: 100%;
}

.exception-type {
    width: 100%;
    height: 50%;
}

.exception-body .exception-panel {
    padding: 35px;

    width: 100%;
    max-width: 500px;

    z-index: 100;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#stacktrace {
    position: absolute;

    background-color: white;
    border: 1px solid #999;

    margin: 20px;

    height: calc(100% - 40px);
    width: calc(100% - 40px);

    top: 0;
    left: 0;

    opacity: 0.95;

    font-size: 8pt;

    z-index: 500;

    overflow: scroll;
    box-sizing: content-box;
}