﻿/*=====================================================================================================
	Estilos de grilla 
=======================================================================================================*/
/* 
    Para que no hagan salto de linea los action buttons.
    Se aplica solo a la primer columna de las grillas
*/
.dataTable {
    border-bottom: none !important;
}

    .dataTable thead th {
        border-bottom: 2px solid #dee2e6 !important;
    }

    .dataTable td:first-child {
        white-space: nowrap;
    }

    .dataTable td {
        vertical-align: middle;
    }

.grd-button {
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    border-radius: 100%;
    margin-right: 0.5em;
    padding: 0;
    width: 36px;
    /*display: inline-block;*/
}

    .grd-button:hover {
        background-color: #ffffffab;
        border-color: #ffffffab;
    }

    .grd-button.btn-primary {
        color: #1b6ec2;
    }

    .grd-button.btn-success {
        color: #28a745
    }

    .grd-button.btn-danger {
        color: #dc3545;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: 50%;
    border: none !important;
    color: #9a9a9a !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #efefef;
        color: #9a9a9a !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background: #2189e6 !important;
        color: #e6e6e6 !important;
        box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            background: #2189e6d9 !important;
            color: #e6e6e6 !important;
        }
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
            border: none !important;
            box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
        }

    .dataTables_wrapper .dataTables_info {
        opacity: 0.55;
    }