.desc_herramienta{
      font-size: 16px;
      text-align: justify;
    }
    @media screen and (max-width: 600px) {
     label[for=searchherramienta]{
        text-overflow: ellipsis;
        width: 100px;
        overflow: hidden;
        white-space: nowrap;
      }
      .desc_herramienta{
        font-size: 12px;
      }
      .container{
        width: 100% !important;
      }
    }
    .card-title{
      font-size: 18px !important;
    }
    .card .card-image img{
        height: 200px;
    }
    .card-content{
        max-height: 200px;
        min-height: 200px;
    }
    .add_button{
        top: calc(100%/2 - 20px) !important;
    }
    .options{
        cursor: pointer;
        margin-top:  50px;
    }
    .container_herramienta .card,.container_herramienta_integrada .card{
      transition: transform .2s;
      transition: transform ease .2s;
    }
    .container_herramienta .card:hover,.container_herramienta_integrada .card:hover{
      background-color:  #e7e7e7 !important;
      cursor: pointer;
      transform: translate(0px, -5px) !important;
    }
    .card-search{
      margin-left: 10px;
      margin-right: 10px;
    }
    .inlb {
        display: inline-block;
    }
    .tool-owner-image {
        display: inline-block;
        padding: 10px 0px 0px 0px;
    }
    .tool-details {
        padding: 5px;
        display: inline-block;
        position: relative;
        top: -5px;
    }
    .tool-owner {
        text-decoration: none;
        cursor: pointer;
        color: black;
    }
    .tool-date {
        color: grey;
        font-size: 12px;
    }
    .tool-owner-tipe{
      font-size: 12px;
    }
    @media only screen and (max-width: 1150px){
      .container {
          width: 83%;
      }
    }

    textarea{
        font-size: 14px !important; 
    }
    input{
      font-size: 14px !important;
    }

    .icon_herramienta_integrada{
       border-radius: 50%; 
       background-color: #568c5a; 
       color: white; 
       padding: 8px 6px 2px 0;
    }
    .icon_herramienta_integrada i{
      margin-left: 6px;
    }
        
    /* Tabs */
    .tabs .tab a {
      color: rgba(14, 123, 22, 0.68);
    }
    .tabs .tab a:hover, .tabs .tab a.active {
      background-color: transparent;
      color: #0e7b16;

    }
    .tabs .tab a.active:visited{
      background-color: rgb(135, 210, 141);
    }
    .tabs .indicator{
      background-color: #568c5a;
    }

    /*Select*/
    .select-wrapper+label {
      font-size: .9rem;
    }