body, html {
	padding:0;
    margin:0;
    height: 100%;
	width: 100%;
	font-family: 'Rubik', sans-serif;
	font-size: 11pt;
}

.cabecera-fija {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #cccccc; /* #f8f8f8*/;
	z-index: 999;
	margin:0;
	padding-bottom:.3em;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

tr { border-bottom: 1px solid silver; }
.block { display: block; }
.card { padding: 1px; }
.fs-xxl { font-size: xx-large !important; }
.full { width: 100%; }
.pa10 { padding: 10px; }
.pb10 { padding-bottom: 10px; }
.ph10 { padding-left: 10px; padding-right: 10px; }


.status-up {
    margin:0;
    padding: 3px 6px; 
    background-color: #f44336; 
    color:#ffffff;  
    border-radius: 10px;
}

.status-down {
    margin:0;
    padding: 3px 6px; 
    background-color: #2196f3; 
    color:#ffffff;  
    border: solid 1px silver;
    border-radius: 10px;
}

.status-full {
    padding: 6px 9px; 
    background-color: #c0c0c0; 
    color:#000000;  
    border-radius: 10px;
}

.status-wait {
    padding: 6px 9px; 
    background-color: yellow; 
    color:#883333;  
    border-radius: 10px;
}

/*
#overlay-for-modal-xxx {
    position: fixed; 
    display: none; 
    width: 100%; 
    height: 100%; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); 
    z-index: 99; 
    cursor: pointer; 
}

#subida-modal-xxx {
    position: absolute;
    top: 9%;
    left: 1%;
    width:98%;
    background-color: white;
    opacity: 1;
    border:solid 2px gainsboro;
    border-radius: 5px;  
}
*/

td.middle {vertical-align:middle;}
td.center {text-align:center;}
td.center div { text-align: center; }
td.left-silver {border-left:1px solid silver;}

.icon-red {color:red;}
.icon-white {color:white}

.estado-llamando {background-color:blue; color:white;}
.estado-realizado {background-color:green; color:white;}
.estado-noContesta {background-color:orange; color:maroon;}
.estado-omitido {background-color:yellow; color:black;}
.estado-error {background-color:red; color:white;}

a.quieto,
a.quieto:hover,
a.quieto:active,
a.quieto:visited {
  color: inherit;
  text-decoration: none;
}

tr.selected-bg td {
    background-color: coral;
}

.modal-background-custom {
    position:fixed; 
    top:0; 
    left:0; 
    margin:0; 
    padding:0; 
    width:100%; 
    height:100%; 
    background-color: black; 
    opacity:0.4;
}

/*
.Primera {background-color: #FFD1DC}
.Segunda {background-color: #A6C8FF}
.Tercera {background-color: #B3FFD6}
.Cuarta {background-color: #FFF3A1}
.Quinta {background-color: #E7D2FF}
*/

/*
.Primera {background-color: #FFEDF2}
.Segunda {background-color: #C3DAFF}
.Tercera {background-color: #D0FFEA}
.Cuarta {background-color: #FFFAE0}
.Quinta {background-color: #F0E4FF}
*/

.Primera {background-color: #FFF4F7}
.Segunda {background-color: #E3ECFF}
.Tercera {background-color: #E6FFF3}
.Cuarta {background-color: #FFFDE1}
.Quinta {background-color: #F3E8FF}

table.lista {
    border-collapse: collapse;
    border:none;
}

table.lista td {
    border:none;
    border-bottom: 2px solid gainsboro;
    border-top: 2px solid gainsboro;
    padding-top: 2px;
}