@charset "utf-8";
.btn {margin-bottom: 15px;}
.date-sheet td:nth-child(5) {
  
  /*width: 33.333%;*/
}
.date-sheet td a{
	display: block;
}
.date-sheet td:nth-child(1),
.date-sheet td:nth-child(2),
.date-sheet td:nth-child(3),
.date-sheet td:nth-child(4){
 
  width: 16.66666666666667%;
}
.date-sheet a{font-weight: bold;}
.date-sheet {padding: 10px;}
.date-sheet li::marker{
	color:  #8A0000;
	padding-right: 10px;
	font-weight: bold;
}
.date-sheet li {
	padding: 20px;
	background: #E5E5E5;
	margin-bottom: 20px;
	border-radius: 20px;
	color: #7F0002;
	border-left: 1px solid #920000;
	box-shadow: 1px 1px 5px 0px #707070;
}
.date-sheet li {
	line-height: .9em;
}
/*.date-sheet td:first-child {
	width: 14%;
	font-weight: bold;
	text-align: left;
	background: #A70000;
	color: #fff;
	border: #fff 1px solid;
}*/
/*.date-sheet td:not(:first-child){
	width: 12%;
	 
}
*/
/*TABLE*/
/*.date-sheet th {
	background: #870000!important;
	color: #ffffff!important;
}*/
.date-sheet strong {
	font-size: 1.3em;
}

.date-sheet th {
  border: 1px solid #E3E3E3;
	text-align: center;
	
	font-size: 1em;
	position: relative;
}
.date-sheet table,.date-sheet td {
  border: 1px solid #707070;
	text-align: center;
	color: #000000;
	font-size: 1em;
	position: relative;
}

.date-sheet table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0px;
    margin-top: 10px;
}


@media (max-width: 668px){
.alert h1 {
    font-size: 1.4rem;
    text-align: center;
}
	/*.date-sheet td:first-child {
	width: 20%!important;

}*/
}
@media (min-width: 768px){
.col-md-8 {
    width: 83.33% !important;
}}

.blinking{
	animation:blinkingText 1.3s infinite;
  font-size: .7em;
    margin-left: 5px;
     
    position: absolute;
	top: 5px;
	right: 7px;
}
@keyframes blinkingText{
	0%{		color: #000;	}
	49%{	color: yellow;	}
	50%{	color: red;	}
	99%{	color:green;	}
	100%{	color: #920000;	}
}


 .date-sheet td:nth-child(3) strong{
	animation: blinkingText 1.3s infinite;
  font-size: 1em;
    
}
@keyframes blinkingText{
	0%{		color: #000;	}
	49%{	color: yellow;	}
	50%{	color: red;	}
	99%{	color:green;	}
	100%{	color: #920000;	}
}

.alert table,.alert td,.alert th {
  border: 1px solid #EB0003;
	text-align: center;
	color: #000000;
	font-size: 1.1em;
	position: relative;
}


.header {
    width: 100%;
    height: 80px;
    padding: 0 20px;
    /* overflow: hidden; */
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 99;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}
  