:root {
    --colorFondo: #ffffff; 
    --colorBorder: #0f3a0f; 
    --colorSombra: #000000;  
    --colorSistema: #20A8D8;     
    --colorLetra: #000000;      
    --colorLetraSombra: #ffffff;                  
}

.app-right{
  text-align: right;
}

.app-center{
  text-align: center;
}

.app-modal-dialog-Contacto {
  max-width: 75% !important;
}
/*.app-modal-header{
  height: 55px;
}*/
.app-modal-header{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: var(--colorSistema);
  border: 1px solid var(--colorBorder); 
  padding: 8px 5px 5px 15px;
}

.app-modal-footer{
  height: 55px;  
}
.app-div-derecha{
  text-align:right; 
}
.app-btn-modal-footer{
  width: 80px;
}
.app-btn-modal-footer-lg{
  width: 120px;
}
.app-btn-modal-footer2{
  width: 100px;
}
.app-btn-modal-heat{
  width: 90px;
}
.app-btn-sm{
  width: 65px;
}
.app-btn-sm2{
  width: 27px !important;
  height: 27px !important;     
  padding: 1px;
}
.app-btn-sm3 {
  width: 22px; height: 22px; padding: 1px;
}
.app-btn-smImg{
  width: 80px;
}
.app-btn-link{
  color: #20a8d8;
}
.app-btn-dtTable{
  width: 22px; 
  height: 22px; 
  padding: 1px;
}
.app-btn-link:hover{
  color: #167495;
  cursor: progress;
  background-color: yellow;
}
.app-div-silueta{
  border: 1px solid #CCCCFF;
  margin-left: auto;
  margin-right: auto;
  display: block;  
}

.app-img-silueta{
  width:100px; 
  height:100px; 
  padding: 5px;
}

.modal-cell {
  margin: 0; 
  padding: 2px;
  border: 0;
}

.modal-col {
  border: 0;
}

.float-right {
	float: right;
}

.template-color {
	background-color: #20a8d8;
}

.appCardImagenCentral{
  margin-left: 20px; 
  margin-right: 20px; 
  margin-bottom: 0px; 
  margin-top: 0px; 
  border: 1px solid #CCCCFF;
}

.appCardContenido{
  margin: 0;
  margin-bottom: 5px; 
  padding-top: 10px; 
  padding-bottom: 5px; 
}

.app-card{
  margin: 0; 
}

.appFooter{
  padding: 2px 2px 0px 2px; 
}

.appFiltroContenido{
  margin-top: 10px; 
  margin-left: 5px;   
  margin-right: 10px;   
}

.appFiltroRow{
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;   
}