/** =========================================================
=============================================================
 Ajouter le code spécifique à l'application dans le fichier app-specific.css
=============================================================
========================================================= **/

/** =================================== Code spécifique pour la démo  ======================================= **/

pre {
    background: #F1F1F1;
}

.w3-example,.highlight {
    background-color: #f1f1f1;
    padding: 0.01em 16px;
    margin: 20px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
	}
table.grid {
    width:100%;
    border:none;
    background-color:#f1f1f1;
    padding:0px;    
}
table.grid tr {
    text-align:center;
}
table.grid td {
    border:4px solid white;
    padding:8px;     
}
.w3-note {
    background-color: #ffffcc;
    border-left: 6px solid #ffeb3b;
	padding:6px;
}

.bd-example {
    background-color: #dddddd;
    border-radius: .25rem;
	padding:1rem;
}

.bd-example-container {

    min-width: 16rem;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;

}	

.bd-example-container-header {
    height: 3rem;
    margin-bottom: .5rem;
    background-color: #fff;
    border-radius: .25rem;
}

.bd-example-container-sidebar {
    float: right;
    width: 4rem;
    height: 8rem;
    background-color: #80bdff;
    border-radius: .25rem;
}
	
.bd-example-container-body {
    height: 8rem;
    margin-right: 4.5rem;
    background-color: #957bbe;
    border-radius: .25rem;
}
	
.bd-example-container-fluid {
    max-width: none;
}


.page-header {border-top:#343a40 1px solid; margin-top:1.5rem;}

.bd-toc{position: sticky;
top: 4rem;
height: calc(100vh - 4rem);
overflow-y: auto;
}

.section-nav{
	padding-left: 1rem;
border-left: 1px solid #eee;
font-size: 80%;
line-height:1.5rem;
}

.bd-example-border-utils .bd-example span
{
    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: #fff;
}

.bd-example-border-utils .bd-example
{
border: 4px solid #f8f9fa;
background-color: #fff;
}

.bd-example-border-utils-0 .bd-example span {
	    display: inline-block;
    width: 5rem;
    height: 5rem;
    margin: .25rem;
    background-color: #fff;
	border: 1px solid #dee2e6;
	
}

.bd-example-border-utils .bd-example span.rounded-pill
{
width:60px;
}