html, body{
   background-color: #f5f5f5;
   height: auto;
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
   -webkit-appearance: none;
}
::-webkit-scrollbar{
   width:8px;
   height:8px;
   border-radius:20px
}
::-webkit-scrollbar-button{
   display:none
}
::-webkit-scrollbar-track{
   background-color:#575757
}
::-webkit-scrollbar-track-piece{
   background-color:#eaeaea
}
::-webkit-scrollbar-thumb{
   background-color:#b7b7b7;
}
::-webkit-scrollbar-thumb:hover{
   background-color:#b7b7b7;
}
::-webkit-scrollbar-corner, ::-webkit-resizer{
   display:none
}
form{
   margin: 0px auto;
}
@keyframes error {
   33% {
     transform: rotateZ(1deg);
  }
  to {
     transform: rotateZ(-1deg);
  }
}
.is-lgScreen .is-cont{
   padding-bottom: 230px;
}
.is-lgScreen footer{
   position: fixed;
   bottom: 0px;
}
.is-error {
   will-change: transform;
   animation-name: error;
   animation-duration: 150ms;
   animation-iteration-count: 4;
}
.is-smooth{
   transition: 0.5s;
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
}
.is-signInCont {
   position: relative;
   max-width: 450px;
   margin: 40px auto 0px;
   background-color: #fff;
   padding: 24px;
   border: 1px solid #232543;
}
.hasBG{
   box-shadow: 0px 5px 28px rgba(0,0,0,0.25), 0px 5px 10px rgba(0,0,0,0.22);
   border: none;
}
.is-siTitle {
   text-align: center;
   margin: 24px auto;
   font-size: 22px;
   text-transform: uppercase;
}
.is-formGroup {
   position: relative;
}
.is-formGroup + .is-formGroup{
   margin: 26px auto 0px;
}
.is-formGroup > label {
   position: absolute;
   top: 12px;
   left: 0px;
   margin: 0px;
   color: #222;
   font-size: 12px;
   font-weight: 600;
   text-transform: capitalize;
   text-align: left;
   pointer-events: none;
}
.is-formGroup > label:before {
   content: attr(alt);
}
.is-formGroup > .is-input {
   border: none;
   box-shadow: none;
   border-bottom: 1px solid #232543;
   padding: 0px;
   height: 36px;
   margin: 0px auto;
}
.is-formGroup > .is-input:focus{
   box-shadow: none;
   background-color: transparent;
}
.is-formGroup > .is-input:focus+label, .is-formGroup > .is-input:valid+label{
   top: -12px;
   color: #58a1f5;
}
.is-ctaBtn {
   position: relative;
   background-color: #58a1f5;
   box-shadow: none;
   border: none;
   font-size: 14px;
   text-transform: uppercase;
   text-align: center;
   padding: 12px;
   width: 100%;
   color: #fff;
   font-weight: 600;
}
.is-ctaBtn:focus{
   outline: none;
}
.is-formGroup > p {
   font-size: 14px;
   margin: 0px auto;
}
.is-formGroup > p > a {
   color: #58a1f5;
   text-decoration: underline;
}
.is-formGroup.hasErr > .is-input {
   border-bottom: 1px solid #e63030;
   color: #e63030;
}
.is-formGroup.hasErr > label {
   color: #e63030 !important;
}
.cnfpasswordError {
   font-size: 12px;
   color: #e63030 !important;
   font-weight: bold;
}
.cnfpasswordError p {
   font-size: 12px;
   color: #e63030 !important;
   font-weight: bold;
}
.pull-left {
   float: left !important;
}
.custom_button {
    background-color: #FF6600 !important;
    line-height: 8px;
    padding: 20px;
    top: 10px;
}
.is-formGroup .columns {
   padding: 0px;
}
.custom_button_blue{
   background-color: #58a1f5 !important;
   line-height: 8px !important;
   padding: 20px !important;
}
.successmsg{
	color :#009900 !important;
	font-weight: bold;
}
