html {
    min-height: 100%;
    position: relative;
}
body{
    margin:0;
    color:#6a6f8c;
    background:#c8c8c8;
    font:13px/18px 'Open Sans',sans-serif;
}
*,:after,:before{box-sizing:border-box}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
a{color:inherit;text-decoration:none}
.account-pages {
    background: url(../images/login-bg.jpg);
    background-size: auto;
    position: absolute;
    background-size: cover;
    height: 100%;
    width: 100%;
    top: 0;
}
.wrapper-page {
    margin: 5.5% auto;
    max-width: 460px;
    position: relative;
}
.card {
    border: none;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .08);
    margin-bottom: 30px;
}
.font-18 {
    font-size: 18px;
}

.login-html h2.text-center {
    text-align: center;
    display: block;
    position: relative;
    top: -56px;
    margin-bottom: 0;
}
.login-html h2 .logo-admin {
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0px 45px #001f6b;
    width: 150px;
    height: 150px;
    line-height: 210px;
    background: #ffffffb5;
    transition: 0.5s ease-in-out;
}
.login-html h2 .logo-admin:hover {
    box-shadow: 0 0 45px #004aff;
    transform: rotateZ(360deg)scale(1.1);
    background: dodgerblue;
}
.login-wrap {

    width: 100%;
    max-width: 525px;
    position: relative;
    margin: 10% auto;

}
.login-html {

    padding: 0px 70px 40px 70px;
    background: rgba(38, 81, 191, 0.9);
    margin: 0 20px;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);

}
.login-html .sign-in-htm{
    transition:all .4s linear;
}
.login-html h3 {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 20px;
    text-align: left;
    font-size: 16px;
}
.login-html h4.title {
    color: #fff;
    text-align: center;
    margin: 0;
    font-size: 18px;
    position: relative;
    top: -30px;
}
.foot-lnk a {

    color: #ccc;
    font-size: 13px;

}
.footer-bar {
    position: relative;
    padding: 15px 20px;
    background: rgba(0, 14, 48, 0.75);
    font-size: 12px;
    text-align: center;
    color: #b7b7b7;
    border-top: 1px solid #000c65;
}
.footer-bar p {
    margin: 0 0 7px;
}
.footer-bar a {
    color: #fff;
}
.login-form label {
    color: #fff;
}
.login-html .tab{
    font-size:22px;
    margin-right:15px;
    padding-bottom:5px;
    margin:0 15px 10px 0;
    display:inline-block;
    border-bottom:2px solid transparent;
}

.login-form {
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}
.login-form .group{
    margin-bottom:15px;
}
.login-form .group .button{
    color: #fff;
}
.login-form .group .button:hover{
    background:  #246ff3;
}
.login-form .group .input:focus{
    outline: none;
    box-shadow: 1px 2px 5px #dce1f382;
}
.login-form .group .label,
.login-form .group .input,
.login-form .group .button{
    width:100%;
    /*color:#fff;*/
    display:block;
}
.login-form .group .input,
.login-form .group .button{
    border:none;
    padding:15px 20px;
    border-radius:25px;
    /*background:rgba(255,255,255,.1);*/
}

.login-form .group .button {
    background: #1161ee;
    cursor: pointer;
    width: auto;
    margin: auto;
    padding: 15px 60px;
    font-size: 17px;
}

.hr {
    height: 1px;
    margin: 20px 0 15px;
    background: rgba(255,255,255,.2);
}
.foot-lnk{
    text-align:center;
}
.foot-lnk a {
    color: #fff;
}

/***############ Custom checkbox ###############********/
/* The container */
.cst-checkbox {

    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;

}

/* Hide the browser's default checkbox */
.cst-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {

    position: absolute;
    top: 3px;
    left: 7px;
    height: 14px;
    width: 14px;
    border: 1px solid rgba(255,255,255,0.3);

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.cst-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.cst-checkbox .checkmark::after {

    left: 4px;
    top: 0px;
    width: 5px;
    height: 11px;
    border: solid white;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

.alert {
    /*padding: 15px;*/
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebcccc;
}


.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

div.alert  ul{
    list-style-type:none;
    padding-left: 10px;
}


.row {
    width: 100%;
}

.col-md-6{
    width: 50%;
    float: left;
}