.screen-1 {
    width: 60%;
    margin: auto
}

    .screen-1 .form-item {
        background: #e8f1fe;
        box-shadow: 0 0 2em #e6e9f9;
        padding: .5em 1em;
        border-radius: 20px;
        color: #4d4d4d;
        border: 1px solid #5a78826b
    }

        .screen-1 .form-item input, .screen-1 .form-item select {
            outline: 0;
            border: none;
            background: #e8f2fe;
            width: 85%
        }

    .screen-1 .show-hide {
        text-align: right;
        float: right;
        margin-top: 5px;
    }

    .screen-1 .btn {
        padding: .5em 1em
    }
.ng-invalid-pattern {
    border-color: #f83f37 !important;
}

@media only screen and (max-width: 600px) {
    .screen-1 .form-item input {
        width: 80%;
    }
}