@import "variables.css";

:root {
    --rz-dropdown-item-selected-background-color: var(--main-blue) !important;
    --rz-dropdown-item-selected-color: #fff !important;
    --rz-dropdown-item-selected-hover-background-color: var(--main-blue) !important;
    --rz-dropdown-item-selected-hover-color: #fff !important;
    --rz-dropdown-item-hover-background-color: var(--main-blue) !important;
    --rz-dropdown-item-hover-color: #fff !important;
    --rz-dropdown-item-disabled-opacity: 1 !important;
}

.rz-dialog-titlebar {
    background-color: var(--light-grey) !important;
    padding: var(--rz-dialog-title-padding);
    font-size: 1.125rem !important;
    --rz-dialog-title-padding-block: 1rem;
}

.rz-dialog-title{
    font-size: 1rem;
    color: var(--font-dark-grey) !important;
    float: left;
}

.rz-datatable-emptymessage{
    font-size: 0.875rem;
    color: red;
}

.rz-state-disabled.rz-menuitem, .rz-state-disabled.rz-autocomplete-list-item, .rz-state-disabled.rz-multiselect-item, .rz-autocomplete-items li.rz-state-disabled, .rz-dropdown-items li.rz-state-disabled, .rz-multiselect-items li.rz-state-disabled, .rz-dropdown-item.rz-state-disabled {
    font-weight: bold !important;
    color: #000 !important;
    pointer-events: none !important;
}

.rz-datatable-data td .rz-cell-data,
.rz-grid-table td .rz-cell-data {
    color: var(--rz-grid-cell-color);
    font-size: var(--rz-grid-cell-font-size);
    line-height: var(--rz-grid-cell-line-height);
    display: block;
    overflow: auto !important;
    text-overflow: unset !important;
    white-space: normal !important;
}

.rz-column-title{
    height: 40px !important;
}

.rz-pager-page.rz-state-active{
    background-color: var(--main-blue) !important;
    color: #fff !important;
}

.rz-accordion .rz-accordion-header .rzi{
    order: 2;
}

.rz-accordion-toggle-icon.rzi-chevron-right:before {
    content: "keyboard_arrow_right" !important;
}

.rz-accordion-toggle-icon.rzi-chevron-down:before {
    content: "keyboard_arrow_down" !important;
}

.rz-accordion-content {
    background-color: var(--light-grey) !important;
    border-left: 1px solid var(--light-border-color);
    border-right: 1px solid var(--light-border-color);
    border-bottom: 1px solid var(--light-border-color);
    padding-left: 10px !important;
}

.rz-notification-error .rz-notification-item {
    background-color: red !important;
    color: white;
}

.rz-timeline-point-primary{
    background-color: var(--main-blue)!important;
}

/*Radzen Datagrid -> Skupstina akcionara*/
.sk-doc .rz-data-grid{
    border: none !important;
}

.sk-doc .rz-grid-table thead {
    display: none !important;
}

.sk-doc .rz-data-row{
    background-color: var(--light-grey);
}

.sk-doc .rz-data-row td {
    padding: 0px !important;
}

.sk-doc .rz-pager{
    background-color: var(--light-grey);
}

.rz-selectbar.rz-selectbar-horizontal .rz-button {
    width: 160px;
    text-align: center;
    color: var(--main-blue);
    background-color: var(--light-grey);
}

.rz-selectbar.rz-selectbar-horizontal .rz-button.rz-state-active{
    background-color: var(--main-blue);
    color: white;
}

.rz-datepicker .rz-inputtext{
    height: 48px!important;
}

.rz-selectbar.rz-selectbar-horizontal .rz-button:first-child{
    border-start-start-radius: 6px!important;
    border-end-start-radius: 6px!important;
}

.rz-selectbar.rz-selectbar-horizontal .rz-button:last-child{
    border-start-end-radius: 6px!important;
    border-end-end-radius: 6px!important;
}

.rz-form-field-content{
    border-radius: 6px!important;
    height: 48px;
    margin-top: 0px!important;
}