body.style2 {
  --bs-primary: #009dad;
}
body.style2 .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #009dad;
  --bs-btn-border-color: #009dad;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #46AAB7;
  --bs-btn-hover-border-color: #46AAB7;

  --bs-btn-focus-shadow-rgb: 70, 170, 183; /* RGB de #46AAB7 */

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #46AAB7;
  --bs-btn-active-border-color: #46AAB7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #009dad;
  --bs-btn-disabled-border-color: #009dad;
}

/* === COLOR === */
body.style2 .text-primary,
body.style2 .hover-primary:hover,
body.style2 a:hover,
body.style2 .document-item-files-wrapper:hover span.filename,
body.style2 .user-select-link:hover,
body.style2 .user-select-link:hover .iconify-xs,
body.style2 .btn-light:focus,
body.style2 .btn-light:focus .iconify-sm,
body.style2 .btn-check:checked + .btn-light,
body.style2 .btn-light:first-child:active,
body.style2 :not(.btn-check) + .btn-light:active,
body.style2 .btn-check:checked + .btn-light .iconify-sm,
body.style2 .btn-light.active .iconify-sm,
body.style2 .btn-light.show .iconify-sm,
body.style2 .btn-light:first-child:active .iconify-sm,
body.style2 :not(.btn-check) + .btn-light:active .iconify-sm,
body.style2 a:hover .text-muted,
body.style2 a:hover .iconify-xs.text-muted,
body.style2 .decision-indicator-circle.active,
body.style2 .btn-light:hover,
body.style2 nav a.nav-link:hover{
  color: #009dad !important;
}



/* === BACKGROUND-COLOR === */
body.style2 .document-item-files-wrapper:hover .icon-file-wrapper,
body.style2 .btn-check:checked + .btn,
body.style2 .btn.active,
body.style2 .btn.show,
body.style2 .btn:first-child:active,
body.style2 .wizard-content .wizard.wizard-circle > .steps .step,
body.style2 .bg-primary,
body.style2 .decision-indicator-circle.active{
  background-color: #009dad !important;
}

body.style2 .topbar .navbar{
  background-color: #fff !important;
    box-shadow: 0px 6px 4px -3px rgba(0, 0, 0, 0.15);
    min-height: 100px;
}
body.style2 .topbar {
  box-shadow: none !important;
}
body.style2 header .logo-img .logo-title {
  font-size: 20px;
  color:#000 !important;
}
body.style2 header .logo-img .logo-title {
  border-left: 2px solid #3C075A;
  display: flex
;
  padding-left: 10px;
  margin-left: 8px;
  height: 55px;
  align-items: center;
}

body.style2 .navbar-nav .material-symbols-outlined {
  font-size: 24px;
}
body.style2 .notify {
  top: -20px;
  right: -8px;
}

body.style2 .navbar-nav .nav-link{
  background-color: #009dad !important;
  border-radius: 100%;
width:40px;
height:40px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 16px;
font-weight: 600;
}


body.style2 #menu{
  position: static;
}
body.style2 .logo-icon img {
  width: 55px;
  height: 55px;
}
body.style2 .body-wrap {
  margin-top: 180px;
}

body.style2 .btn.show,
body.style2 a.nav-link:hover,
body.style2 .bg-primary{
  color: #fff !important;
}
body.style2 .btn.show{
  border-color: #009dad !important;
}


body.style2 .dropdown-item:focus, 
body.style2 .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: #e3f9fb; 
}

body.style2 .bg-primary-subtle,
body.style2 .decision-indicator-circle.inactive,
body.style2 .decision-indicator-line,
body.style2 .accordion-border .accordion-item.active .accordion-button{
  background-color: #e3f9fb !important;
}



body.style2 .status-circle-dashed.text-primary,
body.style2 .wizard-content .wizard.wizard-circle > .steps .step{
  background-color: #fff !important;
}

body.style2 .status-circle-dashed.text-primary,
body.style2 .wizard-content .wizard.wizard-circle > .steps .step, body.style2 .bg-primary,
.attribution-textarea{
  border-color: #009dad !important;
  
}

body.style2 .wizard-content .wizard.wizard-circle > .steps .step.bg-primary{
  background-color: #009dad !important;
  color: #fff !important;
}

body.style2 .btn-check:checked + .btn, 
body.style2 .btn.active, 
body.style2 .btn.show, 
body.style2 .btn:first-child:active, 
body.style2 :not(.btn-check) + .btn:active {
  background-color: #009dad !important;
  border-color: #009dad !important;
}

body.style2 .btn-outline-primary {
  --bs-btn-color: #009dad;
  --bs-btn-border-color: #009dad;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #009dad;
  --bs-btn-hover-border-color: #009dad;

  --bs-btn-focus-shadow-rgb: 70, 170, 183; /* RGB de #46AAB7 */

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #46AAB7;
  --bs-btn-active-border-color: #46AAB7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color: #009dad;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #009dad;

  --bs-gradient: none;
}

body.style2 .alert-primary{
  background-color: #e3f9fb !important;
  border-color: #009dad !important;
}

body.style2 a.btn-primary:hover,
body.style2 .sidebar-item a.bg-primary.nav-link:hover,
body.style2 .navbar-nav a.nav-link:hover
{
  color: #fff !important;
}

@media screen and (max-width: 500px) {
  body.style2 .logo-icon img{
    max-width: 140px;
    height: auto;
  }
}



@media screen and (max-width: 470px) {

  body.style2 header .logo-img .logo-title{
    display: none;
  }
}