*[data-href] {
  cursor: pointer;
}

.title-word {
  animation: color-animation 4s linear infinite;
}

.title-word-1 {
  --color-1: #D2DA4D;
  --color-2: #80539D;
  --color-3: #F9B342;
  --color-4: #5BC5F2;
}

.title-word-2 {
  --color-1: #5BC5F2;
  --color-2: #D2DA4D;
  --color-3: #80539D;
  --color-4: #F9B342;
}

.title-word-3 {
  --color-1: #F9B342;
  --color-2: #5BC5F2;
  --color-3: #D2DA4D;
  --color-4: #80539D;
}

.title-word-4 {
  --color-1: #80539D;
  --color-2: #F9B342;
  --color-3: #5BC5F2;
  --color-4: #D2DA4D;
}

@keyframes color-animation {
  0%    {color: var(--color-1)}
  24%   {color: var(--color-1)}
  25%   {color: var(--color-2)}
  50%   {color: var(--color-2)}
  51%   {color: var(--color-3)}
  74%   {color: var(--color-3)}
  75%   {color: var(--color-4)}
  99%   {color: var(--color-4)}
  100%  {color: var(--color-1)}
}



.detailHomeCard {
   display: none; 
}

a.list-group-item.list-group-item-action.border-0.active {
  background-color: #005F8C!important;
}


.activeSubMenu {
  color: #3d73dd!important;
}

.text-primary {
  color: #005F8C!important;
}

.text-info {
  color: #10BBEF!important;
}

.text-yellow {
  color: #D2DA4D!important;
}

.border-yellow {
  border-color: #D2DA4D!important; 
}

.text-purple {
  color: #80539D!important;
}

.border-purple {
  border-color: #80539D!important; 
}

.ribbon-box .ribbon-purple {
  background: #80539D;
}

.text-orange {
  color: #F9B342!important;
}

.border-orange {
  border-color: #F9B342!important; 
}

.ribbon-box .ribbon-orange {
  background: #F9B342;
}

.bg-primary {
  background-color: #005F8C!important; 
}

.bg-info {
  background-color: #10BBEF!important; 
}

.bg-orange {
  background-color: #F9B342!important;
}

.bg-yellow {
  background-color: #D2DA4D!important;
}

.badge-outline-primary {
  color: #005F8C;
  border: 1px solid #005F8C;
  background-color: transparent;
}

.badge-outline-info {
  color: #10BBEF;
  border: 1px solid #10BBEF;
  background-color: transparent;
}

.badge-outline-orange {
  color: #F9B342;
  border: 1px solid #F9B342;
  background-color: transparent;
}

.badge-outline-yellow {
  color: #D2DA4D;
  border: 1px solid #D2DA4D;
  background-color: transparent;
}

.ribbon-box .ribbon-yellow {
  background: #D2DA4D;
}

.bg-purple {
  background-color: #80539D!important;
}

.badge-outline-purple {
  color: #80539D;
  border: 1px solid #80539D;
  background-color: transparent;
}

.badge-pink {
  color: #fff;
  background-color: #d63384;
}



.ribbon-box .ribbon-info {
  background: #10BBEF;
}

.ribbon-box .ribbon-primary {
  background: #005F8C;
}


.breadcrumb-item a {
  color: #005F8C!important;
}

.breadcrumb-item.active {
    color: #10BBEF!important;
}


.border-primary {
  border-color: #005F8C !important; }

  .border-info {
    border-color: #10BBEF !important; }





.btn-primary {
  color: #fff;
  background-color: #005F8C;
  border-color: #005F8C;
}

.btn-primary:hover {
  color: #fff;
  background-color: #10BBEF;
  border-color: #10BBEF; }
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #10BBEF;
  border-color: #10BBEF;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 154, 252, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(84, 154, 252, 0.5); }

  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #005F8C;
    border-color: #005F8C; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #005F8C;
    border-color: #005F8C; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(84, 154, 252, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(84, 154, 252, 0.5); }
 
     
              


.btn-outline-primary {
  color: #005F8C;
  border-color: #005F8C;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #005F8C;
  border-color: #005F8C; }














.table .thead-primary th {
  color: #FFFFFF;
  background-color: #005F8C;
  border-color: #FFFFFF;
}



@media print{
  @page {
    size: letter;
    margin: 0cm;
  }
  html, body {
    width: 1024px;
  }
  .container {
    width: auto;
  }
  body {
    margin: 0 auto;
  }
}
