.yes-no-button{margin:0 15px;}
.yes-no-button.yes-btn{
	color: #eb7491;
    background-color: transparent;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 72px;
    padding: 0;
    font-weight: 400;
    font-size: 20px;
	  box-shadow: none;
	border:#eb7491 1px solid;
}
.yes-no-button.yes-btn:hover{background-color:#eb7491; color:#ffffff; border-color:#eb7491;}

.yes-no-button.no-btn{
	color: #333;
    background-color: transparent;
    width: 72px;
    height: 72px;
    line-height: 72px;
    border-radius: 72px;
    padding: 0;
    font-weight: 400;
    font-size: 20px;
	  box-shadow: none;
	border-color:#333;
	border:#333 1px solid;
	box-shadow:none;
}
.yes-no-button.no-btn:hover{background-color:#333; color:#ffffff; border-color:#333;}
#yesModal.modal, #noModal.modal{z-index:9999999 !important;}
#yesModal.modal .modal-content, #noModal.modal .modal-content{max-width:800px; margin:60px auto 0; padding: 35px 30px; box-shadow: 8px 8px #eb7491;
    border-radius: 15px 15px 15px 0px;}
#yesModal.modal:after, #noModal.modal:after{
    content: '';
    background-color: rgb(0 0 0 / 62%);
    position: absolute;
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    z-index: -1;
}
#yesModal.modal .modal-content h2, #noModal.modal .modal-content h2{text-align:center; margin-top:0; font-family: "Oleo Script", cursive !important;}
.modal .modal-content #btnbuttons button{border: 0 !important; border-radius: 0; background: transparent !important; color: #eb7491; font-size: 15px; padding: 9px 30px; float: none; display: flex; text-align: center; flex-direction: column; justify-content: center; margin: auto; }
.modal .modal-content .yesclose, .single-post .modal .modal-content .noclose{position: absolute; font-size: 30px; top: 8px; right: 9px; width: 20px; height: 20px; color: #e9597c; line-height: 17px; cursor:pointer;}
.modal .modal-content .yesclose, {position: absolute; font-size: 30px; top: 8px; right: 9px; width: 20px; height: 20px; color: #e9597c; line-height: 17px; cursor:pointer;}

.modal .modal-content #changeform span{font-size:16px; font-weight:bold;}
.modal .modal-content #changeform .btnchangerevert{background-color: transparent; color: #eb7491; border: 0; padding: 0;}
.modal .modal-content #changeform textarea{border-radius: 10px; padding: 10px; height: 200px; width:100%; margin-bottom:10px;border-color:#d3cece; outline-color:#eb7491;}
.modal .modal-content #changeform input{border-radius: 10px; padding: 10px; width:100%; margin-bottom:10px; border:#d3cece 1px solid; outline-color:#eb7491;}

.modal .modal-content #informativeform span{font-size:16px; font-weight:bold;}
.modal .modal-content #informativeform .btnchangerevert{background-color: transparent; color: #eb7491; border: 0; padding: 0;}
.modal .modal-content #informativeform textarea{border-radius: 10px; padding: 10px; height: 200px; width:100%; margin-bottom:10px;border-color:#d3cece; outline-color:#eb7491;}
.modal .modal-content #informativeform input{border-radius: 10px; padding: 10px; width:100%; margin-bottom:10px; border:#d3cece 1px solid; outline-color:#eb7491;}
/*------- no popup --------*/
.modal .modal-content #btnnobuttons button {
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    color: #eb7491;
    font-size: 15px;
    padding: 9px 30px;
    float: none;
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}
.modal .modal-content #incorrectform span{font-size:16px; font-weight:bold;}
.modal .modal-content #incorrectform .btnnochange{background-color: transparent; color: #eb7491; border: 0; padding: 0;}
.modal .modal-content #incorrectform textarea{border-radius: 10px; padding: 10px; height: 200px; width:100%; margin-bottom:10px;border-color:#d3cece; outline-color:#eb7491;}
.modal .modal-content #incorrectform input{border-radius: 10px; padding: 10px; width:100%; margin-bottom:10px; border:#d3cece 1px solid; outline-color:#eb7491;}

.modal .modal-content #noinformativeform span{font-size:16px; font-weight:bold;}
.modal .modal-content #noinformativeform .btnnochange{background-color: transparent; color: #eb7491; border: 0; padding: 0;}
.modal .modal-content #noinformativeform textarea{border-radius: 10px; padding: 10px; height: 200px; width:100%; margin-bottom:10px;border-color:#d3cece; outline-color:#eb7491;}
.modal .modal-content #noinformativeform input{border-radius: 10px; padding: 10px; width:100%; margin-bottom:10px; border:#d3cece 1px solid; outline-color:#eb7491;}
.modal .modal-content input[type=submit]{width:auto !important; border:0 !important; border-radius: 0px !important;}
/*loader styles*/

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 3px solid #eb7491 !important;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}