body {
}

/* Font */
.bold {
    font-weight: 600;
    color: rgb(34, 34, 34) 
}
.font-small {
    font-size: 16px;
}
.font-medium {
    font-size: 22px;
}
.font-large {
    font-size: 32px;
}
.font-large-1 {
    font-size: 28px;
}
.font-x-large {
    font-size: 36px;
}

/* Table */
.table-header {
    display: flex;
}
.header-element {
    flex: 1;
    padding: 5px;
    padding-bottom: 15px !important;
}

.header-element-1 {
    flex: 1;
    padding: 5px;
}

.table-row {
    display: flex;
}
.table-element {
    padding: 5px;
    flex: 1;
    min-height: 25px;
}

.fixed-header-element {
    width: 300px;
    padding: 5px;
    padding-bottom: 15px !important;
}

.fixed-table-element {
    width: 300px;
    padding: 5px;
    min-height: 25px;
}

.column-10 {
    flex: 2;
}

.column-15 {
    flex: 3;
}

.column-25 {
    flex: 5;
}

.column-35 {
    flex: 7;
}

.column-50 {
    flex: 10;
}

.column-55 {
    flex: 11;
}

.column-60 {
    flex: 12;
}

.column-65 {
    flex:13;
}

/* Custom Components */
.sidebar {
    position: relative;
    top: 0;
    width: 250px;
}

.custom-card {
    padding: 15px !important;
    padding-top: 20px !important;
}

.graph-card {
    padding: 5px !important;
    padding-top: 10px !important;
    height: 500px;
}

.row-container {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.no-border-grid {
    border: none;
}

.rounded-card {
    border-radius: 15px;
}

.park-name {
    font-size: 18px;
    font-weight: 600;
}

/* Custom effects */
.gradient-row {
    background: linear-gradient(to right, #e5edfd 0%, #ffffff 10%) !important;
}

.gradient-row:hover {
    background: linear-gradient(to right, #e5edfd 0%, #f9f9f9 100%) !important;
}

.full-screen-layout {
    display: flex;
    flex-direction: column;
}

.password-visibility {
    color: #046ec5 !important;
}

.password-visibility:hover {
    background-color: #cce2f3 !important;
    color: #046ec5 !important;
}

/*Overriden*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    appearance: none !important;
    background-image: none !important;
    color: black !important;
    transition: background-color 5000s ease-in-out 0s;
}

.btn {
    background-color: #046ec5;
    border: none;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #c9c9c9 !important;
    color: #fff !important;
    border-color: #c9c9c9 !important;
}

::selection {
    background: #e5edfd !important;
}

/* Radzen overriden */
body .rz-body {
    padding: 0px !important;
}

.rz-tabview-panels {
    display: flex;
    flex-direction: column;
    border-radius: 0 10px 10px 10px !important;
    height: 500px;
}

.rz-tabview-panels .rz-tabview-panel {
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
.rz-tabview-panel .rz-card {
    flex: 1;
    padding-left: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.rz-card {
    border-radius: 10px;
}

.custom-card .table-header, .custom-card .table-row {
    border-bottom: none !important;
}

.rz-tabview-title {
    font-size: 16px;
}

.rz-form-field.rz-state-focused .rz-form-field-label {
    color: #046ec5 !important;
}

.rz-button.rz-primary.rz-shade-default {
    background-color: #046ec5;
}

.rz-button.rz-variant-text.rz-primary{
    background-color: transparent !important;
}

.rz-pager-page.rz-state-active {
    color: #046ec5 !important;
}

.no-border .rz-form-field-content {
    border: none !important;
    margin-right: 5px;
}

:root .grid-custom {
    --rz-grid-header-color: grey;
    --rz-grid-header-background-color: white;
    --rz-grid-header-font-size: 16px;
}

.rz-column-title .grid-custom {
    text-transform: none !important;
    letter-spacing: 0.05rem;
}

.rz-column-title-content .grid-custom {
    padding-top: 5px;
    padding-bottom: 5px;
}