
.content_login {
    min-height: 100vh;
}

.page_title_prin {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: solid 1px #007bff;
}
.page_title_prin h3 .btn {
    max-width: auto;
}


.nav_tags a {
    color: #bcbcbc;
}
.nav_tags a.active {
    color: #007bff;
}



.page_form {
    max-width: 800px;
}
.form-control-flush {
    padding: 0;
    border: none;
}
.form-control-flush:focus {
    border: none;
    box-shadow: none;
}
.form-control.big_textarea {
    height: 220px;
}
.form-group label {
    text-transform: uppercase;
    font-size: 10px;
}
.custom-file label {
    text-transform: inherit;
    font-size: inherit;
}



.table_content {
    display: table;
    width: 100%;
}
.table_content thead {
    background: #dee2e6;
}
.table_content td.actions.action_btn {
    max-width: 100px;
}
.table_content td.actions.action_btn .btn-group .dropdown-menu {
    left: initial !important;
    right: 0 !important;
}


.galery_images {
    flex-wrap: wrap;
}
.galery_images .card {
    width: calc(100%/4);
    flex: none;
    box-shadow: none;
    border: solid 1px rgba(0,0,0,.2) !important;
    border-radius: 8px !important;
}
.galery_images .card .image {
    width: 100%;
    height: 200px;
}

.galery_images.actividades .card {
    width: calc(100%/3);
}






/* Modificaciones en estilos principales */

.card {
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 5px;
    overflow: hidden;
    border: none;
}
.card .btn {
    max-width: fit-content;
}
.card .card_dropdown {
    position: absolute;
    top: 10px;
    right: 10px;
}
.card .card_dropdown .dropdown-menu {
    left: initial !important;
    right: 0;
}




@media screen and (max-width:991px) {
    .galery_images .card {
        width: calc(100%/3);
    }
    .galery_images.actividades .card {
        width: calc(100%/2);
    }
}


@media screen and (max-width:800px) {
    .page_col .col, .fila_actions .col {
        width: 100%;
        max-width: none;
        margin-bottom: 30px;
        flex: none;
    }
    .fila_actions .col {
        margin-bottom: 0;
    }
    .fila_actions .col .btn {
        width: 100%;
        max-width: none;
        margin: 0 0 10px 0 !important;
    }
}

@media screen and (max-width:797px) {
    .galery_images .card {
        width: calc(100%/2);
    }
    .galery_images.actividades .card {
        width: 100%;
    }
}


@media screen and (max-width:600px) {
    .table_content {
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
        display: block;
    }
    .table_content tr th, .table_content tr td {
        white-space: nowrap;
    }
}

@media screen and (max-width:575px) {
    .galery_images .card {
        width: 100%;
    }
    .galery_images.actividades .card {
        width: 100%;
    }
    form.card .card-body.d-flex {
        display: block !important;
    }
    form.card .card-body.d-flex input, form.card .card-body.d-flex button {
        margin: 0 0 10px 0 !important;
    }
}




