form .field-error { padding: 5px 10px; font-size: 14px; font-weight: 700; position: absolute; top: -20px; right: 10px } form .field-error:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #ebcccc; border-width: 5px; margin-left: -5px } form .spinner { margin: 0 auto; width: 70px; text-align: center } form .spinner>div { width: 12px; height: 12px; background-color: hsla(0, 0%, 100%, .5); margin: 0 2px; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both } form .spinner .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } form .spinner .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes sk-bouncedelay { 0%, 80%, to { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1) } } @keyframes sk-bouncedelay { 0%, 80%, to { -webkit-transform: scale(0); transform: scale(0) } 40% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @media (max-width:480px) { .container { max-width: 100%!important } } @media (min-width:481px) and (max-width:768px) { .hide-tablet { display: none!important } } .container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } a[onclick] { cursor: pointer; } body { font-family: arial, helvetica, sans-serif; font-size: 1rem; line-height: 1.5; color: #000000; background-color: #ffffff; } #u_body a { color: #0000ee; text-decoration: underline; } #u_body a:hover { color: #0000ee; text-decoration: underline; } -->