:root{
    --main-color: #B2BEB5;
    --second-color: whitesmoke;
    --third-color: #E5E7E9;
    --text-color: black;
    --hover-color: #848884;
}
.principal
{
    padding: 10px 10px 1px 10px;
    background-color: var(--main-color);
}
.sticky-top
{
    top: 0px;
    background-color: var(--second-color);
    border-radius: 5px;
}
.row
{
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 1px;
    background-color: var(--second-color);
    border-radius: 5px;
}
a
{
    text-decoration: none;
    color: var(--text-color);
}
a:hover
{
    color: var(--hover-color);
}
.navbar
{
    background-color: var(--second-color);
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px;
    border-radius: 5px;
}
.navbar-brand
{
    font-size: 20px;
}
.dropdown-title
{
    font-weight: bold;
    margin: 0px;
    padding: 4px 16px;
}
.processus-col
{
    padding: 0px;
}
.processus
{
    margin: 2px;
    background-color: var(--second-color);
}
.processus-tete
{
    background-color: var(--main-color);
    padding: 3px 5px;
    border-radius: 5px 5px 0px 0px;
    border-style: solid;
    border-width: 0.1px;
    border-color: var(--main-color);
}
.processus-tete-titre
{
    background-color: var(--main-color);
    padding: 5px;
    border-radius: 5px 5px 0px 0px;
    border-style: solid;
    border-width: 0.1px;
    border-color: var(--main-color);
}
.processus-corp-index
{
    background-color: var(--second-color);
    padding: 5px;
    border-style: solid;
    border-width: 0.1px;
    border-radius: 0px 0px 5px 5px;
    border-color: var(--main-color);    
}
.processus-corp
{
    background-color: var(--second-color);
    padding: 5px;
    border-style: solid;
    border-width: 0.1px;
    border-radius: 0px;
    border-color: var(--main-color);    
}
.processus-bottom
{
    background-color: var(--main-color);
    padding: 5px;
    border-radius: 0px 0px 5px 5px;
    border-style: solid;
    border-width: 0.1px;
    border-color: var(--main-color);
}
.processus-type
{
    text-align: center;
    margin: 5px 0px 5px 0px;
}
.processus-name
{
    font-weight: bold;
    margin-bottom: 5px;
}
.processus-text
{
    margin-bottom: 3px;
    margin-top: 3px;
    font-size: 14px;
}
.processus-text-function
{
    margin-bottom: 3px;
    font-size: 12px;
}
.processus-text-etape
{
    margin-bottom: 0px;
    margin-right: 5px;
    font-size: 12px;
}
.processus-text-etape-titre
{
    margin-bottom: 0px;
    margin-right: 5px;
    font-size: 12px;
    font-weight: bold;
}
.input-row
{
    /* align-items: center; */
    padding: 0px;
    margin: 0px;
}
.fleche-top {
    background: var(--main-color);
    font-size: 12px;
    font-weight: bold;
    padding: 5px 10px 5px 5px;
    border-style: solid;
    border-width: 0.1px;
    border-radius: 5px 0px 0px 0px;
    border-color: var(--main-color);
    clip-path: polygon(
      0 0%,
      10% 0,
      90% 0,
      100% 100%,
      100% 100%,
      90% 100%,
      0% 100%,
      0% 90%,
      0% 10%
    )
}
.fleche-bottom {
    background: var(--third-color);
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    border-style: solid;
    border-width: 0.1px;
    border-radius: 0px 0px 0px 5px;
    border-color: var(--third-color); 
    clip-path: polygon(
      0 0%,
      10% 0,
      90% 0,
      100% 0%,
      100% 0%,
      90% 100%,
      0% 100%,
      0% 90%,
      0% 10%
    )
}
.processus-corp-proc
{
    background-color: var(--second-color);
    padding: 5px;
    border-style: solid;
    border-width: 0.1px;
    border-radius: 0px 0px 5px 5px;
    border-color: var(--main-color);    
}
.proprio
{
    padding-left: 6px;
}
.proprio-name
{
    display: inline;
    font-weight: normal;
}
.row-bottom
{
    margin: 0px;
    padding: 0px;
    background-color: var(--main-color);
}
.table-kpi
{
    font-size: 12px;
    margin-bottom: 5px;
    /* margin-left: -8px; */
    margin-left: 0px;
}
.btn-amdec
{
    font-size: 10px;
    padding: 3px;
    margin-top: 1px;
    margin-right: -1px;
    margin-bottom: 5px;
    border-radius: 3px;
}
.btn-compe
{
    height: 24px;
    padding: 0px 4px;
    margin: -3px -5px;
    border-radius: 3px;
}
.table-amdec
{
    background-color: var(--second-color);
    padding: 15px;
    border-radius: 5px;
    font-size: 12px;
    margin-bottom: 10px;   
}
.header-amdec
{
    margin: 5px 0px 0px 0px;
}
.header-amdec-text
{
    margin: 0px;
    font-size: 14px;
    padding: 0px;
}
.row-media
{
    padding:5px;
}
.card
{
    margin-bottom: 10px;
    margin-top: 10px;
    border-width: 0px;
}
.doc-text
{
    margin-top: 10px;
}
.doc-inst
{
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
}
.btn-file
{
    margin: 0px;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    font-size: 12px;
    padding: 0px 0px 0px 3px;
    text-align: left;
}
.btn-file:hover
{
    border-color: whitesmoke;
}
audio::-webkit-media-controls-panel {
    background-color: var(--main-color);
}
audio::-webkit-media-controls-current-time-display
{
    font-size: 12px;
}
audio::-webkit-media-controls-time-remaining-display
{
    font-size: 12px;
    display: none;
}
.text-link
{
    font-size: 12px;
    color: blue;
}
.btn-inst
{
    font-size: 12px;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.compe
{
    font-size: 12px;
    padding: 0px;
    margin: 2px 10px 2px 10px;
}
.birrete:hover
{
    fill: #5c636a;
}
.table-row
{
    cursor:pointer;
}
.buttona
{
    padding: 0px;
}
.alert-warning{
    border-style: solid;
    border-width: 1px;
    border-color: var(--main-color);
}