/*  NOTIFICATION  */

.header {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
	box-shadow: none;
	background-color: #FC466B;
	position: fixed;
	height: 60px!important;
	overflow: hidden;
	z-index: 10;
}
.main {
	margin: 0 auto;
	display: block;
	height: 100%;
	margin-top: 60px;
}
.mainInner{
	display: table;
	height: 100%;
	width: 100%;
	text-align: center;
    div{
        display:table-cell;
        vertical-align: middle;
        font-size: 3em;
        font-weight: bold;
        letter-spacing: 1.25px;
    }
}

#sidebarMenu {
	height: 100%;
	position: fixed;
	right: 0;
	width: 450px;
	transform: translateX(450px);
	transition: transform 250ms ease-in-out;
	background: linear-gradient(1deg, #460c1e -100%, #606775 100%);
}
.sidebarMenuInner{
	margin:0;
	padding:0;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
    li{
        list-style: none;
        color: #fff;
        /*text-transform: uppercase;*/
        font-weight: bold;
        padding: 20px;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
        span{
            display: block;
            font-size: var(--fs-14);
            color: rgba(255, 255, 255, 0.50);
        }
        a{
            color: #fff;
            /*text-transform: uppercase;*/
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
        }
    }
}

input[type="checkbox"]:checked ~ #sidebarMenu {
	transform: translateX(0);
}

#openSidebarMenu {
	transition: all 0.3s;
	box-sizing: border-box;
	display: none;
}

.spinner {
	transition: all 0.3s;
	box-sizing: border-box;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: #b92050;
}
.horizontal {
	transition: all 0.3s;
	box-sizing: border-box;
	position: relative;
	float: right;
	margin-top: 3px;
}
.diagonal.part-1 {
	position: relative;
	transition: all 0.3s;
	box-sizing: border-box;
	float: right;
}
.diagonal.part-2 {
	transition: all 0.3s;
	box-sizing: border-box;
	position: relative;
	float: right;
	margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
	transition: all 0.3s;
	box-sizing: border-box;
	opacity: 0;
	background-color : var(--color-bg-default);
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
	transition: all 0.3s;
	box-sizing: border-box;
	transform: rotate(-135deg);
	margin-top: 8px;
	background-color: var(--color-bg-default);
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
	transition: all 0.3s;
	box-sizing: border-box;
	transform: rotate(135deg);
	margin-top: -9px;
	background-color: var(--color-bg-default);
}

input[type=checkbox]:checked ~ .sidebarIconToggle {
	transition: all 250ms;
	right: 450px;
}
.sidebarIconToggle {
	cursor: pointer;
	position: fixed;
	z-index: 99;
	height: 5%;
	width: 30%;
	bottom: 50px;
	right: 25px;
	width: 22px;
	border-radius: 100% 0% 0% 100%;
	
}
.roundedImage{
	overflow:hidden;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	width:40px;
	height:40px;
	margin-right: 10px
}

.tourne {
	-webkit-animation: spin 4.5s linear infinite;
	-moz-animation: spin 4.5s linear infinite;
	animation: spin 4.5s linear infinite;
}
@-moz-keyframes spin {
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
 
.toast__icon .initiale
{
	margin-bottom: 20px!important;
	position: absolute;
	top: 0px;
}

.toast__container {
    display: table-cell;
	vertical-align: middle;
	position: fixed;
	left: 30%;
	right: 30%;
	z-index: 9999;
	bottom : 70px;
	display: none;
}

.toast__cell{
  display:inline-block;
  width: 100%;
}

.add-margin{
  margin-top:20px;
}

.toast__svg{
  fill:#fff;
}

.toast {
  text-align:left;
    padding: 21px 0;
    background-color: var(--color-bg-default);
    border-radius:4px;
    top: 0px;
    position:relative;
    box-shadow: 1px 7px 14px -5px rgba(0,0,0,0.2);
}


.toast:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;

}

.toast__icon{
  position:absolute;
  top:50%;
  left:22px;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  padding: 7px;
  border-radius:50%;
  display:inline-block;
}

.toast__type {
  color: #3e3e3e;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px;
}

.toast__message {
    font-size: var(--fs-14);
    margin-top: 0;
  margin-bottom: 0;
    color: #878787;
}

.toast__content{
  padding-left:70px;
  padding-right:60px;
}

.toast__close {
    position: absolute;
    right: 22px;
    top: 50%;
    width: 14px;
    cursor:pointer;
    height: 14px;
  fill:#878787;
    transform: translateY(-50%);
}

.toast--green .toast__icon{
  /* background-color:#2BDE3F; */
}

.toast--green:before{
  background-color:#2BDE3F;
}

.toast--blue .toast__icon{
  /* background-color:#1D72F3; */
}

.toast--blue:before{
  background-color:#1D72F3;
}

.toast--yellow .toast__icon{
  /* background-color:#FFC007; */
}

.toast--yellow:before{
  background-color:#FFC007;
}
/* FIN NOTIFACTION */




