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



/*.deprecated*/.erreur-form,
.msg-notify-box{

	position: relative;
    text-align: center;
    font-weight: bold;
	box-shadow: 0 0px 5px 0 rgba(208, 208, 208, 0.75);
	border-radius: 5px;
	padding: 1rem;
	margin: 2rem auto;
	
	width: 80%;
	max-width: 800px;
	min-width: 220px;

	font-size: 1rem;
	color: #707070;
	border: solid 1px #7e7e7e40;
	background-color: #ffffff66;

}


/* .fa-times */
.erreur-form,
.msg-notify-box.msg-erreur{
	border: solid 1px #ff000040;
	background-color: rgba(210, 185, 185, 0.3);
	color: #ff6000;
}

/* .fa-info */
.msg-notify-box.msg-info{
	border: solid 1px #ced5dfcf;
	background-color: rgba(240, 240, 240, 0.3);
	color: #90a3bf;
}

/* .fa-check */
.msg-notify-box.msg-succes{
	border: solid 1px #a8cea7;
	background-color: rgba(199, 210, 185, 0.3);
	color: #5fa45d;
}

.msg-notify-box .notify-icon{
	width: 80px;
	text-align: center;
	margin-right: 1rem;
	padding: 0.5rem 1rem 0.5rem 0;
	border-right: solid 1px #4a4a4a33;
}

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

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



/* 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 );
  outline: 0;
  text-decoration: none;
  border-radius: 4px;
}