:root{
    --alertify-error:   #ff1658;
    --alertify-success: #6fd0c0;
    --alertify-info:    #3f7dbf;
    --alertify-warning: #f1c40e;
    --alertify-question:#af32e5;
    --alertify-dialog:  #878dff;  /*prompt, confirm, alert*/
}
.alertify-show,
.alertify-log {
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	   -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	    -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	     -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	        transition: all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.alertify-hide {
	-webkit-transition: all 250ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-log-hide {
	-webkit-transition: all 500ms cubic-bezier(0.600, 0, 0.735, 0.045); /* older webkit */
	-webkit-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	   -moz-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	    -ms-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	     -o-transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
	        transition: all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045); /* easeInBack */
}
.alertify-cover {
	position: fixed; z-index: 99999;
	top: 0; right: 0; bottom: 0; left: 0;
}
.alertify-cover-hidden {
	display: none;
}
.alertify {
	position: fixed; z-index: 99999;
	top: 50px; left: 50%;
	width: 550px;
	margin-left: -275px;
	opacity: 1;
}
.alertify-hidden {
	-webkit-transform: translate(0,-150px);
	   -moz-transform: translate(0,-150px);
	    -ms-transform: translate(0,-150px);
	     -o-transform: translate(0,-150px);
	        transform: translate(0,-150px);
	opacity: 0;
	display: none;
}
	/* overwrite display: none; for everything except IE6-8 */
	:root *> .alertify-hidden { display: block; }
.alertify-logs {
	position: fixed;
	z-index: 5000;
	bottom: 10px;
	right: 10px;
	width: 300px;
}
.alertify-logs-hidden {
	display: none;
}
.alertify-log {
	display: block;
	margin-top: 10px;
	position: relative;
	right: -300px;
	opacity: 0;
}
.alertify-log-show {
	right: 0;
	opacity: 1;
}
.alertify-log-hide {
	-webkit-transform: translate(300px, 0);
	   -moz-transform: translate(300px, 0);
	    -ms-transform: translate(300px, 0);
	     -o-transform: translate(300px, 0);
	        transform: translate(300px, 0);
	opacity: 0;
}
.alertify-dialog {
	padding: 25px 10px;
}
.alertify-resetFocus {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.alertify-inner {
	text-align: center;
}
.alertify-text {
	margin-bottom: 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 100%;
}
.alertify-buttons {
    margin-top: 20px;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
	background: none;
	text-decoration: none;
	border: none;
	/* line-height and font-size for input button */
	line-height: 1.5;
	font-size: 100%;
	display: inline-block;
	cursor: pointer;
	margin-left: 5px;
}

.alertify-isHidden {
	visibility: hidden;
}

@media only screen and (max-width: 680px) {
	.alertify,
	.alertify-logs {
		width: 90%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.alertify {
		left: 5%;
		margin: 0;
	}
}

/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: verdana;
	/*sans-serif;*/
}
.alertify {
	/*background: #eee;   -> wurde bei .back_blue_diagonal definiert
    background: rgba(240,240,240,.9);*/
	/*border: 5px solid #fff; */
	 /*browsers that don't support rgba */
	/*border: 5px solid rgba(255,255,255,.9);*/
	/*border-radius: 8px;*/
    box-shadow: 10px 10px 30px rgba(0,0,0,.4);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.alertify-text {
	border: 1px solid #CCC;
	padding: 10px;
	border-radius: 4px;
	margin-top:20px;
}
.alertify-button {
	color: #FFF!important;
	font-weight: bold;
	padding: 6px 15px;
	text-decoration: none;
}
.alertify-button:hover,
.alertify-button:focus {
	outline: none;
}
.alertify-button:focus {
	/*box-shadow: 0 0 15px #2B72D5;*/
}
.alertify-button:active {
	position: relative;
}
.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
    font-weight:normal;
    font-size:80%;
}
.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
	margin-bottom: 0px;
}

.alertify-log {
	background: #fff;
	background: rgba(255,255,255,.9);
	padding: 5px;
	border-radius: 4px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.4);
	color: #777;
	font-size:80%;
}
.alertify-log-log {
	background: #ff1658;
	padding: 10px 0;
	color:      #fff;
}
.alertify-log-error {
	background: var(--alertify-error);
	padding: 10px 0;
	color:      #fff;
}
.alertify-log-success {
	background: var(--alertify-success);
	padding: 10px 0;
	color:      #fff;
}
.alertify-log-info {
    background: var(--alertify-info);
	background: rgb(57, 125, 198,.9);
	padding: 10px 0;
	color:      #fff;
}
.alertify-log-warning {
    background: var(--alertify-warning);
	padding: 10px 0;
	color:      #fff;
}
.alertify-log-question {
    background: var(--alertify-question); 
	padding: 10px 0;
	color:      #fff;
}
/* hier endet das css fr ALERT popup    */
.alertify {
    background: var(--alertify-dialog);
}
.alertify-show-box {
    padding:30px 15px;
}
.pad-success {
    background:#6fd0c0;
    color:white;
}
.pad-error {
    background:#ea4d41;
    color:white;
}
.pad-warning {
    background:#ff880a;
    color:white;
}
.pad-info {
    background:#295B96;
    color:white;
}

#alertify-form{
    margin-bottom: 0;
}
#alertify-form input{
    background: #fff;
}
.log-container {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: "consify-log-left consify-log-message consify-log-right";
  grid-template-columns: 1fr 5fr 1fr;
  grid-template-rows: 1fr;
  line-height: 19px;
  min-height: 30px;
}
.consify-log-left {
  grid-area: consify-log-left;
  display:grid;
  place-items:center;
  color:#fff;
}
.consify-log-message {
  grid-area: consify-log-message;
  display:grid;
  align-content:center;
  justify-content: start;
  color:#fff;
}
.consify-log-right {
  grid-area: consify-log-right;
  display:grid;
  place-items:center;

  text-align: center;
  cursor:pointer;
  border-left:1px solid #fff;
}