/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/* -------------------------------------------------------------------------- */
/*                                    VARS                                    */
/* -------------------------------------------------------------------------- */

:root {
  --white-color: white;
  --gray-color: #999999;
  --light-gray-color-x2: #fafafa;
  --light-gray-color: #f9f9f9;
  --dark-gray-color: #707070;
  --light-blue-color-x2: #e8f5f7;
  --light-blue-color: #00a4ff;
  --dark-blue-color: #002b8f;
  --light-red-color: #ffe6e6;
  --light-orange-color: #e9c588;
  --dark-red-color: #fd3737;
  --light-green-color: #e6fff6;
  --dark-green-color: #49c499;
}

/* -------------------------------------------------------------------------- */
/*                                  STRUCTURE                                 */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .d-flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#wp-database-tools-admin .d-flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

#wp-database-tools-admin .d-block {
  display: block;
}

#wp-database-tools-admin .d-none {
  display: none;
}

#wp-database-tools-admin .v-hidden {
  visibility: hidden;
}

#wp-database-tools-admin .d-grid {
  display: grid;
}

#wp-database-tools-admin .d-flex-start {
  display: flex;
  justify-content: flex-start;
}

#wp-database-tools-admin .d-flex-end {
  display: flex;
  justify-content: end;
}

#wp-database-tools-admin .d-flex-center {
  display: flex;
  justify-content: center;
  gap: 5px;
}

#wp-database-tools-admin .align-items-start {
  align-items: start !important;
}

#wp-database-tools-admin .align-items-center {
  align-items: center;
}

#wp-database-tools-admin .gap-20 {
  gap: 20px;
}

#wp-database-tools-admin .col-3 {
  grid-template-columns: 1fr 1fr 1fr;
}

#wp-database-tools-admin .col-4 {
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)) !important;
}

#wp-database-tools-admin .d-grid {
  display: grid;
}

/* -------------------------------------------------------------------------- */
/*                                  OVERFLOW                                  */
/* -------------------------------------------------------------------------- */

.overflow-wrap-any{
  overflow-wrap: anywhere;
}

/* -------------------------------------------------------------------------- */
/*                                  GRADIENTS                                 */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .gradient-blue {
  background: var(--light-blue-color);
  background: linear-gradient(180deg,
      var(--light-blue-color) 0%,
      var(--dark-blue-color) 100%);
}

/* -------------------------------------------------------------------------- */
/*                                   COLORS                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .color-white {
  color: var(--white-color);
}

#wp-database-tools-admin .color-light-blue-color-x2 {
  color: var(--light-blue-color-x2);
}

#wp-database-tools-admin .color-dark-gray {
  color: var(--dark-gray-color);
}

#wp-database-tools-admin .color-light-gray {
  color: var(--light-gray-color);
}

#wp-database-tools-admin .dark-blue-color {
  color: var(--dark-blue-color);
}

#wp-database-tools-admin .color-gray {
  color: var(--gray-color);
}

#wp-database-tools-admin .color-light-red {
  color: var(--light-red-color);
}

#wp-database-tools-admin .color-dark-red {
  color: var(--dark-red-color);
}

/* -------------------------------------------------------------------------- */
/*                                 BACKGROUNDS                                */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .bg-none {
  background: none !important;
}

#wp-database-tools-admin .bg-white {
  background-color: var(--white-color);
}

#wp-database-tools-admin .bg-light-orange-color {
  background: var(--light-orange-color);
}

#wp-database-tools-admin .bg-dark-blue-color {
  background-color: var(--dark-blue-color);
}

#wp-database-tools-admin .bg-light-gray-color {
  background-color: var(--light-gray-color);
}

#wp-database-tools-admin .bg-light-gray-color-x2 {
  background-color: var(--light-gray-color-x2);
}

#wp-database-tools-admin .bg-light-blue-color {
  background-color: var(--light-blue-color);
}

#wp-database-tools-admin .bg-light-blue-color-x2 {
  background-color: var(--light-blue-color-x2);
}

#wp-database-tools-admin .bg-light-red {
  background-color: var(--light-red-color);
}

#wp-database-tools-admin .bg-light-gray-color {
  background-color: var(--light-gray-color);
}

#wp-database-tools-admin .bg-light-green {
  background-color: var(--light-green-color);
}

/* -------------------------------------------------------------------------- */
/*                                   BUTTONS                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .btn-dark {
  background-color: var(--dark-blue-color);
  color: var(--light-blue-color-x2);
}

#wp-database-tools-admin .btn-light {
  background-color: var(--light-blue-color-x2);
  color: var(--dark-blue-color);
}

#wp-database-tools-admin .btn-orange {
  background-color: var(--light-orange-color);
  color: var(--dark-blue-color);
}

#wp-database-tools-admin .button.disabled {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
}

/* -------------------------------------------------------------------------- */
/*                                   OPACITY                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .opacity-03 {
  opacity: 0.8;
}

#wp-database-tools-admin .opacity-05 {
  opacity: 0.5;
}

/* -------------------------------------------------------------------------- */
/*                                   PADDING                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .p-0 {
  padding: 0px;
}

#wp-database-tools-admin .p-20 {
  padding: 20px;
}

#wp-database-tools-admin .py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

#wp-database-tools-admin .py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

#wp-database-tools-admin .py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

#wp-database-tools-admin .py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

#wp-database-tools-admin .px-5 {
  padding-right: 5px;
  padding-left: 5px;
}

#wp-database-tools-admin .px-10 {
  padding-right: 10px;
  padding-left: 10px;
}

#wp-database-tools-admin .px-20 {
  padding-right: 20px;
  padding-left: 20px;
}

#wp-database-tools-admin .px-30 {
  padding-right: 30px;
  padding-left: 30px;
}

#wp-database-tools-admin .pl-30 {
  padding-left: 30px;
}

#wp-database-tools-admin .pl-10 {
  padding-left: 10px;
}

#wp-database-tools-admin .pl-15 {
  padding-left: 15px;
}

#wp-database-tools-admin .pr-20 {
  padding-right: 20px;
}

#wp-database-tools-admin .pr-30 {
  padding-right: 30px;
}

#wp-database-tools-admin .pb-10 {
  padding-bottom: 10px;
}

/* -------------------------------------------------------------------------- */
/*                                   BORDERS                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .b-none {
  border: 0px;
}

#wp-database-tools-admin .br-5 {
  border-radius: 5px;
}

#wp-database-tools-admin .br-10 {
  border-radius: 10px;
}

#wp-database-tools-admin .bl-dotted {
  border-left: 2px dotted var(--light-blue-color);
}

#wp-database-tools-admin .bb-solid {
  border-bottom: 1px solid var(--light-gray-color);
}

#wp-database-tools-admin .bt-solid {
  border-top: 1px solid var(--light-gray-color);
}

#wp-database-tools-admin .br-solid {
  border-right: 1px solid var(--light-gray-color);
}

#wp-database-tools-admin .bc-light-orange-color {
  border-color: var(--light-orange-color);
}

/* -------------------------------------------------------------------------- */
/*                                   MARGINS                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .ml--20 {
  margin-left: -20px;
}

#wp-database-tools-admin .mt--5 {
  margin-top: -5px;
}

#wp-database-tools-admin .mt-25 {
  margin-top: 25px;
}

#wp-database-tools-admin .ml-20 {
  margin-left: 20px !important;
}

#wp-database-tools-admin .mr-20 {
  margin-right: 20px;
}

#wp-database-tools-admin .mr-30 {
  margin-right: 30px;
}

#wp-database-tools-admin .mr-10 {
  margin-right: 10px !important;
}

#wp-database-tools-admin .mr-5 {
  margin-right: 5px !important;
}

#wp-database-tools-admin .mr-0 {
  margin-right: 0px !important;
}

#wp-database-tools-admin .m-0 {
  margin: 0px;
}

#wp-database-tools-admin .ml-0 {
  margin-left: 0px !important;
}

#wp-database-tools-admin .ml-5 {
  margin-left: 5px !important;
}

#wp-database-tools-admin .ml-10 {
  margin-left: 10px !important;
}

#wp-database-tools-admin .ml-15 {
  margin-left: 15px !important;
}

#wp-database-tools-admin .mt-5 {
  margin-top: 5px;
}

#wp-database-tools-admin .mt-6 {
  margin-top: 6px;
}

#wp-database-tools-admin .mt-10 {
  margin-top: 10px;
}

#wp-database-tools-admin .mt-20 {
  margin-top: 20px;
}

#wp-database-tools-admin .mb-10 {
  margin-bottom: 10px;
}

#wp-database-tools-admin .mb-20 {
  margin-bottom: 20px;
}

#wp-database-tools-admin .mb-5 {
  margin-bottom: 5px;
}

#wp-database-tools-admin .m-auto {
  margin: auto;
}

#wp-database-tools-admin .my-10 {
  margin: 10px 0px;
}

#wp-database-tools-admin .my-20 {
  margin: 20px 0px;
}

/* -------------------------------------------------------------------------- */
/*                                    FONTS                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .font-lg {
  font-size: 2em;
}

#wp-database-tools-admin .font-md-x3 {
  font-size: 1.6em;
}

#wp-database-tools-admin .font-md-x2 {
  font-size: 1.4em;
}

#wp-database-tools-admin .font-md-x1 {
  font-size: 1.2em;
}

#wp-database-tools-admin .font-sm {
  font-size: 0.8em;
}

#wp-database-tools-admin .font-bold {
  font-weight: bold;
}

/* -------------------------------------------------------------------------- */
/*                                    TEXTS                                   */
/* -------------------------------------------------------------------------- */

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

#wp-database-tools-admin .text-align-right {
  text-align: right;
}

#wp-database-tools-admin .text-align-left {
  text-align: left;
}

#wp-database-tools-admin .text-align-center {
  text-align: center;
}

#wp-database-tools-admin .break-word {
  word-break: break-word;
  white-space: normal;
  line-height: 15px;
}

/* -------------------------------------------------------------------------- */
/*                                    WIDTH                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .w-100 {
  width: 100px;
}

#wp-database-tools-admin .w-15 {
  width: 15px;
}

#wp-database-tools-admin .w-95 {
  width: 95px;
}

#wp-database-tools-admin .w-200 {
  width: 200px;
}

#wp-database-tools-admin .w-250 {
  width: 250px;
}

#wp-database-tools-admin .w-100p {
  width: 100%;
}

#wp-database-tools-admin .w-80p {
  width: 80%;
}

#wp-database-tools-admin .w-60p {
  width: 60%;
}

#wp-database-tools-admin .w-65p {
  width: 65%;
}

#wp-database-tools-admin .w-50p {
  width: 50%;
}

#wp-database-tools-admin .w-40p {
  width: 40%;
}

#wp-database-tools-admin .w-30p {
  width: 30%;
}

#wp-database-tools-admin .w-35p {
  width: 35%;
}

#wp-database-tools-admin .w-25p {
  width: 25%;
}

#wp-database-tools-admin .w-20p {
  width: 20%;
}

#wp-database-tools-admin .w-15p {
  width: 15%;
}

#wp-database-tools-admin .w-10p {
  width: 10%;
}

#wp-database-tools-admin .w-12p {
  width: 12%;
}

#wp-database-tools-admin .w-8p {
  width: 8%;
}

#wp-database-tools-admin .w-4p {
  width: 4%;
}

#wp-database-tools-admin .w-5p {
  width: 5%;
}

/* -------------------------------------------------------------------------- */
/*                                  MAX WIDHT                                 */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .mw-100p {
  max-width: 100%;
}

#wp-database-tools-admin .w-fit-content {
  width: fit-content;
}

/* -------------------------------------------------------------------------- */
/*                                   HEIGHT                                   */
/* -------------------------------------------------------------------------- */


#wp-database-tools-admin .h-100 {
  height: 100%;
}

/* -------------------------------------------------------------------------- */
/*                                   GENERAL                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin *:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*                              CATEGORIES COLORS                             */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin *[data-type="all"] {
  color: black;
}

#wp-database-tools-admin *[data-type="uncategorized"] {
  color: #a39ea2;
}

#wp-database-tools-admin *[data-type="plugin"] {
  color: #a59ef7;
}

#wp-database-tools-admin *[data-type="theme"] {
  color: #ec5cff;
}

#wp-database-tools-admin *[data-type="core"] {
  color: #43ce29;
}

#wp-database-tools-admin *[data-type="undefined"] div{
  color: #9caeb1;
  /* -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #a59ef7b8,#ec5bffa3,#58d242c7); */
}


/* -------------------------------------------------------------------------- */
/*                                   OTHERS                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin *[data-active="active"]{
  color: var(--dark-red-color);
  font-weight: bold;
}

#wp-database-tools-admin *[data-active="inactive"] {
  opacity: 0.3;
}

#wp-database-tools-admin *[data-opacity="opacity"] {
  opacity: 0.3;
}

/* -------------------------------------------------------------------------- */
/*                                   FILTERS                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin #filters button.active {
  border-bottom: 2px solid;
}

/* -------------------------------------------------------------------------- */
/*                                   CHOICES                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .choices.select-choices {
  width: 40%;
  margin: 0;
  display: inline-flex;
  padding: 0;
  outline: none;
}

#wp-database-tools-admin .choices__inner {
  min-height: 0 !important;
  border: 0 !important;
  background: #f9f9f9 !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  color: #646970 !important;
}

#wp-database-tools-admin .choices__item.choices__placeholder.choices__item--selectable {
  color: #646970;
  opacity: 1;
}

#wp-database-tools-admin .choices__list.choices__list--dropdown {
  border: 0;
}

#wp-database-tools-admin .choices__heading {
  font-weight: bold !important;
  color: black !important;
}

/* -------------------------------------------------------------------------- */
/*                                 PAGINATION                                 */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .pagination {
  margin: 0;
}

#wp-database-tools-admin .pagination a.page {
  text-decoration: none;
  font-size: 1.2em;
  padding: 5px 10px;
}

#wp-database-tools-admin .pagination li.active a {
  background: #eaf8fe;
  border-radius: 5px;
  color: #454c53;
}

/* -------------------------------------------------------------------------- */
/*                                  ELEMENTS                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin #wp-database-tools-admin p {
  color: var(--dark-gray-color);
}

#scanner-feedback {
  padding: 0px;
  border: 0;
}

#wp-database-tools-admin #wp-database-tools-admin p#scanner-text {
  padding-left: 2px;
}

#wp-database-tools-admin #navigation a {
  width: fit-content;
  text-align: center;
  padding: 20px 30px;
  font-size: 15px;
  text-decoration: none;
}

#wp-database-tools-admin #navigation a.--active {
  font-weight: bold;
  border-bottom: 4px solid var(--light-orange-color);
}

#wp-database-tools-admin #show-password {
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#wp-database-tools-admin .search {
  background: url(../img/icon-search.svg) no-repeat scroll 10px 11px;
  padding-left: 35px !important;
}

#options-list p.w-25p.m-0.name {
  word-break: break-word;
  line-height: 15px;
  padding-left: 10px;
}

/* -------------------------------------------------------------------------- */
/*                                   CURSOR                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .cursor-pointer {
  cursor: pointer;
}

/* -------------------------------------------------------------------------- */
/*                                     GAP                                    */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .gap-10 {
  gap: 10px;
}

/* -------------------------------------------------------------------------- */
/*                                CARD DETAILS                                */
/* -------------------------------------------------------------------------- */


#wp-database-tools-admin .col-r.mt-10 {
  display: flex;
  gap: 10px;
}

#wp-database-tools-admin .col-r.mt-10>div:first-child {
  border-right: 2px solid #e9c588;
  padding-right: 10px;
}

#wp-database-tools-admin .col-r.mt-10>div {
  min-width: max-content;
}

#wp-database-tools-admin .col-r.mt-10>div span.dark-blue-color {
  font-size: 11.5px;
  margin-bottom: 5px;
}

#wp-database-tools-admin .card-details .likes p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  line-height: normal;
  text-transform: uppercase;
}

div#container-votes {
  border-width: 1px !important;
  margin-top: 20px !important;
  border-color: #3e5eaa17 !important;
}

#wp-database-tools-admin .card-details {
  padding: 10px 20px;
  box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}

#wp-database-tools-admin .card-details .rating {
  right: 20px;
  top: 10px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
}

#wp-database-tools-admin .card-details span.label {
  display: block;
  text-align: right;
  margin-bottom: 0px;
  font-weight: bold;
}

#wp-database-tools-admin .card-details p {
  font-size: 14px;
}

#wp-database-tools-admin .card-details p.name {
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
}

#wp-database-tools-admin span#btn_visibility {
  top: 1px;
}

/* -------------------------------------------------------------------------- */
/*                                  SVG SORTS                                 */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .container-sorts {
  display: grid;
  grid-auto-rows: 12px;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

#wp-database-tools-admin svg.container-svg-sort {
  width: 12px;
  cursor: pointer;
}

#wp-database-tools-admin svg.container-svg-sort:hover .svg-sort {
  fill: #3c434a !important;
}

#wp-database-tools-admin svg.container-svg-sort.rotate {
  transform: rotate(180deg);
}

#wp-database-tools-admin .svg-sort {
  fill: transparent;
  stroke: #3c434a;
  stroke-miterlimit: 10;
}

#wp-database-tools-admin .svg-sort.active {
  fill: #3c434a !important;
}

/* -------------------------------------------------------------------------- */
/*                                   TOOLTIP                                  */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .tooltip {
  position: relative;
  display: inline-block;
}

#wp-database-tools-admin .tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 300px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 10px 20px;
  word-wrap: break-word;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
  max-height: 100px;
  overflow-y: scroll;
}

#wp-database-tools-admin .tooltiptext.small {
  visibility: hidden;
  width: max-content;
  max-width: 300px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  word-wrap: break-word;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -25px;
  overflow-y: hidden;
  font-size: 12px;
}

#wp-database-tools-admin .tooltip .tooltiptext * {
  color: white;
  font-weight: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 24px !important;
}

#wp-database-tools-admin .tooltip:hover .tooltiptext {
  visibility: visible;
}

#wp-database-tools-admin p.text-align-left.tooltip.extract {
  display: flex;
  align-items: center;
  gap: 5px;
  border-radius: 20px;

}

/* Works on Firefox */
#wp-database-tools-admin * {
  scrollbar-width: thin;
  scrollbar-color: white black;
}

/* Works on Chrome, Edge, and Safari */
#wp-database-tools-admin .tooltiptext::-webkit-scrollbar {
  width: 12px;
}

#wp-database-tools-admin .tooltiptext::-webkit-scrollbar-track {
  background: black;
}

#wp-database-tools-admin .tooltiptext::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 20px;
  border: 3px solid black;
  height: 25px;
}

#wp-database-tools-admin .notice.notice-info {
  position: relative;
}

/**************************\
  Basic Modal Styles
\**************************/

#wp-database-tools-admin .container-modal h3 {
  padding: 0;
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 10px 0;
}

#wp-database-tools-admin header.modal__header h4 {
  font-size: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: uppercase;
  font-weight: bold;
}


#wp-database-tools-admin .modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir,
    helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

#wp-database-tools-admin .modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

#wp-database-tools-admin .modal__container {
  background-color: #fff;
  padding: 15px;
  max-width: 500px;
  min-width: 50vw;
  max-height: 100vh;
  border-radius: 15px;
  box-sizing: border-box;
  position: relative;
}

#wp-database-tools-admin .modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#wp-database-tools-admin .modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}

#wp-database-tools-admin .modal__close {
  background: transparent;
  border: 0;
  font-size: 20px;
}

#wp-database-tools-admin .modal__header .modal__close:before {
  content: "\2715";
}

#wp-database-tools-admin .modal__content {
  margin-top: 12px;
  margin-bottom: 0;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

#wp-database-tools-admin div#container-modal-details-plugins,
#wp-database-tools-admin div#container-modal-details-cores,
#wp-database-tools-admin div#container-modal-details-themes,
#wp-database-tools-admin div#container-modal-details-uncategorized {
  min-width: 90%;
  max-width: 90%;
  display: block;
  padding: 20px;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10%);
  }
}

#wp-database-tools-admin .micromodal-slide {
  display: none;
}

#wp-database-tools-admin .micromodal-slide.is-open {
  display: block;
}

#wp-database-tools-admin .micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

#wp-database-tools-admin .micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

#wp-database-tools-admin .micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

#wp-database-tools-admin .micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

#wp-database-tools-admin .micromodal-slide .modal__container,
#wp-database-tools-admin .micromodal-slide .modal__overlay {
  will-change: transform;
}

/* -------------------------------------------------------------------------- */
/*                                REALIABILITY                                */
/* -------------------------------------------------------------------------- */


#wp-database-tools-admin .card-details .reliability.font-sm.text-align-right {
  max-width: fit-content;
  float: right;
  padding: 2px 6px;
  border-radius: 5px;
  color: #012b8f !important;
  font-size: 13px !important;
}

#wp-database-tools-admin .reliability.hight {
  background-color: #e8ffe4;
}

#wp-database-tools-admin .reliability.medium {
  background-color: #ffe6c4;
}

#wp-database-tools-admin .reliability.low {
  background-color: #f5c6c6;
}

/* -------------------------------------------------------------------------- */
/*                                PRO FEATURES                                */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin #pro-features ul {
  margin-top: 5px;
}

#wp-database-tools-admin #pro-features ul li {
  padding: 5px 10px 5px 25px;
  list-style: none;
  margin: 0;
  vertical-align: middle;
}

#wp-database-tools-admin #pro-features ul li::marker {
  margin-top: 20px;
}


/* -------------------------------------------------------------------------- */
/*                                STATUS FILTER                               */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin #filters-status .radio input[type="radio"]+label {
  color: grey;
  position: relative;
}

#wp-database-tools-admin #filters-status .radio input[type="radio"]+label::before {
  /* Outer Circle of radio button */
  border: 1px solid grey;
  content: ' ';
  display: inline-block;
  margin-right: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  transition: border 0.15s ease-in-out;
}

#wp-database-tools-admin #filters-status .radio input[type="radio"]+label::after {
  /* Inner Circle of radio button */
  border: 0px solid black;
  content: ' ';
  background: transparent;
  display: inline-block;
  margin-right: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  float: left;
  vertical-align: middle;
  transition: border 0.15s ease-in-out;
  left: 3px;
}

#wp-database-tools-admin #filters-status input[type="radio"] {
  display: none;
}

/* When button is active */
#wp-database-tools-admin #filters-status .radio input[type="radio"]:checked+label::after,
#wp-database-tools-admin #filters-autoload .radio input[type="radio"]:checked+label::after,
#wp-database-tools-admin #filters-autoload .radio input[type="radio"]:checked::before{
  background: #808080;
}

#wp-database-tools-admin #filters-status .radio input[type="radio"]:checked+label::before,
#wp-database-tools-admin #filters-autoload .radio input[type="radio"]:checked+label::before{
  border-color: black;
}

#wp-database-tools-admin #filters-status .radio input[type="radio"]:checked+label,
#wp-database-tools-admin #filters-autoload .radio input[type="radio"]:checked+label{
  color: #000000;
}

#wp-database-tools-admin #filters-status label {
  align-items: center;
}


/* -------------------------------------------------------------------------- */
/*                                   LOADER                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin #loader {
  margin: 0 auto;
  display: flex;
  width: 50px;
  justify-content: center;
  align-items: center;
}


#wp-database-tools-admin #scanner-feedback #loader {
  height: 30px;
  width: 30px;
  padding: 0;
  margin: 0;
}

button#btn_remove_all_transients #loader {
  margin: 0;
  height: 20px;
  width: 30px;
  visibility: hidden;
}

button#btn_remove_all_transients #loader svg{
  width: 30px;
  width: 30px;
}

/* -------------------------------------------------------------------------- */
/*                                   STATUS                                   */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .status {
  border-radius: 10px;
  color: #707070;
  width: fit-content !important;
  padding: 0px 10px;
}

#wp-database-tools-admin .status[data-status="uninstalled"],
#wp-database-tools-admin span#info-size-autoload.high{
  background: #fff1f1;
}

#wp-database-tools-admin .status[data-status="active"],
#wp-database-tools-admin span#info-size-autoload.lower{
  background: #e8fff2;
}

#wp-database-tools-admin .status[data-status="inactive"],
#wp-database-tools-admin span#info-size-autoload.medium{
  background: #fffae3;
}

#wp-database-tools-admin .status[data-status="unknown"] {
  background: #f3f0ed;
}

#wp-database-tools-admin .status[data-status="multiple"] {
  /* background-image: linear-gradient(to right, #f79e9e42,#eaff5b2b,#42d24e29); */
  background-color: #e7f5f7;
}


#wp-database-tools-admin .container_affected_records_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0px 35px;

}

#wp-database-tools-admin .container_affected_records {
  padding: 15px;
  padding: 20px 10px;
  background: #e8f5f7;
  max-height: 170px;
  overflow: hidden;
  overflow-y: scroll;
}

#wp-database-tools-admin .container_affected_records::-webkit-scrollbar {
  width: 10px;
}

#wp-database-tools-admin .container_affected_records::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1px rgb(255 255 255 / 50%);
}



#wp-database-tools-admin .container_affected_records .container_affected_records_list {
  list-style: circle;
  margin-left: 30px;
}

#wp-database-tools-admin .container_affected_records .container_affected_records_list li {
  font-weight: initial;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 10px;
  padding-top: 10px;
  text-overflow: ellipsis;
  word-break: break-word;
  position: relative;
  border-bottom: 1px solid #012b8f1a;
  margin-bottom: 8px;
}

span#rows_label {
  position: absolute;
  top: 0px;
  font-size: 7px;
  left: 0px;
  line-height: 10px;
  padding: 1px 5px;
  border-radius: 5px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

span#rows_label.uncategorized{
  background: #777777;
}
span#rows_label.multiple{
  background: #447bff;
}
span#rows_label.core{
  background: #43ce29;
}
span#rows_label.theme{
  background: #ec5cff;
}
span#rows_label.plugin{
  background: #a59ef7;
}

#wp-database-tools-admin #container_filters {
  background: #f9f9f9;
  padding: 10px 20px;
  border-radius: 10px;
  margin: 20px 0px;
}


#wp-database-tools-admin .choices.select-choices.uncategorized {
  width: 80%;
  min-width: 400px;
}

#wp-database-tools-admin .choices.select-choices .choices__inner {
  padding: 0 !important;
}


#wp-database-tools-admin .choices__item {
  padding: 6px 10px !important;
}

/* -------------------------------------------------------------------------- */
/*                               SELECTIONS BTNS                              */
/* -------------------------------------------------------------------------- */


#wp-database-tools-admin .btn-selections button.active {
  opacity: 1;

}

#wp-database-tools-admin .btn-selections button.inactive {
  opacity: 0.4;
}

#modal-details.multiple {
  max-height: 300px;
  overflow-y: scroll;
}


#wp-database-tools-admin #modal-details.multiple::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

#wp-database-tools-admin #modal-details.multiple::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgb(112 112 112);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


/* Args  */


#wp-database-tools-admin span.args {
  background: #e3e3e3;
  padding: 2px 5px;
  border-radius: 5px;
  margin-right: 5px;
  display: inline-block;
  margin-top: 5px;
}

#wp-database-tools-admin p.w-10p.text-align-left.break-word.args {
  display: inline-table;
}

#wp-database-tools-admin #progress_data {
  width: 100%;
  background-color: #ddd;
}

#wp-database-tools-admin #progress_data_bar {
  width: 0%;
  height: 15px;
  background-color: #04AA6D;
}

/* -------------------------------------------------------------------------- */
/*                                 PLACEHOLDER                                */
/* -------------------------------------------------------------------------- */

.placeholder-light::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc;
  opacity: 1; /* Firefox */
}

.placeholder-light:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

.placeholder-light::-ms-input-placeholder { /* Microsoft Edge */
  color: #cccccc;
}

/* -------------------------------------------------------------------------- */
/*                                    COLS                                    */
/* -------------------------------------------------------------------------- */

#wp-database-tools-admin .md_col-2{
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: 15px;
}

.table-options {
  display: grid !important;
  grid-template-columns: 1fr 1.6fr 2.2fr 1fr 0.8fr 1.3fr 2fr 0.8fr;
  gap: 15px;
}

.table-cronjobs{
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr 1.3fr 1fr 1.5fr 0.5fr;
  gap: 15px;
}

/* -------------------------------------------------------------------------- */
/*                                 RESPONSIVE                                 */
/* -------------------------------------------------------------------------- */

  @media screen and (max-width: 1300px) {
    #wp-database-tools-admin .sm_col-1-1{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
    #wp-database-tools-admin .sm_d-flex{
      display: flex;
      gap: 10px;
    }
    #wp-database-tools-admin .md_col-2{
      grid-template-columns: 1fr;
    }
  }

  @media screen and (max-width: 700px) {
    #wp-database-tools-admin .sm_col-1-1{
      grid-template-columns: 1fr;
    }
  }

  @media screen and (max-width: 950px) {
    #wp-database-tools-admin .sm_col-1-1{
      grid-template-columns: 1fr;
    }
  }