/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
	font-family: Roboto-light;
}
.alertify {
	background: #FFF;
	border: 5px solid #f3064dc4; /* browsers that don't support rgba */
	border: 5px solid  #f3064dc4;
	border-radius: 8px;
	font-size:13pt;
	background:linear-gradient(90deg,rgba(253, 203, 203, 0.953),rgba(255, 255, 255, 0.953) 60%);
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-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;
	}
	.alertify-button {
		border:1px grey solid;
      	border-radius:5px;
      	transition:500ms;
      	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
		font-size:11pt;
		background:white;
		/* background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
		background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0)); */
	}
	.alertify-button:hover{
		background:rgb(221, 14, 65);
		  color:white;
		  font-size:11pt;
      	transition:500ms;
	}
	.alertify-button:focus {
		outline: none;
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:    -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
		background-image:         linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));
	}
	.alertify-button:focus {
		box-shadow: 0 0 15px #2b91d577;
	}
	.alertify-button:active {
		position: relative;
		box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}
		.alertify-button-cancel,
		.alertify-button-cancel:hover,
		.alertify-button-cancel:focus {
			background-color: #FE1A00;
			border: 1px solid #D83526;
		}
		.alertify-button-ok,
		.alertify-button-ok:focus {
			transition:500ms;
			background-color: white;
			padding: 8px 15px;
			border: 1px solid rgba(21, 20, 20, 0.659);
			color:rgb(228, 12, 40);
		}
		.alertify-button-ok:hover{
			transition:500ms;
			border-radius: 20rem;
			background:rgb(221, 14, 65);
		  	color:white;
		  	font-size:11pt;
			  padding: 8px 15px;
			  border: 1px solid rgba(21, 20, 20, 0.659);
		}
.alertify-log {
	background: #1F1F1F;
	background: rgba(0,0,0,.9);
	padding: 15px;
	border-radius: 4px;
	color: #FFF;
	text-shadow: -1px -1px 0 rgba(0,0,0,.5);
}
	.alertify-log-error {
		font-size: 15pt !important;
		background-image: linear-gradient(45deg, #ff0056, #ea232396) !important;
		background-image: linear-gradient(45deg, #ff0056, #ea232396) !important ;
	}
	 .alertify-log-success{
		 font-size: 15pt !important;
        background-image: linear-gradient(45deg, #00ff9d, #23ead696) !important;
    }