body.wp-admin {
  background-color: #E1E1E1;
  font-family: "Montserrat", sans-serif;
  
}

#admin-bg-video{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
  pointer-events:none;
  opacity: 12%;
}

/* Wp Global Color */
:root{
  --wp-admin-theme-color:#0073ff !important;
  --wp-admin-theme-color-darker-10:#0073ff !important;
  --wp-admin-theme-color-darker-20:#0073ff !important;
}

/* Text Colors */

/* Help BG color */

#contextual-help-back{
    background: none;
}


/* Admin Side Menu */

#adminmenu {
  backdrop-filter: blur(10px) !important;
  background: rgb(0 0 0 / 50%);
  margin-top: 10px !important;
  padding: 3px !important;
  border-radius: 10px;
  margin-left: 3px !important;
}

#adminmenuwrap, #adminmenuback{
  background: rgb(0 0 0 / 0%);
  margin-top: 0px;  
}


/* Admin Buttons */

#adminmenu li.menu-top:hover,#adminmenu li.opensub>a.menu-top,#adminmenu li>a.menu-top:focus {
  position: relative;
  background: rgb(0 0 0 / 0%);
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}

#adminmenu a:focus,#adminmenu a:hover,.folded #adminmenu .wp-submenu-head:hover {
  box-shadow: inset 0px 0 0 0 !important;
  background-color: rgb(0 0 0 / 0%);
  transition: all 0.5s ease-in-out;
}

#adminmenu li.menu-top {
  background: rgb(0 0 0 / 0%) !important;
  color: #ffffff !important;
  transition: all 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: inset 0px 0 0 0 !important;
}

#adminmenu li.menu-top:hover {
  background: rgb(0 0 0 / 50%) !important;
  color: #ffffff !important;
  transition: all 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: inset 0px 0 0 0 !important;
}

.e-dashboard-widget .dashicons {
  color: #ffffff !important;
}


/* Admin Buttons Active */

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
  background: rgb(0 0 0 / 50%) !important;
  color: #ffffff !important;
  transition: all 0.5s ease-in-out;
  border-radius: 8px;
    margin-bottom: 5px !important;
  box-shadow: inset 0px 0 0 0 !important;
}

/* Admin Side Menu text */
#adminmenu a {
    color: #ffffff !important;
    transition: all 0.3s ease-in-out;
}

#adminmenu .wp-menu-image.dashicons-before:before {
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
}

#adminmenu .wp-menu-image svg{
  color: #ffffff !important;
  transition: all 0.3s ease-in-out;
  
}

/* Admin Side Menu arrows */

#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
    display: none;
}


#adminmenu li.current a.menu-top::after,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu::after {
    display: none !important;
}


/* Admin Submenu */

#adminmenu .wp-submenu {
  background: #1e1e1e !important;
  border-radius: 10px !important;
  padding: 1px !important;
}


#adminmenu .wp-submenu a{
  color: #ffffff !important;
}

#adminmenu .wp-submenu a:hover{
  color: #aeaeae !important;
}

/* Submenu admin animation css */

#adminmenu .wp-submenu{
    transform: translateY(8px);
    opacity: 0;
    transform-origin: top left;
    transition: transform 0.5s ease, opacity 0.3s ease;
}

/* hover submenu an */

#adminmenu li:hover > .wp-submenu{
    transform: translateY(0);
    opacity: 1;
}

/* submenu abierto an*/

#adminmenu .wp-has-current-submenu > .wp-submenu{
    transform: translateY(0);
    opacity: 1 !important;
}


/* Footer header menu nav */
#nav-menu-footer, #nav-menu-header{
  border: none;
  background: rgb(255 255 255 / 50%) !important;
  box-shadow: none !important;
  padd: 10px;
}

/* Notificaction Success */
.notice-success,
div.updated{
  background: #c4ffdf !important;
  border-radius: 10px 10px 10px 10px;
  border-color: #00ff76 !important;
  border-width: 1px;
}

/* Notificaction Error */
.notice-error,
div.error{
  background: #ffcbcb !important;
  border-radius: 10px 10px 10px 10px;
  border-color: #e60000 !important;
  border-width: 1px;
}

/* Notificaction Warning */
.notice-warning {
  background: #fff0e9 !important;
  border-radius: 10px 10px 10px 10px;
  border-color: #ff5600 !important;
  border-width: 1px;
}

/* Extended Notificaction */
.e-notice {
  background-color: rgb(255 255 255) !important;
  border-radius: 10px !important;
  border: 1px solid !important;
  border-color: #0052f5 !important;
  padding: 12px 16px !important;
}

.e-button{
  background-color: rgb(255 255 255) !important;
  border-radius: 10px !important;
  border: 1px solid !important;
  border-color: #0052f5 !important;
  color: #0052f5 !important;
}

/* Notificaction Info */

.notice-info{
  background-color: rgb(255 255 255) !important;
  border-radius: 10px !important;
  border: 1px solid !important;
  border-color: #0052f5 !important;
  padding: 12px 16px !important;
}

/* Dismiss Button */
.notice-dismiss {
    position: absolute;
    top: 0;
    right: 1px;
    border: none;
    margin: 0;
    padding: 9px;
    background: 0 0;
    color: #787c82;
    cursor: pointer
}

.e-notice.e-notice--success {
    background: #e6e6e6 !important;
    color: white !important;
    border-radius: 10px;
    border: 1px solid #00ff76 !important;
    padding: 12px 16px; /* opcional, para que el contenido respire */
}

.e-notice.e-notice--success.e-notice--dismissible,
.e-notice.e-notice--success.e-notice--cta {
    background: #e6e6e6 !important;
    color: white !important;
    border-radius: 10px;
  border-style: solid;
  border-color: rgba(255,255,255,0.0) !important;
  border-width: 1px 0px 0px 1px;
  border-radius: 10px;
}

/* Buttons */

/* Publish Buttons */

#publish.button.button-primary{
  background: #0073ff !important;
  border-color: rgba(255,255,255,0.0) !important;
  color: #ffffff !important;
  border-radius: 10px;
}

#publish.button.button-primary:hover{
  background: #ffffff !important;
  color: #0073ff !important;
  border-radius: 10px;

}

#loco-admin.button.button-primary{
  background: #0073ff !important;
  border-color: rgba(255,255,255,0.00) !important;
  color: #ffffff !important;
  border-radius: 10px;
}

#loco-admin.button.button-primary:hover{
  background: #ffffff !important;
  color: #0073ff !important;
  border-radius: 10px;

}



/* Add New Buttons */

.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active{
  backdrop-filter: blur(3px) !important;
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.0) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #000000 !important;
  transition: all 0.5s ease-in-out;  
}

.wrap .add-new-h2:hover,
.wrap .page-title-action:hover{
  backdrop-filter: blur(3px) !important;
  background: rgba(56,56,56,0.70) !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.0) !important;
  border-width: 1px 0px 0px 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}


/* Select Button */

.wp-core-ui select{
  backdrop-filter: blur(3px) !important;
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z' fill='%23000000'/%3E%3C/svg%3E") no-repeat right 5px top 55% !important;
  background-size: 15px !important;
  background-color: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px;
  border-radius: 10px;
  color: #000000 !important;
  transition: all 0.5s ease-in-out;
}

.wp-core-ui select:focus{
  backdrop-filter: blur(3px) !important;
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z' fill='%23000000'/%3E%3C/svg%3E") no-repeat right 5px top 55% !important;
  background-size: 15px !important;
  border-style: solid;
  border-color: rgba(88 88 88 / 50%) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #000000 !important;
  transition: all 0.5s ease-in-out;  
}


.wp-core-ui select:hover{
  backdrop-filter: blur(3px) !important;
  background: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6l5 5 5-5 2 1-7 7-7-7 2-1z' fill='%230073ff'/%3E%3C/svg%3E") no-repeat right 5px top 55% !important;
  background-size: 15px !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px;
  color: #0073ff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

.wp-core-ui .button, .wp-core-ui .button-secondary{
  backdrop-filter: blur(3px) !important;
  background-color: #0073ff !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px;
  border-radius: 10px;
  color: #ffffff !important;
  transition: all 0.5s ease-in-out;
}


.wp-core-ui:hover .button:hover, .wp-core-ui:hover .button-secondary:hover{
  backdrop-filter: blur(3px) !important;
  background-color: rgb(56,56,56,0.70) !important;
  border-style: solid;
  border-color: rgb(56,56,56,0.70) !important;
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus {
    background: #f6f7f7;
    border-color: #ffffff;
    color: #000;
    box-shadow: 0 0 0 0px #fff;
    outline: 0px solid transparent;
    outline-offset: 0
}

#install-plugin-submit{
  backdrop-filter: blur(3px) !important;
  background: #0073ff !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.00) !important;
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

#install-plugin-submit:hover{
  backdrop-filter: blur(3px) !important;
  background: #ffffff !important;
  border-style: solid;
  border-color: #0073ff;
  border-width: 1px;
  color: #0073ff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

/* Install Button Disabled */

#install-plugin-submit:disabled {
  backdrop-filter: blur(3px) !important;
  background-color: rgba(56,56,56,0.70) !important;
  border-style: solid;
  border-color: rgba(150,150,150,0.1);
  border-width: 1px 0px 0px 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

/* Install Button Disabled */

input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
  backdrop-filter: blur(3px) !important;
  padding: 5px;
  background: rgb(255 255 255 / 50%) !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.00) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #18191a !important;
  transition: all 0.5s ease-in-out;
}

input[type="file"]::file-selector-button:hover,
input[type="file"]::-webkit-file-upload-button:hover {
  backdrop-filter: blur(3px) !important;
  padding: 5px;
  background: rgb(0 0 0 / 50%) !important;
  border-style: solid;
  border-color: rgba(245,255,255,0.1) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #ffffff !important;
  transition: all 0.5s ease-in-out;
}



/* Theme N settings Buttons */

#screen-meta-links .show-settings{
  backdrop-filter: blur(3px) !important;
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.00) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #1e1e1e !important;
  transition: all 0.5s ease-in-out;  
  font-weight: 500 !important;
}
#screen-meta-links .show-settings:hover{
  backdrop-filter: blur(3px) !important;
  background: rgba(56,56,56,0.70) !important;
  border-style: solid;
  border-color: rgba(150,150,150,0.1);
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

#screen-meta-links {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

#screen-meta-links.show-settings {
    opacity: 0;
    transform: translateY(-5px); /* se mueve ligeramente hacia arriba */
    visibility: hidden;
}


/* Link Colors */

/* delete link  */

.wp-core-ui .button-link{
  color: #000000 !important;
  transition: color 0.5s ease;
}


.media-modal .delete-attachment, 
.row-actions span.trash a,
.plugins a.delete,
.submitbox .submitdelete{
  color: #af0000 !important;
}



/* links fixed styles */

a:focus {
    box-shadow: none !important;
    outline: none !important;
}

/* a global color */

.wp-admin .wrap a:not(.button):not(.btn):not(.plugin-card a) {
    color: #0073ff;
}

/* input Bars*/
.wp-admin input[type=date], 
.wp-admin input[type=datetime-local], 
.wp-admin input[type=datetime], 
.wp-admin input[type=email], 
.wp-admin input[type=month], 
.wp-admin input[type=number], 
.wp-admin input[type=password], 
.wp-admin input[type=search], 
.wp-admin input[type=tel], 
.wp-admin input[type=text], 
.wp-admin input[type=time], 
.wp-admin input[type=url], 
.wp-admin input[type=week], 
.wp-admin textarea,
.wp-admin .wc-wp-version-gte-53 .select2-container .select2-selection--multiple {

  backdrop-filter: blur(10px) !important;
  background: rgba(250,250,250,0.5);
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px;
  color: #000000;
  border-radius: 10px;
  box-shadow: 0 0 0 0px rgba(250,250,250,0.0) !important;
}

.wp-admin input:focus,
.wp-admin textarea:focus,
.wp-admin select:focus {
  outline: none !important;
  box-shadow: 0 0 0 0px rgba(250,250,250,0.0) !important;
  border-color: #0073ff !important;
  border-width: 0px !important;
  border-style: solid !important;
}

.wp-admin input,
.wp-admin textarea {
  transition: all .2s ease-in-out;
}

.select2-search__field{
  outline: none !important;
  box-shadow: none !important;
  border-width: 0px !important;
  border-style: solid !important;
}



/* Tables BG Color and border */
.wp-list-table.widefat{
  border: none;
  border-radius:20px;
  margin-top: 40px;
    backdrop-filter: blur(10px) !important;
  background: rgba(255,255,255,0.5) !important;
}

#menu-management .menu-edit {
  border: none;
  border-radius:20px;
  margin-top: 40px;
  backdrop-filter: blur(10px) !important;
  background: rgb(225 225 225 / 20%) !important;
}

/* Tables alternate color */

.alternate,.striped>tbody>:nth-child(odd) {
  background: rgba(255,255,255,0.2) !important;
  border: solid !important;
  box-shadow: none !important;
}

.plugins tr{
    background: rgba(255,255,255,0.1) !important;
}


/* Border Table style plugins */
.nav-menus-php #post-body{
  border: none;
  background: none !important;
  box-shadow: none !important;
}

/* Border back Table card style plugins */

.wp-list-table.widefat.plugin-install{
  background: rgba(255,255,255,0.0) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 10px;
  border-width: 0px;
}



/* Columns Font Color */

.name .column-name h3{
  color: #000000 !important;
}
.column-name{
  color: #000000 !important;
}
.column-description{
  color: white !important;
}
.column-auto-updates{
  color: white !important;
}

.plugins .active th.check-column {
 border-left: 3px solid #0073ff;
}

.plugin-update-tr.active td{
 border-left: 3px solid #0073ff;
}

.plugins .active td, .plugins .active th{
  color: #000000 !important;
  background: rgb(223 223 223 / 50%) !important;
}

.plugins .inactive td, .plugins .inactive{
  color: #000000 !important;
}

.column-title strong, td.plugin-title strong{
  color: #000000 !important;
}

.widefat td, .widefat th{
  color: #000000 !important;
}

#screen-meta {
    backdrop-filter: blur(20px);
  background: rgb(223 223 223 / 50%) !important;
  border: none;
  border-radius: 0px 0px 20px 20px;
}

.form-table th, .form-wrap label{
    color: #000000 !important;
  transition: color 0.5s ease;
}

.upload-plugin .wp-upload-form, .upload-theme .wp-upload-form{
  border: none;
  border-radius:20px;
  backdrop-filter: blur(20px);
  background: rgb(223 223 223 / 50%) !important;
  box-shadow: none !important;
}


/* WP Plugins page css */

/* Plugin Filters Search */

.wp-filter{
  border: none;
  border-radius:10px !important;
  backdrop-filter: blur(5px) !important;
  background: rgb(255 255 255 / 50%) !important;
  box-shadow: none !important;
  color: #000000 !important;
  font-weight: 300 !important;
}

/* Filter Buttons */

.filter-links li>a {
    border-bottom: 0px solid #000000 !important;
    color: #000000 !important;
    transition: all 0.5s ease !important;
    font-weight: 400 !important;
}

.filter-links li>a:hover {
    border-bottom: 0px solid #0073ff !important;
    color: #0073ff !important;
    transition: all 0.5s ease !important;
    font-weight: 400 !important;
}

.filter-links .current{
    border-bottom: 0px solid #0073ff !important;
    color: #0073ff !important;
    transition: all 0.5s ease !important;
    font-weight: 400 !important;
}

/* Plugin Cards */

.plugin-card{
  border: none;
  border-radius:20px;
  backdrop-filter: blur(5px);
  background: rgb(255 255 255 / 40%) !important;
  box-shadow: none !important;
}

/* Cards Link color */

/* Title */

h3 .open-plugin-details-modal{
    color: #000000 !important;
}

/* author */

.authors a, .authors{
    color: #0073ff !important;
}

/* more details */

.open-plugin-details-modal{
    color: #0073ff !important;
}

/* Cards Bottom  color */

.plugin-card-bottom{
  border: none;
  background: rgb(255 255 255 / 60%) !important;
  box-shadow: none !important;
}

/* Popular tags */

.popular-tags{
  border: none;
  border-radius:20px;
  box-shadow: none !important;
  background: rgb(200 200 200 / 80%) !important;
  padding: 10px;
  backdrop-filter: blur(5px) !important;
}


.nav-menus-php #post-body{
  border: none;
  background: none !important;
  box-shadow: none !important;
}

/* WP Menu editor css */


/* menu creator drag color */

.menu-item-bar .menu-item-handle{
  backdrop-filter: blur(3px) !important;
  background: rgba(56,56,56,0.70) !important;
  border-style: solid !important;
  border-color: rgba(150,150,150,0.1) !important;
  border-width: 1px !important;
  color: #000000 !important;
  border-radius: 10px !important;
  transition: all 0.5s ease;
  font-weight: 500 !important;
}

.menu-item-edit-inactive .menu-item-bar .menu-item-handle{
  background: rgba(255,255,255,0.30) !important;
  border-style: solid;
  border-color:  rgba(245,255,255,0.2)  !important;
  border-radius: 10px !important;
  transition: all 0.5s ease-in-out;
  backdrop-filter: blur(10px) !important;
  border-width: 1px!important;
}

.menu-item-edit-inactive .menu-item-bar .menu-item-handle:hover{
  backdrop-filter: blur(3px) !important;
  background: rgba(56,56,56,0.70) !important;
  border-style: solid !important;
  border-color: rgba(150,150,150,0.1) !important;
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px !important;
  transition: all 0.5s ease !important;
  font-weight: 500 !important;
}

.menu-item-edit-active .menu-item-bar .menu-item-handle:hover{
  backdrop-filter: blur(3px) !important;
  background: rgba(56,56,56,0.70) !important;
  border-style: solid;
  border-color: rgba(150,150,150,0.1) !important;
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
  font-weight: 500 !important;
}

/* Item Type - subelement text color */

.item-type, .is-submenu{
  color: #4a4a4a !important;
  transition: all 0.5s ease;
  font-weight: 400 !important;
}

.menu-item-edit-inactive .menu-item-handle:hover .item-type,
.menu-item-edit-inactive .menu-item-handle:hover .is-submenu{
  color: #ffffff !important;
  font-weight: 400 !important;
}

.menu-item-edit-active .menu-item-bar .menu-item-handle,
.menu-item-edit-active .item-type,
.menu-item-edit-active .is-submenu{
  color: #ffffff !important;
  font-weight: 400 !important;
}

/* Arrow Menu Edit item color */

.item-edit{
  color: #000000 !important;
  transition: all 0.5s ease;
}

.menu-item-edit-inactive .menu-item-handle:hover .item-edit{
  color: #ffffff !important;
  transition: all 0.5s ease;
}

.menu-item-edit-active .item-edit{
  color: #ffffff !important;
  transition: all 0.5s ease;
}

/* menu creator container */
.menu-item-settings{
  background: rgba(255,255,255,0.5)!important;
  border-style: solid;
  border-color:  rgba(255,255,255,0.1)  !important;
  border-radius: 10px 10px 10px 10px;
  backdrop-filter: blur(10px);
  border-width: 1px;
  margin-top: 10px !important;
}

  
/* menu create or edit container */

.manage-menus{
  border: none !important;
  box-shadow: none !important;
  background: rgb(255 255 255 / 20%) !important;
}

.nav-tab-wrapper{
  border: none !important;
  background: none !important;
  box-shadow: none !important;
}


/* Nav button */
.nav-tab{
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color:  rgba(255,255,255,0.1)  !important;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  border-width: 1px;
  transition: all 0.5s ease-in-out;
  color: #000000 !important;
  
}

.nav-tab:hover{
  backdrop-filter: blur(3px) !important;
  background: rgba(56,56,56,0.70) !important;
  border-style: solid;
  border-color: rgba(150,150,150,0.1);
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}


/* Accrodion Style */

/* Accordion color */

#menu-settings-column .accordion-container{
  border-width: 0px;
  background: rgb(255 255 255 / 30%) !important;
  border-radius: 20px !important;
}

/* Accordion Title Container */
.accordion-section-title{
  border: none;
  background: rgba(255,255,255,0.0) !important;
  box-shadow: none !important;
   transition: all 0.5s ease;
}

.accordion-section-title:hover{
  border: none;
  background: rgba(56,56,56,0.50) !important;
  box-shadow: none !important;
  transition: all 0.5s ease;
}

.control-section.open .accordion-section-title{
  border: none;
  background: rgba(56,56,56,0.50) !important;
  box-shadow: none !important;
  transition: all 0.5s ease;
}

.control-section.open .accordion-title{
  color: #ffffff !important;
  transition: all 0.5s ease;
}

/* Accordion Title */
.accordion-title{
  color: #000000 !important;
  transition: all 0.5s ease;
}

.accordion-section-title:hover .accordion-title{
  color: #ffffff !important;
  transition: all 0.5s ease;
}



/* Accordion arrows  */

.wp-admin span.dashicons.dashicons-arrow-down{
color: #000000 !important;
}

.accordion-section-title:hover span.dashicons.dashicons-arrow-down{
color: #ffffff !important;
}

.control-section.open span.dashicons.dashicons-arrow-down{
color: #ffffff !important;
}

/* Accordion separators */

.control-section{
  border: none;
  backdrop-filter: blur(20px);
  background: rgba(0,0,0,0.0) !important;
  box-shadow: none !important;
}

/* Accordion Inner section bg color */
.accordion-section-content {
  border: none;
  background: rgba(0,0,0,0.0) !important;
  background: none !important;
  box-shadow: none !important;
}

.taxonomydiv div.tabs-panel{
  border: none;
  background: rgba(0,0,0,0.0) !important;
  background: none !important;
  box-shadow: none !important;
}

/* Accordion box shadow remove */

.accordion-section-title button.accordion-trigger:focus, .nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger:focus{
  border: none;
  background: rgba(0,0,0,0.0) !important;
  background: none !important;
  box-shadow: none !important;
}

/* Accordion Tabs */
.tabs{
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: rgba(245,255,255,0.1) !important;
  border-width: 1px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
  margin: 0px 2px 0px 2px;
}

.tabs .nav-tab-link{
  color: #000000 !important;
  transition: all 0.5s ease-in-out; 
}

.wp-admin ul.add-menu-item-tabs li,ul.category-tabs li{
  border-style: solid;
  border-color: rgba(245,255,255,0.1) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #000000 !important;
  transition: all 0.5s ease-in-out;
  margin: 0px 2px 0px 2px;
}

.posttypediv div.tabs-panel{
  border: none;
  background: rgba(0,0,0,0.0) !important;
  box-shadow: none !important;
}

/* Bulk Button */

.bulk-select-button{
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: rgba(245,255,255,0.1);
  border-width: 0px !important;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;  
}

.wp-admin label.bulk-select-button:active,
.wp-admin label.bulk-select-button:focus-within,
.wp-admin label.bulk-select-button:hover{
  backdrop-filter: blur(3px) !important;
  background: #0073ff !important;
  border-style: solid;
  border-color: rgba(150,150,150,0.1);
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

/* Bulk Button Checked*/

.bulk-select-button:has(input[type=checkbox]:checked){
  backdrop-filter: blur(3px) !important;
  background: #6baeff !important;
  border-style: solid;
  border-color: rgba(150,150,150,0.1);
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
}

.wp-admin input.bulk-select-switcher:focus+.bulk-select-button-label {
    color: #fff
}

/* CheckBox Stye */

.wp-admin input[type=checkbox]{
  backdrop-filter: blur(10px);
  background: #ffffff !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out; 
}

.wp-admin input[type=checkbox]:hover{
  backdrop-filter: blur(10px);
  background: #0073ff !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out; 
}

.wp-admin input[type=checkbox]:disabled{
  backdrop-filter: blur(10px);
  background: #ffffff !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out; 
}

.wp-admin input[type=checkbox]:checked::before {
    content: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\
<path d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='%23ffffff'/>\
</svg>");
    margin: -.1875rem 0 0 -.25rem;
    height: 1.3125rem;
    width: 1.3125rem;
  transition: all 0.2s ease-in-out;
}

.wp-admin input[type=checkbox]:checked{
  backdrop-filter: blur(10px);
  background: #0073ff !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out; 
}

.components-checkbox-control__input[type=checkbox]{
  border-radius: 10px;
}

/* Column Checkbox plugin no boxshadow  */
.check-column .label-covers-full-cell:hover+input:not(:disabled) {
    box-shadow: none;
}

/* Woocommerce Styles  */

/* Woo settings page   */

body.woocommerce_page_wc-settings .nav-tab-wrapper a {
    padding: 10px 10px 10px 10px;
}


/* Woo product page dit  */

.woocommerce-layout__header {
  border-style: solid;
  border-color:  rgba(255,255,255,0.1)  !important;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  border-width: 1px 0px 0px 1px;
  margin-bottom: 10px;
}

.woocommerce-layout__header .woocommerce-layout__header-heading{
  background: rgba(0,0,0,0.0) !important;
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

.woocommerce-layout__activity-panel-tabs .woocommerce-layout__activity-panel-tab{
  background: rgba(0,0,0,0.0) !important;
  border-radius: 10px;
  backdrop-filter: blur(10px);
}


/* Woo product page dit  */

#titlediv #title{
  border: none;
  border-radius:10px;
  margin-top: 40px;
    backdrop-filter: blur(10px) !important;
  background: rgba(255,255,255,0.5) !important;
}

.postbox{
  border: none;
  border-radius:10px;
  margin-top: 40px;
  backdrop-filter: blur(10px) !important;
  overflow: visible !important; 
  background: rgba(255,255,255,0.5) !important;
}

/* PopUp Notify Woo*/

.css-1otwcjs{
  border: none;
  border-radius:10px;
  margin-top: 40px;
    backdrop-filter: blur(10px) !important;
  background: rgba(255,255,255,0.9) !important;
}

/* Button Notify Woo*/

.components-button.is-primary {
  backdrop-filter: blur(3px) !important;
  background: #0073ff !important;
  border-style: solid;
  border-color: #0073ff;
  border-width: 1px;
  color: #ffffff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
  font-weight: 500 !important;
}

.components-button.is-primary:hover {
  backdrop-filter: blur(3px) !important;
  background: #ffffff !important;
  border-style: solid;
  border-color: #0073ff;
  border-width: 1px;
  color: #0073ff !important;
  border-radius: 10px;
  transition: all 0.5s ease;
  font-weight: 500 !important;
}

/* Woo status bar  */

.woocommerce-analytics-import-status-bar {
    background: rgba(255,255,255,0.9) !important;
    border: 1px solid #0073ff !important;
    border-radius: 10px !important;
    padding: 20px !important;
}

/* Woo status bar update button  */

.components-button.is-tertiary{
  color: #0073ff !important;
  transition: all 0.5s ease;
}

.components-button.is-tertiary:hover{
  color: #0073ff !important;
  transition: all 0.5s ease;
  background: none !important;
}

/* bg product data  */

#woocommerce-coupon-data .panel-wrap, #woocommerce-product-data .panel-wrap{
  background: rgba(255,255,255,0.0) !important;
}

/* woo delete link  */
.wc-metaboxes-wrapper .wc-metabox h3 a.delete{
  color: #af0000 !important;
}

.product_page_product_attributes .form-wrap form{
    z-index: 2;
    box-sizing: border-box;
    border: none;
    background: rgba(255,255,255,0.7) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(10px) !important;
    border-radius: 20px;
}



/* Xthemos Styles  */

/* Xthemos settings menu color  */
.xts-row .xts-nav li a{
    color: #000000 !important;
}

.xts-options .xts-nav.xts-nav-vertical.xts-nav li a{
    color: #ffffff !important;
}

/* Xthemos sidemenu product style  */
.xts-options .xts-nav.xts-nav-vertical {
    background-color: #1e1e1e !important;
    border-radius:10px !important;
}

.xts-options .xts-nav.xts-nav-vertical>li.xts-active-nav>a{
    background-color: #0073ff !important;
}

.xts-options .xts-nav.xts-nav-vertical.xts-nav li a:hover{
    background-color: #2f2f2f !important;
}

/* mce Styles  */

/* mce switcher buttons  */
.wp-switch-editor{
  background: #0073ff !important;
  background-size: 15px !important;
  color: #ffffff !important;
  transition: all 0.5s ease;
  border-radius: 20px !important;
  border: none !important;
  box-shadow: none !important;
}

.wp-switch-editor:hover,
.wp-switch-editor:active,
.wp-switch-editor:focus{
  border-radius:20px !important;
  background: rgb(205 205 205 / 40%) !important;
  transition: all 0.5s ease !important;
  color: #000000 !important;
  border: none !important;
  box-shadow: none !important;
}

/* mce toolbar bg */

div.mce-toolbar-grp{
  border: none !important;
  background: rgb(255 255 255 / 0%) !important;
}

/* mce bottom border */

.wp-editor-expand #wp-content-editor-tools{
  border-bottom: 0px !important;
  
}

/* container border */

.wp-editor-container{
    border-radius: 7px;
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

/* container buttons */

.mce-btn{
    border-radius:8px !important;
  border: none !important;
  box-shadow: none !important;
  transition: all 0.5s ease !important;
}

.mce-btn:focus,
.mce-btn:hover,
.mce-btn:active{
  background: #dfdfdf !important;
  box-shadow: none !important;
  border: none;
  transition: all 0.5s ease !important;
}

.mce-btn:focus,
.mce-btn:hover,
.mce-btn:active{
    outline: none !important;
    box-shadow: none !important;
}

.mce-ico{
    color:#000000 !important;
  transition: all 0.5s ease !important;
}

/* post status info */

#postdivrich.woocommerce-product-description #post-status-info{
    outline: none !important;
    box-shadow: none !important;
  border: none !important;
  background: rgb(255 255 255 / 0%) !important;
}

/* SELECT2 MULTIPLE
   Campo Select2 que permite seleccionar múltiples opciones (tags o múltiples valores) */
.wc-wp-version-gte-53 .select2-container .select2-selection--multiple{
  backdrop-filter: blur(10px) !important;
  background: rgba(250,250,250,0.5);
  border-style: solid;
  border-color: rgba(255,255,255,0.00) !important;
  border-width: 1px;
  color: #000000;
  border-radius: 10px;
}

/* SELECT2 SINGLE
   Campo Select2 de selección única (dropdown normal con una sola opción seleccionada) */
.wc-wp-version-gte-53 .select2-container .select2-selection--single{
  background: rgba(255,255,255,0.5) !important;
  background-size: 15px !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.00) !important;
  border-width: 1px;
  border-radius: 10px;
  color: #000000 !important;
  transition: all 0.5s ease-in-out;  
  font-weight: 500 !important;
}

/* SELECT2 SINGLE FOCUS
   Estado del select cuando el campo está activo o seleccionado */
.wc-wp-version-gte-53 .select2-container .select2-selection--single:focus{
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: rgba(255,255,255,0.00) !important;
  border-width: 1px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;  
  font-weight: 500 !important;
}

/* PLACEHOLDER DEL SELECT2
   Texto que aparece cuando no hay ninguna opción seleccionada */
.select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #000000 !important;
  transition: all 0.5s ease-in-out;  
  font-weight: 500 !important;
}

/* CAMPO DE BÚSQUEDA DENTRO DEL DROPDOWN DE SELECT2
   Input que aparece para buscar opciones dentro del select desplegable */
.select2-container--default .select2-search--dropdown .select2-search__field{
  background: rgb(231 231 231 / 50%) !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px;
  border-radius: 10px;
  box-shadow: none !important;
  outline: none !important;
}

/* CONTENEDOR DEL DROPDOWN DE SELECT2
   Panel desplegable donde aparecen las opciones del select */
.wp-admin.wc-wp-version-gte-53 .select2-dropdown {
  backdrop-filter: blur(5px);
  background: rgba(255,255,255,0.5) !important;
  border-style: solid;
  border-color: #0073ff !important;
  border-width: 1px;
  border-radius: 0px 0px 10px 10px;
  box-shadow: none !important;
  outline: none !important;
}



/* RADIO BUTTON ESTADO NORMAL
   Apariencia base de todos los radios dentro del admin */
.wp-admin input[type="radio"]{
background:#ffffff;
box-shadow: inset 0 0 0 0px #0073ff;
transition:all .2s ease-in-out;
border-color:#0073ff;
}

/* ELIMINA EL PUNTO INTERNO NATIVO DEL RADIO DEL ADMIN DE WORDPRESS */
.wp-admin input[type="radio"]::before{
content:none !important;
transition:all .2s ease-in-out;
}

/* RADIO BUTTON HOVER
   Estilo cuando el cursor pasa por encima del radio */
.wp-admin input[type="radio"]:hover{
background:#0073ff;
box-shadow: inset 0 0 0 4px white;
transition:all .2s ease-in-out;
}

/* RADIO BUTTON CHECKED
   Estilo cuando el radio está seleccionado */
.wp-admin input[type="radio"]:checked{
background:#0073ff;
box-shadow: inset 0 0 0 4px white !important;
transition:all .2s ease-in-out;
border-color:#0073ff !important;
}

/* XTMOS Cat Button Style */
.xts-option-control .wp-media-buttons .insert-media{
    background-color: #efeff0 !important;
}

:is(.taxonomy-product_cat,.taxonomy-cms_block_cat,.taxonomy-wd_popup_cat,.taxonomy-wd_floating_block_cat) :is(#addtag,#edittag) .button.upload_image_button{
    background-color: #efeff0 !important;
}