/**
 * alertifyjs 1.11.3 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2019 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under GPL 3 <https://opensource.org/licenses/gpl-3.0>*/
 
.alertify .ajs-dimmer {
  background-color: var(--noir);
  opacity: .6;
}

.alertify .ajs-dialog {
  width: fit-content;
	min-width: 400px;
  background-color: #ffeecc;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
	margin-top: 50vh;
	transform: translateY(-50%);
}

.alertify .ajs-header {
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  color: white;
  background-color: var(--marron);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
}

.alertify .ajs-body {
											 
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
  margin-top: 20px;
}

.alertify .ajs-body .ajs-content .ajs-input {
								 
  width: 100%;
  margin: 0;
  padding: .65em 1em;
										 
														
  font-size: 1em;
  border: 1px solid rgba(0,0,0,.15);
  outline: 0;
  color: rgba(0,0,0,.7);
  border-radius: .3125em;
  -webkit-transition: background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;
  transition: background-color .3s ease-out,border-color .2s ease,-webkit-box-shadow .2s ease;
  transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;
  transition: background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease,-webkit-box-shadow .2s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.alertify .ajs-body .ajs-content .ajs-input:active {
  border-color: rgba(0,0,0,.3);
}

.alertify .ajs-body .ajs-content .ajs-input:focus {
											
  border-color: rgba(0,0,0,.2);
  color: rgba(0,0,0,.85);
}

.ajs-content {
  color: var(--marron);
  font: bold 1.0em Arial, Helvetica, sans-serif;
	text-align: center;
}

.alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,
.alertify.ajs-resizable .ajs-content {
  top: 64px;
  bottom: 74px;
}

.alertify .ajs-footer {
  background-color: var(--creme);
  padding: 1rem 2rem;
  border-top: none;
  border-radius: 0 0 5px 5px;
}

.alertify-notifier .ajs-message {
  background: rgba(255,255,255,0.95);
  color: #000000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}

.alertify-notifier .ajs-message.ajs-success {
  color: #ffffff;
  background: rgba(91,189,114,0.95);
  text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}

.alertify-notifier .ajs-message.ajs-error {
  color: #ffffff;
  background: rgba(217,92,92,0.95);
  text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252,248,215,0.95);
  border-color: #999999;
}

.ajs-button {
  height: 50px;
  border-radius: 10px;
  color: var(--bleu_fonce);
  font: bold 15px Arial, Helvetica, sans-serif;
}

.ajs-button:hover {
  background-color: var(--beige);
  color: var(--marron);
  text-decoration: none;
  border: solid 2px var(--marron);
  box-shadow: none;
}

.ajs-ok {
  background-color: var(--vert_pale);
  cursor: pointer;
										 
}

.ajs-cancel {
  background-color: var(--rose);
	cursor: pointer;
}
