.btn.btn-teal {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
    box-shadow: 0 2px 2px 0 rgba(48,74,131, 0.14), 0 3px 1px -2px rgba(48,74,131, 0.2), 0 1px 5px 0 rgba(48,74,131, 0.12);
}
.btn.btn-teal.focus,
.btn.btn-teal:focus,
.btn.btn-teal:hover {
    color: #fff;
    background-color: #249472;
    border-color: #249472;
}
.btn.btn-teal.active,
.btn.btn-teal:active,
.open > .btn.btn-teal.dropdown-toggle,
.show > .btn.btn-teal.dropdown-toggle {
    color: #fff;
    background-color: #249472;
    border-color: #249472;
    box-shadow: 0 2px 2px 0 rgba(48,74,131, 0.14), 0 3px 1px -2px rgba(48,74,131, 0.2), 0 1px 5px 0 rgba(48,74,131, 0.12);
}
.btn.btn-teal.active.focus,
.btn.btn-teal.active:focus,
.btn.btn-teal.active:hover,
.btn.btn-teal:active.focus,
.btn.btn-teal:active:focus,
.btn.btn-teal:active:hover,
.open > .btn.btn-teal.dropdown-toggle.focus,
.open > .btn.btn-teal.dropdown-toggle:focus,
.open > .btn.btn-teal.dropdown-toggle:hover,
.show > .btn.btn-teal.dropdown-toggle.focus,
.show > .btn.btn-teal.dropdown-toggle:focus,
.show > .btn.btn-teal.dropdown-toggle:hover {
    color: #fff;
    background-color: #249472;
    border-color: #249472;
}
.open > .btn.btn-teal.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #20c997;
}
.open > .btn.btn-teal.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #249472;
}
.btn.btn-teal.disabled.focus,
.btn.btn-teal.disabled:focus,
.btn.btn-teal.disabled:hover,
.btn.btn-teal:disabled.focus,
.btn.btn-teal:disabled:focus,
.btn.btn-teal:disabled:hover {
    background-color: #20c997;
    border-color: #20c997;
}
.btn.btn-teal:active,
.btn.btn-teal:focus,
.btn.btn-teal:hover {
    box-shadow: 0 14px 26px -12px rgba(48,74,131, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(48,74,131, 0.2);
}
.btn.btn-teal.btn-link {
    box-shadow: none;
}
.btn.btn-teal.btn-link,
.btn.btn-teal.btn-link:active,
.btn.btn-teal.btn-link:focus,
.btn.btn-teal.btn-link:hover {
    background-color: transparent;
    color: #20c997;
}
.badge.badge-teal {
    background-color: #20c997;
}
.badge-teal[href]:focus,
.badge-teal[href]:hover {
    background-color: #249472;
}
.has-teal [class*=" bmd-label"],
.has-teal [class^="bmd-label"] {
    color: #20c997;
}
.has-teal .form-control,
.is-focused .has-teal .form-control {
    background-image: linear-gradient(0deg, #20c997 2px, rgba(48,74,131, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
}
.has-teal .form-control:invalid {
    background-image: linear-gradient(0deg, #f44336 2px, rgba(244, 67, 54, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
}
.has-teal .form-control:read-only {
    background-image: linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0), linear-gradient(0deg, #d2d2d2 1px, hsla(0, 0%, 82%, 0) 0);
}
.has-teal .form-control.disabled,
.has-teal .form-control:disabled,
.has-teal .form-control[disabled],
fieldset[disabled][disabled] .has-teal .form-control {
    background-image: linear-gradient(90deg, #d2d2d2 0, #d2d2d2 30%, transparent 0, transparent);
    background-repeat: repeat-x;
    background-size: 3px 1px;
}

.has-teal .is-focused .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #20c997;
}
.has-teal .is-focused .valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(48,74,131, 0.8);
    border-radius: 0.2rem;
}
.has-teal .is-focused .custom-select.is-valid,
.has-teal .is-focused .form-control.is-valid,
.was-validated .has-teal .is-focused .custom-select:valid,
.was-validated .has-teal .is-focused .form-control:valid {
    border-color: #20c997;
}
.has-teal .is-focused .custom-select.is-valid:focus,
.has-teal .is-focused .form-control.is-valid:focus,
.was-validated .has-teal .is-focused .custom-select:valid:focus,
.was-validated .has-teal .is-focused .form-control:valid:focus {
    border-color: #20c997;
    box-shadow: 0 0 0 0.2rem rgba(48,74,131, 0.25);
}
.has-teal .is-focused .custom-select.is-valid ~ .valid-feedback,
.has-teal .is-focused .custom-select.is-valid ~ .valid-tooltip,
.has-teal .is-focused .form-control.is-valid ~ .valid-feedback,
.has-teal .is-focused .form-control.is-valid ~ .valid-tooltip,
.was-validated .has-teal .is-focused .custom-select:valid ~ .valid-feedback,
.was-validated .has-teal .is-focused .custom-select:valid ~ .valid-tooltip,
.was-validated .has-teal .is-focused .form-control:valid ~ .valid-feedback,
.was-validated .has-teal .is-focused .form-control:valid ~ .valid-tooltip {
    display: block;
}
.has-teal .is-focused .form-check-input.is-valid ~ .form-check-label,
.was-validated .has-teal .is-focused .form-check-input:valid ~ .form-check-label {
    color: #20c997;
}
.has-teal .is-focused .form-check-input.is-valid ~ .valid-feedback,
.has-teal .is-focused .form-check-input.is-valid ~ .valid-tooltip,
.was-validated .has-teal .is-focused .form-check-input:valid ~ .valid-feedback,
.was-validated .has-teal .is-focused .form-check-input:valid ~ .valid-tooltip {
    display: block;
}
.has-teal .is-focused .custom-control-input.is-valid ~ .custom-control-label,
.was-validated .has-teal .is-focused .custom-control-input:valid ~ .custom-control-label {
    color: #20c997;
}
.has-teal .is-focused .custom-control-input.is-valid ~ .custom-control-label:before,
.was-validated .has-teal .is-focused .custom-control-input:valid ~ .custom-control-label:before {
    background-color: #4a70c2;
}
.has-teal .is-focused .custom-control-input.is-valid ~ .valid-feedback,
.has-teal .is-focused .custom-control-input.is-valid ~ .valid-tooltip,
.was-validated .has-teal .is-focused .custom-control-input:valid ~ .valid-feedback,
.was-validated .has-teal .is-focused .custom-control-input:valid ~ .valid-tooltip {
    display: block;
}
.has-teal .is-focused .custom-control-input.is-valid:checked ~ .custom-control-label:before,
.was-validated .has-teal .is-focused .custom-control-input:valid:checked ~ .custom-control-label:before {
    background-color: #4b659e;
}
.has-teal .is-focused .custom-control-input.is-valid:focus ~ .custom-control-label:before,
.was-validated .has-teal .is-focused .custom-control-input:valid:focus ~ .custom-control-label:before {
    box-shadow: 0 0 0 1px #fafafa, 0 0 0 0.2rem rgba(48,74,131, 0.25);
}
.has-teal .is-focused .custom-file-input.is-valid ~ .custom-file-label,
.was-validated .has-teal .is-focused .custom-file-input:valid ~ .custom-file-label {
    border-color: #20c997;
}
.has-teal .is-focused .custom-file-input.is-valid ~ .custom-file-label:before,
.was-validated .has-teal .is-focused .custom-file-input:valid ~ .custom-file-label:before {
    border-color: inherit;
}
.has-teal .is-focused .custom-file-input.is-valid ~ .valid-feedback,
.has-teal .is-focused .custom-file-input.is-valid ~ .valid-tooltip,
.was-validated .has-teal .is-focused .custom-file-input:valid ~ .valid-feedback,
.was-validated .has-teal .is-focused .custom-file-input:valid ~ .valid-tooltip {
    display: block;
}
.has-teal .is-focused .custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .has-teal .is-focused .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(48,74,131, 0.25);
}
.has-teal .is-focused .bmd-label-placeholder,
.has-teal .is-focused [class*=" bmd-label"],
.has-teal .is-focused [class^="bmd-label"] {
    color: #20c997;
}
.has-teal .is-focused .form-control {
    border-color: #20c997;
}
.has-teal .is-focused .bmd-help {
    color: #555;
}
.navbar.bg-teal {
    color: #fff;
    background-color: #20c997 !important;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 12px -5px rgba(48,74,131, 0.46);
}
.navbar.bg-teal .dropdown-item:focus,
.navbar.bg-teal .dropdown-item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(48,74,131, 0.4);
    background-color: #20c997;
    color: #fff;
}
.navbar.bg-teal .navbar-toggler .navbar-toggler-icon {
    background-color: #fff;
}
.nav-pills.nav-pills-teal .nav-item .nav-link.active,
.nav-pills.nav-pills-teal .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-teal .nav-item .nav-link.active:hover {
    background-color: #20c997;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(48,74,131, 0.4);
    color: #fff;
}
.alert.alert-teal {
    background-color: #249472;
    color: #fff;
}
.alert-teal,
.alert.alert-teal .alert-link,
.alert.alert-teal a {
    color: #fff;
}
.alert.alert-teal {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(48,74,131, 0.4);
}
.alert.alert-teal i {
    color: #20c997;
}
.icon.icon-teal {
    color: #20c997;
}
.card-pricing .card-icon.icon-teal i {
    color: #20c997;
}
.fixed-plugin .btn.btn-teal {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997;
    box-shadow: 0 2px 2px 0 rgba(48,74,131, 0.14), 0 3px 1px -2px rgba(48,74,131, 0.2), 0 1px 5px 0 rgba(48,74,131, 0.12);
}
.fixed-plugin .btn.btn-teal.focus,
.fixed-plugin .btn.btn-teal:focus,
.fixed-plugin .btn.btn-teal:hover {
    color: #fff;
    background-color: #249472;
    border-color: #249472;
}
.fixed-plugin .btn.btn-teal.active,
.fixed-plugin .btn.btn-teal:active,
.open > .fixed-plugin .btn.btn-teal.dropdown-toggle,
.show > .fixed-plugin .btn.btn-teal.dropdown-toggle {
    color: #fff;
    background-color: #249472;
    border-color: #249472;
    box-shadow: 0 2px 2px 0 rgba(48,74,131, 0.14), 0 3px 1px -2px rgba(48,74,131, 0.2), 0 1px 5px 0 rgba(48,74,131, 0.12);
}
.fixed-plugin .btn.btn-teal.active.focus,
.fixed-plugin .btn.btn-teal.active:focus,
.fixed-plugin .btn.btn-teal.active:hover,
.fixed-plugin .btn.btn-teal:active.focus,
.fixed-plugin .btn.btn-teal:active:focus,
.fixed-plugin .btn.btn-teal:active:hover,
.open > .fixed-plugin .btn.btn-teal.dropdown-toggle.focus,
.open > .fixed-plugin .btn.btn-teal.dropdown-toggle:focus,
.open > .fixed-plugin .btn.btn-teal.dropdown-toggle:hover,
.show > .fixed-plugin .btn.btn-teal.dropdown-toggle.focus,
.show > .fixed-plugin .btn.btn-teal.dropdown-toggle:focus,
.show > .fixed-plugin .btn.btn-teal.dropdown-toggle:hover {
    color: #fff;
    background-color: #249472;
    border-color: #249472;
}
.open > .fixed-plugin .btn.btn-teal.dropdown-toggle.bmd-btn-icon {
    color: inherit;
    background-color: #20c997;
}
.open > .fixed-plugin .btn.btn-teal.dropdown-toggle.bmd-btn-icon:hover {
    background-color: #249472;
}
.fixed-plugin .btn.btn-teal.disabled.focus,
.fixed-plugin .btn.btn-teal.disabled:focus,
.fixed-plugin .btn.btn-teal.disabled:hover,
.fixed-plugin .btn.btn-teal:disabled.focus,
.fixed-plugin .btn.btn-teal:disabled:focus,
.fixed-plugin .btn.btn-teal:disabled:hover {
    background-color: #20c997;
    border-color: #20c997;
}
.fixed-plugin .btn.btn-teal:active,
.fixed-plugin .btn.btn-teal:focus,
.fixed-plugin .btn.btn-teal:hover {
    box-shadow: 0 14px 26px -12px rgba(48,74,131, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(48,74,131, 0.2);
}
.fixed-plugin .btn.btn-teal.btn-link {
    box-shadow: none;
}
.fixed-plugin .btn.btn-teal.btn-link,
.fixed-plugin .btn.btn-teal.btn-link:active,
.fixed-plugin .btn.btn-teal.btn-link:focus,
.fixed-plugin .btn.btn-teal.btn-link:hover {
    background-color: transparent;
    color: #20c997;
}
.fixed-plugin .badge-teal {
    background-color: #20c997;
}
.header-filter[filter-color="teal"]:after {
    background: rgba(102,129,186, 0.56);
    background: linear-gradient(60deg, rgba(102,129,186, 0.56), rgba(48,74,131, 0.95));
}
.clear-filter[filter-color="teal"] {
    background: rgba(102,129,186, 0.2);
    background: linear-gradient(60deg, rgba(102,129,186, 0.2), rgba(48,74,131, 0.6));
}
.full-page[filter-color="teal"]:after {
    background: rgba(102,129,186, 0.56);
    background: linear-gradient(60deg, rgba(102,129,186, 0.56), rgba(48,74,131, 0.95));
}
.register-page .card-signup .info-horizontal .icon.icon-teal {
    color: #20c997;
}
.slider.slider-teal .noUi-handle {
    border-color: #20c997;
}
.fc-event.event-teal {
    background-color: #20c997;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(48,74,131, 0.4);
}
.card-wizard[data-color="teal"] .moving-tab {
    background-color: #20c997;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(48,74,131, 0.4);
}
.card-wizard[data-color="teal"] .picture:hover {
    border-color: #20c997;
}
.card-wizard[data-color="teal"] .choice.active .icon,
.card-wizard[data-color="teal"] .choice:hover .icon {
    border-color: #20c997;
    color: #20c997;
}
.card-wizard[data-color="teal"] .checkbox input[type="checkbox"]:checked + .checkbox-material .check,
.card-wizard[data-color="teal"] .radio input[type="radio"]:checked ~ .check {
    background-color: #20c997;
}
.card-wizard[data-color="teal"] .radio input[type="radio"]:checked ~ .circle {
    border-color: #20c997;
}
.bootstrap-tagsinput.teal-badge .tag {
    background-color: #20c997;
    color: #fff;
}
.bootstrap-tagsinput.teal-badge .tag .tagsinput-remove-link,
.card-signup .card-header .social-line .btn {
    color: #fff;
}

.text-teal {
    color: #20c997 !important;
}

.bg-teal{
    background-color: #20c997;
}

.bg-teal-opacity-5{
    background-color: rgba(32,201,151, .5);
}

.nav-pills.nav-pills-teal .nav-item .nav-link.active,
.nav-pills.nav-pills-teal .nav-item .nav-link.active:focus,
.nav-pills.nav-pills-teal .nav-item .nav-link.active:hover {
    background-color: #20c997;
}