.modal-body h1 {
            font-weight: 900;
            font-size: 2.3em;
            text-transform: uppercase;
        }

        .modal-body .pre-order-btn {
            color: #ffffff;
            background-color: #8bbee0;
            border-radius: 1em;
            padding: 1em;
            display: block;
            margin: 2em auto;
            width: 50%;
            font-size: 1.25em;
            font-weight: bold;
        }

            .modal-body .pre-order-btn:hover {
                background: #9ec9e3;
                background-image: -webkit-linear-gradient(top, #9ec9e3, #346d94);
                background-image: -moz-linear-gradient(top, #9ec9e3, #346d94);
                background-image: -o-linear-gradient(top, #9ec9e3, #346d94);
                background-image: linear-gradient(to bottom, #9ec9e3, #346d94);
                text-decoration: none;
            }
            

     
     .validatelog {
            text-align: center;
            padding: 0 !important;
        }

.validatelog:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: -4px;
            }

.validatelog-dialog {
            width: 50%;
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }
body {
    background-color:grey;
     font-family: Arial;
    
	margin-top: 200px;
}