html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

dl {
    display: inline;
}

canvas {
    width: 500px;
    height: 500px;
    background-color: gray;
}

.fonticon {
    font-size: 1.5rem;
    color: #273746;
}

.titles {
    font-size: 1rem;
    color: #34495e;
}

.titlesr {
    font-size: 1.50rem;
    color: #34495e;
}

.titleshow {
    font-size: 1.25rem;
    color: orangered;
}

.disclaimer {
    font-size: 1rem;
    color: orangered;
}

.monto {
    font-size: 1.75rem;
    color: orangered;
}

.contacto{
    font-size: 1.5rem;
    color: orangered;
    
}

.menu {
    font-size: 1.25rem;
    color: orangered;
}

.status1 {
    background-color: #53cb22;
    color: white;
    border:none;
}
.status2 {
    background-color: #f94432;
    color: white;
    border: none;
}
.status3 {
    background-color: #fbf849;
    color: white;
    border: none;
}

.status4 {
    background-color: #19b4de;
    color: white;
    border: none;
}

img#imgpreview{
    width:200px;
    height: auto;
}

.mp{
    margin:0;
    padding:0;
}