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;
}

/**
  Global Classes
*/

.horizontal-list > .row{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.horizontal-list > .row > .col {
  display: inline-block;
}

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

.text-gray{
  color: var(--gray) !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-primary{
  background: transparent;
  border: 1px solid var(--gray);
  border-radius: 5px;
  color: var(--gray);
}

.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);
}

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;
 }

}