#ContentPage.login-page {
    min-height: 560px;
    background-image: url('../images/loginbackground.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dynContent {
    max-width: 650px;
}

#ContentPage.login-page .dynamic-page .container .row .col-xs-12 .dynContent {
    border-radius: 14px !important;
    overflow: hidden;
}

#ContentPage.login-page .login-field {
    box-sizing: border-box;
    height: 42px;
    padding: 8px 12px;
    border: 1px solid #c7d2e3;
    border-radius: 6px;
    background-color: #f7faff;
    color: #172b4d;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

#ContentPage.login-page .login-field:focus {
    border-color: #3978bd;
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(57, 120, 189, 0.16);
    outline: none;
}

#ContentPage.login-page .dynamic-page .container .dynContent .tblWhiteS input.login-field {
    height: 42px !important;
    padding: 8px 12px !important;
    border: 1px solid #c7d2e3 !important;
    border-radius: 6px !important;
    background: #f7faff !important;
    color: #172b4d !important;
    box-shadow: inset 0 1px 2px rgba(23, 43, 77, 0.04) !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

#ContentPage.login-page .dynamic-page .container .dynContent .tblWhiteS input.login-field:focus {
    border-color: #3978bd !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(57, 120, 189, 0.16) !important;
    outline: none;
}

#ContentPage.login-page .login-action {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    box-shadow: 0 3px 8px rgba(34, 105, 47, 0.2);
    cursor: pointer;
    transition: filter 0.18s ease, box-shadow 0.18s ease;
}

#ContentPage.login-page .login-action:hover,
#ContentPage.login-page .login-action:focus {
    filter: brightness(0.96);
    box-shadow: 0 4px 11px rgba(34, 105, 47, 0.27);
}

#ContentPage.login-page .dynamic-page .container .dynContent .tblWhiteS input.login-action {
    height: 42px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background-color: #56ad3e !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    box-shadow: 0 3px 8px rgba(34, 105, 47, 0.2) !important;
    cursor: pointer;
    transition: filter 0.18s ease, box-shadow 0.18s ease;
}

#ContentPage.login-page .dynamic-page .container .dynContent .tblWhiteS input.login-action:hover,
#ContentPage.login-page .dynamic-page .container .dynContent .tblWhiteS input.login-action:focus {
    filter: brightness(0.96);
    box-shadow: 0 4px 11px rgba(34, 105, 47, 0.27) !important;
}