#country_code {
  height: 43px;
  width: 115px;
}
#fma_lwp_verification_code_div {
  margin-bottom: 10px;
} 

.form-heading{
  /*text-align: center;*/
  margin: 50px 0px 40px 0px;
}

.show-hide  {
  margin-top: 10px !important;
  margin-left: 6px !important;
}

.inline {
  display: inline-block;
}
#firebase, #labels, #messages {
  display: none;
}

/*#firebase, #labels, #messages ,#general{
  margin-top: 20px;
}*/

.main-content {
  display: grid;
  grid-template-columns: auto;
}

.main-content > div > table {
  text-align: left;  
}

div > table > tbody > tr > th {
  position: relative;
  padding: 20px 20px 10px 0px;
  line-height: 1.3;
}
div > table > tbody > tr > td {
  margin-bottom: 9px;
  padding: 15px 10px;
  vertical-align: middle;
  line-height: 1.3;
}
#messages > tbody > tr > td {
  
}

#login_with_phone_number_table_admin{

	border-collapse: separate;
	border-spacing: 6px 3px;
}
#fma_lwp_phone_number_div{
	margin: 10px 0px 0px 0px;
}
#fma_lwp_show_err_msg_to_enter_phone_number{
	color:red;
}
.icon, .error {
  display: none;
}
#fma_lwp_show_err_msg_country_code{
  color:red;
}
#recaptcha-container{
	margin:10px 0px 9px 0px;
}
/*instructions style*/

#fma_lwp_instructions_container > li {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}
#fma_lwp_phone_icon {
    position: relative;
}

/*replace the content value with the
corresponding value from the list below*/
#fma_lwp_phone_icon:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}
#fma_lwp_hide_instructions {
	margin: 0px 0px 8px 0px;
}
#fma_lwp_code_sent_msg{
	color:#08a208;
}
#fma_lwp_spinner_icon, #fma_lwp_spinner_code_verify_icon {
	position: relative;
	margin:0px 0px 0px 20px;
}
#fma_lwp_spinner_icon:before{
    content: "\f110";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}
#fma_lwp_spinner_code_verify_icon:before {
	content: "\f110";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}
#fma_lwp_continue_with_phone, #fma_lwp_send_code_btn{
	margin:0px 0px 8px 0px;
}
.fma_lwp_asterick{
	color:red;
}
/*snack bar design*/
#fma_lwp_message_snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #fff;
  border-left:outset;
  text-align: center;
  border-left-color: #46b450 !important;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#fma_lwp_message_snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
#fma_lwp_covde_verfiy_btn {
	margin:8px 0px 0px 0px;
}
#fma_lwp_warning_message {
  padding: 10px 10px 10px 6px;
  border-left: 5px solid #ffba00;
  background: #f5f0f0a3;
}

@media (max-width: 768px){
  #country_code {
    width: 30%;
  }
}