/*COMPRESSION*/
/** Part of MagicCms
 * @author Erwan Brottier - erwan@addictive-web.com - http://www.addictive-web.com
 * @version 2.0
 * @date 01/01/2020
 * @category Thot web component
 * @copyright (c) 2011-2020 Erwan Brottier */
.mc-side-menu-body {
	margin: 0;
	width: 100%;
	height: 100%;
	float: right;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	left: 0%;
	transition: 0.75s;
	position: relative;	
	/*overflow: auto;*/
}


.mc-side-menu {
	position: fixed;
	width: 90%;
	/*height: 5.8em;*/
	background: white;				
	/*z-index: 999;*/
	top: -10%;
	float: left;
	transition: .75s;
	overflow-y: unset;
	overflow-x: unset;
	left: 6vw; 
    display:flex;
    /*z-index: 10000;*/
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.75s, top 0.75s;
    -moz-transition: opacity 0.75s, top 0.75s;
    transition: opacity 0.75s, top 0.75s;
    padding: 10px;
    opacity : 0;
    
}
.mc-side-menu .mc-side-menu-list {
    display: flex;
    /* background-color: yellow; */
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
.mc-side-menu .mc-side-menu-action {
    cursor: pointer;
    position: absolute;
    font-size: 16px;
    font-weight: bold;
    height: 24px !important;
    width: 24px !important;
    background-color: #ffffff;
    left: -24px;
    box-shadow: -7px 15px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.mc-side-menu .swiper-button-prev,
.mc-side-menu .swiper-button-next {
    outline: none;
    color:grey !important;
}

body.mc-side-menu-active .mc-side-menu {
	top: 0%;
    opacity : 1;	
}

body.mc-side-menu-active .mc-side-menu-body {
	/*transform: matrix3d(0.62, 0, 0.00, -.0002, 0.00, 0.7, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1);*/
	border:1px solid black;
	transform: scale3d(0.78, 0.78, 0.78);
}


/* this is just to edit scrollbar */

/*
::-webkit-scrollbar {
	background: #EC407A;
}
*/