/*
*
* CORE css
*
* Incluida en todos los temas para incluir estilos genericos.
*
*/
@import "/system/modules/es.inpro.opencms.core/resources/plugins/soporte/css/soporte-styles.css";
/******************
 HEIGHT FIXED
*******************/
.item-height-fixed-auto .item {height: auto}
.item-height-fixed-50 .item {height: 50px}
.item-height-fixed-100 .item {height: 100px}
.item-height-fixed-150 .item {height: 150px}
.item-height-fixed-200 .item {height: 200px}
.item-height-fixed-225 .item {height: 225px}
.item-height-fixed-250 .item {height: 250px}
.item-height-fixed-300 .item {height: 300px}
.item-height-fixed-350 .item {height: 350px}
.item-height-fixed-400 .item {height: 400px}
.item-height-fixed-450 .item {height: 450px}
.item-height-fixed-500 .item {height: 500px}
.item-height-fixed-50 .item * {max-height: 50px}
.item-height-fixed-100 .item * {max-height: 100px}
.item-height-fixed-150 .item * {max-height: 150px}
.item-height-fixed-200 .item * {max-height: 200px}
.item-height-fixed-225 .item * {max-height: 225px}
.item-height-fixed-250 .item * {max-height: 250px}
.item-height-fixed-300 .item * {max-height: 300px}
.item-height-fixed-350 .item * {max-height: 350px}
.item-height-fixed-400 .item * {max-height: 400px}
.item-height-fixed-450 .item * {max-height: 450px}
.item-height-fixed-500 .item * {max-height: 500px}

/******************
 MARGINS
*******************/
.push-margin-top {margin-top: 50px;}
.push-margin-bottom {margin-bottom: 50px;}
.push-margin-left {margin-left: 50px;}
.push-margin-right {margin-right: 50px;}
.push-margin {margin-top: 50px; margin-bottom: 50px;}
.push-margin-side {margin-left: 50px; margin-right: 50px;}
.push-margin-all {margin: 50px;}
.push-margin-top-100 {margin-top: 100px;}
.push-margin-bottom-100 {margin-bottom: 100px;}
.push-margin-left-100 {margin-left: 100px;}
.push-margin-right-100 {margin-right: 100px;}
.push-margin-100 {margin-top: 100px; margin-bottom: 100px;}
.push-margin-side-100 {margin-left: 100px; margin-right: 100px;}
.push-margin-all-100 {margin: 100px;}
.nomargin-top {margin-top: 0;}
.nomargin-bottom {margin-bottom: 0;}
.nomargin-left {margin-left: 0;}
.nomargin-right {margin-right: 0;}
.nomargin-vertical {margin-top: 0; margin-bottom: 0;}
.nomargin-horizontal,.lateral-margin-0 {margin-left: 0; margin-right: 0;}
.nomargin-all {margin-top: 0;}

/******************
 COLORS BASIC
*******************/
.color-pdf {color: #d21e24;}
.color-excel {color: #179d42;}
.color-word {color: #3197d7;}

/******************
 SIZE IMAGE
*******************/
img.size-75 {max-width: 75%;}
img.size-66 {max-width: 66.66%;}
img.size-50 {max-width: 50%;}
img.size-33 {max-width: 33.33%;}
img.size-25 {max-width: 25%;}

/******************
 BORDERS
*******************/
.show-border-top {border-top: 1px solid;}
.show-border-bottom {border-bottom: 1px solid;}
.show-border-left {border-left: 1px solid;}
.show-border-right {border-right: 1px solid;}
.show-border {border: 1px solid;}
/******************
 SUPPORT
*******************/
#chat-btn {
    position: fixed;
    bottom: 80px;
    right: 40px;
    border: none;
    height: 60px;
    width: 60px;
    cursor: pointer;
    z-index: 9999;
    border-radius: 5px;
	transform-origin: center;
  }
  
#imagenSoporte{
    position: fixed;
    bottom: 60px;
    right: 10px;
    padding: 10px 20px;
    height: 100px;
    width: 120px;
    z-index: 9999;
	transform-origin: center;
    cursor: pointer;
    border: none;
	animation: beat .4s 6 alternate;
}
@keyframes beat {
    to {
        transform: scale(1.2);
    }
}

#chat-popup {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 120px;
    width: 400px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 9998;
    animation-duration: 0.5s;
    animation-name: slide-up;
  }
  
  @keyframes slide-up {
    from {
        opacity: 20%;
      transform: translateX(10%);
    }
    to {
        opacity: 100%;
      transform: translateX(0%);
    }
  }

#chat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #5bbecf;
    font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    color: white;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#chat-header h3 {
    margin: 0;
}

#close-btn {
    background-color: transparent;
    border: none;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

#chat-content {
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    background-color: white;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}