/*============================
		COLOR Teal
==============================*/
a, a:focus {
  color: #20c997;
}

a:hover, a:active {
  color: #1baa80;
}

.oxyy-login-register .nav:not(.nav-pills) .nav-item .nav-link.active, .oxyy-login-register .nav:not(.nav-pills) .nav-item .nav-link:hover {
  color: #20c997;
}
.oxyy-login-register .nav-tabs .nav-item .nav-link.active {
  color: #0c2f55;
}
.oxyy-login-register .nav-tabs .nav-item .nav-link.active:after {
  background-color: #20c997;
}
.oxyy-login-register .nav-tabs .nav-item .nav-link:not(.active):hover {
  color: #20c997;
}
.oxyy-login-register .nav-tabs.flex-column .nav-item .nav-link.active {
  color: #20c997;
}
.oxyy-login-register .nav-pills .nav-link:not(.active):hover {
  color: #20c997;
}
.oxyy-login-register .bg-primary, .oxyy-login-register .badge-primary {
  background-color: #20c997 !important;
}

.wrapper { 
  height: 100%;
  width: 100%;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(124deg, #3861f4, #e81d1d, #e8b71d, #3861f4, #1de840, #1ddde8, #3861f4, #dd00f3, #3861f4);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
.oxyy-login-register .text-primary, .oxyy-login-register .btn-link {
  color: #20c997 !important;
}
.oxyy-login-register .btn-link:hover {
  color: #1baa80 !important;
}
.oxyy-login-register .text-muted {
  color: #8e9a9d !important;
}
.oxyy-login-register .text-light {
  color: #dee3e4 !important;
}
.oxyy-login-register a.bg-primary:focus, .oxyy-login-register a.bg-primary:hover, .oxyy-login-register button.bg-primary:focus, .oxyy-login-register button.bg-primary:hover {
  background-color: #1baa80 !important;
}
.oxyy-login-register .border-primary {
  border-color: #20c997 !important;
}
.oxyy-login-register .btn-primary {
  background-color: #204def;
  border-color: #204def;
}
.oxyy-login-register .btn-primary:hover {
  background-color: #3861f4;
  border-color: #3861f4;
}
.oxyy-login-register .btn-primary:not(:disabled):not(.disabled).active, .oxyy-login-register .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #1baa80;
  border-color: #1baa80;
}
.oxyy-login-register .btn-primary.focus, .oxyy-login-register .btn-primary:focus {
  background-color: #1baa80;
  border-color: #1baa80;
}
.oxyy-login-register .btn-outline-primary, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled).active, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #20c997;
  border-color: #20c997;
}
.oxyy-login-register .btn-outline-primary:hover, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled).active:hover, .oxyy-login-register .btn-outline-primary:not(:disabled):not(.disabled):active:hover {
  background-color: #20c997;
  border-color: #20c997;
  color: #fff;
}
.oxyy-login-register .progress-bar,
.oxyy-login-register .nav-pills .nav-link.active, .oxyy-login-register .nav-pills .show > .nav-link, .oxyy-login-register .dropdown-item.active, .oxyy-login-register .dropdown-item:active {
  background-color: #20c997;
}
.oxyy-login-register .page-item.active .page-link,
.oxyy-login-register .custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.oxyy-login-register .custom-control-input:checked ~ .custom-control-label::before,
.oxyy-login-register .custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.oxyy-login-register .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #20c997;
  border-color: #20c997;
}
.oxyy-login-register .list-group-item.active {
  background-color: #20c997;
  border-color: #20c997;
}
.oxyy-login-register .page-link {
  color: #20c997;
}
.oxyy-login-register .page-link:hover {
  color: #1baa80;
}