CSS
.input-group{
margin:10px 10px 0 10px;
text-align: center;
}
.input{
width:380px;
height:40px;
padding:0px 10px;
box-sizing: border-box;
border:1px solid rgba(0,0,0,0.2);
border-radius: 5px;
transition: all .5s;
}
.input:focus{
border-color: rgb(58, 179, 255);
box-shadow: 0 0 10px rgba(58, 179, 255,0.5);
}
.btn-sm{
width: 58px;
height: 28px;
line-height: 28px;
font-size: 0.9em;
}
.btn{
width:78px;
height:38px;
box-sizing:border-box;
border:1px solid rgba(0,0,0,0.2);
line-height:38px;
text-align:center;
cursor:pointer;
transition:opacity .5s;
}
.btn-primary{
color:#fff;
background-color:#0e90d2;
border-color: #0e90d2;
}
.btn-primary:hover,
.btn-success:hover,
.btn-error:hover,
.btn-second:hover
{
opacity: 0.8;
}
.btn-success{
color:#fff;
background-color: #5eb95e;
border-color: #5eb95e;
}
.btn-second{
color:#fff;
background-color:#3bb4f2;
border-color:#3bb4f2;
}
.btn-error{
color:#fff;
background-color:#dd514c ;
border-color:#dd514c;
}
.btn-cord{
border-radius: 5px;
}
.icheck{
position: relative;
margin:0 auto;
display: inline-block;
width:58px;
height: 22px;
line-height: 22px;
border:1px solid rgba(0,0,0,0.2);
border-radius: 13px;
cursor:pointer;
overflow: hidden;
}
.thumb{
position: absolute;
left:1px;
top:1px;
display: inline-block;
width: 20px;
height: 20px;
background-color: rgba(0,0,0,0.2);
border-radius: 50%;
}
.icheck-label{
position:absolute;
margin-left:20px;
display: inline-block;
height: 24px;
line-height: 24px;
}
::-webkit-input-placeholder{
color:rgba(0,0,0,0.2);
}