

.second_page_container {
    margin-top: 57px !important;
}
.second_page_container {
    margin-left: 155px;
    margin-right: 155px;
    /* margin-top: 0px !important; */
}
.login_form_row {
    border: 3px solid #eaeaea;
    box-shadow: 3px 5px 10px #888888;
    width: 46%;
    margin-left: 27%;
}
.input-container {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}
/* Login Form */

.login_form_div
{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.login_form_row 
{
    border: 3px solid #eaeaea;
    box-shadow: 3px 5px 10px #888888;
    width: 46%;
    margin-left: 27%;
}

.login_form_row a{
    color: #337ab7;
}

.login_form .wst-login-input{
    width: 100%;
    padding: 12px 20px;
   /* margin: 8px 0; */
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}


.login_submit_button {
    background-color: #5285c6;
    color: white;
    padding: 14px 20px;
    margin: 8px 0px 0px -16px;
    border: none;
    cursor: pointer;
    width: 100%;
    text-transform : uppercase;
    font-size: 15px;
}

.guest_submit_button
{
    background-color: #4CAF50;
    color: white;
    padding: 14px 10px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 85.2%;
    margin-left: 44px;
}

.login_submit_button:hover {
    opacity: 0.8;
}


span.psw {
    float: right;
    padding-top: 16px;
}

.create_account_link, .forget_password_link
{
     font-size: 15px;
}

.create_account_link
{
   float:left;
   padding-left: 40px;
   padding-bottom: 18px;
}

.forget_password_link
{
    float: right;
    padding-right: 85px;
    padding-bottom: 18px
}

.login_page_explain
{
  text-align:center;
  padding-top:15px;
  padding-bottom: 30px;
}

.login_page_explain p
{
   font-size: 15px;
   color: #656565;
}

.error_msg{
color:red;
font-size: 16px;
text-align: center;
}

.message{
position: absolute;
font-weight: bold;
font-size: 28px;
color: #6495ED;
left: 262px;
width: 500px;
text-align: center;
}

.form_customize_research
{
    display:none;
}

  
/* registration page */

#regForm {
  background-color: #ffffff;
  margin: 0px auto;
  font-family: Raleway;
  width: 85%;
  min-width: 300px;
  border: 3px solid #eaeaea;
  padding: 17px;
  font-size: 100%
}

#regForm a{
    color: #337ab7;
    text-decoration: none;
}


#regForm input, textarea {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #616161;
  margin-bottom: 15px;
  border-radius: 0px;
}

#regForm input:hover, textarea:hover
{
 border: 1px solid #68d603;

}

#regForm select
{
     width: 61%;
     margin-bottom: 15px;
     font-size: 17px;
     font-family: Raleway;
     border: 1px solid #616161;
     margin-bottom: 15px;
     padding: 10px;
     border-radius: 0px;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffa6a6;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

button{
  background-color: #519215;
  color: #ffffff;
  border: none;
  padding: 10px 20px;
  font-size: 17px;
  font-family: Raleway;
  cursor: pointer;
}

button:hover, #submit_costumer_form:hover {
  opacity: 0.8;
}

#submit_costumer_form
{
     background-color: #519215;
    color: #ffffff;
    border: none;
    padding: 10px 20px !important;
    width: 46% !important;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
}

#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 23px;
  width: 23px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 1;
}

.step.active {
   background-color: #519215 !important;
}

/* Mark the steps that are finished and valid: */


.select_my_fav_category
{
     font-size: 23px;
    text-align: center;
    margin-bottom: 12px;
        margin-top: -14px;
    color: #0063c5;
}

.already_have_acc
{
 text-align:center;
     margin-top: 18px;
}

#first_reg_step
{
      width: 60%;
    margin-left: 209px;
}

/* Absolute Center loading image */

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin-left: 37%;
  display:none;
}

/* Transparent Overlay */

.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.43);
}

.loading img
{
  width:108px;
  height:108px;
}

/* End Loading */

/* */
.swal-icon-success__ring{
    border:4px solid #a4db84 !important;
}
/**/

/* Favriate Industry Reg Form */

ul, #myUL {
  list-style-type: none !important;
}

.my_fav #myUL {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 2.7;
}

.my_fav .fav {
  cursor: pointer;
  -webkit-user-select: none !important; /* Safari 3.1+ */
  -moz-user-select: none !important; /* Firefox 2+ */
  -ms-user-select: none !important; /* IE 10+ */
  user-select: none !important;
  font-size: 18px;
}


.my_fav .fav::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f055" !important;
    color: #18b0ef !important;
    /* display: inline-block !important; */
    margin-right: 6px !important;
    font-size: 22px;
}


.my_fav .fav-down::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f056" !important;
    color: #18b0ef !important;
    /* display: inline-block !important; */
    margin-right: 6px !important;
    font-size: 22px;
}

.my_fav .nested {
  display: none !important;
}

.my_fav .active {
  display: block !important;
  margin-left: 25px;
  line-height: 2.4;
}

.active, .dot:hover {
    background-color: #ffff !important;
    }
    
.my_fav span .fav
{
 font-weight:550;
}  

.plus_sign_fav
{
 float:left;
 padding-top: 6px;
}  

/* End Fav Industry */

/* end of registration page */

/* End Login Form */

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 677px) and (min-width: 200px){
    .login_form_row {
    width: 100%;
    margin-left: 0%;
}
.login_submit_button
    {
            margin: 8px 0px 0px 0px;
    }
    .guest_submit_button
    {
            margin-left: 0px;
    }
}

@media screen and (max-width: 600px) and (min-width: 100px){
    .second_page_container {
    margin-top: -142px;
}
}
@media screen and (max-width: 800px){
    .second_page_container {
    margin-left: 15px;
    margin-right: 15px;
}
}
@media screen and (max-width: 677px) and (min-width: 200px){
    .sign_in_contai, .sign_up_contai {
    margin-top: 27px !important;
}
}
