@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-MediumItalic.eot');
    src: local('Circular Std Medium Italic'), local('CircularStd-MediumItalic'),
        url('/fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-MediumItalic.woff2') format('woff2'),
        url('/fonts/CircularStd-MediumItalic.woff') format('woff'),
        url('/fonts/CircularStd-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Black.eot');
    src: local('Circular Std Black'), local('CircularStd-Black'),
        url('/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-Black.woff2') format('woff2'),
        url('/fonts/CircularStd-Black.woff') format('woff'),
        url('/fonts/CircularStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Medium.eot');
    src: local('Circular Std Medium'), local('CircularStd-Medium'),
        url('/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-Medium.woff2') format('woff2'),
        url('/fonts/CircularStd-Medium.woff') format('woff'),
        url('/fonts/CircularStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Bold.eot');
    src: local('Circular Std Bold'), local('CircularStd-Bold'),
        url('/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-Bold.woff2') format('woff2'),
        url('/fonts/CircularStd-Bold.woff') format('woff'),
        url('/fonts/CircularStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-BlackItalic.eot');
    src: local('Circular Std Black Italic'), local('CircularStd-BlackItalic'),
        url('/fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-BlackItalic.woff2') format('woff2'),
        url('/fonts/CircularStd-BlackItalic.woff') format('woff'),
        url('/fonts/CircularStd-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('/fonts/CircularStd-BookItalic.eot');
    src: local('Circular Std Book Italic'), local('CircularStd-BookItalic'),
        url('/fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-BookItalic.woff2') format('woff2'),
        url('/fonts/CircularStd-BookItalic.woff') format('woff'),
        url('/fonts/CircularStd-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-BoldItalic.eot');
    src: local('Circular Std Bold Italic'), local('CircularStd-BoldItalic'),
        url('/fonts/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-BoldItalic.woff2') format('woff2'),
        url('/fonts/CircularStd-BoldItalic.woff') format('woff'),
        url('/fonts/CircularStd-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Circular Std Book';
    src: url('/fonts/CircularStd-Book.eot');
    src: local('Circular Std Book'), local('CircularStd-Book'),
        url('/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('/fonts/CircularStd-Book.woff2') format('woff2'),
        url('/fonts/CircularStd-Book.woff') format('woff'),
        url('/fonts/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #F0F7FC;
    font-family: Circular Std Book;
    font-size: 1.2rem;
}

.bg-blue {
    background-color: #D2E9FA;
    border: none !important;
}

h1 {
    color: #005AFF;
}

.hidden {
    display: none !important;
}

.table-options div {
    display: flex;
    flex-direction: row;
    justify-content: end;
}

.table-options a {
    display: flex;
    text-decoration: none;
    justify-content: end;
    margin-left: 10px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    color: white;
    background-color: #005AFF;
    display: inline-block;
    padding: 0 1rem;
    border-radius: 10px;
    margin-left: 1rem;
}

.inputfile + label {
	cursor: pointer;
}

.inputfile + label * {
	pointer-events: none;
}

.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.select-card {
    background-color: #D2E9FA;
    color: #005AFF;
    text-align: center;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 1rem .5rem;
    cursor: pointer;
}

.title-step {
    font-size: 1.6rem;
}

.title-step .step {
    padding: 1rem;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    line-height: 2rem;
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: bold;
}

.title-step .title {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.title-step .step.pink {
    background-color: #D98EFB;
    color: #fff;
}

.title-step .step.orange {
    background-color: #FFDB8D;
    color: #fff;
}

.title-step .step.green {
    background-color: #19A5A1;
    color: #fff;
}

.select-card .material-symbols-outlined {
    font-size: 3rem;
}

.nav-item[data-expanded="true"] .dropdown-menu{
    display:flex;
}

.nav-item {
    font-size: 1rem;
}

.blue-card {
    background-color: #D2E9FA;
    border: none;
    padding: 2rem;
}

.rounded-button {
    border-radius: 2rem;
    background-color: #1369EC;
    color: #fff !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    margin-right: 1rem;
}

.submenu {
    background-color: #D2E9FA;
    color: #005AFF;
    margin-bottom: 2rem;
    border-radius: 5px;
}

.submenu .submenu_item {
    text-align: center;
    justify-content: center;
    gap:.5rem;
    padding: .5rem;
    flex:1;
    color: #005AFF;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.submenu .submenu_item .material-symbols-outlined {
    font-size: 2.2rem;
}

.submenu .submenu_item.selected_item {
    background-color: #005AFF;
    color: #fff;
}

@media (min-width: 768px){
    .submenu .submenu_item:not(:last-child) {
        border-right: 2px solid #005AFF;
    }
}

.add-opportunity {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.add-opportunity .material-symbols-outlined {
    font-size: 5rem;
}

.opportunity-card {
    padding: 1rem;
    display: flex;
    justify-content: center;
    flex:1;
    aspect-ratio: var(--bs-aspect-ratio);
}

.opportunity-card .content{
    background-color: #005AFF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    flex:1;
}

.opportunity-card .content a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: bold;
}

.opportunity-card .content .number {
    font-size: 6rem;
    line-height: 5.5rem;
}

@media (max-width: 600px) {
    .opportunity-card .content .number-amount, .opportunity-card .content .number, .opportunity-card .content .add-opportunity span{
        font-size: 1rem !important;
        line-height: 2rem !important;
    }
}

@media (min-width: 601px) and (max-width: 1000px) {
    .opportunity-card .content .number-amount, .opportunity-card .content .number, .opportunity-card .content .add-opportunity span{
        font-size: 1.5rem !important;
        line-height: 2rem !important;
    }
}

.number-amount {
    font-size: 2rem;
    line-height: 4rem;
}

.content-card {
    background-color: #D2E9FA;
    color: #005AFF;
    border-radius: 5px;
    font-size: 1rem;
    padding: 1rem 2rem;
}

.nav-item .nav-link {
    color: #005AFF;
    font-size: 1rem;
}

/* Style for custom radio labels */
.custom-radio-label {
    position: relative;
    border: 2px solid #ccc;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    background-color: #f8f9fa;
    cursor: pointer;
    overflow: hidden; /* For the background overlay effect */
}

.custom-radio-label:hover {
    border-color: #007bff;
    background-color: rgba(0, 0, 0, 0.1);
}

.btn-check:checked + .custom-radio-label {
    border-color: #007bff;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.btn-check:checked + .custom-radio-label span.material-symbols-outlined {
    color: #fff;
}

/* Small radio circle */
.custom-radio-label .radio-circle {
    position: absolute;
    top: 10px; /* Adjust based on label height */
    left: 10px; /* Adjust based on label width */
    width: 16px;
    height: 16px;
    border: 2px solid #007bff;
    border-radius: 50%;
    background: #fff;
    transition: background-color 0.3s;
}

.btn-check:checked + .custom-radio-label .radio-circle {
    background-color: #007bff;
    border-color: #fff;
}