.App{display:flex;margin:20px;padding:10px}.GreenClr{background:#05b20d}.YellowClr{background:#ee3535}.RedClr{background:#ecb90d}.btnshap{padding:8px;margin:3px;border-radius:5px;width:113px;text-align:center}.btnshap:hover{color:white}.IconPopup{cursor:pointer;margin-left:8px;margin-top:8px}.SpinnerIcon{cursor:pointer;margin-top:3px;margin-left:3px}.ToastifyModal{position:relative;z-index:1;margin-left:23px;margin-top:18px;margin-right:33px;float:right;width:16%;min-width:318px;height:75px;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4);border-radius:11px;animation:FlipToast 1s;animation-timing-function:linear}@keyframes FlipToast{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.ToastifyBody{position:absolute;width:inherit;min-width:inherit;height:inherit;min-height:inherit;border:1px solid #888;border-radius:inherit;box-shadow:0 0 10px rgba(0,0,0,.3)}.ToastifyHeader{width:100%;height:18px;display:flex;border-top-left-radius:11px;border-top-right-radius:11px}.ToastifyHeaderText{width:33%;min-width:104px;height:17px;border-top-left-radius:11px;padding:0;margin-left:13px}.ToastifyHeaderTxt{font-size:10px;font-family:cursive;font-weight:100;padding:1px 17px;display:block;float:left}.ToastifyHeaderIcon{width:10%;height:inherit}.ToastifyHeaderBtn{width:67%;height:inherit;display:flex;flex-direction:row-reverse;border-top-right-radius:11px}.ToastifyBtn{background:none;border:none;margin-top:-7px;text-align:center;font-size:24px;font-style:normal;font-weight:600}.ToastifyBtn:hover{cursor:pointer;color:white}.ToastifyMessageBody{height:49%;min-height:26px;overflow-y:hidden;font-size:13px}.ToastifyFooter{display:flex;flex-direction:column;border-bottom-left-radius:11px;border-bottom-right-radius:11px}.ToastifyProgressBar{color:white;background-color:#eaf0f9;margin-left:0;margin-top:5px;margin-right:0}.ToastifyProgressBar,.ToastifyProgressBarChild{text-align:center;height:13px;border:1px solid;border-bottom-left-radius:11px;border-bottom-right-radius:11px}.ToastifyProgressBarChild{font-size:10px}.ToastifyIconPopup{cursor:pointer;margin-left:1px;margin-top:-2px}.ToastifySpinnerIcon{cursor:pointer;margin-top:3px;margin-left:3px;border:1px solid blue}.ToastifyIconSpin{position:absolute;margin-top:1px;border-radius:50%;height:9px;width:9px}@media (prefers-reduced-motion:no-preference){.ToastifyIconSpin{animation:ToastifyHeaderIconSpin 2s linear infinite}}@keyframes ToastifyHeaderIconSpin{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.PopupBoxModal{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4)}.PopupBody{width:26%;min-width:233px;height:32%;min-height:300px;border:1px solid #888;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);border-radius:11px;background-color:#fefefe;box-shadow:0 0 10px rgba(0,0,0,.3)}.PopupHeader{width:100%;display:flex;border-top-right-radius:11px}.PopupHeader,.PopupHeaderText{height:50px;border-top-left-radius:11px}.PopupHeaderText{width:32%;min-width:129px}.PopupHeaderTxt{font-size:medium;font-family:cursive;font-weight:300;padding:1px 13px}.PopupHeaderIcon{width:10%;height:50px}.PopupHeaderBtn{width:58%;height:50px;display:flex;flex-direction:row-reverse;border-top-right-radius:11px}.PopupBtn{background:none;border:none;margin-top:-16px;text-align:center;font-size:24px;font-style:normal;font-weight:600}.PopupBtn:hover{cursor:pointer;color:white}.PopupMessageBody{height:62%;min-height:186px;overflow-y:auto}.PopupFooter{display:flex;flex-direction:column}.okBtn{color:white;border:none;padding:10px 20px;text-align:center;text-decoration:none;font-size:16px;cursor:pointer;border-radius:5px;align-self:center;margin-top:-7px}.okBtn:hover{background-color:#45a049}.IconSpin{position:absolute;margin-top:9px;border-radius:50%;height:30px;width:30px}@media (prefers-reduced-motion:no-preference){.IconSpin{animation:HeaderIconSpin 2s linear infinite}}@keyframes HeaderIconSpin{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}