﻿.marginTop {
    margin-top: 10px;
}

#fx {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div[container="main"] {
    padding: 15px;
}

.tablaAgenda table {
    /*border: solid 1px #000 !important;*/
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

    .tablaAgenda table .rz-cell-data {
        font-size: 12px !important;
        color: #4f4f50;
    }

    .tablaAgenda table .rz-column-title {
        font-size: 12px !important;
        color: #8C8C8C;
    }

.tablaAgenda tr:first-child {
    height: 39px;
}

.tablaAgenda div.row:first-child {
    display: flex;
    justify-content: right;
    padding-right:40px;
}

.tablaAgenda th {
    color: #262526 !important;
    font-weight: 600 !important;
    background-color: #f4f5f9 !important;
}

.tablaAgenda tr.rz-datatable-even > td {
    background: #fff;
}

.tablaAgenda tr.rz-datatable-odd > td {
    background-color: rgb(217 241 235) !important;
}

.tablaAgenda th span.rz-column-title {
    font-weight: 600 !important;
}

.rz-datatable-data td:not(:last-child), .rz-grid-table td:not(:last-child), thead th:not(:last-child) {
    border-right: solid 1px rgb(233, 234, 237) !important;
}

.rz-datatable-data td, .rz-grid-table tr:not(:last-child) td, thead th {
    border-bottom: solid 1px rgb(233, 234, 237) !important;
}

.tablaAgenda > div.row:first-child > div:first-child {
    width: 91.666666667%;
}

.tablaAgenda .rz-button, .rz-button.btn-success {
    background-color: #35BD9C !important;
    color: #3a474d !important;
}

.rz-button.btn-success {
    color: #fff!important;
}

    /* Paginado de la Tabla*/
    .rz-paginator {
        padding: 8px !important;
        height: 46px !important;
        font-weight: 600 !important;
    }

.rz-paginator-element {
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    text-decoration: none !important;
    font-weight: 700 !important;
    color: #262526 !important;
    background-color: #e9eaed !important;
}

    .rz-paginator-element:hover {
        background-color: #e0e1e4 !important;
    }

    .rz-paginator-element.active {
        background-color: rgba(17,81,243,0.16) !important;
        color: #1151F3 !important;
    }

.rz-paginator-page.rz-state-active {
    background-color: #35BD9C !important;
    color: #fff !important;
    border: none !important;
    padding: 0.5rem 1rem;
}

/*Scrollbar - Color*/
html:not(.rz-default-scrollbars) ::-webkit-scrollbar-thumb {
    background-color: #35BD9C;
}

/*Filtros Grilla*/
/*Modal Confirmar Eliminar*/
.rz-grid-filter-buttons .rz-button.btn-secondary,
.rz-dialog-content .rz-button.btn-secondary {
    background-color: #e6ecef;
    color: #3a474d;
}

.rz-grid-filter-buttons .rz-button.btn-primary,
.rz-dialog-content .rz-button.btn-primary,
.rz-spinner-button,
.rz-dropdown-item.rz-state-highlight,
.rz-dropdown-item:hover,
.rz-timepicker .rz-button.btn-secondary,
.rz-datepicker-calendar .rz-state-active,
.rz-datepicker-calendar td .rz-state-default:hover {
    background-color: #35BD9C !important;
}

/* Flechas arriba y abajo input type="number"*/
.rz-grid-filter-buttons .rz-button.btn-primary{
    color: #3a474d;
}

/* Input type="Date"*/
.rz-datepicker-trigger, 
.rz-grid-filter-active {
    color: #35BD9C!important;
}