body {
    background-color: #fdebd7; 
    margin-top: -4px; 
} 
.buttonAzul {
font-family: Tahoma;
color: #FFFFFF;
background-color: #4d97df;
border-style:none;
font-size: 12px; 
} 
.buttonVerde {
font-family: Tahoma;
color: #FFFFFF;
background-color: #4ba05b;
border-style:none;
font-size: 12px; 
}
.buttonNaranja {
font-family: Tahoma;
color: #FFFFFF;
background-color: #f5b426;
border-style:none;
font-size: 12px; 
}
.buttonGris {
font-family: Tahoma;
color: #FFFFFF;
background-color: #898989;
border-style:none;
font-size: 12px; 
}
.block {
display: block;
width: 100%;
border: none;
background-color: #FF0000;
color: white;
padding: 12px 24px;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.blockRojo {
display: block;
width: 100%;
border: none;
background-color: #FF0000;
color: white;
padding: 12px 24px;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.blockAlertas {
display: block;
width: 100%;
border: none;
background-color: #FF0000;
color: white;
padding: 3px 12px;
font-size: 10px;
cursor: pointer;
text-align: left;
}


.blockAzulClaro {
display: block;
width: 100%;
border: none;
background-color: #4d97df;
color: white;
padding: 12px 24px;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.blockAzul {
display: inline;
width: 100%;
border: none;
background-color: #1A2940;
color: white;
padding: 3px 12px;
font-size: 12px;
cursor: pointer;
text-align: left;
}
.blockAzul2 {
display: inline;
width: 100%;
border: none;
background-color: #1A2940;
color: white;
padding: 12px 26px;
font-size: 10px;
cursor: pointer;
text-align: left;

}

.blockVerde {
display: block;
width: 200px;
border: none;
background-color: #4ba05b;
color: white;
padding: 12px 24px;
font-size: 12px;
cursor: pointer;
text-align: center;
}

a.editar {
color: black;
text-decoration: none !important;
}
a.reporte {
color: black;
text-decoration: none !important;
text-align: left;
}
a.verTodo {
color: white;
text-decoration: none !important;
text-align: right;
}
a {
color: red;
}
a.regresar {
color: black;
text-decoration: underline;
text-align: right;
padding: 12px 1px;
}
a:link {
text-decoration: underline;
}
table td a
{
display: inline-block; /*Behaves like a div, but can be placed inline*/
width: 100%; /*Full width of parent*/
/*height: 100%; Full height of parent*/
text-align: center; /*Centers content*/
}
input.inputtt {
border: 0px #cecece solid; background-color: #E5E0E0; padding: 2px; height: 40px; width: 350px;
}


div.left {
/*float: center;*/
clear: both;
background-color: #bdd7ee;
}
div.topDivAzul {
float: right;
clear: both;
width: 100%;
height: 80px;
color: #ed6938;
margin: auto;
font-size: 12px;
background-color: #ffffff;
line-height: 3;
}
div.topDivBco {
float: right;
clear: both;
width: 90%;
height: 20px;
background-color: #ffffff;
}
.flex-container {
/* We first create a flex layout context */
display: flex;

/* Then we define the flow direction 
 and if we allow the items to wrap 
* Remember this is the same as:
* flex-direction: row;
* flex-wrap: wrap;

*flex-flow: row wrap;
*/
/* Then we define how is distributed the remaining space */
justify-content: space-around;

padding: 0;
margin: 0;
list-style: none;
}

.flex-item {
background: #ed6938;
padding: 5px;

height: 20px;
margin-top: 5px;
line-height: 90px;
color: white;
font-weight: bold;
font-size: 3em;
text-align: center;
}
.flex-item2 {
background: #ffffff;
padding: 5px;
width: 90%;
height: 20px;
margin-top: 5px;
line-height: 150px;
color: white;
font-weight: bold;
font-size: 3em;
text-align: center;
}
.flex-container_ms{
/* We first create a flex layout context */
display: flex;

/* Then we define the flow direction 
 and if we allow the items to wrap 
* Remember this is the same as:
* flex-direction: row;
* flex-wrap: wrap;
*/
flex-flow: row wrap;

/* Then we define how is distributed the remaining space */
justify-content: flex-start;

padding: 0;
margin: 0;
list-style: none;
}

.flex-item_ms {
/* background: tomato; */
padding: 5px;
width: 120px;
height: 30px;
margin-top: 10px;
line-height: 14px;
color: black;
/* font-weight: bold; */
font-size: 12px;
text-align: center;
}
.flex-containerA {
    /* We first create a flex layout context */
    display: flex;
    
    /* Then we define the flow direction 
     and if we allow the items to wrap 
    * Remember this is the same as:
    * flex-direction: row;
    * flex-wrap: wrap;
    
    *flex-flow: row wrap;
    */
    /* Then we define how is distributed the remaining space */
    justify-content: space-around;
    
    padding: 0;
    margin: 0;
    list-style: none;
    }
    .flex-itemA {
        background: #ed6938;
        padding: 5px;
        width: 10%;
        height: 20px;
        margin-top: 5px;
        line-height: 50px;
        color: white;
        font-weight: bold;
        font-size: 12px;
        text-align: center;
        }
.card:not(.original-card) {
    
    --bs-card-cap-bg: #ed6938;
    --bs-card-bg: #ffffff;
    height: 300px;
    /*width: 300px;
    height: 400px;*/
}

a.table-actions:hover > path {
    fill: lightblue;
}
.card.dash .card-header > span {
    display: inline-block;
    width: calc(100% - 35px);
    text-align: center;
}

.regresar {
    color: white;
  text-decoration: underline;
  text-align: right;
  padding: 12px 1px;
    } 
    a {
        color: hotpink;
      }

.bg-success-degradado {
    background: linear-gradient(131deg, #fff, #a1cd85);
    height: 205px;
}

.bg-danger-degradado {
    background: linear-gradient(131deg, #fff, #e72929);
    height: 205px;
}

.bg-warning-degradado {
    background: linear-gradient(131deg, #fff, #dfd21f);
    height: 205px;
}

.card-custom-link {
    text-decoration: none !important;
    color: black;
}