.logo-app{
    height: 100%;
    max-height: 60px;
    max-width: 100%;
    padding: 10px;
}
@media (min-width: 992px) {
    .logo-app{
        max-height: 70px;
    }
}
.app-toolbar {
    border-left: 1px solid var(--bs-app-content-border-color);
    border-right: 1px solid var(--bs-app-content-border-color);
}

.dataTables_filter {
    display: flex;
    justify-content: flex-end;
}

.buttons-colvis{
    padding: 0.5rem 1rem!important;
}

.dataTables_wrapper table th .form-filter {
    min-height: 25px !important;
    padding: .1rem 0.3rem;
}

div.dataTables_wrapper div.dataTables_processing{
    margin-left: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2rem;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    z-index: 1000;
    padding: 15px;
    background-color: #ffffff;
}

.table:not(.table-bordered) th {
    color: var(--bs-text-gray-600);
}

.table-center th, .table-center tr{
    text-align: center !important;
}

.table-head-primary thead th {
    background-color: var(--color-principal) !important;
    color: var(--color-contraste) !important;
    border-spacing: 0;
    border-collapse: separate;
}

.table-head-primary thead th:first-child {
    border-top-left-radius: 0.75rem;
}

.table-head-primary thead th:last-child {
    border-top-right-radius: 0.75rem;
}


.table-head-primary tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.75rem;
}

.table-head-primary tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.75rem;
}

.dt-buttons{
    border: 1px solid var(--bs-gray-200);
    border-radius: 0.35rem;
}

.dt-buttons button:first-child{
    border-top-left-radius: 0.35rem;
    border-bottom-left-radius: 0.35rem;
}

.dt-buttons button:last-child{
    border-top-right-radius: 0.35rem;
    border-bottom-right-radius: 0.35rem;
}

.table-img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.table-img:hover {
    opacity: .5;
}

fieldset{
    border: solid #ced4da 1px;
    padding: 15px;
}

.acciones-tabla, .columna-minima-tabla{
    white-space: nowrap;
    width: 1px;
}

i{
    color: var(--bs-text-gray-600);
}

.form-check.form-check-solid-bg .form-check-input:not(:checked) {
    background-color: var(--bs-gray-200);
}

.form-check .form-check-input:checked {
    background-color: var(--color-principal);
}

.form-control:not(:focus):not(.is-invalid),
.form-select:not(.is-invalid),
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.form-check-input{
    border: 1px solid var(--bs-gray-400)!important;
}

.form-label, .form-label i, .form-check-label, .btn.btn-light, .btn.btn-light i{
    color: var(--bs-gray-700);
}

.check-wrapper{
    display: flex;
    flex-direction: column;
}

.form-control-color {
    height: 34.8px;
    width: 100%;
    padding: 0;
}

.impersonator-wrapper{
    z-index: 1000;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.impersonator-msg{
    background-color: var(--color-principal);
    color: var(--color-contraste);
    margin: 0 auto;
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.btn > i {
    display: inline-block;
}

/* INICIO - Sobreescritura de colores del tema */
:root,
[data-bs-theme=light] {
    --bs-primary: var(--color-principal);
    --bs-text-primary: var(--color-principal);
    --bs-component-active-bg: var(--color-principal);
    --bs-component-hover-color: var(--color-principal);
    --bs-component-checked-bg: var(--color-principal);

    --bs-scrolltop-bg-color: var(--color-principal);
    --bs-scrolltop-bg-color-hover: var(--color-principal);
    --bs-scrolltop-icon-color: var(--color-contraste);
    --bs-scrolltop-icon-color-hover: var(--color-contraste);

    --bs-menu-link-color-hover: var(--color-principal);
    --bs-menu-link-color-show: var(--color-principal);
    --bs-menu-link-color-here: var(--color-principal);
    --bs-menu-link-color-active: var(--color-principal);

    --bs-link-color: var(--color-principal);
    --bs-primary-active: var(--color-principalL10);
    --bs-primary-light: var(--color-principalL10);

    --dt-row-selected: 224, 236, 255;

    --bs-app-bg-color: #f5f5f5;
    --bs-app-header-base-bg-color: #f5f5f5;
    --bs-app-sidebar-base-bg-color: #f5f5f5;
    --bs-app-sidebar-minimize-bg-color: #f5f5f5;
    --bs-app-aside-base-bg-color: #f5f5f5;
}

.btn-primary {
    --bs-btn-color: var(--color-contraste);
    --bs-btn-bg: var(--color-principal);
    --bs-btn-border-color: var(--color-principal);
    --bs-btn-hover-color: var(--color-contraste);
    --bs-btn-hover-bg: var(--color-principalL10);
    --bs-btn-hover-border-color: var(--color-principalL5);
    --bs-btn-active-color: var(--color-contraste);
    --bs-btn-active-bg: var(--color-principalL10);
    --bs-btn-active-border-color: var(--color-principalL5);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-contraste);
    --bs-btn-disabled-bg: var(--color-principal);
    --bs-btn-disabled-border-color: var(--color-principal);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-principal);
    --bs-btn-border-color: var(--color-principal);
    --bs-btn-hover-color: var(--color-contraste);
    --bs-btn-hover-bg: var(--color-principal);
    --bs-btn-hover-border-color: var(--color-principal);
    --bs-btn-active-color: var(--color-contraste);
    --bs-btn-active-bg: var(--color-principal);
    --bs-btn-active-border-color: var(--color-principal);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--color-principal);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-principal);
    --bs-gradient: none;
}

.btn-primary, .btn.btn-primary i, .btn.btn-primary .svg-icon,
.btn.btn-active-primary:hover:not(.btn-active) i,
.page-item.active .page-link{
    color: var(--color-contraste)!important;
}

.form-check-input:checked {
    background-color: var(--color-principal);
    border-color: var(--color-principal);
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: var(--bs-menu-link-color-hover);
}

table.table.dataTable > tbody > tr, table.table.dataTable > tbody > tr.selected > *{
    color: var(--bs-gray-700);
}
/* FIN - Sobreescritura de colores del tema */

.canal-card .canal-imagen{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    overflow: hidden;
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.canal-card .canal-imagen img{
    width: 100%;
}

.ambitoPendienteCanal{
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
    width: 100%;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.dataTables_wrapper .dataTable th:not(.noSearchable) {
    vertical-align: bottom!important;
}


table.dataTable>thead .sorting_asc:not(.sorting_disabled)>.dt-titulo:after, table.dataTable>thead .sorting_desc:not(.sorting_disabled)>.dt-titulo:after{
    opacity: 1 !important;
    display: inline-block !important;
    width: 0.65rem;
    height: 0.65rem;
    content: " " !important;
    margin-left: 0.5rem;
}

table.dataTable > thead .sorting_asc>.dt-titulo:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-contraste);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M3.23571 2.72011L4.97917 4.46358C5.15176 4.63618 5.43158 4.63617 5.60417 4.46358C5.77676 4.29099 5.77676 4.01118 5.60417 3.83861L3.29463 1.52904C3.13192 1.36629 2.86809 1.36629 2.70538 1.52904L0.395812 3.83861C0.22325 4.01117 0.22325 4.29099 0.395812 4.46358C0.568437 4.63617 0.84825 4.63617 1.02081 4.46358L2.76429 2.72011C2.89446 2.58994 3.10554 2.58994 3.23571 2.72011Z'/%3e%3c/svg%3e");
}

table.dataTable > thead .sorting_desc>.dt-titulo:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--color-contraste);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-text-muted%29'%3e%3cpath d='M2.76429 3.27989L1.02083 1.53642C0.848244 1.36382 0.568419 1.36383 0.395831 1.53642C0.223244 1.70901 0.223244 1.98882 0.395831 2.16139L2.70537 4.47096C2.86808 4.63371 3.13191 4.63371 3.29462 4.47096L5.60419 2.16139C5.77675 1.98883 5.77675 1.70901 5.60419 1.53642C5.43156 1.36383 5.15175 1.36383 4.97919 1.53642L3.23571 3.27989C3.10554 3.41006 2.89446 3.41006 2.76429 3.27989Z'/%3e%3c/svg%3e");
}

.datatables-spinner {
    width: 35px;
    height: 35px;

}
.datatables-spinner circle {
    stroke: var(--color-principal) !important;
    stroke-width: 6.3px;
}

.form-check.form-check-custom {
    display: inline-flex !important;
    margin-bottom: 0 !important;
}

.text-white i{
    color: #ffffff;
}

@media (min-width: 992px) {
    .no-sidebar .app-header-separator, .no-sidebar .app-main{
        margin-left: 20px;
    }
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
    background-position: right 1rem center, center right 4rem !important;
}

.btn.btn-icon.btn-xs, .btn-group-xs > .btn.btn-icon {
    height: calc(1.5em + 0.1rem + 2px) !important;
    width: calc(1.5em + 0.1rem + 2px) !important;
}

.dataTables_wrapper .dropdown .btn > i {
    padding-right: 0 !important;
}

.dataTables_wrapper .dropdown button {
    padding: 6px 8px !important;
}

.disabled-link {
    pointer-events:none;
    opacity: .65;
}

.disabled-link, .select2-container--disabled .form-control, .flatpickr-input[disabled]{
    background-color: #eff2f5;
    opacity: 1;
}

.dropdown-menu .dropdown-item {
    cursor: pointer;
}

.check-idioma-publicacion fieldset{
    padding: 0 !important;
    border: 0;
}
.check-idioma-publicacion label.invisible{
    display: none;
}
.imagen-bn {
    filter: grayscale(100%);
}