:root{
    --primary-color: #2EE59D;
    --primary-color-text: black;
    --secondary-color: #4b89e5;
    --secondary-color-text: white;
}

.input_title {
    font-size: 1.2rem;
    font-weight: bold; 
    padding: 0px; 
}

.input_row  .col{
    border-radius: 7px;
    border:1px solid lightgray;
    padding: 10px 20px 0px 20px; 
    margin:20px;
}


.input_row{
    padding: 10px 20px;
}

#input_rpm, #input_nm, #input_min, #input_k1, #input_k2 {margin-bottom: -50px;}

#input_k1_slider, #input_k2_slider {margin-top: 30px;}

.sc-gqjmRU.cAPXWV{
    font-size:18px;
}

.sc-VigVT.dHABtm{
    font-weight:bold;
    font-size:10px
}

/* Botones */
#botones_menu{
    position:fixed;
    top:40%;
    margin-left:27px;
}

#botones_menu button{
    display:block;
    margin-bottom:10px;
    background: white;
    color:black;
    border:none;
    border-radius:30px;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
}

/*
#botones_menu button:hover{
    
    background-color: #2EE59D;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);  
}
*/

#botones_menu button .button_text{
    display:none;
    margin-right:10px;
}

#botones_menu button:hover .button_text{
    display:inline-block;
}

/* Termometro */
#input_k1 .sc-gZMcBi.hZkeSi, #input_k2 .sc-gZMcBi.hZkeSi {
    margin-top: 35px;
}

.hLTLYz{
    width:25px;
    height:25px;
}

html{
    overflow-x: hidden;
}

/* Resultados */
#prediccion_fallo, #prediccion_tipo_fallo {
    max-width: 1200px;
    margin: auto;
}

#resultados{
    margin:auto;
    max-width: 1800px;
    margin-bottom: 100px;
}

#resultados img{
    max-width: 100% ;
    margin: auto;
}

#prediccion_title, #prediccion_postitle, #prediccion_pretitle{
    text-align:center;
}

#prediccion_title{
    margin-bottom:20px;
}

#prediccion_pretitle{
   margin-bottom:0px;
}

#prediccion_postfallo {
    max-width: 800px;
    margin: auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Offcanvas 
#open-offcanvas {
    position: fixed;
    bottom: 50%;
    left: 30px;
    top: 50%;
    
    padding: 0px;
    height: 40px;
    width: 40px;
    
    border-radius: 20px;
    border-color: transparent;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
    color: #000;
    background-color: #fff;
}

#open-offcanvas:hover {
    background-color: #2EE59D;
    box-shadow: 0px 15px 20px rgba(46, 229, 157, 0.4);
    color: #fff;
    transform: translateY(-7px);
  }



#open-offcanvas:hover .button_text{
    display:inline-block;
}

#open-offcanvas:hover{
       transform: translateX(7px);
}
*/

.offcanvas-body h5 {
    margin-top: 30px;
}

.offcanvas-body {
    padding-top: 0px;
}

/* Logo decidata */
#logo_decidata{
    position: fixed;
    width: 150px;
    bottom: 0px;
    right: 0px;
}