/* 	      __^__                                      __^__
         ( ___ )------------------------------------( ___ )
          | / |                                      | \ |
          | / |            LOGIC 2023                | \ |
          |___|                                      |___|
         (_____)------------------------------------(_____)
*/

.logos-login {background: #fffffff0;
  padding: 20px;
  border-radius: 10px;}
.reset {
  all: unset;
}
#example-table_filter label {margin: 0;}
#example-table_filter label input {width: 350px;}
.table th, .table td {
  max-width: 150px!important;  /* Ajusta según el diseño */
  white-space: normal;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  font-size: small;
}

.card2 {background-color: #fff;}
.hmactive {color:greenyellow}
.sorting_1 { max-width: 150px!important;  /* Ajusta según el diseño */
  white-space: none!important;
  overflow: none!important;
  text-overflow: none!important;
  font-size: small;}

 .iconobligacion {color:#ee7000; font-size: 5px!important;
  vertical-align: super!important;}
.form-control { height: 38px!important; padding-left: 0.75rem;}
.side-menu__label {white-space: normal!important;}
.sidenav-toggled .slide-menu {min-width: 250px;}
thead {background:rgba(0, 135, 255, 0.19);}
table.dataTable tbody td.sorting_1 { width: 5%; overflow: visible !important;}
.sorting_3 { width: 5%;}


.cajascroll {height: 450px;}
.sidenav-toggled .app-content {
  min-height: auto;
}
.notifyimg {
  border-radius: 50%;
  height: fit-content;
}

.cke_button__about {display: none!important;}
.main-content-title {
    color: #242f48;
    line-height: 1.5;
    border-bottom: 1px solid #0162e8;}

.table-responsive {min-height: 60vh!important;}
.buttons-html5,  .buttons-colvis {font-size: smaller!important; margin: 0; height: fit-content; background: rgba(1, 98, 232, .9) !important;border-color: #ffffff !important;}

.wizard>.steps .done a .number, .wizard>.steps .done a:hover .number, .wizard>.steps .done a:active .number {
    background-color: #737f9e;
    padding: 5px;
}
.wizard>.steps .done a {
    color: #737f9e;
}
.wizard>.steps .done a:hover, .wizard>.steps .done a:active {
    color: #737f9e;
}
 #ajax-modal-stack2>.modal-dialog .modal-content {width: 100%!important; background: #f6f8fd; max-height: 80%!important;}


 .custom-switch.custom-switch-lg {
    padding-bottom: 1rem;
      padding-left: 2.25rem;

    & .custom-control-label {
      padding-left: .75rem;
      padding-top: 0.15rem;

      &::before {
        border-radius: 1rem;
        height: 1.5rem;
        width: 2.5rem;
      }

      &::after {
              border-radius: .65rem;
        height: calc(1.5rem - 4px);
        width: calc(1.5rem - 4px);
      }
    }

      .custom-control-input:checked ~ .custom-control-label::after{
    transform: translateX(1rem);
      }
  }

   .multiselect-container {
        width: 100% !important;
    }
    .btn-group, .btn-group-vertical {
      position: relative;
      display: inline-flex;
      vertical-align: middle;
      background: #ffffff;
  }

  .campohtml {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4d5875;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e5ef;
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dropdown-menu.show {
  width: 250px;
}
/* Upload de imagenes */
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_p {
  background-color: #0162e8!important;
  color: #ffffff!important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image {
  display: block;
  box-sizing: border-box;
  border: 0 none;
  padding: 0;
  background-color: #DDDDDD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  opacity: 0.75;
  text-align: center;
  font-size: 9px;
  font-weight: bold;
  color: #222222;
  overflow: hidden;
  outline: none;
  cursor: default;
}
/* sin uploads*/

/*Breadcrumb*/
.breadcrumb-header {
  display: flex;
  margin-top: 5px!important;
  margin-bottom: 10px!important;
  width: 100%;
}

/* MENU FILTRO */

.dt-button {
  font-size: .8125rem !important;
  border-radius: .3rem !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  padding: .375rem .75rem !important;
  background-color: var(--primary-color);
  color: #fff;
  border: 0;
  margin: 5px auto;
}

/* Tablas */

td {
  word-wrap: break-word; /* Ajusta el texto largo */
  white-space: normal;   /* Permite el salto de línea */
  max-width: 250px;      /* Limita el ancho de la columna */
}

table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
  padding: 2px 10px;
}


/* formularios */

.form-group.input-material {
  position: relative;
  margin-top: 0px!important;
  margin-bottom: 0;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #3a4d78;
  font-weight: 500;
  font-size: smaller;
}

.form-group.input-material label {
  color: #3a4d78!important;
  font-size: smaller!important;
  font-weight: 500!important;
  position: absolute;
  pointer-events: none;
  left: 5px;
  bottom: 1px;
  transition: 0.1s ease all;
  -moz-transition: 0.1s ease all;
  -webkit-transition: 0.1s ease all;
}

.multiselect {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: inherit;
}

input[id="ter_proveedor_verificacionBasc"] {
  margin-left: 10px!important;
}
input[type="checkbox"] {
  margin-left: 10px!important;
}

/*Modals */

#ajax-modal-stack2 > .modal-dialog .modal-content {
  width: 100% !important;
  background: #f6f8fd;
  margin: 20px auto;
  max-height: 85%!important;
  -webkit-box-shadow: 10px 10px 70px -19px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 70px -19px rgba(0,0,0,0.75);
box-shadow: 10px 10px 70px -19px rgba(0,0,0,0.75);
}

::-webkit-scrollbar-thumb {
  width: 1rem;
    height: 1rem;
    -webkit-transition: all ease 50ms;
    transition: all ease 50ms;
    background: #46526b;
}

::-webkit-scrollbar {
  width: 1rem;
  height: 1rem;
  background-color: #dfe2e9;
  border-radius: 30px;
}

/*WIZARD*/

.wizard > .content > .body {
  float: left;
  position: absolute;
  width: 100%!important;
  height: 100%!important;
  padding: 1.5%;
  background: #f6f6f6!important;
}

.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
  display: block;
  width: auto;
  margin: 0 5px;
  padding: 10px 20px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 10px;
}

.wizard > .content > .body input {
  display: block;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.wizard > .content > .body ul {
  list-style: disc !important;
  list-style-type: none !important;
}
.wizard > .steps .done a .number, .wizard > .steps .done a:hover .number, .wizard > .steps .done a:active .number {
  background-color: #2184be;
  padding: 2px 5px;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
  color: #fff;
  border-radius: 50px;
  font-size: small;
}
.wizard > .content > .body {
  overflow: auto;
}