body{
  font-family: 'Roboto', sans-serif;
}

.tooltipcontainer {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted rgb(139, 106, 106);
    /* background-color: aquamarine; */
  }

   .width-input-search{
    width: 200px;
  }

  .tooltipcontainer .texttooltip {
    visibility: hidden;
    background-color: #0d4ba0;
    width: 600px;
    height: 55px;
    color: white;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    /* top: 130%;   */
    bottom: 155%;
    /* left: 50%; */
    right: 10px;
    margin-left: -240px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  
  .tooltipcontainer:hover .texttooltip {
    visibility: visible;
    opacity: 1;
    /* animation: animatedgradient 3s ease alternate infinite; */
  }

  .tooltipcontainer .texttooltip .ani-icon-search {  
    /* overflow: hidden; */
	  /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    margin-left: 5px;
    animation-name: floating;
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    /* margin-left: 5px; */
    /* margin-top: 0px; */
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes floating {
  /* from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }  */

  /* from { transform: translate(0px,  10px); }
  50%  { transform: translate(5px, 10px); }
  to   { transform: translate(-0px, -10px); }  */

  /* from { transform: translate(0,  5px); }
    50%  { transform: translate(0, 5px); }
    to   { transform: translate(0, -10px); } */

    0% {
      /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
      transform: translatey(5px);
    }
    50% {
      /* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
      transform: translatey(-7px);
    }
    100% {
      /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
      transform: translatey(5px);
    }
}

/* Responsive elements 767 */


@media only screen and (min-width: 767px) {
  /* For tablets: */
  .hiddenp-md{
    /* visivisibility: visible !important; */
    display: none !important;
  }
  .ltp-10px{
    left: 10px;
  }
}

@media only screen and (max-width: 767px) {
  /* For tablets: */
  .hidden-total{
    /* visivisibility: visible !important; */
    display: none !important;
  }
  .tooltipcontainer .texttooltip {
    right: 0px;
    width: 400px;
    height: 85px;
  }
}