/* custom style for login page */
.card {    
    padding: 15px;
    max-width: 500px;
    height: auto;
    margin: 10px auto;
    text-align: center;
}
/* /end custom style for login page */
#main-container{
	margin:150px auto;
	width: 600px;
}
table{
	background-color: white;
	text-align:left;
	border-collapse:collapse;
	width:100%
}
.table-row{
cursor:pointer;
}

p {
    margin-top: 20px;
    margin-bottom: 10px;
}

 h1, h3 {
    margin-top: 30px;
}

div.centerTable{
        text-align: center;
}

 

div.centerTable table {
       margin: 0 auto;
       text-align: left;
}

a[href^="tel:"] {
  font-size: 24px;
  display: inline-block;
  margin: 20px 30px;
}

a.btn-third {
  color: #fff;
  background-color: #2C4D88;
  padding: 5px 20px;
}
/* Añadiendo icono como pseudoelemento CSS */
a.btn-third:before {
  content: "\260e";
  margin-right: 0.5em;
}

.Short {
    width: 100%;
    background-color: #dc3545;
    margin-top: 5px;
    height: 3px;
    color: #dc3545;
    font-weight: 500;
    font-size: 12px;
}
.Weak {
    width: 100%;
    background-color: #ffc107;
    margin-top: 5px;
    height: 3px;
    color: #ffc107;
    font-weight: 500;
    font-size: 12px;
}
.Good {
    width: 100%;
    background-color: #28a745;
    margin-top: 5px;
    height: 3px;
    color: #28a745;
    font-weight: 500;
    font-size: 12px;
}
.Strong {
    width: 100%;
    background-color: #d39e00;
    margin-top: 5px;
    height: 3px;
    color: #d39e00;
    font-weight: 500;
    font-size: 12px;
}