@font-face {
    font-family: 'Manrope';
    src: url('../font/Manrope-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    background-color: #f5f7fa;
    color: black;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.allow-text-select {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.card-structure {
    border-radius: 10px;
    background: #ffffff;
}

.btn-primary {
    background-color: #093a91;
    border-color: #093a91;
}

    .btn-primary:hover {
        background-color: #1561e8;
        border-color: #1561e8;
    }

.input-group .form-control {
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.input-group-text {
    background: #fff;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.text-danger {
    font-size: 0.85rem;
}

.required-field:after {
    content: ' *';
    color: #dc3545;
}