.mdl-card {
    min-height: 0;
}

@keyframes slidein {
    from {
        margin: 100% auto 0;
    }

    to {
        margin: 0 auto;
    }
}

@-moz-keyframes slidein {
    from {
        margin: 100% auto 0;
    }

    to {
        margin: 0 auto;
    }
}

@-webkit-keyframes slidein {
    from {
        margin: 100% auto 0;
    }

    to {
        margin: 0 auto;
    }
}

@-o-keyframes slidein {
    from {
        margin: 100% auto 0;
    }

    to {
        margin: 0 auto;
    }
}

.err-dialog,
.warn-dialog,
.mobile-warn-dialog,
.hard-warn-dialog {
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 3px;
    width: 40%;
    z-index: 2;

    animation-name: slidein;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: both;

    -moz-animation-name: slidein;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: both;

    -webkit-animation-name: slidein;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;

    -o-animation-name: slidein;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: both;
}

.dialog-content {
    padding: 10px;
}

.dialog-content .title {
    padding: 10px;
    font-size: 175%;
    color: #ff0000;
}

.dialog-content .button {
    text-align: right;
}

.scroll_elm_tos,
.scroll_elm_pp,
.scroll_elm_sctl {
    height: 400px;
    overflow: auto;
    border:solid;
}

.check_item {
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    align-items: right;
    justify-content: right;
}

label {
    color: black;
 }
 
 label.disabled {
    color: gray;
}

input[type="checkbox"] {
    transform: scale(2);
    vertical-align: middle;
    margin-right: 10px;
}