.login_title { -webkit-box-shadow: 0px 0px 24px -14px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 24px -14px rgba(0,0,0,0.75); box-shadow: 0px 0px 24px -14px rgb(0 0 0 / 75%); /*font-family: Roboto;*/ font-style: normal; font-weight: normal; font-size: 23px; width: 100%; line-height: 30px; text-align: center; padding: 20px; } .login { display: inline-block; width: 100%; text-align: center; -webkit-box-shadow: 0px 0px 24px -14px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 24px -14px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px -2px rgb(0 0 0 / 12%); margin: 5% 0; padding: 30px; } .login button { background: #faaa1b; border-radius: 8px; border: none; /* font-family: Roboto;*/ font-style: normal; font-weight: 500; font-size: 17px; margin: 10px 0 0 0; padding: 1% 13%; } .login label { /*font-family: Roboto;*/ font-style: normal; font-weight: 500; font-size: 16px; } .login p { /*font-family: Roboto;*/ font-style: normal; font-weight: normal; font-size: 18px; } .login p img { margin-right: 10px; } .login input { /* border-radius: 8px;*/ border: none; outline: none; border: 1px solid #cdcdcd; width: 100%; padding: 10px; } .login a { color: #2052b1; outline: none; padding: 0; margin-left: 2%; } .login_iner { float: left; width: 100%; padding: 10px 0; } .selected-flag { /*border-right: 1px solid #cfc2c2;*/ background-color: rgba(0,0,0,0.0); } .myheight { height: 21vh; } @media only screen and (max-width: 600px) { .myheight { height: 20vh; } .login button { padding: 5% 13%; width: 100%; } .login label { /* text-align: left; width: 100%;*/ } .login p { /* text-align: left; width: 100%;*/ } .login p img { margin-right: 10px; } .container { padding-right: 20px; padding-left: 20px; } .login { margin: 10% 0; } } #Verification { padding-left: 15px; letter-spacing: 42px; border: 0; background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 50px 1px; background-repeat: repeat-x; background-position-x: 35px; width: 220px; outline: none; } .mycustomclass { text-align: left; padding-left: 21px; } .pull-right { float: right !important; direction: rtl; text-align:right; } .pull-left { float: left !important; direction:ltr; text-align:left; }