"); background-repeat: no-repeat; background-position-x: 100%; background-position-y: 5px; border: 1px solid #dfdfdf; border-radius: 2px; margin-right: 2rem; padding-right: 2rem; } .invalid-feedback { /* position: absolute; top: unset; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220,53,69,.8); border-radius: .2rem;*/ font-weight: bold; font-size: 16px; } .toast { width: 30%; padding: 20px; /* opacity: .7; */ border-radius: 5px; margin-left: auto; margin-right: auto; /* top: 10%; right: 5%; position: absolute; */ } .toast-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; /* overflow: visible; opacity: .7 */ } .toast-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; /* overflow: hidden; opacity: 0 */ } .image { width: 200%; padding-right: 15px; } .inner { /* width: 60%; */ max-width: 850px; margin: auto; background: #fff; display: flex; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } form { width: 50%; padding-top: 77px; padding-right: 60px; padding-left: 15px; } /* img { max-width: 50%; height :80% } */ h3 { font-size: 35px; font-family: "ElMessiri-SemiBold"; text-align: center; margin-bottom: 27px; color: #B40404; } label { font-weight: bold } #loading { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 1; background-color: #fff; z-index: 999999; text-align: center; } #loading-image { /* display: block; */ /* margin: auto; */ width: 100%; height: 100%; position: absolute; /* top: 50%; left: 50%; */ background: url("public/picture/loadingimage/Gear-0.2s-200px.svg") no-repeat center; z-index: 999999; } @media (max-width: 767px) { body { background-color: #fff !important; background-size: 100% auto; } img: { width: 100% } .inner { display: block; } .image-holder { text-align: center; margin: 10px } form { width: 100%; padding: 0px 15px 70px; } .wrapper { background: none; box-shadow: none; width: auto } } @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } Nguyễn Hoàng Group