html, body { height: 100%; width: 100%; margin: 0;}
.logo {
  height: 300px;
  width: 300px;
  padding: 30px;
}

tbody > tr:hover {
  background-color: #f8f9fa;
}

.border-grey{
  border-bottom: 1px solid lightgrey;
}

.rounded-radius{
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 100px;
	font-weight: bold;
	cursor: pointer;
}

.rem-08 {
	font-size: 0.8rem;
}

.rem-1 {
	font-size: 1rem;
}

.rem-2 {
	font-size: 2rem;
}

.rem-3 {
	font-size: 3rem;
}

.bg-black-transparent-10{
	background-color: rgba(0,0,0,0.1)!important;
}
.bg-black-transparent-20{
	background-color: rgba(0,0,0,0.2)!important;
}
.bg-black-transparent-30{
	background-color: rgba(0,0,0,0.3)!important;
}
.bg-black-transparent-40{
	background-color: rgba(0,0,0,0.4)!important;
}
.bg-black-transparent-50{
	background-color: rgba(0,0,0,0.5)!important;
}
.bg-black-transparent-60{
	background-color: rgba(0,0,0,0.6)!important;
}
.bg-black-transparent-70{
	background-color: rgba(0,0,0,0.7)!important;
}
.bg-black-transparent-80{
	background-color: rgba(0,0,0,0.8)!important;
}
.bg-black-transparent-90{
	background-color: rgba(0,0,0,0.9)!important;
}

.h-60vh{
	height: 60vh;
}

.unicorn {
	text-transform: none;
}

.mh-15rem {
	min-height: 15rem;
}

.container-test {
  position: relative;
  width: 100%;
}

.image-test {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle-test {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-size: 7em;
  color: white;
  width:100%;
  
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rotation {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.container-test:hover .image-test {
  opacity: 0.3;
}

.container-test:hover .middle-test {
  	opacity: 1;
}

.container-test:hover .link-test {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: rotation;
    animation-name: rotation;
  	opacity: 1;
}

.opacity05{
	opacity: 0.5;
}

#dt-storico tbody tr.selected{
  background-color: aliceblue;
}

/* @media only screen and (min-width: 940){ */
  .ul-header-card-storico {
    width: 60%; 
  }
  
  .div-header-card-storico {
    width: 40%;
  }
/* } */

@media screen and (max-width: 940px){
  .ul-header-card-storico {
    width: 45%; 
  }
  
  .div-header-card-storico {
    width: 55%;
  }
}

input[type="date"]::-webkit-inner-spin-button{
    display: none;
    -webkit-appearance: none;
}