/*__filename__    : dark.css */
/*__author__      : DataHome S. de R.L. de C.V. */
/* __copyright__  : DataHome S. de R.L. de C.V. */
/*__description__ : Estilos tema dark de Kiosco App */
/* __version__    : 1.1.0 */
/* __app__        : Kiosco */
html[data-theme='dark'] {
   --text-color-primary: rgba(0, 122, 255, 1);
   --bg-color-default: rgba(31, 41, 51, 1);
   --bg-color-elements: rgba(48, 58, 68, 1);
   --icon-color: rgba(82, 96, 109, 1);
   --border-color: rgba(82, 96, 109, 1);
   --text-color-default: rgba(228, 231, 235, 1);
   --text-color-secondary: rgba(163, 174, 183, 1);
}

/* ////// COMPONENTES: DARK MODE ///// */
[data-theme='dark'] .logo-dark {
   display: block;
}

[data-theme='dark'] .ks-card-primary,
[data-theme='dark'] .bg-color-primary {
   background-color: rgba(var(--color-primary),.8);
   border-color: rgba(var(--color-primary),.8);
   box-shadow: 0px 12px 25px -13px rgba(var(--color-primary),0);
}

[data-theme='dark'] .btn-primary {
  background-color: rgba(var(--color-primary),.8);
  border-color: rgba(var(--color-primary),.8);
  box-shadow: 0px 7px 20px -10px rgba(var(--color-primary),0);
}

[data-theme='dark'] .sidebar .sidemenu-container .sidemenu-top .item.active {
   background-color: rgba(var(--color-primary),.8);
   box-shadow: 0px 7px 25px -10px rgba(var(--color-primary),0);
}

[data-theme="dark"] .alert-primary {
   color: var(--color-white);
   background-color: rgba(var(--color-primary),.3);
   border-color: rgba(var(--color-primary),.5);
}

[data-theme="dark"] .form-control:disabled {
   background-color: rgba(var(--color-secondary),.8);
   box-shadow: 0px 7px 25px -10px rgba(var(--color-elements),0);
}

[data-theme="dark"] .form-select:disabled {
   background-color: rgba(var(--color-secondary),.8);
   box-shadow: 0px 7px 25px -10px rgba(var(--color-elements),0);
}

[data-theme="dark"] .alert-primary i {
   color: var(--text-color-primary);
}

[data-theme="dark"] .alert-warning {
   color: var(--color-white);
   background-color: rgba(var(--color-warning),.4);
   border-color: rgba(var(--color-warning),.4);
}

[data-theme="dark"] .alert-warning i {
   color: rgb(var(--color-warning));
}

[data-theme='dark'] .ks-alert-info {
   background-color: rgba(var(--color-info),.4);
   border-color: rgba(var(--color-info),.4);
}

[data-theme='dark'] .swal-title {
   color: white;
   text-align: center;
}

[data-theme='dark'] .form-select {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e4e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

[data-theme='dark'] .img-load {
   filter: invert(100%) sepia(99%) saturate(2%) hue-rotate(298deg) brightness(105%) contrast(100%);
}

[data-theme="dark"] .accordion-button::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E4E7EB'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[data-theme="dark"] .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E4E7EB'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

[data-theme="dark"] .accordion-comentarios .accordion-collapse .layer-top {
   background: linear-gradient(0deg, rgba(31,41,51,0) 0%, rgba(31,41,51,1) 100%);
}

[data-theme="dark"] .accordion-comentarios .accordion-collapse .layer-bottom {
   background: linear-gradient(0deg, rgba(31,41,51,1) 0%, rgba(31,41,51,0) 100%);
}

[data-theme="dark"] .btn-close {
   background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E4E7EB'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

[data-theme="dark"] .table-danger {
   --bs-table-striped-color: var(--text-color-default);
   --bs-table-active-color: var(--text-color-default);
   --bs-table-hover-color: var(--text-color-default);
   color: var(--text-color-default);
}

[data-theme="dark"] .table {
   --bs-table-striped-color: var(--text-color-default);
   --bs-table-active-color: var(--text-color-default);
   --bs-table-hover-color: var(--text-color-default);
   color: var(--text-color-default);
}

[data-theme="dark"] .carousel-index .primary .item {
   box-shadow: inset 0 0 0 3px rgba(var(--color-blue),.5);
}

[data-theme="dark"] .carousel-index .primary .item .icon {
   color: rgba(var(--color-blue),.5);
}

[data-theme="dark"] .carousel-index .success .item {
   box-shadow: inset 0 0 0 3px rgba(var(--color-green),.5);
}

[data-theme="dark"] .carousel-index .success .item .icon {
   color: rgba(var(--color-green),.5);
}

[data-theme="dark"] .carousel-index .warning .item {
   box-shadow: inset 0 0 0 3px rgba(var(--color-yellow),.5);
}

[data-theme="dark"] .carousel-index .warning .item .icon {
   color: rgba(var(--color-yellow),.5);
}

[data-theme="dark"] .carousel-index .danger .item {
   box-shadow: inset 0 0 0 3px rgba(var(--color-danger),.5);
}

[data-theme="dark"] .carousel-index .danger .item .icon {
   color: rgba(var(--color-danger),.5);
}

[data-theme="dark"] .ks-card-item.active {
   background-color: rgba(var(--color-primary),.8);
   box-shadow: 0px 7px 20px -10px rgba(var(--color-primary),0);
}

[data-theme="dark"] .dropdown-menu {
   box-shadow: 0px 10px 25px -10px rgba(var(--color-dark),0);
}

/* Cambios de select2 */

[data-theme="dark"] .select2-container--default .select2-selection--single {
   
   background-color: var(--bg-color-default);
   border: 1px solid var(--border-color);
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
   color: var(--text-color-default);
}

[data-theme="dark"] .select2-dropdown {
   background-color: var(--bg-color-default);
   border: 1px solid var(--border-color);
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
   background-color: var(--bg-color-default);
   border: 1px solid var(--border-color);
}

[data-theme="dark"] .select2-search__field{
   border-color: rgba(var(--color-primary),1);
   background-color: var(--bg-color-default);
   color: var(--text-color-default);
}

[data-theme="dark"] .select2-container--default .select2-results__option--selected {
   border-color: rgba(var(--color-primary),1);
   background-color: var(--bg-color-default);
   color: var(--text-color-primary);

}

[data-theme="dark"] .select2-container--default.select2-container--disabled .select2-selection--single{
   background-color: var(--bg-color-default);
   color: var(--text-color-secondary);
}