/* ***************** *******************************************************************
* WordPress Theme  | LanteasOpenSoclePremiumThemeChild [Notifications] - Lanteas.
* ***************** *******************************************************************
*/


.msg-notify-box{
	position: relative;
	width: 80%;
	max-width: 800px;
	min-width: 220px;
	margin: 2rem auto;
	padding: 1rem;

	text-align: center;
	font-size: 1rem;

	border: solid 1px var(--enfold-main-color-border);
	border-radius: 5px;
	background-color: var(--enfold-main-color-bg2);
/*box-shadow: 0 0px 5px 0 rgba( var(--background-color-rgb) / 0.75);/**/
	box-shadow: 0 0px 0px 5px rgba( var(--background-color-rgb) / 0.5);
}


/* .fa-flag */
.msg-notify-box.msg-default .notify-icon{
	color: inherit;
}

/* .fa-times */
.msg-notify-box.msg-erreur .notify-icon{
	color: #ff6000;
}

/* .fa-info */
.msg-notify-box.msg-info .notify-icon{
	color: #90a3bf;
}

/* .fa-check */
.msg-notify-box.msg-succes .notify-icon{
	color: #5fa45d;
}

.msg-notify-box .notify-icon{
	width: 80px;
	min-width: 1.25em;
	margin-right: 1rem;
	padding: 0.5rem 1rem 0.5rem 0;
	border-right: solid 1px var(--enfold-main-color-border);
	text-align: center;
}

.msg-notify-box .notify-msg{ 
	display: inline-block;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

.msg-notify-box p{
	margin: 1rem 0 0;
	font-style: italic;
	font-weight: normal;
}



/* A factoriser avec le module [Box/Tip/Splash] */ 
      .msg-box {
        position : fixed;
        z-index: 65530;
        top: 50%;
        left: 50%;
        transform: translateX( -50% ) translateY( -50% );

        display: none;
      }




/* ***************** *******************************************************************
 * UIXConfirmBox, an in interactive Javascript Message box.
 * ***************** *******************************************************************
 */

:root{
	--confirm-box-color : #ffffff;
}

/* Dialog box (UIXConfirmBox) */
#plugin-dialog-overlay{ background-color: rgba(35, 40, 45, 0.76); position: fixed; width: 100%; top: 0; bottom: 0; display: none; z-index: 34469; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
#plugin-dialog-overlay [role="plugin-dialog-box"]{ background-color: #ffffff; -webkit-box-shadow: 0 0 6px 0px #9ba1a6; box-shadow: 0 0 6px 0px #9ba1a6; width: 66%; min-width: 300px; max-width: 470px; position: absolute; top: 50%; left: 50%; transform-box: view-box; transform-origin: center; transform: translateX(-50%) translateY(-50%); }
#plugin-dialog-overlay	 [role="plugin-dialog-title"]{ background-color: #f9f9f9; border-bottom: 1px dotted lightgrey; padding: .5rem 1rem; margin: 0; }
#plugin-dialog-overlay	 [role="plugin-dialog-message"]{ padding: .5rem 1rem; margin: 1rem 0; }
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"]{ border-top: 1px dotted lightgrey; padding: .5rem 1rem 0; margin-top: 0; }
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"] button{ background-color: #787b76; border: solid 1px #60655e; color: var( --confirm-box-color ); border-radius: 2pt; padding: 0.5rem 1.25rem; box-shadow: 0 0 6px 0px #9ba1a6;cursor: pointer !important; font-family: inherit; font-size: inherit; font-weight: inherit; box-sizing: border-box; display: inline-block; position: relative; text-align: center; align-items: flex-start; }
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"] button.danger{ /* crimson */
	background-color: #aa1c00;
	border: solid 1px #801703;
	color: var( --confirm-box-color );
}
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"] button.neutral{ /* grey - default */
	background-color: #787b76;
	border: solid 1px #60655e;
	color: var( --confirm-box-color );
}
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"] button.ignore{ /* blue */
	background-color: #2e89bf;
	border: solid 1px #16689d;
	color: var( --confirm-box-color );
}
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"] button.success{ /* green */
	background-color: #3daa00;
	border: solid 1px #449c12;
	color: var( --confirm-box-color );
}
#plugin-dialog-overlay	 [role="plugin-dialog-btntool"] button:hover{
	border-color: #0000003d !important;
	filter: contrast(1.4);
	color: #f9f9f9 !important;
}





/* Super Custom | Experimental Seb : NO GITTED */
.liste_notification p {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;

	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	flex-flow: row nowrap;

  align-items: center;

	-webkit-justify-content: space-between;
	justify-content:space-between;
  padding: 0.25rem 0 0.25rem 0.25rem;
  cursor: default;
}

.liste_notification p:hover, .liste_notification p:focus, .liste_notification p:active {
  background-color: #e8e8e87d !important;
}

.liste_notification p a.notif-liens {
  padding: 0.25rem 0.5rem;
  margin-right: 0.5rem;
  border-right: solid 1px var( --main_color_secondary );
}

.liste_notification p a.notif-liens:last-child {
  border-right: none;
  margin-right: 0;
}

.liste_notification p a.notif-liens:hover, .liste_notification p a.notif-liens:focus, .liste_notification p a.notif-liens:active {
  background-color: var( --footer-area-color );
  color: var( --background-color );
  text-decoration: none;
  border-radius: 4px;
}