body {
    margin: 0;
}

#container-wrapper {
    box-sizing: border-box;
    height: 100vh;

    #container {
        height: 100%;
    }
}

#selectors {
    display: flex;
    gap: 1.5rem;
}

#selectors .selector {
    flex: 1;

    &.eparaksts > label {
        cursor: pointer;
    }

    & .background .om-image {
        min-height: 1.5rem;
    }

}

#country-code-select-wrapper {
    width: 7rem;
}

#personalCode {
    flex: 1;
}

@media (max-width: 1239px) {
    #image-container {
        display: none;
    }
    #header {
        display: none;
    }
    #main-form {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 1240px) {
    #image-container-mobile {
        display: none;
    }
    #header-mobile {
        display: none;
    }
}

#header-mobile {
    background-color: #e3c6e4;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

#main-form {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.image {
  width: 100%;
  height: 95%;
  max-height: 95%;
  background-color: #e3c6e4;
  background-image: url("/cas/themes/omniva-theme/assets/img/omniva-pattern-1-f324b4489aa8c8780f0e316ceafff64e.svg");
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
}

.image.mobile {
    background-size: auto 80%;
    background-position: left 1rem top 50%;
}

.image.mobile {
    color: red;
}

.popover .title {
    display: flex;
    gap: 0.5rem;
}

#smartId-countryCode {
    cursor: pointer ;
}

.om-icon.ico-flamingo-outline-sms {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("/cas/themes/omniva-theme/assets/ico/flamingo/outline/sms-auth-76e2d00142113aeae48244db394b32b8.svg");
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.smartid-spinner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 2px solid #e0e0e0;
    border-top-color: #6c4dc4;
    border-radius: 50%;
    vertical-align: middle;
    float: right;
}

.smartid-spinner.spinning {
    animation: spin 0.6s linear;
}

.smartid-spinner span {
    font-size: 0.55rem;
    color: #333;
}


@keyframes spin {
    to { transform: rotate(360deg); }
}