.oss__tc {
  --primary-color: #D4353A;
  --secondary-color: #962020;
  --main-light: #fff;
  --main-dark: #323232;
}
body.oss__tc {
  background-image: url("../img/bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.oss__tc nav a .glyphicon:not(.glyphicon-remove) {
  color: #fff !important;
}
.oss__tc a .glyphicon:not(.glyphicon-remove):not(.text-warning), .oss__tc nav .active a .glyphicon:not(.glyphicon-remove) {
  color: #000;
}
.oss__tc .form_container,
.oss__tc .form-footer {
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.oss__tc .form_container {
  border: 1px solid var(--main-light);
}
.oss__tc .form-header span {
  color: var(--main-light);
}
.oss__tc .form-group:not(#profile-form .form-group):not(#main .form-group) {
  border: 1px solid var(--main-dark);
  border-radius: 5px;
  overflow: hidden;
}
.oss__tc .form-group::before {
  background-color: var(--secondary-color);
  color: #fff;
  border-radius: 0;
}
.oss__tc .password_recovery {
  color: var(--main-light);
  border-bottom: 1px dotted var(--main-light);
}
.oss__tc .password_recovery:hover {
  color: var(--main-light);
  border-bottom: none;
}
.oss__tc .checkbox label {
  color: var(--main-light);
}
.oss__tc .checkbox label:hover {
  color: #ccc;
}
.oss__tc #main .checkbox label {
  color: var(--main-dark);
}
.oss__tc #main .checkbox label:hover {
  color: var(--main-dark);
}
.oss__tc .form-footer {
  border-top: 1px solid var(--main-light);
}
.oss__tc .form-footer span {
  color: var(--main-light);
}
.oss__tc .form-footer a {
  color: var(--main-light);
  border-bottom: 1px dotted var(--main-light);
}
.oss__tc .form-footer a:hover {
  color: var(--main-light);
  border-bottom: none;
}
.oss__tc header#header {
  color: var(--main-light);
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.oss__tc .login-info a span {
  color: var(--main-light);
}
.oss__tc .notification-wrapper #activity.activity-dropdown:hover {
  color: var(--main-light);
}
.oss__tc .notification-wrapper #activity.activity-dropdown {
  color: var(--main-light);
}
.oss__tc a:not(#main a):not(.dropdown-menu a) {
  color: var(--main-light);
}
.oss__tc .btn-header > :first-child > a {
  color: var(--main-light);
}
.oss__tc .btn-header > :first-child > a:active, .oss__tc.hidden-menu #hide-menu > :first-child > a {
  background-color: var(--secondary-color);
  background-image: none;
}
.oss__tc #logo-group.logo-group {
  background-color: transparent;
}
.oss__tc #logo-group.logo-group svg {
  width: 80%;
}
.oss__tc aside#left-panel {
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color: #fff;
}
.oss__tc aside#left-panel nav ul li a {
  color: #fff;
}
.oss__tc aside#left-panel nav ul li.open {
  transition: all 0.2s ease;
}
.oss__tc aside#left-panel nav ul li.open a {
  color: #323232;
}
.oss__tc aside#left-panel nav ul li a:active {
  background-color: transparent !important;
}

.oss__olivtel {
  --primary-color: #42BD7C;
  --secondary-color: #30735E;
  --main-light: #fff;
  --main-dark: #323232;
}
body.oss__olivtel {
  background-image: url("../img/bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.oss__olivtel nav a .glyphicon:not(.glyphicon-remove) {
  color: #fff !important;
}
.oss__olivtel a .glyphicon:not(.glyphicon-remove):not(.text-warning), .oss__olivtel nav .active a .glyphicon:not(.glyphicon-remove) {
  color: #000;
}
.oss__olivtel .form_container,
.oss__olivtel .form-footer {
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.oss__olivtel .form_container {
  border: 1px solid var(--main-light);
}
.oss__olivtel .form-header span {
  color: var(--main-light);
}
.oss__olivtel .form-group:not(#profile-form .form-group):not(#main .form-group) {
  border: 1px solid var(--main-dark);
  border-radius: 5px;
  overflow: hidden;
}
.oss__olivtel .form-group::before {
  background-color: var(--secondary-color);
  color: #fff;
  border-radius: 0;
}
.oss__olivtel .password_recovery {
  color: var(--main-light);
  border-bottom: 1px dotted var(--main-light);
}
.oss__olivtel .password_recovery:hover {
  color: var(--main-light);
  border-bottom: none;
}
.oss__olivtel .checkbox label {
  color: var(--main-light);
}
.oss__olivtel .checkbox label:hover {
  color: #ccc;
}
.oss__olivtel #main .checkbox label {
  color: var(--main-dark);
}
.oss__olivtel #main .checkbox label:hover {
  color: var(--main-dark);
}
.oss__olivtel .form-footer {
  border-top: 1px solid var(--main-light);
}
.oss__olivtel .form-footer span {
  color: var(--main-light);
}
.oss__olivtel .form-footer a {
  color: var(--main-light);
  border-bottom: 1px dotted var(--main-light);
}
.oss__olivtel .form-footer a:hover {
  color: var(--main-light);
  border-bottom: none;
}
.oss__olivtel header#header {
  color: var(--main-light);
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.oss__olivtel .login-info a span {
  color: var(--main-light);
}
.oss__olivtel .notification-wrapper #activity.activity-dropdown:hover {
  color: var(--main-light);
}
.oss__olivtel .notification-wrapper #activity.activity-dropdown {
  color: var(--main-light);
}
.oss__olivtel a:not(#main a):not(.dropdown-menu a) {
  color: var(--main-light);
}
.oss__olivtel .btn-header > :first-child > a {
  color: var(--main-light);
}
.oss__olivtel .btn-header > :first-child > a:active, .oss__olivtel.hidden-menu #hide-menu > :first-child > a {
  background-color: var(--secondary-color);
  background-image: none;
}
.oss__olivtel #logo-group.logo-group {
  background-color: transparent;
}
.oss__olivtel #logo-group.logo-group svg {
  width: 80%;
}
.oss__olivtel aside#left-panel {
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color: #fff;
}
.oss__olivtel aside#left-panel nav ul li a {
  color: #fff;
}
.oss__olivtel aside#left-panel nav ul li.open {
  transition: all 0.2s ease;
}
.oss__olivtel aside#left-panel nav ul li.open a {
  color: #323232;
}
.oss__olivtel aside#left-panel nav ul li a:active {
  background-color: transparent !important;
}

.oss__matrix {
  --primary-color: #6dafe0;
  --secondary-color: #337eb8;
  --main-light: #fff;
  --main-dark: #323232;
}
body.oss__matrix {
  background-image: url("../img/bg.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.oss__matrix nav a .glyphicon:not(.glyphicon-remove) {
  color: #fff !important;
}
.oss__matrix a .glyphicon:not(.glyphicon-remove):not(.text-warning), .oss__matrix nav .active a .glyphicon:not(.glyphicon-remove) {
  color: #000;
}
.oss__matrix .form_container,
.oss__matrix .form-footer {
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.oss__matrix .form_container {
  border: 1px solid var(--main-light);
}
.oss__matrix .form-header span {
  color: var(--main-light);
}
.oss__matrix .form-group:not(#profile-form .form-group):not(#main .form-group) {
  border: 1px solid var(--main-dark);
  border-radius: 5px;
  overflow: hidden;
}
.oss__matrix .form-group::before {
  background-color: var(--secondary-color);
  color: #fff;
  border-radius: 0;
}
.oss__matrix .password_recovery {
  color: var(--main-light);
  border-bottom: 1px dotted var(--main-light);
}
.oss__matrix .password_recovery:hover {
  color: var(--main-light);
  border-bottom: none;
}
.oss__matrix .checkbox label {
  color: var(--main-light);
}
.oss__matrix .checkbox label:hover {
  color: #ccc;
}
.oss__matrix #main .checkbox label {
  color: var(--main-dark);
}
.oss__matrix #main .checkbox label:hover {
  color: var(--main-dark);
}
.oss__matrix .form-footer {
  border-top: 1px solid var(--main-light);
}
.oss__matrix .form-footer span {
  color: var(--main-light);
}
.oss__matrix .form-footer a {
  color: var(--main-light);
  border-bottom: 1px dotted var(--main-light);
}
.oss__matrix .form-footer a:hover {
  color: var(--main-light);
  border-bottom: none;
}
.oss__matrix header#header {
  color: var(--main-light);
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}
.oss__matrix .login-info a span {
  color: var(--main-light);
}
.oss__matrix .notification-wrapper #activity.activity-dropdown:hover {
  color: var(--main-light);
}
.oss__matrix .notification-wrapper #activity.activity-dropdown {
  color: var(--main-light);
}
.oss__matrix a:not(#main a):not(.dropdown-menu a) {
  color: var(--main-light);
}
.oss__matrix .btn-header > :first-child > a {
  color: var(--main-light);
}
.oss__matrix .btn-header > :first-child > a:active, .oss__matrix.hidden-menu #hide-menu > :first-child > a {
  background-color: var(--secondary-color);
  background-image: none;
}
.oss__matrix #logo-group.logo-group {
  background-color: transparent;
}
.oss__matrix #logo-group.logo-group svg {
  width: 80%;
}
.oss__matrix aside#left-panel {
  background-image: linear-gradient(120deg, var(--primary-color) 0%, var(--secondary-color) 100%);
  color: #fff;
}
.oss__matrix aside#left-panel nav ul li a {
  color: #fff;
}
.oss__matrix aside#left-panel nav ul li.open {
  transition: all 0.2s ease;
}
.oss__matrix aside#left-panel nav ul li.open a {
  color: #323232;
}
.oss__matrix aside#left-panel nav ul li a:active {
  background-color: transparent !important;
}