﻿.tab .tabLinkIsSelectable
{
    color: #007aff;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}

.tab .tabLinkNotSelectable
{
    color: #424242;
    pointer-events: none;
    cursor: default;
    padding-left: 10px;
    padding-right: 10px;
}

.registration-form-validation-row-image-container {
    width: 10%;
}

.registration-form-validation-row-image-container img {
    width: 23px;
    height: 23px;
}

.registration-form-validation-row-Fail {
    color: #d81d1d;
    font-weight: bold;
    width: 90%;
}

.registration-form-validation-row-Pass {
    color: #09aa57;
    font-weight: bold;
    width: 90%;
}

.display-flex {
    display: flex;
    width:290px;
}

.forgot-password-display-flex {
    display: flex;
    width: 290px;
}

.dropdown .dropdown--SubMenu-Is-Open
{
    display:block !important;
}

.selectControl .selectControl--Dropdown-Is-Open
{
    border: solid 1px #1f1f1f;
    border-radius: 6px;
}

.loadingPanel.loadingPanel-Is-Not-Visible
{
    display: none;
}

.loadingPanel.loadingPanel-Is-Visible
{
    display: flex;
    justify-content: center;
}

.PayInvoicesFooter .PayInvoicesFooter--PayInvoicesButton:disabled
{
    background-color: #c3c3c3;
    color: #949494;
    cursor: default;
}

.CreditCardForm .CreditCardForm--UpdateCard-Is-Visible
{
    border-radius: 8px 8px 0 0;
}

@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}

@keyframes fadeOut
{
    0%
    {
        opacity: 1;
    }

    100%
    {
        opacity: 0;
    }
}

.Notification .NotificationItem-Is-Visible
{
    animation: 600ms fadeIn;
    opacity: 1;
}

.Notification .NotificationItem-Is-Expired
{
    animation: 600ms fadeOut;
    opacity: 0;
}

.Notification .NotificationItem-Is-Error
{
    background-color: #b71c1c;
}

.Notification .NotificationItem-Is-Success
{
    background-color: #119a01;
}

.Notification .NotificationItem-Is-Warning
{
    background-color: #ffb75d;
}

.input-margin-left {
    margin-left: 20px;
}

.input-box--focus-box-shadow:focus
{
    outline: none;
    border-color: #007aff;
}

.registration-page-content {
    display: grid;
    grid-template-areas: "header" "form";
    grid-template-rows: max-content;
    /*grid-template-rows: max-content 1fr;*/
    min-height: 100%;
}

.no-padding {
    padding: 0px;
}

.inherit-width {
    width: inherit;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.disabled-button {
    background-color: #c3c3c3;
    color: #949494;
    cursor: default;
}

.hidden {
    visibility: hidden;
}

.fullWidth {
    width: 100%;
}