.card-body .card-icon i {
    font-size: 60px;
}

.card-body.success-body .card-icon i {
    font-size: 94px;
}

.card .card-header-warning .card-icon,
.card .card-header-warning .card-text,
.card .card-header-warning:not(.card-header-icon):not(.card-header-text),
.card.bg-warning,
.card.card-rotate.bg-warning .front,
.card.card-rotate.bg-warning .back {
    background: linear-gradient(60deg, #f49c32, #fb8c00);
}

.card-profile {
    text-align: left;
}

.card-profile .card-avatar+.card-body {
    margin-top: 0px;
}

.card-profile .card-avatar {
    max-width: 86px;
    max-height: 86px;
}

.card-profile .card-avatar {
    margin: -20px 0 0 20px;
    border-radius: 3px;
}

.register-page .card-signup {
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
    margin-bottom: 100px;
    padding: 40px 0;
    margin-top: 15vh;
}

.register-page .card-signup .info-horizontal .icon.icon-rose {
    color: #e91e63;
}

.register-page .card-signup .info-horizontal .icon.icon-primary {
    color: #9c27b0;
}

.register-page .card-signup .info-horizontal .icon.icon-info {
    color: #00bcd4;
}

.info p {
    color: #999 !important;
}

.card .card-body+.card-footer .stats .material-icons,
.card .card-footer .stats .material-icons {
    position: relative;
    top: 2px;
    font-size: 16px;
}

.register-page .card-signup .form-check a {
    color: #4dae50;
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: #4dae50;
}

.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.active .nav-link:hover {
    color: inherit;
    background-color: #4dae50;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:active,
.dropdown-menu a:focus,
.dropdown-menu a:hover {
    background-color: #4dae50;
}

.card.bg-rose,
.card .card-header-rose .card-icon,
.card .card-header-rose .card-text,
.card .card-header-rose:not(.card-header-icon):not(.card-header-text),
.card.card-rotate.bg-rose .back,
.card.card-rotate.bg-rose .front {
    background: linear-gradient(60deg, #4dae50, #4dae50);
}

.card-wizard .tab-content {
    padding: 0px 5px;
}

.card-wizard .info-text {
    text-align: left;
}

.card-wizard[data-color=rose] .moving-tab {
    background-color: #f49c32;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(243, 156, 49, 0.2);
}

.card-wizard .tab-content,
.card-wizard {
    min-height: 210px;
}

.btn.btn-rose.disabled.focus,
.btn.btn-rose.disabled:focus,
.btn.btn-rose.disabled:hover,
.btn.btn-rose:disabled.focus,
.btn.btn-rose:disabled:focus,
.btn.btn-rose:disabled:hover,
.btn.btn-rose:active,
.btn.btn-rose:focus,
.btn.btn-rose:hover,
.btn.btn-rose {
    background-color: #4dae50;
    border-color: #4dae50;
    box-shadow: 0 2px 2px 0 rgba(77, 173, 79, 0.3), 0 3px 1px -2px rgba(77, 173, 79, 0.3), 0 1px 5px 0 rgba(77, 173, 79, 0.3);
}

/* .form-check .form-check-label .circle .check,
.form-check .form-check-label .circle {
    height: 20px;
    width: 20px;
} */
.progress-bar,
.form-check .form-check-label .circle .check {
    background-color: #4dae50;
}

.form-check .form-check-input:checked~.circle {
    border-color: #4dad4f;
}

.wizard-navigation .moving-tab,
.wizard-navigation ul {
    opacity: 0;
    height: 0px;
    padding: 0;
}

.card-wizard .progress {
    height: 16px;
    border-radius: 3px;
    margin-bottom: 0;
}

.checkbox-radios.has-danger label,
label.error {
    color: #f44336;
}

.btn.btn-rose.active.focus,
.btn.btn-rose.active:focus,
.btn.btn-rose.active:hover,
.btn.btn-rose:active.focus,
.btn.btn-rose:active:focus,
.btn.btn-rose:active:hover,
.open>.btn.btn-rose.dropdown-toggle.focus,
.open>.btn.btn-rose.dropdown-toggle:focus,
.open>.btn.btn-rose.dropdown-toggle:hover,
.show>.btn.btn-rose.dropdown-toggle.focus,
.show>.btn.btn-rose.dropdown-toggle:focus,
.show>.btn.btn-rose.dropdown-toggle:hover,
.pagination>.page-item.active>a,
.pagination>.page-item.active>a:focus,
.pagination>.page-item.active>a:hover,
.pagination>.page-item.active>span,
.pagination>.page-item.active>span:focus,
.pagination>.page-item.active>span:hover {
    background-color: #5ab25e;
    border-color: #58b05c;
}

.navbar .collapse .navbar-nav .nav-item .nav-link .fa,
.navbar .collapse .navbar-nav .nav-item .nav-link .material-icons {
    font-size: 2.25rem;
}

.alert.alert-with-icon {
    margin-top: 10px;
}

.navbar .collapse .navbar-nav .nav-item .nav-link:not(.btn) .material-icons {
    font-size: 16px;
}

.simple-text.logo-normal img {
    width: 70px;
}

.modal-backdrop.show {
    opacity: 1;
}

.form-control {
    font-size: 17px;
}

.modal-dialog .modal-footer button {
    padding-left: inherit;
    padding-right: inherit;
}

.modal-dialog.add_survey_modal .modal-body {
    padding: 0;
}

.modal-dialog.add_survey_modal .modal-body .card {
    margin: 0;
}

.modal-dialog.add_survey_modal .modal-body .card .question_option i {
    position: relative;
    top: 6px;
}

.card .question_option i {
    position: relative;
    top: 6px;
}

@media(max-width:480px) {
    .simple-text.logo-normal img {
        width: 50px;
    }

    .main-panel>.content {
        margin-top: 40px;
        padding: 30px 0px;
    }

    .main-panel>.navbar {
        background: #fff !important;
    }

    .footer .footer-page,
    .footer .copyright {
        padding: 5px 0;
        font-size: 14px;
        display: block;
        width: 100%;
    }

    .footer ul li a {
        padding: 0px 15px;
    }

    .off-canvas-sidebar .navbar.navbar-transparent {
        background-color: white !important;
        box-shadow: none;
        padding-top: 10px !important;
    }

    .off-canvas-sidebar .navbar-toggler .navbar-toggler-icon {
        background-color: #000 !important;
    }
}

/* Custom Style */
.form-check:not(.form-switch) .form-check-input[type=checkbox],
.form-check:not(.form-switch) .form-check-input[type=radio] {
    border: 1px solid #cbd3da;
    margin-top: 0.25rem;
    position: relative;
}
.form-check:not(.form-switch) .form-check-input[type=checkbox]:after {
    transition: opacity .25s ease-in-out;
    font-family: FontAwesome;
    content: "\f00c";
    width: 100%;
    height: 100%;
    color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .67rem;
    opacity: 0;
}
.form-control {
    height: 30px;
}