body {
    background-color: #495e67;
    height: 100%;
    width: 100%;
}

body:after {
    content: '';
    position: fixed;
    width: 258px;
    height: 52px;
    top: 48px;
    right: 48px;
    background-image: url("/static/api2/images/logo-intempus.png");
    background-repeat: no-repeat;
    opacity: 0.3;
}

.center-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

div.pre-content-spacer {
    height: 80px;
}
div.pre-content-logo {
}

#login-intempus-logo {
    margin-bottom: 20px;
    height: 80px;
}

div.dialog {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    box-shadow: 0px 14px 64px rgba(0, 0, 0, 0.5);
    padding: 54px 42px;
    text-align: left;
}

div.dialog-420 {
    width: 440px;
}

div.dialog-options-420 {
    width: 510px;
}

div.dialog-options {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 16px;
}

div.dialog h4 {
    color: #888;
    margin-top: 0px;
    margin-bottom: 24px;
}

div.dialog div.mdl-textfield {
    width: 100%;
}

a.link-no-underline {
    text-decoration: none;
    color: #58A59E;
}

a.link-no-underline.link-dialog-options {
    text-decoration: none;
    color: white;
    opacity: 0.35;
}

a.link-dialog-options i.material-icons {
    position: relative;
    top: 7px;
}

a.link-right-margin {
    margin-right: 16px;
}

div.button-group {
    display: inline-block;
}

div.button-group-left {
    width: 29%;
}

div.button-group-right {
    width: 69%;
    text-align: right;
}

div.button-group-max-width {
    width: 100%;
}

div.dialog .mdl-button {
    color: #777;
}

div.dialog .mdl-button--colored {
    background-color: #58A59E;
    color: #FFF;
}

img.flag-icon {
    height: 14px;
    margin-right: 6px;
    margin-top: -2px;
}

.language-picker .mdl-menu__item {
    height: 36px;
    line-height: 36px;
}

div.dialog h4.edit-dialog-notification {
    padding: 16px;
    margin: 0px;
    color: white;
}

div.dialog div.edit-dialog-notification-error {
    background-color: #c57171;
    padding: 0;
    z-index: 1000;
    opacity: 0.999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
div.dialog div.edit-dialog-notification-success {
    background-color: #81a882;
    padding: 0;
    z-index: 1000;
    opacity: 0.999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
div.dialog div.edit-dialog-notification-warning {
    background-color: #ebb02a;
    padding: 0;
    z-index: 1000;
    opacity: 0.999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
div.dialog div.edit-dialog-notification-info {
    background-color: #85a9af;
    padding: 0;
    z-index: 1000;
    opacity: 0.999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

h4.edit-dialog-notification i, h4.edit-dialog-notification span {
    vertical-align: middle;
}

h4.edit-dialog-notification i {
    margin-right: 8px;
    margin-left: 8px;
    position: relative;
    top: -1px;
}
.dialog-header-title ul {
    width: 100%;
    margin-left: 20px;
    color: white;
}
.dialog-header-title ul li {
    width: calc(100% - 35px);
}

div.dialog p {
    color: #555;
}

div.alert {
    z-index: 1000;
    opacity: 0.999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    background-color: #AAA;
    color: white;
    padding: 12px;
    vertical-align: middle;
    display: block;
    line-height: 32px;
    margin-bottom: 16px;
    overflow: auto;
}

div.alert i {
    float: left;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 4px;
}

div.alert span {
    float: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    width: 380px;
}

div.alert-error {
    background-color: #c57171;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    _-webkit-box-shadow: 0 0 0 30px #FFF inset !important;
    _box-shadow: 0 0 0 30px #FFF inset !important;
}