:root {
	/* CSS HEX */
	--admin: #05668dff; /* administration - bleu-sapphire */
	--autre: #e33147ff; /* autre - rouge-crayola */
	--config: #25aea9ff; /* configuration - vert-de-mer-clair */
	--crea: #478daeff; /* création - bleu-vert */
	--dev: #eac435ff; /* développement - safran */
	--edition: #ca1551ff; /* edition - carmin */
	--info: #8d6b94ff; /* information - chinese-violet */
	--maintenance: #fb4d3dff; /* maintenance - orange */
	--mod: #03cea4ff; /* modification - caraibe-vert */
	--pub: #545775ff; /* publication - gris-violet */
}
#spip-admin {
	display: none !important
}
#bear-menu {
	font-family: Arial, Helvetica, sans-serif;
	position: fixed;
	top: 100px;
	z-index: 9998;
	width: 220px;
	padding: 15px 0 15px 13px;
	background: #13262f;
	font-size: 13px;
	color: #fff;
	transition: all .5s ease-in-out;
	-webkit-box-shadow: -5px 5px 0	0 rgba(0,0,0,.3);
	box-shadow: -5px 5px 0 0 rgba(0,0,0,.3)
}
#bear-menu.large {
	top: 0;
	max-width: calc( 100vw - 50px);
	min-width: 220px;
	width: 300px;
	height: 100%
}
#bear-menu.left {
	left: -600px;
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,.3);
	box-shadow: 5px 5px 0 0	rgba(0,0,0,.3)
}
#bear-menu.left.active {
	left: 0 
}
#bear-menu.right {
	right: -600px
}
#bear-menu.right.active {
	right: 0 
}
/* < Reset CSS SPIP */
#bear-menu a:focus {
	outline: none !important;
	background: #1e3a47 !important;
	background-color: #1e3a47 !important;
	color: #fff !important;
	text-shadow: none !important
}
#bear-menu ul,
#bear-menu li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	list-style-type: none
}
/*  Reset CSS SPIP > */
#bear-menu > ul {
	padding: 0 15px 0 0;
	margin: 0;
	max-height: 400px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}
#bear-menu.large ul {
	max-height: 100%
}
#bear-menu li {
	position: relative;
	margin: 0;
	padding: 0
}
#bear-menu li .item-bear-fn {
	display: flex;
	padding: 4px;
	margin: 5px 0;
	background: #1e3a47;
	line-height: 22px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	border: none;
	cursor: pointer;
	transition: all .5s ease-in-out
}
#bear-menu li .item-bear-fn:hover {
	background: #2f5e74;
	cursor: pointer
}
#bear-menu ul li .item-bear-fn:before {
	font-family: "FontAwesome";
	content: attr(data-icon);
	float: left;
	display: block;
	width: 22px;
	font-size: 16px
}
#bear-menu li .item-bear-fn,
#bear-menu li .item-bear-fn:focus {
	border-left: 2px solid #478dae;
}
#bear-menu li .item-bear-fn.admin,
#bear-menu li .item-bear-fn.admin:focus {
	border-color: var(--admin) !important
}
#bear-menu li .item-bear-fn.autre,
#bear-menu li .item-bear-fn.autre:focus {
	border-color: var(--autre) !important
}
#bear-menu li .item-bear-fn.config,
#bear-menu li .item-bear-fn.config:focus {
	border-color: var(--config) !important
}
#bear-menu li .item-bear-fn.crea,
#bear-menu li .item-bear-fn.crea:focus {
	border-color: var(--crea) !important
}
#bear-menu li .item-bear-fn.dev,
#bear-menu li .item-bear-fn.dev:focus {
	border-color: var(--dev) !important
}
#bear-menu li .item-bear-fn.edition,
#bear-menu li .item-bear-fn.edition:focus {
	border-color: var(--edition) !important
}
#bear-menu li .item-bear-fn.info,
#bear-menu li .item-bear-fn.info:focus {
	border-color: var(--info) !important
}
#bear-menu li .item-bear-fn.maintenance,
#bear-menu li .item-bear-fn.maintenance:focus {
	border-color: var(--maintenance) !important
}
#bear-menu li .item-bear-fn.mod,
#bear-menu li .item-bear-fn.mod:focus {
	border-color: var(--mod) !important
}
#bear-menu li .item-bear-fn.pub,
#bear-menu li .item-bear-fn.pub:focus {
	border-color: var(--admin) !important
}
#bear-menu ul li form,
#bear-menu ul li form div,
#bear-menu ul li form div button[type="submit"] {
	padding: 0;
	margin: 0;
	border: none;
	background-color: transparent !important;
	text-align: left;
	color: #fff
}
#bear-menu ul li .etat-cache:before {
	font-family: "FontAwesome";
	content: "\f10c";
	text-align: center;
	float: right;
	width: 22px;
	font-size: 16px;
	color: #03cea4;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 4px
}
#bear-menu ul li .etat-cache-disable:before {
	color: #ca1551;
	animation-duration: 1s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none
}
@keyframes clignoter {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes clignoter_b {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
/*	BOUTON */
#btn-bear-menu {
	position: fixed;
	cursor: pointer;
	display: flex;
	top: 50px;
	width: 50px;
	background: #13262f;
	z-index: 9999;
	transition: all .5s ease-in-out;
	overflow: hidden
}
#btn-bear-menu.mini {
	width: 32px;
	height: 32px;	
	border-radius: 16px;
}
#btn-bear-menu.medium {
	width: 42px;
	height: 42px;	
	border-radius: 21px;
}
#btn-bear-menu.right {
	right:0
}
#btn-bear-menu.left {
	left:0
}
#btn-bear-menu.mini.right.active {	
	margin-right: 16px
}
#btn-bear-menu.mini.left.active {	
	margin-left: 16px
}
#btn-bear-menu.medium.active {
	z-index: 99999;
}
#btn-bear-menu.bear-menu-large.medium.right.active {	
	margin-right: -16px
}
#btn-bear-menu.bear-menu-large.medium.left.active {	
	margin-left: -16px
}
#btn-bear-menu.bear-menu-mini.medium.right.active {	
	margin-right: 12px
}
#btn-bear-menu.bear-menu-mini.medium.left.active {	
	margin-left: 12px
}
#btn-bear-menu.bear-menu-large.active.right {
	right:300px
}
#btn-bear-menu.bear-menu-large.active.left {
	left:300px
}
#btn-bear-menu.active {
	/* border-radius: 25px; */
}
#btn-bear-menu svg {
	margin-left: 1px;
	transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1)
}
#btn-bear-menu.mini svg {
	width: 32px;
	height: 32px;	
}
#btn-bear-menu.medium svg {
	width: 42px;
	height: 42px;	
}
#btn-bear-menu.active svg {
	transform: rotate(90deg)
}
#btn-bear-menu path {
	transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
		stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1)
}
#btn-bear-menu path:nth-child(1) {
	transform-origin: 36% 40%
}
#btn-bear-menu path:nth-child(2) {
	stroke-dasharray: 29 299
}
#btn-bear-menu path:nth-child(3) {
	transform-origin: 35% 63%
}
#btn-bear-menu path:nth-child(4) {
	stroke-dasharray: 29 299
}
#btn-bear-menu path:nth-child(5) {
	transform-origin: 61% 52%
}
#btn-bear-menu path:nth-child(6) {
	transform-origin: 62% 52%
}
#btn-bear-menu.active path:nth-child(1) {
	transform: translateX(9px) translateY(1px) rotate(45deg)
}
#btn-bear-menu.active path:nth-child(2) {
	stroke-dasharray: 225 299;
	stroke-dashoffset: -72px
}
#btn-bear-menu.active path:nth-child(3) {
	transform: translateX(9px) translateY(1px) rotate(-45deg)
}
#btn-bear-menu.active path:nth-child(4) {
	stroke-dasharray: 225 299;
	stroke-dashoffset: -72px
}
#btn-bear-menu.active path:nth-child(5) {
	transform: translateX(9px) translateY(1px) rotate(-45deg)
}
#btn-bear-menu.active path:nth-child(6) {
	transform: translateX(9px) translateY(1px) rotate(45deg)
}

/* INFOS AUTEUR */

#bear-menu .item_compte a {
	text-decoration: none;
	display: block;
	color: #ca1551;
	background: none;
	transition: all .5s ease-in-out
}
#bear-menu .icon_fleche:before {
	font-family: "FontAwesome";
	content: "\f061";
	display: inline-block;
	padding-right: 5px;
	font-size: inherit !important
}
#bear-menu .item_compte a:hover {
	color: var(--dev);
	background: none
}
#bear-menu .nom_auteur {
	font-size: 1.2em;
	padding-left: 4px;
	font-weight: bold
}
#bear-menu .infos_auteur,
#bear-menu .info_auteur {
	text-align: left;
	display: block;
	width: 100%
}
#bear-menu .infos_auteur {
	padding-left: 25px;
	border-left: 2px dotted
}
#bear-menu .petit {
	font-size: 0.9em
}
#bear-menu .info_auteur_statut_technique {
	color: #8da7b3
}
#bear-menu .logo_auteur {
	position: absolute;
	width: 64px;
	height: 64px;
	border-radius: 32px;
	padding: 4px;
	background: #13262f;
	z-index: 99;
	display: block;
	overflow: hidden;
	top: -32px
}
#bear-menu.large .logo_auteur {
	top: 0 
}
#bear-menu.right .logo_auteur {
	left: -32px
}
#bear-menu.left .logo_auteur {
	right: -32px
}
#bear-menu.large.right .logo_auteur {
	left: 225px
}
#bear-menu.large.left .logo_auteur {
	right: 10px
}
#bear-menu .logo_auteur img {
	object-fit: cover !important;
	width: 100%;
	height: 100%;
	border-radius: 32px
}

/* MESSAGE*/

#bear-infos,
#bear-infos-liste,
#bear-infos:after,
#bear-infos:before {
	z-index: 999;
	position: absolute;
	opacity: 1;
	transition: all .5s ease-in-out
}
#bear-infos {
	top: 15px
}
#bear-menu.large #bear-infos {
	top: 45px
}
#bear-menu.right #bear-infos {
	left: -15px
}
#bear-menu.left #bear-infos {
	right: 15px
}
#bear-infos:after,
#bear-infos:before {
	top: -30px;
	left: 0;
	display: block;
	width: 32px;
	line-height: 32px;
	font-size: 16px;
	border-radius: 16px;
	color: var(--dev)
}
#bear-infos:before {
	font-family: "FontAwesome";
	content: "\f071";
	animation-duration: 1s;
	animation-name: clignoter_b;
	animation-iteration-count: infinite;
	transition: none;
	cursor: pointer
}
#bear-infos:after {
	z-index: 98;
	content: "\00a0";
	background: #13262f;
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,.3);
	box-shadow: 5px 5px 0 0 rgba(0,0,0,.3)
}
#bear-infos:hover {
	display: block;
	opacity: 1;
	transition: all .5s ease-in-out
}
#bear-infos:hover #bear-infos-liste {
	display: block;
	opacity: 1;
	max-width: 200px;
	transition: all .5s ease-in-out
}
.bear-infos-item {
	text-align: left;
	text-decoration: none;
	margin: 10px 0 0 0;
	background: #13262f;
	padding: 6px;
	border-radius: 15px;
	width: 180px;
	display: block;
	opacity: 1;
	transition: all .5s ease-in-out;
	-webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,.5);
	box-shadow: 5px 5px 0 0 rgba(0,0,0,.5)
}
.bear-infos-item:before {
	font-family: "FontAwesome";
	content: "\f071";
	display: inline-block;
	padding: 0 5px
}
#bear-infos.disable,
#bear-infos-liste,
.bear-infos-item.disable {
	display: none;
	opacity: 0;
	transition: all .5s ease-in-out
}

/* GROUPE */
#bear-menu .item_groupe .item-bear-fn {
	margin-bottom: 0!important
}
#bear-menu .item-bear-groupe-enfant {
	margin: 0 !important;
	background: rgba(0,0,0,.2);
	border-left: 2px solid #478dae
}
#bear-menu .item-bear-groupe-enfant ul {
	padding: 0 2px 0 8px
}
#bear-menu .item-bear-groupe-enfant.autre {
	border-color: var(--autre) 
}
#bear-menu .item-bear-groupe-enfant.admin {
	border-color: var(--admin)
}
#bear-menu .item-bear-groupe-enfant.config {
	border-color: var(--config)
}
#bear-menu .item-bear-groupe-enfant.crea {
	border-color: var(--crea)
}
#bear-menu .item-bear-groupe-enfant.dev {
	border-color: var(--dev)
}
#bear-menu .item-bear-groupe-enfant.edition {
	border-color: var(--edition) 
}
#bear-menu .item-bear-groupe-enfant.info {
	border-color: var(--info) 
}
#bear-menu .item-bear-groupe-enfant.maintenance {
	border-color: var(--maintenance)
}
#bear-menu .item-bear-groupe-enfant.mod {
	border-color: var(--mod)
}
#bear-menu .item-bear-groupe-enfant.pub {
	border-color: var(--pub) 
}
#bear-menu .icon_toggle:after {
	position: absolute;
	right: 5px;
	font-family: "FontAwesome";
	content: "\f055";
	display: inline-block;
	font-size: 16px
}
#bear-menu .icon_toggle.plus:after {
	content: "\f055"
}
#bear-menu .icon_toggle.minus:after {
	content: "\f056"
}

/* BOUTON ACTION */

#bear-menu li .item-bear-fn .bouton_action_post button {
	left: 0;
	top: 0;
	display: block;
	padding: 4px 0	4px 28px;
	width: 100%;
	position: absolute
}

/* FORMULAIRE */

#bear-menu .form-bear .editer > label {
	text-align: left;
	padding: 0 0 5px 5px
}
#bear-menu .form-bear .editer {
	padding: 5px;
	border-top: 1px dotted #03cea4
}
#bear-menu .form-bear .editer .choix {
	display: flex
}
#bear-menu .form-bear .editer label,
#bear-menu .form-bear .editer input {
	flex-shrink: 2
}
/* GABARIT MINI */

#bear-menu.mini {
	top: 120px;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: auto;
	max-height: 100%;
}
#bear-menu.mini.right.active {
	right: 17px
}
#bear-menu.mini.left.active {
	left: 34px
}
#bear-menu.mini ul {
	padding: 0;
	margin: 0;
	max-height: 100%;
	overflow: visible;
}
#bear-menu.mini .item-bear-fn {
	width: 32px;
	height: 32px;
	border-radius: 16px !important;
	border: none;
	padding: 0 
}
#bear-menu.mini .item-bear-fn > .ajaxbloc form button.submit label,
#bear-menu.mini .info_auteur > label,
#bear-menu.mini .item-bear-fn > label {
	position: absolute;
	z-index: 9;
	top:0;
	width: 100px;
	display: none;
	padding: 10px;
	font-size: .9em;
	line-height: 1em;
	text-align: center !important;
	background: rgba(0,0,0,.7);
	opacity: 0;
	border-radius: 15px;
	transition: all .5s ease-in-out
}
#bear-menu.mini.right .item-bear-fn > .ajaxbloc form button.submit label,
#bear-menu.mini.right .info_auteur > label,
#bear-menu.mini.right .item-bear-fn > label {
	left: -110px
}
#bear-menu.mini.left .item-bear-fn > .ajaxbloc form button.submit label,
#bear-menu.mini.left .info_auteur > label,
#bear-menu.mini.left .item-bear-fn > label {
	left: 40px
}
#bear-menu.mini .item-bear-fn:hover > .ajaxbloc form button.submit label,
#bear-menu.mini .item-bear-fn:hover .info_auteur > label,
#bear-menu.mini .item-bear-fn:hover > label {
	display: block;
	opacity: 1
}
#bear-menu.mini li {
	min-height: 35px
}
#bear-menu.mini .item-bear-fn:before {
	line-height: 32px;
	width: 32px;
	text-align: center;
	padding: 0;
	margin: 0;
	display: block;
}
#bear-menu.mini .logo_auteur {
	top: -16px;
	left: revert;
	right: 0px;
	width: 32px;
	height: 32px;
	border-radius: 16px
}
#bear-menu.mini .nom_auteur,
#bear-menu.mini .infos_auteur {
	display: none
}
#bear-menu.mini .item-bear-fn.icon_toggle:after {
	right: -4px;
	top: -4px;
	color: #03cea4;
	line-height: 15px;
	background: #fff;
	border-radius: 8px
}
#bear-menu.mini .etat-cache-enable:before,
#bear-menu.mini .etat-cache-disable:before {
	font-size: 38px;
	top: 5px;
	left:0
}
#bear-menu.mini .etat-cache-enable:before {
	opacity: 0
}
#bear-menu.mini .item-bear-groupe-enfant {
	background: none;
	border: none
}
#bear-menu.mini .item-bear-groupe-enfant ul {
	padding: 0
}
#bear-menu.mini .form-bear {
	background: #13262f;
	border-radius: 6px;
	padding: 4px
}
#bear-menu.mini #bear-infos {
	top: 13px;
	left: revert;
	right: 32px;
	z-index: 991
}
#bear-menu.mini #bear-infos:after {
	-webkit-box-shadow: none;
	box-shadow: none
}
#bear-menu.mini .bear-infos-item,
#bear-menu.mini #bear-infos:after {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: center
}
#bear-menu.right.mini #bear-infos-liste {
	top: -40px;
	left: -190px;
}
#bear-menu.mini ul li .item-bear-fn,
#bear-menu.mini ul li .item-bear-fn:before {
	position: absolute;
	right: 0;
	top:0
}
#bear-menu.mini .item-bear-groupe-enfant {
	padding-top: 20px;
}
#bear-menu.mini .item-bear-groupe-enfant ul {
	padding-top: 15px;
}
#bear-menu.mini .item_separateur {
	display: none
}
#bear-menu.mini .item_preference_bear .item-bear-groupe-enfant {
	top: -15px;
	position: absolute;
	width: 170px
}
#bear-menu.mini.left .item_preference_bear .item-bear-groupe-enfant {
	left: 10px;
}
#bear-menu.mini.right .item_preference_bear .item-bear-groupe-enfant {
	right: 42px;
}
/* SEPARATEUR */
#bear-menu .item_separateur .item-texte.titre-true:before {
	position: absolute;
	width: 100%;
	top: 8px
}
#bear-menu .item_separateur .item-texte:before {
	content:"\00a0";
	z-index: 1;
	height: 4px !important;
	display: block;
	background: linear-gradient(45deg, #478dae 12.5%, transparent 12.5%, transparent 37.5%, #478dae 37.5%, #478dae 62.5%,transparent 62.5%, transparent 87.5%, #478dae 87.5%);
	background-size: 20px 20px;
	background-position: 0 0;
}
#bear-menu .item_separateur .item-texte.admin:before  {
	background: linear-gradient(45deg, var(--admin) 12.5%, transparent 12.5%, transparent 37.5%, var(--admin) 37.5%, var(--admin) 62.5%,transparent 62.5%, transparent 87.5%, var(--admin) 87.5%);
}
#bear-menu .item_separateur .item-texte.autre:before  {
	background: linear-gradient(45deg, var(--autre) 12.5%, transparent 12.5%, transparent 37.5%, var(--autre) 37.5%, var(--autre) 62.5%,transparent 62.5%, transparent 87.5%, var(--autre) 87.5%);
}
#bear-menu .item_separateur .item-texte.config:before  {
	background: linear-gradient(45deg, var(--config) 12.5%, transparent 12.5%, transparent 37.5%, var(--config) 37.5%, var(--config) 62.5%,transparent 62.5%, transparent 87.5%, var(--config) 87.5%);
}
#bear-menu .item_separateur .item-texte.crea:before  {
	background: linear-gradient(45deg, var(--crea) 12.5%, transparent 12.5%, transparent 37.5%, var(--crea) 37.5%, var(--crea) 62.5%,transparent 62.5%, transparent 87.5%, var(--crea) 87.5%);
}
#bear-menu .item_separateur .item-texte.dev:before  {
	background: linear-gradient(45deg, var(--dev) 12.5%, transparent 12.5%, transparent 37.5%, var(--dev) 37.5%, var(--dev) 62.5%,transparent 62.5%, transparent 87.5%, var(--dev) 87.5%);
}
#bear-menu .item_separateur .item-texte.edition:before  {
	background: linear-gradient(45deg, var(--edition) 12.5%, transparent 12.5%, transparent 37.5%, var(--edition) 37.5%, var(--edition) 62.5%,transparent 62.5%, transparent 87.5%, var(--edition) 87.5%);
}
#bear-menu .item_separateur .item-texte.info:before  {
	background: linear-gradient(45deg, var(--info) 12.5%, transparent 12.5%, transparent 37.5%, var(--info) 37.5%, var(--info) 62.5%,transparent 62.5%, transparent 87.5%, var(--info) 87.5%);
}
#bear-menu .item_separateur .item-texte.maintenance:before  {
	background: linear-gradient(45deg, var(--maintenance) 12.5%, transparent 12.5%, transparent 37.5%, var(--maintenance) 37.5%, var(--maintenance) 62.5%,transparent 62.5%, transparent 87.5%, var(--maintenance) 87.5%);
}
#bear-menu .item_separateur .item-texte.mod:before  {
	background: linear-gradient(45deg, var(--mod) 12.5%, transparent 12.5%, transparent 37.5%, var(--mod) 37.5%, var(--mod) 62.5%,transparent 62.5%, transparent 87.5%, var(--mod) 87.5%);
}
#bear-menu .item_separateur .item-texte.pub:before  {
	background: linear-gradient(45deg, var(--pub) 12.5%, transparent 12.5%, transparent 37.5%, var(--pub) 37.5%, var(--pub) 62.5%,transparent 62.5%, transparent 87.5%, var(--pub) 87.5%);
}
#bear-menu .item_separateur .item-texte:before {
	background-size: 10px 10px !important;
	background-position: 0 0 !important;
}
#bear-menu .item_separateur .item-texte label {
	position: relative;
	z-index: 9;
	display: inline-block;
	background: #13262f;
	padding: 0px 10px
}
/* ACTION OK */
#bear-menu #maj_ok:before {
	font-family: "FontAwesome";
	content:'\f058';
	position: absolute;
	display: block;
	width: 32px;
	line-height: 32px;
	font-size: 32px;
	border-radius: 16px;
	color: #03cea4;
	background:#13262f ;
	right: 5px;
	margin-top: 5px;
	animation-duration: 1s;
	animation-name: clignoter;
	animation-iteration-count: infinite;
	transition: none
}
/* MODAL BOX */
.ajax-id-inc-bear_login {
	position: relative ;
}
#btn-bear-login {
	position: absolute;
	z-index: 99999999999;
	top:-50px;
	left: 10px;
	opacity: .2;
	transition: all .5s ease-in-out;
	font-size: 14px;
}
#btn-bear-login:hover {
	opacity:1
}
#bear-login-modal button.close {
	border: none;
	line-height: 32px;
	width: 32px;
	border-radius: 6px;
		transition: all .5s ease-in-out;

}
#bear-login-modal button.close:hover {
background: red;
	color: #FFF
}
#bear-login-modal .modal-header,
#bear-login-modal .modal-footer {
	border: none !important;
}
.modal{
    position:fixed;
    top:0;
    left:0;
    z-index:1055;
    display:none;
    width:100%;
    height:100%;
    overflow-x:hidden;
    overflow-y:auto;
    outline:0;
    background: rgba(0,0,0,.4)
}
.modal-dialog{
    position:relative;
    width:auto;
    margin:.5rem;
    pointer-events:none
}
.modal.fade .modal-dialog{
    transition:transform .3s ease-out, opacity .15s linear;
    transform:translate(0,-50px)
}
@media (prefers-reduced-motion:reduce){
    .modal.fade .modal-dialog{
        transition:none
    }
}
.modal.show .modal-dialog{
    transform:none
}
.modal.modal-static .modal-dialog{
    transform:scale(1.02)
}
.modal-dialog-scrollable{
    height:calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content{
    max-height:100%;
    overflow:hidden
}
.modal-dialog-scrollable .modal-body{
    overflow-y:auto
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
    min-height:calc(100% - 1rem)
}
.modal-content{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    pointer-events:auto;
    background-color:#fff;
    background-clip:padding-box;
    border:1px solid rgba(0,0,0,.2);
    border-radius:.3rem;
    outline:0
}
.modal-backdrop{
    position:fixed;
    top:0;
    left:0;
    z-index:1050;
    width:100vw;
    height:100vh;
    background-color:#000
}
.modal-backdrop.fade{
    opacity:0
}
.modal-backdrop.show{
    opacity:.5
}
.modal-header{
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:space-between;
    padding:1rem 1rem;
    border-bottom:1px solid #dee2e6;
    border-top-left-radius:calc(.3rem - 1px);
    border-top-right-radius:calc(.3rem - 1px)
}
.modal-header .btn-close{
    padding:.5rem .5rem;
    margin:-.5rem -.5rem -.5rem auto
}
.modal-title{
    margin-bottom:0;
    line-height:1.5
}
.modal-body{
    position:relative;
    flex:1 1 auto;
    padding:1rem
}
.modal-footer{
    display:flex;
    flex-wrap:wrap;
    flex-shrink:0;
    align-items:center;
    justify-content:flex-end;
    padding:.75rem;
    border-top:1px solid #dee2e6;
    border-bottom-right-radius:calc(.3rem - 1px);
    border-bottom-left-radius:calc(.3rem - 1px)
}
.modal-footer>*{
    margin:.25rem
}
@media (min-width:576px){
    .modal-dialog{
        max-width:500px;
        margin:1.75rem auto
    }
    .modal-dialog-scrollable{
        height:calc(100% - 3.5rem)
    }
    .modal-dialog-centered{
        min-height:calc(100% - 3.5rem)
    }
    .modal-sm{
        max-width:300px
    }
}
@media (min-width:992px){
    .modal-lg,.modal-xl{
        max-width:800px
    }
}
@media (min-width:1200px){
    .modal-xl{
        max-width:1140px
    }
}
.modal-fullscreen{
    width:100vw;
    max-width:none;
    height:100%;
    margin:0
}
.modal-fullscreen .modal-content{
    height:100%;
    border:0;
    border-radius:0
}
.modal-fullscreen .modal-header{
    border-radius:0
}
.modal-fullscreen .modal-body{
    overflow-y:auto
}
.modal-fullscreen .modal-footer{
    border-radius:0
}
@media (max-width:575.98px){
    .modal-fullscreen-sm-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-sm-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-sm-down .modal-body{
        overflow-y:auto
    }
    .modal-fullscreen-sm-down .modal-footer{
        border-radius:0
    }
}
@media (max-width:767.98px){
    .modal-fullscreen-md-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-md-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-md-down .modal-body{
        overflow-y:auto
    }
    .modal-fullscreen-md-down .modal-footer{
        border-radius:0
    }
}
@media (max-width:991.98px){
    .modal-fullscreen-lg-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-lg-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-lg-down .modal-body{
        overflow-y:auto
    }
    .modal-fullscreen-lg-down .modal-footer{
        border-radius:0
    }
}
@media (max-width:1199.98px){
    .modal-fullscreen-xl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-xl-down .modal-body{
        overflow-y:auto
    }
    .modal-fullscreen-xl-down .modal-footer{
        border-radius:0
    }
}
@media (max-width:1399.98px){
    .modal-fullscreen-xxl-down{
        width:100vw;
        max-width:none;
        height:100%;
        margin:0
    }
    .modal-fullscreen-xxl-down .modal-content{
        height:100%;
        border:0;
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-header{
        border-radius:0
    }
    .modal-fullscreen-xxl-down .modal-body{
        overflow-y:auto
    }
    .modal-fullscreen-xxl-down .modal-footer{
        border-radius:0
    }
}
.fade {
	transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
	.fade {
		transition: none
	}
}

.fade:not(.show) {
	opacity: 0
}


/* PANNEL */


#bear-menu {
	overflow: hidden
}
#bear-menu  ul.bear-list {
	position: relative;
	left: 0px !important;
	transition: all .25s ease-in-out;
}
#bear-menu ul.bear-list.false {
	left: -300px !important;
}
#bear-menu .bear-container-list-pannel {
	position: absolute;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	opacity: 0;
	top: 0px;
	right: -400px;
	transition: all .25s ease-in-out;
	max-width: calc( 100vw - 50px);
	min-width: 220px;
	width: 300px;

}
#bear-menu .bear-container-list-pannel.true {
	opacity: 1;
	right: 0px;
}