html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 18px;
}

.my-login-page .form-control {
    border-width: 2.3px;
}

.my-login-page .form-group label {
    width: 100%;
}

.my-login-page .btn.btn-block {
    padding: 12px 10px;
}

.my-login-page .card-body {
    float: none;
    margin: 0 auto;
    max-width: 400px;
}

.field-validation-error {
    color: red;
}

.logo-container {
    background: #000;
    white-space: nowrap;
    text-align: center;
    padding: 10px;
}

.logo-span {
    display: inline-block;
    vertical-align: middle;
}


.logo {
    display: block;
    vertical-align: middle;
}

.header-border {
    height: 20px;
}

.header-border1 {
    background: #DCE0DF; /* Old browsers */
    background: -moz-linear-gradient(top, #DCE0DF 0%, #596a72 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #DCE0DF 0%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #DCE0DF 0%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCE0DF', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

.header-border2 {
    background: #00BDEF; /* Old browsers */
    background: -moz-linear-gradient(top, #00BDEF 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00BDEF 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00BDEF 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00BDEF', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}