/* notify */
.notify-wrapper 
{
    position:fixed;opacity:0;width:100%;height:100%;top:0;left:0;z-index:9999;
    background-color:rgba(0,0,0,.5);-webkit-transition:.3s;display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
}
.notify-wrapper *	{box-sizing:border-box;}

.notify-wrapper .notify-window  
{
    -webkit-transform:translate3d(0,50px,0);
    -webkit-transition:.3s cubic-bezier(0,0,0,1);
    width:400px;border-radius:.25em;
    overflow:hidden;font-size:.9em;user-select:none;
    box-shadow:0 0.25em 1em 0 rgba(0,0,0,.3);
}
.notify-wrapper .notify-window h3{margin: 0;
    padding: 0.875em;
    font-size: 16px;
    font-weight: normal;}
.notify-wrapper .notify-window h3   i   {font-size:1.5em;position:relative;top:.08em;margin-right:.25em;}
.notify-wrapper .notify-window p    {padding:1em 1em 2em;margin:0;background-color:#ffffff;color:#000000;}
.notify-wrapper .notify-window .buttons {padding:.75em 1em;background-color:#f3f3f3;text-align:center;}
.notify-wrapper .notify-window .buttons button  {margin:0 .5em;padding:.5em 2em;border-radius:.25em;font-size:1em;border-width:1px;outline:0;}
.notify-wrapper .notify-window .buttons .ok {background-image:linear-gradient(180deg, #ffffff, #e6e3e6 90%);}
.notify-wrapper .notify-window .buttons .cancel {color:#888888;}
.notify-wrapper .notify h3{background-color:rgba(0,0,0,.5);color:#ffffff;text-align:center;}
.notify-wrapper .alert  h3  {background-color:#cc6666;color:#ffffff;}
.notify-wrapper .confirm  h3  {background-color:#3366cc;color:#ffffff;}
.notify-wrapper .success  h3  {background-color:#0e89c0;color:#ffffff;}

.notify-wrapper.show    {opacity:1;}
.notify-wrapper.show    .notify-window  {-webkit-transform:translate3d(0,0,0);}
.buttons button.ok {
    border: none!important;
    background: #0e89c0!important;
    color: #fff;
}
.buttons button.cancel {
	border: none!important;
    background: #bbb!important;
    color: #fff!important;
}
.containercheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .containercheck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containercheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containercheck input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containercheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.containercheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}