@import url("twinkle-color-theme-bay.css");
@import url("../Default/login.css");

body > section {
    position: relative;
}

.btn-login, .btn-primary {
    background: var(--tw-color-1);
}

.logo-section {
    position: absolute;
    background-color: transparent;
    top: 48px;
    left: 48px;
    padding: 0;
    width: 458px;
    border-radius: 16px;
}


/* Custom Field Code START*/
.fieldCodeWrapper {
    display: none;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.d-flex .fieldCodeWrapper {
    margin: 3px;
    width: 100%;
}

.fieldCodeWrapper_Form {
    flex-grow: 1;
}

.show-code {
    display: flex !important;
    flex-wrap: wrap;
}

.custom-field-hidden {
    display: none !important;
}

.fieldCode.left-badge {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.fieldCode.right-badge {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.fieldCode.badge {
    margin: 0.25rem;
    cursor: pointer;
    width: 100%;
}
/* Custom Field Code END */