.app-fr {
background-color: #f2f2f2;
}
.app-dashboard {
background-color: #fafafa;
}
.app-cockpit {
background-color: #fafafa;
}
.app-compliance {
background-color: #fafafa;
}
.app-fr .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/dashboard/fr_eagle.svg') center center / contain no-repeat;
}
.app-dashboard .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/dashboard/fr_eagle.svg') center center / contain no-repeat;
}
.app-cockpit .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/cockpit/fr_eagle.svg') center center / contain no-repeat;
}
.app-compliance .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/oxygen/fr_eagle.svg') center center / contain no-repeat;
}
.app-fr .app-logotype-text {
background: linear-gradient(to bottom, #599A5E 0%, #2D6C4C 50%, #114A39 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-dashboard .app-logotype-text {
background: linear-gradient(to bottom, #599A5E 0%, #2D6C4C 50%, #114A39 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-cockpit .app-logotype-text {
background: linear-gradient(to bottom, #CC9F00 0%, #8A6C00 50%, #423400 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-compliance .app-logotype-text {
background: linear-gradient(to bottom, #5249bb 0%, #3d3691 50%, #2a2563 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-fr .form-field input:hover, .app-fr .form-field select:hover {
border-color: #00d59d;
}
.app-fr .form-field input:focus, .app-fr .form-field input:focus-within, .app-fr .form-field input:focus-visible {
border-color: #00d59d;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 213, 157, 0.2);
}
.app-dashboard .form-field input:hover, .app-dashboard .form-field select:hover {
border-color: #00d59d;
}
.app-dashboard .form-field input:focus, .app-dashboard .form-field input:focus-within, .app-dashboard .form-field input:focus-visible {
border-color: #00d59d;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 213, 157, 0.2);
}
.app-cockpit .form-field input:hover, .app-cockpit .form-field select:hover {
border-color: #ffcb0f;
}
.app-cockpit .form-field input:focus, .app-cockpit .form-field input:focus-within, .app-cockpit .form-field input:focus-visible {
border-color: #ffcb0f;
outline: none;
box-shadow: 0 0 0 2px rgba(255, 203, 15, 0.2);
}
.app-compliance .form-field input:hover, .app-compliance .form-field select:hover {
border-color: #2a2563;
}
.app-compliance .form-field input:focus, .app-compliance .form-field input:focus-within, .app-compliance .form-field input:focus-visible {
border-color: #2a2563;
outline: none;
box-shadow: 0 0 0 2px rgba(42, 37, 99, 0.2);
}
@media (prefers-color-scheme: dark) {
.app-fr {
background-color: #252525;
}
.app-dashboard {
background-color: #252525;
}
.app-cockpit {
background-color: #252525;
}
.app-compliance {
background-color: #252525;
}
.app-fr .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/dashboard/fr_eagle_dark.svg') center center / contain no-repeat;
}
.app-dashboard .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/dashboard/fr_eagle_dark.svg') center center / contain no-repeat;
}
.app-cockpit .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/cockpit/fr_eagle_dark.svg') center center / contain no-repeat;
}
.app-compliance .app-logotype {
background: transparent url('https://cdn.fiatrepublic.com/apps/oxygen/fr_eagle_dark.svg') center center / contain no-repeat;
}
.app-fr .app-logotype-text {
background: linear-gradient(to bottom, #F3FFF4 0%, #B9FFCD 50%, #89FFDC 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-dashboard .app-logotype-text {
background: linear-gradient(to bottom, #F3FFF4 0%, #B9FFCD 50%, #89FFDC 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-cockpit .app-logotype-text {
background: linear-gradient(to bottom, #FFF7DB 0%, #FFDA56 50%, #FFCB0F 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-compliance .app-logotype-text {
background: linear-gradient(to bottom, #5249bb 0%, #3d3691 50%, #2a2563 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.app-fr .form-field input:hover, .app-fr .form-field select:hover {
border-color: #00d59d;
}
.app-fr .form-field input:focus, .app-fr .form-field input:focus-within, .app-fr .form-field input:focus-visible {
border-color: #00d59d;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 213, 157, 0.2);
}
.app-dashboard .form-field input:hover, .app-dashboard .form-field select:hover {
border-color: #00d59d;
}
.app-dashboard .form-field input:focus, .app-dashboard .form-field input:focus-within, .app-dashboard .form-field input:focus-visible {
border-color: #00d59d;
outline: none;
box-shadow: 0 0 0 2px rgba(0, 213, 157, 0.2);
}
.app-cockpit .form-field input:hover, .app-cockpit .form-field select:hover {
border-color: #ffcb0f;
}
.app-cockpit .form-field input:focus, .app-cockpit .form-field input:focus-within, .app-cockpit .form-field input:focus-visible {
border-color: #ffcb0f;
outline: none;
box-shadow: 0 0 0 2px rgba(255, 203, 15, 0.2);
}
.app-compliance .form-field input:hover, .app-compliance .form-field select:hover {
border-color: #2a2563;
}
.app-compliance .form-field input:focus, .app-compliance .form-field input:focus-within, .app-compliance .form-field input:focus-visible {
border-color: #2a2563;
outline: none;
box-shadow: 0 0 0 2px rgba(42, 37, 99, 0.2);
}
}