/*** Esup Pod main CSS ***/
html:root {
    /* BOOTSTRAP COLORS */
    /* primary color is defined in bootstrap-$theme$.css */
    --primary: #D72525;
    --primary2: #D72525; /*var(--primary);*/
    --link-color: #D72525;
}

html:not([data-theme="dark"]):root {
    /* COMMON COLORS */
    --color-transparent: transparent;
    --color-white: white;
    --color-black: black;
    --color-alto: #ddd;
    --color-sisal: rgba(218,208,190,1);
    --color-black-alpha: rgba(0, 0, 0, .6);
    --color-silver: #ccc;
    --color-fuzzy-wuzzy-brown: rgba(201, 76, 76, .3);
    --color-silver-chalice: #aaa;
    --color-outer-space: rgba(40,48,56, .5);
    --color-red: #D72525;
    --color-mine-shaft: #222;
  
    /*****************
     * CUSTOM COLORS *
     *****************/
    --bg-color: var(--color-white);
    --background-color: var(--bg-color);
    --font-color: var(--color-mine-shaft);
  
    /* BOOTSTRAP COLORS */
    /* primary color is defined in bootstrap-$theme$.css */
    --primary: #e30f47;
    --primary2: #e30f47; /*var(--primary);*/
    --link-color: #e30f47;
    --light: #f8f9fa;
    --dark: #343a40;
    --color-formfields: #f1f1f1;
}



html:not([data-theme="dark"]) .btn-outline-primary, .btn-primary{
	color: #fff !important;
    background-color: #e30f47 !important;
    border-color: #e30f47 !important;
	word-wrap: break-word;
}

/* esup fond bleu */
html:not([data-theme="dark"]) .bg-light.navbar-light{
	background: #004d8e !important;
}
html:not([data-theme="dark"]) .bg-light.navbar-light.headerBar{
    background: #004d8e !important;
    padding: 2px;
}

html:not([data-theme="dark"]) .headerBar a{
	color: white;
	font-size: 0.9rem;
}

html:not([data-theme="dark"]) .navbar-items-pod{
	background: #004d8e !important;
}
html:not([data-theme="dark"]) #nav-addvideo, .btn.addvideo:hover, #nav-authentication, .btn.addvideo:hover{
	background: #004d8e;
	border: 1px solid white;
}

html:not([data-theme="dark"]) #nav-addvideo a:hover {
	background: #004d8e;
}
html:not([data-theme="dark"]) .addvideo{
	background: #004d8e;
}
html:not([data-theme="dark"]) .nav-link-icone{
	color:white !important;
}
html:not([data-theme="dark"]) .nav-item:hover .nav-link-icone{
	color: #1d4188 !important;
}

html:not([data-theme="dark"]) #nav-addvideo:hover .nav-link-icone{
	color: white !important;
}
html:not([data-theme="dark"]) .navbar-light .navbar-nav .nav-link{
	color: white !important;
}
html:not([data-theme="dark"]) .bg-dark {
	background-color: #004d8e !important;
}
html:not([data-theme="dark"]) .navbar-light .navbar-brand{
	/*padding: 0 10px;*/
	color:white;
}