@import url("root.css");
@import url("sidebar.css");
/*poppins font*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

body{
  font-family: 'Poppins', sans-serif;
  background-color:#eef0f8;
}

/* Define the scrollbar track */
::-webkit-scrollbar-track {
    background-color: transparent; /* Change this to the background color you want */
}

/* Define the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #636e72 ; /* Change this to the color you want for the scrollbar */
    border: 1px solid; 
    border-color: #636e72 ; /* You can add a border if you like */
    border-radius: 8px;
}

/* Define the scrollbar width */
::-webkit-scrollbar {
    width: 10px;
}

/***********************************************************
*
*                   BOTONES SÓLIDOS BOOTSTRAP
*
***********************************************************/
.btn{
  line-height: 1.5;
  border-radius: .42rem;
  font-size:12px;
  font-weight:600 !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:active { color: #fff; background-image:none; background-color: #3699ff; border-color: #3699ff; }
.btn-secondary, .btn-secondary:hover, .btn-secondary:active { color: #3f4254; background-color: #e4e6ef; border-color: #e4e6ef; }
.btn-success, .btn-success:hover, .btn-success:active { color: #fff; background-image:none; background-color: #1bc5bd; border-color: #1bc5bd; }
.btn-danger, .btn-danger:hover, .btn-danger:active { color: #fff; background-image:none; background-color: #f64e60; border-color: #f64e60; }
.btn-warning, .btn-warning:hover, .btn-warning:active { color: #fff; background-image:none; background-color: #ffa800; border-color: #ffa800; }
.btn-info, .btn-info:hover, .btn-info:active { color: #fff !important; background-image:none; background-color: #3699ff; border-color: #3699ff; }
.btn-light, .btn-light:hover, .btn-light:active{ color: #7e8299; background-color: #f3f6f9; border-color: #f3f6f9; }
.btn-dark, .btn-dark:hover, .btn-dark:active { color: #fff; background-color: #181c32; border-color: #181c32; }
.btn-default, .btn-default:hover, .btn-default:active { color: #3f4254; background-color: #e4e6ef; border-color: #e4e6ef; }

/* Lo mismo para los botones deshabilitados */
.btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:active { color: #fff; background-image:none; background-color: #3699ff; border-color: #3699ff; }
.btn-secondary:disabled, .btn-secondary:disabled:hover, .btn-secondary:disabled:active { color: #3f4254; background-color: #e4e6ef; border-color: #e4e6ef; }
.btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:active { color: #fff; background-image:none; background-color: #1bc5bd; border-color: #1bc5bd; }
.btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:active { color: #fff; background-image:none; background-color: #f64e60; border-color: #f64e60; }
.btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:active { color: #fff; background-image:none; background-color: #ffa800; border-color: #ffa800; }
.btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:active { color: #fff; background-image:none; background-color: #3699ff; border-color: #3699ff; }
.btn-light:disabled, .btn-light:disabled:hover, .btn-light:disabled:active { color: #7e8299; background-color: #f3f6f9; border-color: #f3f6f9; }
.btn-dark:disabled, .btn-dark:disabled:hover, .btn-dark:disabled:active { color: #fff; background-color: #181c32; border-color: #181c32; }
.btn-default:disabled, .btn-default:disabled:hover, .btn-default:disabled:active { color: #3f4254; background-color: #e4e6ef; border-color: #e4e6ef; }


/***********************************************************
*
*                  BOTONES LIGHT BOOTSTRAP
*
***********************************************************/
.btn-light-success { color: #1bc5bd; background-color: #c9f7f5; border-color: transparent; }
.btn-light-success:hover { color: #fff; background-color: #1bc5bd; border-color: transparent; }
.btn-light-primary { color: #3699ff; background-color: #e1f0ff; border-color: transparent; }
.btn-light-danger { color: #f64e60; background-color: #ffe2e5; border-color: transparent; }
.btn-light-warning { color: #ffa800; background-color: #fff4de; border-color: transparent; }
.btn-light-dark { color: #181c32; background-color: #d1d3e0; border-color: transparent; }

/***********************************************************
*
*                    BOTONES LINK
*
***********************************************************/
.btn-link { font-weight: 400; color: #3699ff; text-decoration: none; }

/***********************************************************
*
*             BOTONES SÓLIDOS PORTALES 
*
**********************************************************/
.btn-abebooks, .btn-abebooks:hover, .btn-abebooks:active, .btn-abebooks.active { color:#fff !important; background-image:none !important; background-color:var(--abebooks-color) !important; }
.btn-abebooks:hover { color:#fff !important; background-image:none !important; background-color:var(--abebooks-color-dark) !important; }
.btn-uniliber, .btn-uniliber:hover, .btn-uniliber:active, .btn-uniliber.active { color:#fff !important; background-image:none !important; background-color:var(--uniliber-color) !important; }
.btn-uniliber:hover { color:#fff !important; background-image:none !important; background-color:var(--uniliber-color-dark) !important; }
.btn-todocoleccion, .btn-todocoleccion:hover, .btn-todocoleccion:active, .btn-todocoleccion.active { color:#fff !important; background-image:none !important; background-color:var(--todocoleccion-color) !important; }
.btn-todocoleccion:hover { color:#fff !important; background-image:none !important; background-color:var(--todocoleccion-color-dark) !important; }
.btn-amazon, .btn-amazon:hover, .btn-amazon:active, .btn-amazon.active { color:#fff !important; background-image:none !important; background-color:var(--amazon-color) !important; }
.btn-amazon:hover { color:#fff !important; background-image:none !important; background-color:var(--amazon-color-dark) !important; }
.btn-biblio, .btn-biblio:hover, .btn-biblio:active, .btn-biblio.active { color:#222 !important; border:1px solid var(--biblio-color-dark); background-image:none !important; background-color:var(--biblio-color) !important; }
.btn-biblio:hover { color:#222 !important; border:1px solid var(--biblio-color-dark); background-image:none !important; background-color:var(--biblio-color-dark) !important; }

/***********************************************************
*
*             BOTONES SÓLIDOS SOCIALES
*
***********************************************************/
.btn-social{ font-size: 22px; padding-top:2px; padding-bottom:2px; padding-left:5px; padding-right:5px; }

.btn-facebook{ background-color:var(--facebook-dark); color:#fff; font-size:14px; }
.btn-facebook:hover{ background-color:var(--facebook-color-dark); color:#fff; font-size:14px; } 
.btn-twitter{ background-color:var(--twitter-dark); color:#fff; font-size:14px; }
.btn-twitter:hover{ background-color:var(--twitter-color-dark); color:#fff; font-size:14px; } 
.btn-whatsapp{ background-color:var(--whatsapp-color); color:#fff; font-size:14px; } 
.btn-whatsapp:hover{ background-color:var(--whatsapp-color-dark); color:#fff; font-size:14px; } 
.btn-instagram{ background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color:#fff; font-size:14px; } 
.btn-instagram:hover{ background-color:#af2f78; color:#fff; font-size:14px; } 
.btn-youtube{ background-color:var(--youtube-color); color:#fff; font-size:14px; } 
.btn-youtube:hover{ background-color:var(--youtube-color-dark); color:#fff; font-size:14px; } 
.btn-pinterest{ background-color:var(--pinterest-color); color:#fff; font-size:14px; } 
.btn-pinterest:hover{ background-color:var(--pinterest-color-dark); color:#fff; font-size:14px; } 
.btn-linkedin{ background-color:var(--linkedin-color); color:#fff; font-size:14px; } 
.btn-linkedin:hover{ background-color:var(--linkedin-color-dark); color:#fff; font-size:14px; } 
.btn-tumblr{ background-color:var(--tumblr-color); color:#fff; font-size:14px; } 
.btn-tumblr:hover{ background-color:var(--tumblr-color-dark); color:#fff; font-size:14px; } 
.btn-reddit{ background-color:var(--reddit-color); color:#fff; font-size:14px; } 
.btn-reddit:hover{ background-color:var(--reddit-color-dark); color:#fff; font-size:14px; } 
.btn-vk{ background-color:var(--vk-color); color:#fff; font-size:14px; } 
.btn-vk:hover{ background-color:var(--vk-color-dark); color:#fff; font-size:14px; } 
.btn-telegram{ background-color:var(--telegram-color); color:#fff; font-size:14px; } 
.btn-telegram:hover{ background-color:var(--telegram-color-dark); color:#fff; font-size:14px; } 
.btn-google-plus{ background-color:var(--google-plus-color); color:#fff; font-size:14px; } 
.btn-google-plus:hover{ background-color:var(--google-plus-color-dark); color:#fff; font-size:14px; } 
.btn-google{ background-color:var(--google-color); color:#fff; font-size:14px; } 
.btn-google:hover{ background-color:var(--google-color-dark); color:#fff; font-size:14px; }

/***********************************************************
*
*             BOTONES SÓLIDOS FILETYPES
*
***********************************************************/
.btn-word, .btn-word:hover, .btn-word:active, .btn-word.active { color:#fff !important; background-image:none !important; background-color:var(--word-color) !important; }
.btn-word:hover { color:#fff !important; background-image:none !important; background-color:var(--word-color-dark) !important; }
.btn-excel, .btn-excel:hover, .btn-excel:active, .btn-excel.active { color:#fff !important; background-image:none !important; background-color:var(--excel-color) !important; }
.btn-excel:hover { color:#fff !important; background-image:none !important; background-color:var(--excel-color-dark) !important; }
.btn-pdf, .btn-pdf:hover, .btn-pdf:active, .btn-pdf.active { color:#fff !important; background-image:none !important; background-color:var(--pdf-color) !important; }
.btn-pdf:hover { color:#fff !important; background-image:none !important; background-color:var(--pdf-color-dark) !important; }

/***********************************************************
*
*             COLORES DE TEXTO BOOTSTRAP
*
***********************************************************/
.text-danger { color: #f64e60!important; }
.text-success { color: #1bc5bd!important; }
.text-info { color: #3699ff!important; }
.text-warning { color: #ffa800!important; }
.text-primary { color: #3699ff!important; }
.text-dark{ color: #181c32!important; }

/***********************************************************
*
*             COLORES DE TEXTO PORTALES
*
***********************************************************/
.text-todocoleccion{ color:var(--todocoleccion-color) !important; }
.text-abebooks{ color:var(--abebooks-color) !important; }
.text-uniliber{ color:var(--uniliber-color) !important; }
.text-amazon{ color:var(--amazon-color) !important; }
.text-casadellibro{ color:var(--casadellibro-color) !important; }
.text-delcampe{ color:var(--delcampe-color) !important; }

/***********************************************************
*
*            COLORES DE TEXTO METODOS DE PAGO
*
***********************************************************/
.text-paypal{ color:var(--paypal-color) !important; }
.text-stripe{ color:var(--stripe-color) !important; }

/***********************************************************
*
*            COLORES DE TEXTO DE REDES SOCIALES
*
***********************************************************/
.text-facebook{ color:var(--facebook-color) !important; }
.text-twitter{ color:var(--twitter-color) !important; }
.text-whatsapp{ color:var(--whatsapp-color) !important; }
.text-instagram{ color:var(--instagram-color) !important; }
.text-youtube{ color:var(--youtube-color) !important; }
.text-pinterest{ color:var(--pinterest-color) !important; }
.text-linkedin{ color:var(--linkedin-color) !important; }
.text-tumblr{ color:var(--tumblr-color) !important; }
.text-reddit{ color:var(--reddit-color) !important; }
.text-vk{ color:var(--vk-color) !important; }
.text-telegram{ color:var(--telegram-color) !important; }
.text-google-plus{ color:var(--google-plus-color) !important; }
.text-google{ color:var(--google-color) !important; }


/***********************************************************
*
*                    COLORES DE fONdo
*
***********************************************************/
.bg-light-primary {
    background-color: #e1f0ff !important;
}
.bg-hover-light-primary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}
.bg-hover-light-primary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #e1f0ff !important;
}
.bg-diagonal-light-primary:before {
    background-color: #e1f0ff !important;
}
.bg-light-secondary {
    background-color: #ebedf3 !important;
}
.bg-hover-light-secondary {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}
.bg-hover-light-secondary:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ebedf3 !important;
}
.bg-diagonal-light-secondary:before {
    background-color: #ebedf3 !important;
}
.bg-light-success {
    background-color: #c9f7f5 !important;
}
.bg-hover-light-success {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}
.bg-hover-light-success:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #c9f7f5 !important;
}
.bg-diagonal-light-success:before {
    background-color: #c9f7f5 !important;
}
.bg-light-info {
    background-color: #eee5ff !important;
}
.bg-hover-light-info {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}
.bg-hover-light-info:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #eee5ff !important;
}
.bg-diagonal-light-info:before {
    background-color: #eee5ff !important;
}
.bg-light-warning {
    background-color: #fff4de !important;
}
.bg-hover-light-warning {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}
.bg-hover-light-warning:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #fff4de !important;
}
.bg-diagonal-light-warning:before {
    background-color: #fff4de !important;
}
.bg-light-danger {
    background-color: #ffe2e5 !important;
}
.bg-hover-light-danger {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    cursor: pointer;
}
.bg-hover-light-danger:hover {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    background-color: #ffe2e5 !important;
}
.bg-diagonal-light-danger:before {
    background-color: #ffe2e5 !important;
}

.h1, h1 {
    font-size: 2rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    font-family: 'Poppins', sans-serif;
}


.ribbon {
  position: absolute;
  right: 10px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 200px;
  text-align: right;
}

.ribbon span {
  font-size: 8px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #1bc5bd;
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}

.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #1bc5bd;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1bc5bd;
}

.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #1bc5bd;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #1bc5bd;
}

.isbn-image{
  cursor:pointer;
}

.isbn-image:hover{
   cursor:pointer;
   border:5px solid #468847;
}

.isbn-image.checked{
   cursor:pointer;
   border:5px solid #468847;
}

/*toastr plugin */
.toast-success{background-color:#1bc5bd !important}
.toast-error{background-color:#f64e60 !important}
.toast-info{background-color:#3699ff !important}
.toast-warning{background-color:#ffa800 !important}



.notify-bar{
  background:#636e72 !important;
  border-radius:0px !important;
  border:0px !important;
  padding:15px;
  margin-bottom:15px;
  color:#eee;
}

.notify-bar-icon, .notify-bar-icon:hover{
  font-size:18px;
  color:#eee;
}

.notify-bar-icon-badge{
  background:#fc5c65 !important;
  color:#fff !important;
  font-size:10px;
  position:relative;
  top: -5px;
  left: -5px;
}

.badge-danger{
    background:#fc5c65 !important;
    color:#fff !important;
}

.badge-success{
    background: #1bc5bd !important;
    color:#fff !important;
}
/***********************************************************
*
*             Admin panel bottom bar
*
***********************************************************/
.bottom-bar{
    background:#fff;
    border-top:1px solid #eee;
    padding:10px;
    margin-top:15px;
    /* shadow   */
    -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.1);
}

/***********************************************************
*
*             Admin panel bottom bar
*
***********************************************************/
.bottom-bar {
    background: #fff;
    border-top: 1px solid #eee;
    padding: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: all 0.5s ease;
    z-index: 999; /* Asegura que esté por encima del contenido */
}



/***********************************************************
*
*               CONFIGURATION PAGE SERP WIDGET
*
***********************************************************/
.serp-title{
    text-decoration: none;
    color:#033bbf;
    font-weight:normal;
    font-size: 18px !important;
    font-family: arial,sans-serif;
    margin:0px;
    cursor:pointer;

}

.serp-title:hover{
    text-decoration:underline;
    color:#033bbf;
    font-weight:normal;
    font-size: 18px !important;
    font-family: arial,sans-serif;
}

.serp-url {
    color: #006621;
    font-style: normal;
    font-size: 14px;
    display: inline-block;
}

.serp-description {
    color: #545454;
    font-size: small;
    line-height: 1.4;
    word-wrap: break-word;
    max-width:573px;
}




/*******************************************************************
*
*                   Adaptaciones
*
*******************************************************************/
td>input[type=checkbox], th>input[type=checkbox] 
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}

td>input[type=checkbox].normal-size, th>input[type=checkbox].normal-size 
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1); /* IE */
  -moz-transform: scale(1); /* FF */
  -webkit-transform: scale(1); /* Safari and Chrome */
  -o-transform: scale(1); /* Opera */
  padding: 5px;
}

/*******************************************************************
*
*                   Adaptación del crudgen
*
*******************************************************************/
th > .input-sm{
    font-size: 12px !important;
    font-weight:normal !important;
}


input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


/*******************************************************************
*
*                   Adaptación del select2
*
*******************************************************************/

/*Tamaño de la fuente de la opción seleccionada*/
.select2-selection__rendered{
    font-size: 14px;
    color:#272b30 !important;
    border-color:red;
    font-family: inherit !important;
    line-height: 34px !important;
}
 /*Color de la fuente de las opciones*/
.select2-results__option{
    color:#272b30 !important;
    font-size: 14px;
}

 /*Color del placeholder*/
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #777 !important;
}

/*caja del form control del select2*/
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border:1px solid #cccccc !important;
    border-radius: 3px !important;
    height:38px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* Caja del form control del select2 multiple */
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border:1px solid #cccccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search__field{
    padding-left: 20px;
}



.select2-selection__arrow{
    height: 36px !important;
}

.select2-container{ width: 100% !important; }

.select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /* background-color: #e4e4e4; */
    /* border:none !important; */
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    
    cursor: default;
    float: left;
    font-size: 12px;
    padding: 0.5em 0.6em 0.5em !important;
    /* font-size: 75%; */
    /* font-weight: bold; */
    line-height: 12px;;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}



/*Adaptacion del select2 para que no cambie su tamaño al seleccionar una opción con texto muy largo*/
.input-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}

.form-group .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}

td .select2-container {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}

/*****************************************************
*
*            Adaptación del bootstrap tagsinput
*
*****************************************************/
div.bootstrap-tagsinput{
    min-height: 38px !important;
    padding: 3px 6px!important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #666666;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/***********************************************************
*
*               BOOTSTRAP TOOLTIPS
*
***********************************************************/
.big-tooltip>.tooltip-inner {
    min-width: 200px;
}

.tooltip{
    z-index: 999999;
    position: fixed;
}

.bootstrap-tagsinput {
    width: 100%;
}

.modal {
  overflow-y:auto !important;
}

.modal-title{
  font-family: 'Poppins', sans-serif;
  font-weight:600;
}

.modal-xl{
    width:95%;
    max-width:1280px;
}

.modal-xs{
    width:95%;
    max-width:400px;
}

.panel-heading-control{
    width:140px; 
    margin-top:-5px;
}

.panel{
    border: 1.11px solid #e4e7ec;
	border-radius: 16px !important; 
}

.panel-heading{
  color:#616161 !important;
  background-color:#fff !important;
  border:none;
  border-radius:16px 16px 0px 0px;
  font-size:16px;
  font-weight:600;
  padding-bottom: 0px;
  padding-left: 29.25px;
  padding-right: 29.25px;
  padding-top: 19.5px;
}

.panel-body{
  padding-bottom: 26px;
  padding-left: 29.25px;
  padding-right: 29.25px;
  padding-top: 26px;
}

.form-control-feedback {
    position: absolute;
    top: 25px;
    right: 15px;
}

.popover{
    min-width: 512px;
}

.popover-small{
    min-width: 100px;
}

.popover-content{
  color:#222;
  width: 100%;
}

.list-group{
    margin-bottom: 0px;
    padding-left: 0px;
    border-radius: 16px !important;
    border: 1.11px solid #e4e7ec;

    /* first child */
   & > .list-group-item:first-child {
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }

    .list-group-item {
        padding: 16px 29px;
    }

    /* last child */
    & > .list-group-item:last-child {
        border-bottom-left-radius: 16px !important;
        border-bottom-right-radius: 16px !important;
    }
}





.breadcrumb{
  background-color:#fff;
  padding: 20px 30px;
   border: 1.11px solid #e4e7ec;
	border-radius: 16px;
}

.label{
   font-size: 10px;
}

.label-success {
    color: #1bc5bd;
    background-color: #c9f7f5;
}

.label-info{
  color: #e1f0ff;
  background-color: #3699ff;
}

.label-primary{
  color: #3699ff;
  background-color: #e1f0ff;
}

.label-warning{
  color: #ffa800;
  background-color: #fff4de;
}

.label-danger {
    color: #f64e60;
    background-color: #ffe2e5;
}

.label-default{
  background-color: #ebedf3;
  color: #3f4254;
}

.label-todocoleccion {
    background-color: var(--todocoleccion-color);
    color: #fff;
}

.label-abebooks {
    background-color: var(--abebooks-color);
    color: #fff;
}

.label-uniliber {
    background-color: var(--uniliber-color);
    color: #fff;
}

.label-casadellibro {
    background-color: var(--casadellibro-color);
    color: #fff;
}

.label-amazon {
    background-color: var(--amazon-color);
    color: #fff;
}

.label-delcampe {
    background-color: var(--delcampe-color);
    color: #fff;
}

.label-biblio {
    background-color: var(--biblio-color);
    color: #111;
}

td{
  padding:15px 10px !important;
}

.table-condensed  td, .table-condensed  tr{
    padding:8px 5px 2px 5px!important;
    font-size:13px;
}

.nav-tabs {
    border-bottom: 1px solid #3399f3;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #666666;
    /* background-color: #ffffff; */
    border:none;
    border-bottom: 4px solid;
    border-bottom-color: #3399f3;
    cursor: default;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    /* border: 1px solid transparent; */
    /* border-radius: 4px 4px 0 0; */
}

.dropdown-menu>li>a:hover {
    background-color:#e4e4e4;
    color:#181c32;
}

.nav-tabs.centered > li, .nav-pills.centered > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs.centered, .nav-pills.centered {
    text-align:center;
}



.eyb-table{
    background-color: transparent   !important;
    border-spacing: 0 10px !important;
    border-collapse: separate;
    border-radius: 12px;
}

.eyb-table thead{
    background-color: #ffffff;
    border-spacing: none !important;
}

.eyb-table thead tr{
    background-color: #ffffff;
    border-radius: 12px;
}

.eyb-table tbody tr{
    background-color: #ffffff;
    border-radius: 12px;
    border : 5px solid #e9e9e9 !important;
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.2);
    transition: all 0.4s ease;
}

.eyb-table tbody tr:hover{
   /*se hace un poco más grande*/
    transform: scale(1.02);
    -webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.3);

}

.eyb-table tbody tr td{
    border:none !important;
}

.eyb-table tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border:none;
  }
  
.eyb-table tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border:none;
}

.eyb-table tr td .media {
    margin-top:-5px;
}

.eyb-table .checkable-td{
    padding:20px 15px 15px 25px !important;
}

.eyb-table .checkable-td{
    padding:20px 15px 15px 25px !important;
}


/*******************************************************
*
*                 TOASTR
*
********************************************************/
#toast-container > div, #toast-container > div:hover {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    filter: alpha(opacity=100) !important;
    background-origin: sha;
}

#toast-container > div:hover {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.img-table-preview-80{
    height:80px;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 4px;
}

.img-table-preview-64{
    height:64px;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 4px;
}

.img-table-preview-48{
    height:48px;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: 3px;
}
.mce-fullscreen {
    z-index: 9999 !important;
}

body#tinymce {
    padding: 15px !important;
}