html, body, .my-wrapper {
  height: 100%;
}

html {
    background-image: linear-gradient(to bottom right, #3a4969, #2c323f);
    //background-color: #343a47;
    color: #6b6f82;
}

button.btn.btn-border-circle{
    border-radius: 30px;
}

.btn-primary-color {
    background-color: #2c323f !important;
}

.bg-login {
    background-color: #2c323f;
    border-radius: 30px 0px 30px 0px;
}

.card-login {
    background-color: #f9f9f9;
    border-radius: 0px 0px 30px 0px;
}

/* label, icon focus color */
.input-field .active {
    color: #2c323f !IMPORTANT;
}

/* label underline focus color */
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=number]:focus {
    border-bottom: 1px solid #2c323f !IMPORTANT;
    box-shadow: 0 1px 0 0 #2c323f !IMPORTANT;
}

/* Dropdown list color */
.dropdown-content li > a, .dropdown-content li > span {
    color: #2c323f !important;
}

/* Checkbox */
[type="checkbox"]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #2c323f;
    border-bottom: 2px solid #2c323f;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.card-panel.card-error {
    box-shadow: none !important;
    border-radius: 10px;
}

.card-panel.card-error p{
    margin: 0;
}