#customalert-overlay,
#customconfirm-overlay, 
#customprompt-overlay {
    display: none;
    opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 2147483647;
    background: #000
}
.customalert {
    background-color: #fff;
    border-radius: 5px;
    width: 550px;
    display: none;
    position: fixed;
    max-width: 100vw;
    max-height: 100vh;
    z-index: 2147483647;
    top: 5%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    margin-left: -275px;
    min-height: unset !important;
}
@media (max-width: 200px) {
    .customalert {
        margin-left: -46vw !important;
    }
}
@media (max-width: 280px) {
    .customalert {
        margin-left: -46vw !important;
    }
}
@media (max-width: 321px) {
    .customalert {
        top: 25%;
        left: 52%;
		width: 89%;
        padding: 10px;
    }
}
@media (min-width: 321px) {
    .customalert {
        top: 25%;
        left: 52%;
		width: 92%;
        padding: 10px;
    }
}
@media (min-width: 550px) {
    .customalert {
        top: 25%;
        left: 52%;
		width: 510px;
        padding: 10px;
    }
}
@media (max-width: 550px) {
.customalert {
     margin-left: -50vw;
    }
}
.customalert .header,
.customalert .body,
.customalert .footer {
    text-align: center;
    background: #fff
}
/**
.customalert .header {
    font-size: .75em
}
**/
.customalert .body {
    padding: 10px;
    font-size:14px;
	overflow-y: auto;
}
.customalert .data {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    text-align: left;
}
.customalert #custompromptinput{
	width: 100%;
}
.customalert .footer button {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100px;
    padding: 5px;
    word-wrap: break-word;
    border: none
}

.button-done, .button-cancel { /* prevent parent resize */
    outline: none !important;
    border:1px solid #314d87 !important;
}
.button-done:focus, .button-cancel:focus {   
    outline: none !important;
    border:1px solid #589CDD !important;
    box-shadow: 0 0 5px #589CDD !important;	
}

.customalert.customalert-confirm .footer button.button-done {
    background: #68bb74;
    color: #edf7ef;
}
.customalert.customalert-confirm .footer button.button-done:hover {
    background: #3f8d4b;
    color: #dcefdf
}
.customalert.customalert-confirm .footer button.button-cancel {
    margin-left: 10px;
    background: #e2614b;
    color: #fbece9;
}
.customalert.customalert-confirm .footer button.button-cancel:hover {
    background: #b0321c;
    color: #f8d8d3
}
.button-more {
    background: rgba(44, 70, 124, 0.4);
    color: #fff;
    border:1px solid rgba(44, 70, 124, 0.4) !important;
    box-shadow: 0 0 5px white !important;	
	display: none;
}
.button-more:hover {
    background: rgba(44, 70, 124, 1);
    color: #fff;
}
.customalert .subtext {
    padding: 10px;
    font-size:14px;
	overflow-y: auto;
	text-align: center;
}