a {
  text-decoration: none;
}

ul {
  list-style-type: none;
}

ol {
  list-style-type: none;
}

.part
{
    border-color:azure;
    border:1px;
    background-color: beige;
}

.parttitle {
    font-size:1.2em;
    font-weight:700;
}

.cImgOtherLanguage
{
    max-width:32px;
    max-height:32px;
    margin:10px 10px 10px 5px;
}


.searchfield {
    border-radius: 0.5rem;
    border: 1px solid #ced4da;
    padding: 0.75rem 1rem;
    transition: box-shadow 0.2s ease-in-out;
}

.searchfield:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}

.ujinput {
    border-radius: 0.5rem;
    border: 1px solid #ced4da;
    padding: 0.75rem 1rem;
    transition: box-shadow 0.2s ease-in-out;
}

.ujinput:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);
}

.ujperma {
    border-radius: 0.5rem;
    border: 1px solid #ced4da;
    padding: 0.75rem 1rem;
    transition: box-shadow 0.2s ease-in-out;
}


.searchconversiondiv
{
    color: cadetblue;
    border:lightgray 1px solid;
    display:inline-block;
    width:300px; 
    height:30px;
    margin:10px;
    padding: 3px 3px 3px 3px;
}


:root,[data-bs-theme=light] { 
  --bs-primary:#28abd3;
  --bs-secondary:#c6a368; 
  --bs-warning:#d04f14;
  --bs-info:#d7e9ef;
  --uj-selected:#fcf1dd;
}

.copyable {
  text-decoration-line: underline;
  text-decoration-color: var(--bs-info);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

.pseudocopyable {
  text-decoration-line: underline;
  text-decoration-color: var(--bs-info);
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

.card-header{
  background-color:var(--bs-info) !important;
}

.list-group-item-info {
  background-color: var(--bs-info)
}

.bg-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;    
}

.btn-info {
  background-color: var(--bs-info) !important;
  border-color: var(--bs-info) !important;
}

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

.btn-info:hover,
.btn-info:focus {
  background-color: color-mix(in srgb, var(--bs-info) 85%, black);
  border-color: color-mix(in srgb, var(--bs-info) 85%, black);
}

.list-group-item-warning {
  background-color: var(--bs-warning)
}
.bg-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;    
}

.btn-warning {
  background-color: var(--bs-warning) !important;
  border-color: var(--bs-warning) !important;
}

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

.btn-warning:hover,
.btn-warning:focus {
  background-color: color-mix(in srgb, var(--bs-warning) 85%, black);
  border-color: color-mix(in srgb, var(--bs-warning) 85%, black);
}

.list-group-item-primary {
  background-color: var(--bs-primary)
}
.bg-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

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

.btn-primary:hover,
.btn-primary:focus {
  background-color: color-mix(in srgb, var(--bs-primary) 85%, black);
  border-color: color-mix(in srgb, var(--bs-primary) 85%, black);
}

.list-group-item-secondary {
  background-color: var(--uj-selected)
}
.bg-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

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

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

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: color-mix(in srgb, var(--bs-secondary) 85%, black);
  border-color: color-mix(in srgb, var(--bs-secondary) 85%, black);
}