/* Login */

.login.login-2 .login-aside {
    background-color: #777777;
}

/* #kt_login .form-control.form-control-solid{
    background-color: #fff;
    border-color: #fff;
    color: #3F4254;
} */

#kt_login .text-dark, #kt_forgotPassword .text-dark, #kt_resetPassword .text-dark {
    color: #fff !important;
}

#kt_login .text-primary, #kt_forgotPassword .text-primary, #kt_resetPassword .text-primary {
    color: #51d2d9 !important;
}

#kt_login .btn.btn-primary, #kt_forgotPassword .btn.btn-primary, #kt_resetPassword .btn.btn-primary {
    color: #FFFFFF;
    background-color: #00bdec;
    border-color: #00bdec;
}

/* Template */

.header .header-top {
    background-color: #00a2b0;
}

.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-bullet.menu-bullet-dot > span, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-bullet.menu-bullet-dot > span {
    background-color: #00a2b0;
}
.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-bullet.menu-bullet-line > span, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-bullet.menu-bullet-line > span {
background-color: #00a2b0;
}
.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link .menu-text {
color: #00a2b0;
}
.header-menu .menu-nav > .menu-item:hover:not(.menu-item-here):not(.menu-item-active) > .menu-link > .menu-arrow, .header-menu .menu-nav > .menu-item.menu-item-hover:not(.menu-item-here):not(.menu-item-active) > .menu-link > .menu-arrow {
color: #00a2b0;
}

.symbol.symbol-60 .symbol-label {
    width: 200px;
    height: 200px;
}

.header .header-bottom {
    height: 60px;
}

.header-menu .menu-nav > .menu-item > .menu-link .menu-text {
    color: #3F4254;
    font-weight: 500;
    font-size: 0.95rem;
}

#kt_footer{
    background-color: #777777;
    color:#fff;
}

.bg-dark{
    background-color: #333333!important;
}

.bg-light-success{
    background-color: #8ef5fb!important;
}

.bg-primary{
    background-color: #008db0!important;
}

.bg-light-warning{
    background-color: #fff9df!important;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #008db0;
    border-color: #008db0;
}

.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text) {
    color: #FFFFFF;
    background-color: #00bdec;
    border-color: #00bdec;
}

.checkbox > input:checked ~ span {
    background-color: #51d2d9;
}

.sticky-toolbar {
    background-color: #51d2d9;
}

.carousel-control-prev {
    left: -60px;
}

.carousel-control-next {
    right: -60px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230bb7af' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230bb7af' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.select2-container .select2-selection--single .select2-selection__rendered {
	white-space: wrap !important;
}

.select2-container {
	width: 100% !important;
}

#module-3 .label {
	word-break: break-all;
	line-height: 1;
	height: auto;
	padding: 0.75rem 0.75rem;
}

.progress-goal{
    background-color: #615260 !important;
}