/*
  Please manually change the timestamp added to this file path in the Blade template
  to force the browser to refresh the file when it's updated,
  in order to avoid cache issues.

  @see server/resources/views/api/rapidoc.blade.php
 */
.container {
    padding: 10px;
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
}

.button {
  text-decoration: none;
  border: 1px solid var(--fg3);
  border-radius: 5px;
  font-size: 0.8rem;
  padding: 3px 15px;
  color: var(--fg);
}

/* Both paddings sit inside the border, so two adjacent buttons would otherwise touch and read as a single control. */
.button + .button {
  margin-left: 8px;
}

.button .secondary {
  font-size: 0.7rem;
  color: var(--fg3);
}

.flex-item {
    padding: 10px;
}

#toggle-theme {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    :hover {
        transform: scale(1.1);
    }
}

.color-white {
    color: #FFF;
}

.select-dropdown,
.select-dropdown * {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    width: 60px;
}
.select-dropdown {
    position: relative;
    border-radius: 4px;
}
.select-dropdown select {
    font-size: 1rem;
    font-weight: normal;
    max-width: 100%;
    padding: 8px 24px 8px 10px;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.select-dropdown select:active, .select-dropdown select:focus {
    outline: none;
    box-shadow: none;
}
.select-dropdown:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-top: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}