/* 20240122 - Jonny added CSS to adjust styling of popup */

#purePopupWrap * {
    margin: 0;
    padding: 0;
}

#purePopupWrap {
	modal: true;
    display: none;
    position: fixed;
	/* top: 20%; */
    z-index: 9999;
    left: 0;
    top: 0;
	/* margin-left: -150px; */
    width: 100%;
    height: 100%;

    background-color: #ccc;
    background-color: rgba(0,0,0,0.1);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    -webkit-transition: all 0.1s;
       -moz-transition: all 0.1s;
         -o-transition: all 0.1s;
            transition: all 0.1s;
}

#purePopupWrap.open {
    display: block;
}

#purePopupWrap.open.pop{
    background-color: #666;
    background-color: rgba(0,0,0,0.6);
}

/* #purePopupWrap > div { */
    /* position: fixed; */
    /* z-index: 99999; */
    /* left: 50%; */
    /* top: 20%; */
    /* margin-left: -150px; */
    /* width: 350px; */
    /* padding: 20px; */
    /* background-color: #fff; */
	/* border-width: 2px ; */
	/* border-color: red !important; */

    /* -webkit-transition: all 0.3s; */
       /* -moz-transition: all 0.3s; */
         /* -o-transition: all 0.3s; */
            /* transition: all 0.3s; */

    /* -webkit-transform: scale(0.2); */
       /* -moz-transform: scale(0.2); */
        /* -ms-transform: scale(0.2); */
            /* transform: scale(0.2); */
    
    /* border-radius: 8px; */
/* } */

#purePopupWrap > div {

    position: fixed;

    z-index: 99999;

    /* left: 60px; */

    /* top: 20px; */

    /* margin-left: -150px; */

    width: 350px;

    left: 0vw;

    top: 10vh;

    max-width: 320px;

    padding: 20px;

    background-color: #fff;

    border-width: 2px;

    border-color: red !important;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    -webkit-transform: scale(0.2);

    -moz-transform: scale(0.2);

    -ms-transform: scale(0.2);

    transform: scale(0.2);

    border-radius: 8px;

}




#purePopupWrap.pop > div {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

#purePopupWrap .purePopupTitle {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
}

#purePopupWrap input {
    display: block;
    width: 100%;
    padding: 5px;
    margin: 10px 0;
    font-size: 16px;
    outline: none;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
}

#purePopupWrap input:focus {
    border: 1px solid #29ABF7;
}

#purePopupWrap .purePopupButton {
    float: right;
    padding: 8px;
    margin: 10px;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    background-color: #3b73af;
    user-select: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout:none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

#purePopupWrap ._ok_ {
    background-color: #3baf73;
}

#purePopupWrap ._cancel_ {
    background-color: #a33;
}

#purePopupWrap .purePopupButton:hover {
    opacity: 0.8;
}

#purePopupWrap .purePopupButton:active {
    opacity: 1;
}

/* Styles added 1/22/2024 by Jonny to adjust appearance of popup */
/* ************************************************************* */

#purePopupWrap > div {
	modal: true;
	position: relative;
	top: 25%;
	width: 290px;
	max-width: 290px;
	margin: auto;
	/* font-family: 'LATO', sans-serif;
	font-weight: 400; */
}

#purePopupWrap .purePopupButton {

	float: none;
	width: auto;
	display: block;
	text-align: center;
}

#purePopupWrap ._ok_ {
	background-color: #A10630;
}


/* ************************************************************* */
/* End styles added by Jonny */