.pli-remove2 {
    content: "\e904";
    color: #e8b210 !important;
    font-weight: bold !important;
}

.ser-check2 {
    content: "\ea3d";
    color: #e8b210 !important;
    font-weight: bold !important;
}

.ser-add2 {
    content: "\e983";
    color: #e8b210 !important;
    font-weight: bold !important;
}


.tooltip {
    position: fixed;
}





.iconModule {
    background-color: #fff;
    margin: 10px;
    padding: 10px;
    border-radius: 51px 51px 51px 51px;
    -moz-border-radius: 25px 25px 25px 25px;
    -webkit-border-radius: 25px 25px 25px 25px;
}

    .iconModule:hover {
        background-color: #E8B210;
    }       

    .iconModule i {
        color: #3C774A !important;
        font-size: 5em;
        cursor: pointer;
    }
    .iconModule label:hover {
        color: #e8b210 !important;
        background-color: #fff !important;
        border-radius: 6px 6px 6px 6px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        padding-left: 2px;
        padding-right: 2px;
        cursor: pointer;
    }
                    

.jstree-default-contextmenu .pli-add, .jstree-default-contextmenu .pli-remove {
    font-size: inherit !important;
}
.jstree-default-contextmenu {
    border-radius: 10px;
    background-color: white;
}

.vakata-context li:hover {
    border-radius: 10px !important;
}




.divcontainer {
    min-height: 1200px !important;
    overflow-y: auto;
}

.mainsiteadj1 {
    padding: 5px;
}

.textright {
    text-align:right;
}

.textleft {
    text-align:left;
}

.textcenter {
    text-align:center;
}

#divlogo {
    position:absolute; 
    top:5px; 
    left:-200px; 
    z-index:999999;
}

#imglogo {
    height:43px;
}

#companyName {
    color:white !important; 
    font-size:medium; 
    font-weight:bold;
}
#notifications_redpoint {
    display:none

}

#content-container {
    background-color:none !important
}

#page-head {
    display:none;
}

#page-content {
    overflow-x:auto;
}

#demo-default-modal_confirm, #demo-default-modal-confirm-click {
    display: none;
}

#contentPlaceHolderDiv1 {
    min-height:600px;
}

.pointer {
    cursor:pointer;
}

#working {
    display:none;
}

.white {
    color:#fff;
}

#modal_error_button {
display:none;
}

#modal_warning_button {
    display:none;
}

#modal_news_button {
    display:none;
}
.height30 {
height:30px
}

#userLoginInfoDiv {
padding:10px;

}

.navbar-top-links > .open > a, .navbar-top-links > .open > a:focus {
   background-color:#e8b210 !important;
   color:#3c774a !important;
       font-size:medium; 
    /*font-weight:bold;*/
}

#userInfoRightMenu, #logoutRightLink {

     font-size:medium !important; 
     
}

    #logoutRightLink:hover {
    background-color:#e8b210 !important;
    
    }



    /*lo que estaba suelto*/

    
      
           .floatBottomDiv {
               float: left ;
               bottom: 0px;               
               position: fixed;
               width: 100%;
               text-align: left;
               background-color:#dbdbdb;
               padding-top:5px;
               padding-bottom:5px
               
           }
               .floatBottomDiv button {
                margin-left:5px;
               }


               .help-pie {
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background-color: #004586e0;
    backdrop-filter: blur(5px);
    padding: 25px 35px;
    z-index: 999;
    opacity: 1;
    color: #fff;
    max-width: 100vw;
    border-radius: 6px;
    transition: all 0.2s;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.3);
}

.help-pie__cont--cerrar:hover {
    opacity: 0.5;
}
.help-pie__cont--cerrar {
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    padding: 5px;
    border-radius: 5px;
    background-color: #004586;
    color: #fff;
    transition: all 0.2s;
}
    
    
     

    
   
    .row [type=checkbox] {
      margin-right: 10px
    }

    .row {
      width: 100%
    }

    .space {
      display: inline-block;
      width: 30px;
    }

    .deadline-line {
      position: absolute;
      top: 0;
      width: 1px;
      height: 22px;
      background: #777777;
    }
    @media print {
      .no-print {
        display: none;
      }
    }

    

    .gtaskPlanned {
        background: rgb(58, 58, 196); 
        background: linear-gradient(to bottom, rgba(58, 58, 196, 1) 0%, rgba( 65, 65,211, 1) 20%, rgba( 76, 76,239, 1) 40%, rgba(58, 58, 196, 1) 70%, rgba( 37, 37,135, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4c4c', endColorstr='#c43a3a', GradientType=0);
    }
   
    .gtaskRunning {
        background: rgb(58, 196, 58);
        background: linear-gradient(to bottom, rgba( 58,196, 58, 1) 0%, rgba( 65,211, 65, 1) 20%, rgba(76, 239, 76, 1) 40%, rgba( 58,196, 58, 1) 70%, rgba( 37, 135, 37, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4c4c', endColorstr='#c43a3a', GradientType=0);
    }

     .gtaskLate {
        background: rgb(196, 58, 58);
        background: linear-gradient(to bottom, rgba(196, 58, 58, 1) 0%, rgba(211, 65, 65, 1) 20%, rgba(239, 76, 76, 1) 40%, rgba(196, 58, 58, 1) 70%, rgba(135, 37, 37, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4c4c', endColorstr='#c43a3a', GradientType=0);
    }

      .gtaskClosed {
        background: rgb(110, 110, 110);
        background: linear-gradient(to bottom, rgba(110, 110, 110, 1) 0%, rgba(110, 110, 110, 1) 20%, rgba(110, 110, 110, 1) 40%, rgba(110, 110, 110, 1) 70%, rgba(110, 110, 110, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef4c4c', endColorstr='#c43a3a', GradientType=0);
    }
        .gtaskPlanned, .gtaskRunning, .gtaskLate, .gtaskClosed {
            height: 13px;
            filter: alpha(opacity=90);
            opacity: 0.9;
            margin-top: 1px;
        }


        .ribbon { 
            position: relative; 
            top: -80px; 
            right: -660px; 
            /*//background-color:aqua;*/
            color:black;
            height:20px;
            width:20px;

        }



  


      
        /* Estilos del modal */
        .chat-modal {
            position: fixed;
            bottom: 75px;
            right: 20px;
            width: 350px;
            height: 500px;
            background-color: #fff;
            border-radius: 15px;
            box-shadow: 0 8px 16px rgba(0,0,0,0.2);
            display: flex;
            flex-direction: column;
            overflow: hidden;
            z-index: 1000;
            font-family: Arial, sans-serif;
        }

        .chat-header {
            background-color: #3c774a;
            color: white;
            padding: 10px;
            font-size: 16px;
            font-weight: bold;
        }

        .chat-body {
            flex: 1;
            padding: 10px;
            overflow-y: auto;
            background-color: #f8f9fa;
        }

        .chat-message {
            margin-bottom: 10px;
        }

        .chat-message.user {
            text-align: right;
        }

        .chat-message.user span {
            background-color: #dcf8c6;
            color: #333;
        }

        .chat-message.bot span {
            background-color: #e4e6eb;
            color: #333;
        }

        .chat-message span {
            display: inline-block;
            padding: 8px 12px;
            border-radius: 18px;
            max-width: 75%;
        }

        .chat-footer {
            display: flex;
            border-top: 1px solid #ddd;
        }

        .chat-footer input {
            flex: 1;
            border: none;
            padding: 10px;
            outline: none;
            font-size: 14px;
        }

        .chat-footer button {
            background-color: #3c774a;
            border: none;
            color: white;
            padding: 0 15px;
            font-size: 16px;
            cursor: pointer;
        }

        .chat-footer button:hover {
            background-color: #00ff21;
        }

        .chat-modal.hidden {
    display: none;
}


.displaynone {
    display:none;
}


.modal.fade.in:not(.animated) .modal-dialog {
    max-width: 650px;
}





        /* Base del Aviso - estilos para el aviso de mejoras */
.app-alert {
    position: fixed;
    top: 100px;
    right: 20px;
    width: 350px;
    max-width: 90%;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease-in-out;
    z-index: 1000;
}

/* Estilo para Novedad/Mejora */
.app-alert--new-feature {
    background-color: #e6e6e6; /* #e6f7ff;  Fondo Azul Claro */
    border: 1px solid #91d5ff;
    color: #1f3a5b;
}

/* Encabezado */
.app-alert__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.app-alert__title {
    flex-grow: 1;
    margin: 0;
    font-size: 1em;
}

.app-alert__icon {
    font-size: 1.2em;
    margin-right: 10px;
}

/* Botón de Cierre */
.app-alert__close-btn {
    background: none;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
    line-height: 1;
    color: #4a4a4a;
    padding: 0 5px;
}

/* Contenido Colapsable */
.app-alert__content {
    /* Altura inicial a 0 para colapsar */
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    margin-top: 10px;
    transition: max-height 0.4s ease-in-out, padding-top 0.4s ease-in-out;
    border-top: 1px solid #c8e0f5; /* Separador */
}

/* Estado Expandido */
.app-alert:not(.app-alert--collapsed) .app-alert__content {
    max-height: 400px; /* Suficiente altura para el contenido */
    padding-top: 10px;
}

/* Botón de Alternar (Toggle) */
.app-alert__toggle-btn {
    background: none;
    border: none;
    color: #1890ff;
    font-size: 0.9em;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

/* Chevron */
.app-alert__chevron {
    border: solid #1890ff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    transition: transform 0.3s ease;
    margin-left: 5px;
}

/* Rotación del Chevron en estado Expandido */
.app-alert:not(.app-alert--collapsed) .app-alert__chevron {
    transform: rotate(-135deg);
}

/* Estilos internos del contenido */
.app-alert__content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-top: 10px;
}

.app-alert__cta {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #1890ff;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
}