:root {
  --primary-color: #3fdfa5;
  --secondary-color: #112C47;
}

body, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: sans-serif !important;
}

.bg-light, .navbar /*, .navbar-brand */ {
	background-color: var(--secondary-color) !important;
}

.ui-draggable .ui-dialog-titlebar {
  background-color: var(--primary-color);
}

.navbar-light .navbar-nav .nav-link {
	color: var(--primary-color);
}

.navbar-nav>li>a:hover {
  background-color: var(--primary-color);
}

.navbar-nav>li>a:focus {
  outline: 2px solid var(--primary-color);
  background-color: var(--secondary-color);
}

.nav-tabs>li>a.active, .nav-tabs>li>a.active:hover, .nav-tabs>li>a.active:focus {
	border-top-color: var(--primary-color);
}

*:focus, input, select, .select2-container--default .select2-search--dropdown .select2-search__field, span.select2-selection.select2-selection--single {
    outline-color: var(--primary-color);
  }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
  }
  
  input:hover, .form-control:focus, .form-control:hover {
    border-color: var(--primary-color);
  }

  .btn:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0.2rem var(--primary-color);
  }
  
  a, a:hover, a:focus {
    color: var(--primary-color);
  }

#myBar {
  background: var(--primary-color);
}

.btn, .btn:focus, .btnPrimary, .btnPrimary:focus {
  background: var(--primary-color);
}

.footerAT {
    background: var(--secondary-color);
}

#svgComm {
  background-image: radial-gradient(circle, #fff 8%, rgba(112, 244, 143, 0.5), rgb(69, 187, 192) 75%); /* var(--primary-color) 75% */
}

#polygonThink {
  stroke: var(--primary-color);
}