body, html{
    font-family: 'Roboto Condensed', sans-serif;
	height: 100%;
	background-color:white;	
}

html{
		background-color:white;	

}
body{
		background-color:white;	
		padding-top:70px;
}

.login{
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
}

.container, .container-fluid{
	background-color: white;
}

.bg-dark{
	background-color: black !important;
}
.form-control{
	border-radius:0;
}

.form-control:focus{
    box-shadow:none;
}
.btn{
    border-radius:0;
    font-size: 1rem;
}

.form-control.is-valid, .was-validated .form-control:valid{
	background-image: none;
	color: green;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus{
	box-shadow:none;
}

.form-control.is-invalid, .was-validated .form-control:invalid{
	color:#dc3545;
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
	box-shadow:none;
}

h4{
	margin:0;
}

.btn:focus{
	box-shadow:none;
}
.hoverdarker:hover{
	background-color: rgba(0,0,0,0.25);
	transition: all 0.2s;
}

.mainpanel .card{
	border-width: 0px 0px 0px 2px;
	border-radius: 0;
}

.card:hover .data {
  opacity: 1!important;	
}

.card:hover .title {
  opacity: 0!important;	
}

.cardlink:hover{
	transform: scale(1.1);
	background-color: var(--data-color) !important;
	color: white !important;
}

.cardlink:hover i{
	color: white !important;
}


/*
.mainpanel .card:hover{
	background-color:rgba(0,0,0,0.25);
	cursor:pointer;
	transition: all 0.2s;
}
*/

.hoversmall:hover{
	background-color: rgba(0,0,0,0.25);
	cursor:pointer;
	transition: all 0.2s;
}

.actived{
	border: 5px solid black;
	border-top:0;
	border-right:0;
	border-bottom: 0;
	background-color: rgba(0,0,0,0.15);
}

.form-select{
	border-radius:0;
}

.entrada.card{
	animation: fade-in 0.2s linear ;
}

.seleccionable:hover{
	box-shadow: 0px 0px 2px 1px yellow;
}

.blackinput:-webkit-autofill,
.blackinput:-webkit-autofill:hover,
.blackinput:-webkit-autofill:focus,
.blackinput:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #fff !important;
}

.whiteinput:-webkit-autofill,
.whiteinput:-webkit-autofill:hover,
.whiteinput:-webkit-autofill:focus,
.whiteinput:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #000 !important;
}

.page-item .page-link {
    z-index: 3;
    color: black;
    background-color: white;
    border-color: black;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: black !important;
    border-color: black !important;
}

.fadein{
	animation: fade-in 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;
}
@keyframes fade-in{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}


.opacity1{
	opacity:0;
}

.bounce {
        animation-name: bounce;
        animation-timing-function: ease;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transform-origin: bottom;
}
@keyframes bounce {
        0%   { transform: scale(1,1)    translateY(0); }
        10%  { transform: scale(1.1,.9) translateY(0); }
        30%  { transform: scale(.9,1.1) translateY(-20px); }
        50%  { transform: scale(1,1)    translateY(0); }
        57%  { transform: scale(1,1)    translateY(-7px); }
        64%  { transform: scale(1,1)    translateY(0); }
        100% { transform: scale(1,1)    translateY(0); }
}

.collapse-normal {
        animation-name: collapse;
        animation-timing-function: ease;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
        transform-origin: 0 0;
}
.collapse-reverse {
        animation-name: collapse;
        animation-timing-function: ease;
        animation-duration: 0.5s;
        animation-iteration-count: 1;
		animation-direction: reverse;
        transform-origin: 0 0;
}
@keyframes collapse {
        0%   { transform: scale(1,1); }
        100% { transform: scale(0,0); }
}


@media only screen and (max-width: 820px) {
	.fw-bold{
		font-weight: 800!important;
	}
	.mainpanel.align-items-center{
		align-items: stretch!important;
	}
	.mainpanel{
		margin-bottom: 1.5rem;
	}
}