:root {
    --b3-dark-blue: #002E60;
    --b3-dark-blue-hover: #001c50;
    --b3-light-blue: #00b6E0;
    --b3-light-blue-hover: #00a9d1;
    --b3-gray: #808080;
    --b3-gray-hover: #6e6e6e;
    --b3-light-gray: #f6f6f6;
    --b3-warning-color: #f0ad4e;
    --b3-warning-color-hover: #ecaa4b;
    --b3-error-color: #BA1200;
    --b3-error-color-hover: #A91000;
    --b3-green: #13BB07;
    --b3-beta: #a24949;
}

.external-wrapper {
    min-width:325px;
    max-width:525px;
}

.internal-wrapper {
    min-width: 325px;
    max-width: 525px;
}

.b3-underline-hr {
    margin-top: 1px;
    margin-bottom: 5px;
}

.hide {
    display: none;
}

/* Common bryt layout stuff
-------------------------------------------------- */
.b3-secondary-button {
    background-color: var(--b3-gray);
    color: white;
}

.b3-secondary-button:focus {
    outline: none;
    box-shadow: none;
}

.b3-secondary-button:hover {
    text-decoration: none;
    background-color: var(--b3-gray-hover);
    color: white;
}

.b3-primary-button {
    background: var(--b3-light-blue);
    color: white;
}

.b3-primary-button:focus {
    outline: none;
    box-shadow: none;
}

.b3-primary-button:hover {
    text-decoration: none;
    background-color: var(--b3-light-blue-hover);
    color: white;
}