123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- .img-fluid {
- margin-top: 50px;
- }
- h1 {
- margin-top: 30px;
- }
- .descripe {
- font-family: Roboto;
- font-style: normal;
- font-weight: normal;
- font-size: 18px;
- line-height: 21px;
- }
- form {
- margin-top: 50px;
- }
- form > div:last-child {
- margin-top: 40px;
- }
- form > div:last-child input:last-child {
- margin-left: 100px;
- }
- .btn-info {
- width: 105px;
- height: 43px;
- background: #85BF31;
- border: 1px solid #CFCFCF;
- box-sizing: border-box;
- border-radius: 5px;
- color: #000000;
- }
- .wrong-info {
- height: 20px;
- font-family: Roboto;
- font-style: normal;
- font-weight: normal;
- font-size: 14px;
- color: #FF0505;
- }
- @media(max-width:373px){
- .col-2 {
- display: none;
- }
- }
- @media(max-width:577px){
- form > div:last-child input:last-child {
- margin-left: 0px;
- }
- }
- @media(min-width:576px){
- #new-pwd {
- margin-left: 70px;
- }
- #confirm-pwd {
- margin-left: 46px;
- }
- .form div:not(:first-child) {
- margin-top: 20px;
- }
- }
- @media(min-width:768px){
- .form-inline {
- margin-left: 50px;
- }
- form > div:last-child {
- margin-left: 60px;
- }
- .wrong-info {
- margin-left: 50px;
- }
- }
- @media(min-width:991px){
- .form-inline {
- margin-left: 140px;
- }
- form > div:last-child {
- margin-left: 150px;
- }
- .wrong-info {
- margin-left: 140px;
- }
- }
- @media(min-width:1200px){
- .form-inline {
- margin-left: 180px;
- }
- form > div:last-child {
- margin-left: 190px;
- }
- .wrong-info {
- margin-left: 170px;
- }
- }
|