#engangskode-card {
    width: 1024px;
}

#countryCodeDropdownButton {
    width: 25%;
    min-width: 3.5rem;
    height: 3.125rem;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 1px solid #C5C9D5;
    background-color: #F7F7F9;
    padding-left: 0;
    padding-right: 0;
}

.engangskode-label {
    font-size: 1.125rem !important;
    color: black;
}

#phone-number-input {
    min-width: 0;
    width: auto;
    height: 3.125rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

#engangskode-choice button {
    width: 50% !important;
    height: 3.125rem !important;
    background-color: white !important;
    border: 1px solid #175FAB !important;
    color: #175FAB !important;
    outline: none !important;
    font-size: 0.9rem !important;
}

#engangskode-phone-btn {
    border-radius: 6px 0 0 6px;
}
#engangskode-email-btn {
    border-radius: 0 6px 6px 0;
    border-left: 0;
}

#engangskode-choice button:hover {
    border: 1px solid #175FAB;
    background-color: #3976B7;
    color: white;
}

#engangskode-choice button:active {
    border: 1px solid #175FAB;
    background-color: #3976B7;
    color: white;
}

#engangskode-choice .engangskode-selected {
    border: 1px solid #175FAB !important;
    background-color: #3976B7 !important;
    color: white !important;
}

#engangskode-choice .engangskode-selected:after {
    font-family: "Font Awesome 5 Free", serif;
    content: '\f00c';
    font-weight: 900;
    font-size: 1.0625rem;
    display:none;
}

#engangskode-choice .engangskode-selected svg {
    margin-left: 1rem;
}

.engangskode-telefon-label {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

.engangskode-content {
    margin: 2rem auto auto;
}

@media (max-width: 768px) {
    .engangskode-content {
    }
    
    #phone-number-input {
        padding-left: 6px;
        padding-right: 6px;
    }
}

#engangskode-input-card {
    max-width: 29.0625rem;
}

#engangskode-input {
    width: 14.5625rem; /* 233 px */
}

#engangskode-input .completeButton {
    width: 100%;
}

.center-cropped {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}