/* Minification failed. Returning unminified contents.
(9,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(10,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(24,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(25,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(48,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(80,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(81,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(115,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(129,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(153,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(199,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(209,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(212,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(229,17): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(233,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-100'
(266,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
 */
.adm-create-company__main-content {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 3.2rem;
    padding: 4.1rem 2.4rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.adm-create-company__main-content-plans {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 3.2rem;
    padding: 4.1rem 4.1rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    position: relative;
    width: 100%;
}

#adm-plans.monthly .yearly{
    display:none;
}

#adm-plans:not(.monthly) .monthly {
    display: none;
}

.adm-create-company__main {
    padding: 3.7rem 6.8rem;
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    align-items: center;
    background-color: var(--neutral-200);
    max-width: 1800px;
}




.adm-create-company__step-main-data {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

    .adm-create-company__step-main-data > * {
        flex: 1;
        width: 100%;
    }

.adm-create-company__two-inputs {
    display: flex;
    gap: 1.6rem;
    width: 100%;
}

.adm-create-company__main-inputs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.adm_discount-tag {
    padding: 4px 8px;
    background-color: var(--green-500);
    color: var(--neutral-100);
    border-radius: 4px;
}

.adm_payment-toggle {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.adm__plans {
    display: flex;
    width: 100%;
    gap: 1.6rem;
    align-items: end;
    flex-wrap: wrap;
    justify-content: center;
}

.adm__plan {
    display: flex;
    width: 176px;
    flex-direction: column;
    position: relative;
    transition: all 250ms ease;
}

.adm__plan-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 2.4rem;
    padding: 1.6rem;
    border: 1px solid var(--neutral-600);
    border-radius: 8px;
    height: 493px;
}
#select-all{
    width:fit-content;
}
.adm__plan-container.enterprise {
    border: 1px solid var(--tangerine-yellow-500);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.adm__plan.selected .adm__plan-container {
    border: 1px solid var(--green-500);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.adm__plan.not-selected  {
    opacity:0.45;
}
.adm__plan.not-selected:hover {
    opacity: 1;
}

.adm__plan.selected .adm__plan-enterprise-top {
    display: none;
}

.adm__plan-enterprise-top {
    width: 100%;
    display: flex;
    gap: 8px;
    justify-content: center;
    color: var(--neutral-100);
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    background-color: var(--tangerine-yellow-500);
    align-items: center;
}

    .adm__plan-enterprise-top > svg,
    .adm__plan-selected-top > svg {
        width: 2.4rem;
        height: 2.4rem;
    }

.adm__plan-enterprise-arrow {
    position: absolute;
    top: -97px;
    right: -28px;
}

.adm__plan:not(.selected) .adm__plan-selected-top,
.adm__plan:not(.selected) .adm__plan-selected-text {
    display: none;
}

.adm__plan.selected button {
    display: none;
}

.adm__plan-selected-text {
    height: 44px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}



.adm__plans-comparison-table.table > thead > tr > th {
    border-bottom: none;
}

.adm__plans-comparison-table-container {
    width: 100%;
    overflow-x: auto;
}

.adm__plans-comparison-table.table > tbody > tr > td {
    border: 1px solid var(--neutral-300);
    padding: 0.8rem 1.8rem;
    vertical-align: middle;
}

.adm__plan-selected-top {
    width: 100%;
    display: flex;
    gap: 8px;
    justify-content: center;
    color: var(--neutral-100);
    border-top-left-radius: 0.8rem;
    border-top-right-radius: 0.8rem;
    background-color: var(--green-500);
    align-items: center;
    transition: all 250ms ease;
}

.adm__plan-enterprise-arrow p {
    padding-left: 2.4rem;
    max-width: 124px;
    min-height: 33px;
}

.adm__plan-feature-icon, .adm__plan-feature-icon > svg {
    width: 1.6rem;
    height: 1.6rem;
}

.adm__plan-feature-posivive {
    color: var(--green-100);
}

.adm__plan-feature-negative {
    color: var(--fire-engine-red-100);
}

.adm__plan-header {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 2.4rem;
    align-items: start;
    justify-content: space-between;
}

.adm__plan-feature {
    display: flex;
    width: 100%;
    gap: 4px;
    align-items: start;
}

.adm__plan-features {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
}

.adm-create-company__main-compnay-info {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 2.4rem;
    background-color: var(--neutral-200);
    border-radius: 0.8rem;
}

.adm-create-company__confirm-modules {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-content: center;
    gap: 8px;
}

#adm-create-company__confirm-modules {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.adm-create-company__main:not(.loading) .adm-create-company__loading-content,
.adm-create-company__main.loading .adm-authenticator-app-registration__buttons,
.adm-create-company__main.loading .adm-stepper__step-content,
.adm-create-company__main.loading .adm-select-company__header,
.adm-create-company__main.loading .adm-stepper-card {
    display: none;
}


.adm-create-company__main.loading .adm-create-company__loading-content {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
    width: 100%;
}

@media (max-width: 1200px) {
    .adm-create-company__confirm-modules {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 759px) {
    .adm-create-company__main {
        padding: 4rem;
    }

    .adm-create-company__two-inputs {
        flex-direction: column;
    }

    .adm-create-company__confirm-modules {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 624px) {
    .adm__plan-container {
        height: auto;
    }

    .adm__plan {
        width: 100%;
    }
}