Proyectos de Subversion LeadersLinked - Antes de SPA

:root {
  --gray: #909090;
  --white: #fff;
  --dark: #000;
  --border-light-gray: #E8E8E8;
  --background-light-gray: #FBFBFB;
  --global-border-radius: 10px;
  --background-gray: #D9D9D9;
}

/**
  Global Classes
*/

.horizontal-list>.row {
  display: flex;
  align-items: flex-end;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 5px 0;
  justify-content: space-around;
  gap: 5px;
}

.horizontal-list>.row>.btn {
  padding: 2px 5px;
  white-space: nowrap;
  line-height: 1;
  font-size: 2.2vmin;
}

.text-white {
  color: var(--white) !important;
}

.text-gray {
  color: var(--gray) !important;
}

.text-dark-gray {
  color: var(--gray-dark) !important;
}

.border-radius {
  border-radius: var(--global-border-radius) !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.bg-gray {
  background-color: var(--gray) !important;
}

.border-gray {
  border: solid 1px var(--border-light-gray) !important;
}

.border-bottom-gray {
  border-bottom: solid 1px var(--border-light-gray) !important;
}

.text-dark {
  color: var(--dark) !important;
}

.ph-20 {
  padding: 0 20% !important;
}

.ph-15 {
  padding: 0 15% !important;
}

.ph-10 {
  padding: 0 10% !important;
}

.ph-5 {
  padding: 0 5% !important;
}

.pb-5 {
  padding-bottom: 5% !important;
}

.btn {
  padding: .2rem .6rem;
}

.btn-primary {
  background: transparent;
  border: 1px solid var(--border-light-gray);
  border-radius: 5px;
  color: var(--dark);
}

.btn-primary:hover,
.btn-primary:active {
  background-color: var(--gray) !important;
  border-color: transparent !important;
}

.btn-secondary {
  background-color: var(--border-light-gray) !important;
  border-color: var(--border-light-gray) !important;
  color: var(--gray);
}

.btn-secondary:hover {
  background: #c9c7c7 !important;
  border: 1px solid var(--gray);
  border-radius: 5px;
  color: var(--gray);
}

.btn-tertiary {
  background-color: #F4F4F4 !important;
  border-color: #F4F4F4 !important;
  color: var(--gray);
}

.btn-tertiary:hover {
  background: #d4d4d4 !important;
  border: 1px solid var(--gray);
  border-radius: 5px;
  color: var(--gray);
}

.bg-light-gray {
  background-color: var(--border-light-gray) !important;
}

.bg-custom-gray {
  background-color: var(--background-gray) !important;
}

.bg-transparent {
  background: transparent !important;
}

.mw-30 {
  min-width: 30%;
}

.list-style-none {
  list-style: none;
}

textarea#description-main {
  background-color: var(--background-light-gray);
  border: solid 1px var(--border-light-gray);
  border-radius: 10px;
}

@media (max-width: 1200px) {
  header nav {
    background-color: #82d0d4;
    /*#003282; */
  }
}

@media (max-width: 576px) {
  .logo {
    margin-left: 0px;
  }

  .logoMobil {
    display: block !important;
    width: 100%;
    float: right;
    text-align: center;
  }
}

@media (max-width: 1200px) {

  /*.notification-box {
    left: 0%;
    top: 100 !important;
  }*/
  .drawerMobil {
    display: block !important;
  }

  .drawerTexto {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .forum-links {
    background-color: #244d8f;
  }
}

@media (max-width: 768px) {
  .forum-links ul li {
    padding: 10px
  }

  .sn-field {
    transform: scale(0.80);
    transform-origin: 0 0;
  }

}