.panel_s {padding: 10px !important;}.otp-heading {	padding-left: 10px;}.countryCode{	margin-top: 15px;}.panel_s .panel-body {	padding: 30px !important;}#btnSubmit {	margin-top: 3%;    margin-right: 2%;}/****** OTP Screens ************/.input-group  {  text-align: center !important;}  body{        padding: 10px;    font-family: 'Roboto';    font-size: 14px;}span{    font-weight:bold;}.san{    height: 26px;    width: 250px;    border: 1px solid #9E9E9E;    padding: 5px;    border-radius: 5px;    margin: 10px;}/* sign in FORM */#logreg-forms{    width: 380px;    margin:18vh auto;     border-radius: 2px;    border: 1px solid #e4e5e7;    padding: 25px 20px 10px 20px;    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);    background: #fff;  transition: all 0.3s cubic-bezier(.25,.8,.25,1); }#logreg-forms form {    width: 100%;    max-width: 410px;    padding: 10px 15px 0px 15px;    margin: auto;    text-align: center !important;}#logreg-forms .form-control {    position: relative;    box-sizing: border-box;    height: 36px;    border: 2px solid #950732 !important;    padding: 10px;    font-size: 16px;}#logreg-forms .form-control:focus { z-index: 2; }#logreg-forms .form-signin input[type="email"] {    margin-bottom: -1px;    border-bottom-right-radius: 0;    border-bottom-left-radius: 0;}#logreg-forms .form-signin input[type="password"] {    border-top-left-radius: 0;    border-top-right-radius: 0;}#logreg-forms .social-login{    width:390px;    margin:0 auto;    margin-bottom: 14px;}#logreg-forms .social-btn{    font-weight: 100;    color:white;    width:190px;    font-size: 0.9rem;}#logreg-forms a{    display: block;    }#logreg-form .lines{    width:200px;    border:1px solid red;}#logreg-forms button[type="submit"]{ margin-top:10px;  outline:none !important; }#logreg-forms .facebook-btn{  background-color:#3C589C; }#logreg-forms .google-btn{ background-color: #DF4B3B; }#logreg-forms .form-reset, #logreg-forms .form-signup{ display: none; }#logreg-forms .form-signup .social-btn{ width:210px; }#logreg-forms .form-signup input { margin-bottom: 2px;}.form-signup .social-login{    width:210px !important;    margin: 0 auto;}/* Mobile */@media screen and (max-width:500px){    #logreg-forms{        width:300px;    }        #logreg-forms  .social-login{        width:200px;        margin:0 auto;        margin-bottom: 10px;    }    #logreg-forms  .social-btn{        font-size: 1.3rem;        font-weight: 100;        color:white;        width:200px;        height: 56px;            }    #logreg-forms .social-btn:nth-child(1){        margin-bottom: 5px;    }    #logreg-forms .social-btn span{        display: none;    }    #logreg-forms  .facebook-btn:after{        content:'Facebook';    }      #logreg-forms  .google-btn:after{        content:'Google+';    }    }{margin:0;box-sizing:border-box;}html,body{height:100%;font:14px/1.4 sans-serif;}input, textarea{font:14px/1.4 sans-serif;}.input-group{    border-collapse: collapse;  width:100%;}.input-group > div{    vertical-align: middle;  /* needed for Safari */}.input-group-icon{     vertical-align: middle;    font-size: 16px;    color: #000;    padding: 5px 12px;}.input-group-area{  width:100%;  margin-bottom: 10px;  display: flex !important;}.input-group input{  border: 0;  display: block;  width: 100%;  padding: 8px;}.send {    margin-top: 20px;  width: 100%;}#demotext12 {  font-size: 14px;    text-align: center;    color: #4caf50;    font-weight: 500;}#loadingGif {display: none; padding-top: 15px;margin-left: 60px !important;}#loadingGifVerify {	display: none; 	padding-top: 15px;   margin-left: 60px !important;}.inputOtpHeading {font-size: 20px;padding: 0px 0px 10px 0px;}#inputOtp {  margin-bottom: 10px;}#inputOtp::placeholder {  font-size: 12px !important;}.default-text {  margin-bottom: 24px;  font-size: 22px;  padding-top: 10px;  text-align: center;}.default-msg {  font-size: 17px;    margin-top: 20px;    padding: 10px 10px 0px 10px;    text-align: center;}#verifyotp {    margin: 22px 0px;}.kapsayici{  position:relative;  display:flex;  padding:5px;  text-align:center;  max-width:500px;  min-width:0px;  height:auto;  margin:20px auto;}.kapsayici a{  width:30px;  position: absolute;    right: 40px;    top: 13px;    cursor: pointer;    color: #950732;    font-weight: 700;}.bar{  width:170px;  height:170px;  border-radius:10px;  background:#fff;  position:absolute;  right:10px;  top:40px;  box-shadow:0px 0px 20px 0px #272727;  visibility:hidden;  opacity:0;  display:flex;  justify-content:center;  align-items:center;  font-size:35px;  transition:all 0.3s;}img:focus + .bar{  top:60px;  visibility:visible;  opacity:1;}.bar:focus{  top:60px;  visibility:visible;  opacity:1;}#time {color: #950732;  }.editNumber {  width:100%;  height:40px;  border-radius:30px;  outline:none;  padding:0px 40px 0px 20px;  border: 2px solid #950732 !important;  font-size:16px;}a:hover {  text-decoration: none !important;  }.desfaultInput { margin: 0px 5px 24px 5px;  text-align: center;  line-height: 80px !important;  font-size: 50px;  border: solid 2px #950732 !important;  height: 50px !important;    box-shadow: 0 0 5px #ccc inset !important;    width: 12.6%;    max-width: 12.6%;  transition: all .2s ease-in-out;  border-radius: 3px;}.input-group  .phn {	text-align: center;}.timeout {  color: #888;  font-weight: 700;  text-align: left;}                        .btn-info:focus,.btn-info.focus,.btn-info:hover,.btn-info:active,                        .btn-info.active,                        .open > .dropdown-toggle.btn-info,.btn-info:active:hover,                        .btn-info.active:hover,                        .open > .dropdown-toggle.btn-info:hover,                        .btn-info:active:focus,                        .btn-info.active:focus,                        .open > .dropdown-toggle.btn-info:focus,                        .btn-info:active.focus,                        .btn-info.active.focus,                        .open > .dropdown-toggle.btn-info.focus,                        .btn-info:active,                        .btn-info.active,                        .open > .dropdown-toggle.btn-info{background-color:#950732;color:#fff;border-color:#950732}                        .btn-info.disabled,                        .btn-info[disabled],                        fieldset[disabled] .btn-info,                        .btn-info.disabled:hover,                        .btn-info[disabled]:hover,                        fieldset[disabled] .btn-info:hover,                        .btn-info.disabled:focus,                        .btn-info[disabled]:focus,                        fieldset[disabled] .btn-info:focus,                        .btn-info.disabled.focus,                        .btn-info[disabled].focus,                        fieldset[disabled] .btn-info.focus,                        .btn-info.disabled:active,                        .btn-info[disabled]:active,                        fieldset[disabled] .btn-info:active,                        .btn-info.disabled.active,                        .btn-info[disabled].active,                        fieldset[disabled] .btn-info.active {                          }                        .btn-info:focus,.btn-info.focus,.btn-info:hover,.btn-info:active,                        .btn-info.active,                        .open > .dropdown-toggle.btn-info,.btn-info:active:hover,                        .btn-info.active:hover,                        .open > .dropdown-toggle.btn-info:hover,                        .btn-info:active:focus,                        .btn-info.active:focus,                        .open > .dropdown-toggle.btn-info:focus,                        .btn-info:active.focus,                        .btn-info.active.focus,                        .open > .dropdown-toggle.btn-info.focus,                        .btn-info:active,                        .btn-info.active,                        .open > .dropdown-toggle.btn-info{background-color:#950732;color:#fff;border-color:#950732}                        .btn-info.disabled,                        .btn-info[disabled],                        fieldset[disabled] .btn-info,                        .btn-info.disabled:hover,                        .btn-info[disabled]:hover,                        fieldset[disabled] .btn-info:hover,                        .btn-info.disabled:focus,                        .btn-info[disabled]:focus,                        fieldset[disabled] .btn-info:focus,                        .btn-info.disabled.focus,                        .btn-info[disabled].focus,                        fieldset[disabled] .btn-info.focus,                        .btn-info.disabled:active,                        .btn-info[disabled]:active,                        fieldset[disabled] .btn-info:active,                        .btn-info.disabled.active,                        .btn-info[disabled].active,                        fieldset[disabled] .btn-info.active {                            } h1 {    font-weight: 400;    font-size: 24px;    margin-bottom: 35px;    text-transform: uppercase;    text-align: center;  }  .btn-primary {    color: #ffffff;    background-color: #28b8da;    border-color: #22a7c6;  }  .btn-primary:focus,  .btn-primary.focus {    color: #ffffff;    background-color: #1e95b1;    border-color: #0f4b5a;  }  .btn-primary:hover {    color: #ffffff;    background-color: #1e95b1;    border-color: #197b92;  }  .btn-primary:active,  .btn-primary.active,  .open>.dropdown-toggle.btn-primary {    color: #ffffff;    background-color: #1e95b1;    border-color: #197b92;  }  .btn-primary:active:hover,  .btn-primary.active:hover,  .open>.dropdown-toggle.btn-primary:hover,  .btn-primary:active:focus,  .btn-primary.active:focus,  .open>.dropdown-toggle.btn-primary:focus,  .btn-primary:active.focus,  .btn-primary.active.focus,  .open>.dropdown-toggle.btn-primary.focus {    color: #ffffff;    background-color: #197b92;    border-color: #0f4b5a;  }  .btn-primary:active,  .btn-primary.active,  .open>.dropdown-toggle.btn-primary {    background-image: none;  }  .btn-primary.disabled,  .btn-primary[disabled],  fieldset[disabled] .btn-primary,  .btn-primary.disabled:hover,  .btn-primary[disabled]:hover,  fieldset[disabled] .btn-primary:hover,  .btn-primary.disabled:focus,  .btn-primary[disabled]:focus,  fieldset[disabled] .btn-primary:focus,  .btn-primary.disabled.focus,  .btn-primary[disabled].focus,  fieldset[disabled] .btn-primary.focus,  .btn-primary.disabled:active,  .btn-primary[disabled]:active,  fieldset[disabled] .btn-primary:active,  .btn-primary.disabled.active,  .btn-primary[disabled].active,  fieldset[disabled] .btn-primary.active {    background-color: #28b8da;    border-color: #22a7c6;  }  .btn-primary .badge {    color: #28b8da;    background-color: #ffffff;  }  input[type="text"],  input[type="password"],  input[type="datetime"],  input[type="datetime-local"],  input[type="date"],  input[type="month"],  input[type="time"],  input[type="week"],  input[type="number"],  input[type="email"],  input[type="url"],  input[type="search"],  input[type="tel"],  input[type="color"],  .uneditable-input,  input[type="color"] {    border: 1px solid #bfcbd9;    -webkit-box-shadow: none;    box-shadow: none;    color: #494949;    font-size: 14px;    line-height: 1;    height: 36px;  }  input[type="text"]:focus,  input[type="password"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="date"]:focus,  input[type="month"]:focus,  input[type="time"]:focus,  input[type="week"]:focus,  input[type="number"]:focus,  input[type="email"]:focus,  input[type="url"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="color"]:focus,  .uneditable-input:focus,  input[type="color"]:focus {    border-color: #03a9f4;    -webkit-box-shadow: none;    box-shadow: none;    outline: 0 none;  }  input.form-control {    -webkit-box-shadow: none;    box-shadow: none;  }  .company-logo {    padding: 25px 10px;    display: block;  }  .company-logo img {    margin: 0 auto;    display: block;  }  .authentication-form-wrapper {    margin-top: 70px;  }  @media (max-width:768px) {    .authentication-form-wrapper {      margin-top: 15px;    }  }  .authentication-form {    border-radius: 2px;    border: 1px solid #e4e5e7;    padding: 20px;    background: #fff;  }  label {    font-weight: 400 !important;  }  @media screen and (max-height: 575px), screen and (min-width: 992px) and (max-width:1199px) {    #rc-imageselect,    .g-recaptcha {      transform: scale(0.83);      -webkit-transform: scale(0.83);      transform-origin: 0 0;      -webkit-transform-origin: 0 0;    }  }   .otp {  text-align: center;}