.xmodal{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s,transform .25s}.xmodal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:2.5rem;width:28rem;border-radius:.5rem}.modalCancel,.modalDiscard,.modalSave{padding:10px 16px!important;cursor:pointer}.xclose-button{font-size:20px;float:right;width:1.5rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:.25rem;background-color:transparent}.xclose-button:hover{background-color:#a9a9a9}.xshow-modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility linear,opacity .25s,transform .25s}.xmodal .modalHeadText{color:#000;font-size:20px}.modalBodyText{color:#000;font-size:14px;font-weight:lighter}.modalCancel,.modalDiscard{background-color:transparent!important;border:1px solid #8399a6!important;color:#8399a6!important;border-radius:5px}.modalDiscard:hover{background-color:transparent!important;border:1px solid #f3785f!important;color:#f3785f!important}.modalSave{background-color:#46b0ed!important;border:1px solid #46b0ed!important;border-radius:5px}