html {
    position: relative;
    min-height: 100%;
}

body {
    background: #ebeff2;
    font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    overflow-x: hidden;
    color: #797979;
}

h3 {
    line-height: 30px;
}

* {
    outline: none !important;
}

.text-custom {
    color: #5fbeaa;
}

.account-pages {
    background: url(../images/agsquare.png);
    position: absolute;
    height: 100%;
    width: 100%;
}

.wrapper-page {
    margin: 5% auto;
    position: relative;
    width: 420px;
}

.card-box {
    padding: 20px;
    border: 1px solid rgba(54, 64, 74, 0.05);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.wrapper-page .card-box {
    border: 1px solid rgba(54, 64, 74, 0.1);
}

.panel-heading {
    border: none !important;
    padding: 10px 20px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.form-control {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 7px 12px;
    height: 38px;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
}

.checkbox input[type="checkbox"] {
    cursor: pointer;
    z-index: 1;
    outline: none !important;
}

.btn-pink, .btn-pink:hover, .btn-pink:focus, .btn-pink:active {
    background-color: #fb6d9d !important;
    border: 1px solid #fb6d9d !important;
    color: #ffffff;
}

.verify-warp {
    position: relative;
}

.verify-warp .reloadverify {
    display: block;
    height: 36px;
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius: 0 3px 3px 0;
}
.verify-warp .reloadverify img{
    height: 100%
}

.m-t-20 {
    margin-top: 20px !important;
}