/*!
 * CSS Site VDL Manifestations v0.0.1
 * Override template here
 */

body {
    font-family: "Source Sans Pro", sans-serif;
}

b, strong {
    font-weight : bold;
}

/*
 * Main navbar override 
 */
.navbar.fixed-top {
    height: 54px;
}
 
.bg-grey-vdl {
    background-color: #f0efec !important;
}
 
.bg-red-vdl {
    background-color: #dc1d22 !important;
}

.footer-end {
	height: 50px;
	background-color : #000 !important;
}

.bg-dropdown-vdl {
	background-color: #dc1d22 !important;
}

footer{
	position: absolute;
	width: 100%;
    border-top: solid #1e1719;
    bottom: 0;
}

footer .block-eu{
	max-width: 400px;
}
footer .block-eu img{
	width: 120px !important;
}
footer .block-eu .text-eu{
    font-size: 11px;
}

/*
 * Overide checkbox to switch
 */

.switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 17px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
}

.on
{
  display: none;
  left:36% !important;
}

.on, .off
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 49%;
  left: 67%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .slider .on
{display: block;}

input:checked + .slider .off
{display: none;}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*
 * Overide select
 */ 

.customSelect span{
	width:100% !important;
}

.customSelect .select2-selection__arrow b{
	left:100% !important;
	margin-left: -15px !important;
}

/*
 * Overide input-prepend for form
 */ 

.custom-input-group .input-group-prepend span{
	padding: .75rem .5rem;
}
.container-for-smartphone {
	overflow-x: auto;
}
.container-for-smartphone table{
	min-width: 885px;
}

/*
 * Overide disabled input for form
 */
 
.custom-disabled input{
	cursor: not-allowed;
	background-color: #c1bfba !important;
}

/*
 * Overide badge design
 */
 
.badge-secondary{
	background-color: #e9ecef !important;
	border-radius: .25rem;
}

/*
 * Overide fa icon comportment
 */
 
table tbody tr td a.iconAction:hover{
	opacity: 0.6;
	cursor: pointer;
}
/*
 * Custom header css 
 */
header .container{
	max-width: 1250px;
}

header .header-bandeaux{
	height:10px;
}

header .row{
	margin: 0;
}

header .block-identifiant{
	padding : 0;
}
header .block-title{
	background: rgba(0,0,0,0.35);
	font-size: 20px;
	color : #fff;
}
header .header-container{
	height: 200px;
	background: url(../img/HEADER-bkg.jpg) no-repeat center center / cover;
}
header .header-container .block-logo a{
	max-width:275px; 
}
header .header-container .block-logo img{
	width:100%; 
	height:91px;
}
@media  screen and ( max-width :767px) {
    header .header-container {
    	height: auto;
        background: #dc1d22;
    }
    header .header-top .container{
    	padding:0;
    }
    header .header-top .navbar{
    	background-color : #fff !important;
    }
    header .dropdown .dropdown-toggle span{
		display: none;
	}
	header .dropdown .dropdown-toggle{
		color: #dc1d22 !important;
	}
	header .dropdown .dropdown-toggle:before{
		background-color: #dc1d22 !important;
	}
	header .dropdown .dropdown-menu{
		width: auto !important;
	}
	.bg-dropdown-vdl{
		background-color: #fff !important;
	}
	
}

/*
 * Header dropdown override 
 */
 
header .dropdown{
	height: 54px;
	padding: 0;
	padding-left: 40px
}

header .dropdown a{
	color : #fff;
	text-decoration : none;
}
header .dropdown .dropdown-menu{
	background-color: #dc1d22;
	width: calc(100% + 32px);
	left: -55px !important; /* (-40px for Icon & -15px for padding of toggler) */
	top: -4px !important;
	transform: translate3d(40px, 54px, 0px) !important;
}

header .dropdown .dropdown-menu .dropdown-item:hover{
	color: #fff;
	background-color: #000;
}


header .dropdown .dropdown-toggle:before{
	content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: -37px;
    background-color: #fff;
    -webkit-mask-image: url(../img/HEADER-login.svg);
    -webkit-mask-repeat: no-repeat;
    mask-image: url(icon.svg);
    mask-repeat: no-repeat;
}

header .navbar-nav.auth {
    background-color: #dc1d22 !important;    
    padding: 0px 5rem 10px 10px;
}

header .navbar-nav.auth > .nav-item > a {
    color: #ffffff !important;
}
@media  screen and ( min-width :770px) {
    header .navbar-nav.auth img {
        height: 24px;
        width: 20px;
        margin-right: 23px;
    }
    
}
 
header .header .bloc-logo {
    width: 288px;
    padding: 0;
}
 
header .header .bloc-header-titre {
    background: rgba(0,0,0,0.35);
    height: 100%;
    padding: 16px 40px;
    width: 530px;
    float: right;
}

header .header .bloc-header-titre-qf {   
    height: 203px;
    padding-top: 16px;
    padding-right: 40px;
    padding-bottom: 16px;
    padding-left: 40px;
    width: 530px;
    float: right;
}
 
header .bloc-header-titre > h1 {
    text-align: center;
    float: right;
    color: #fff;    
    justify-content: center;
}

/* overide navtabs pour plus de visibilité */
.nav-tabs {
    border-bottom: 0.2rem solid black;  
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #1a1a1a;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #1a1a1a;
}

/*
 * Surcharge dans le cas du Menu Folder (menu de gauche) 
 */
 
 h2 {
    font-size: 1.5rem;
 }

.menu-folder > h1 {
    font-size: 1.2rem;
}
/*
 * Surcharge des cards de Bootstrap
 */
/* apply shadow-sm and border-light to all cards */
.card {
    /* class boostrap 4.5 shadow-sm */
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    /* class boostrap 4.5 border-light */
    border-color: #fff;
    /* class boostrap 4.5 h-100 */
    height: 100%!important;
    /* maquette color background-color:#f1f9ff; */
}

.card-body {
    padding: 0.75rem 0.5rem 0.5rem 0.5rem;
}

h2.card-title {
    font-size:1.25rem;
}

.card-footer {
    padding: 0.5rem 0.5rem;
}

/* Surcharge pour prise en compte des champs HTML5 : number et email*/
input[type="email"],
input[type="number"]  
{
  display: inline-block;
  padding: 4px;
  font-size: 13px;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}