html, body { /*background-color: #ffeed7 !important;*/ background: url('../images/bg-login.png'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; font-size: 14px; }

@media (min-width: 1200px) {
    .pl-xl-5, .px-xl-5 { width: 60%; }
}

.clear-margin { margin: 0; }
.footer p { font-size: 14px; width: 100%; margin: 0; padding: 0; text-align: center; color: #999; }
.card0 { box-shadow: 0px 4px 8px 0px #333; border-radius: 10px !important; color: #333; }

.card2 { margin: 0px 40px }
.logo { margin: 0 auto; width: 100%; }
    .logo img { max-width: 100%; text-align: center; margin: 0 auto; display: block; }
.image { width: 100%; /*height: 280px*/ }

.border-line { border-right: 1px solid #EEEEEE }

.facebook { background-color: #3b5998; color: #fff; font-size: 18px; padding-top: 5px; border-radius: 50%; width: 35px; height: 35px; cursor: pointer }

.twitter { background-color: #1DA1F2; color: #fff; font-size: 18px; padding-top: 5px; border-radius: 50%; width: 35px; height: 35px; cursor: pointer }

.linkedin { background-color: #2867B2; color: #fff; font-size: 18px; padding-top: 5px; border-radius: 50%; width: 35px; height: 35px; cursor: pointer }

.line { height: 1px; width: 100%; background-color: #E0E0E0; margin-top: 10px }

.or { width: 10%; font-weight: bold }

.text-sm { font-size: 14px !important }

::placeholder { color: #BDBDBD; opacity: 1; font-weight: 300 }

:-ms-input-placeholder { color: #BDBDBD; font-weight: 300 }

::-ms-input-placeholder { color: #BDBDBD; font-weight: 300 }

input,
textarea { padding: 10px 12px 10px 12px; border: 1px solid lightgrey; border-radius: 5px; margin-bottom: 5px; margin-top: 2px; width: 100%; box-sizing: border-box; color: #2C3E50; font-size: 14px; letter-spacing: 1px }

    input:focus,
    textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #304FFE; outline-width: 0 }

button:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; outline-width: 0 }

a { color: inherit; cursor: pointer }

.btn-blue { background-color: #0E80AC !important; width: 150px; color: #fff !important; border-radius: 2px }

    .btn-blue:hover { background-color: #A47C4F; cursor: pointer; color: #fff; }

.bg-blue { color: #fff; border-top: 1px solid #DDD; }

@media screen and (max-width: 991px) {
    .logo { margin-left: 0px }

    .image { width: 300px; height: 220px }

    .border-line { border-right: none }
    .card2 { border-top: 1px solid #EEEEEE !important; margin: 0px 15px }
}