@-webkit-keyframes mdlRotation{ 0%{ -webkit-transform:rotate(0deg);transform:rotate(0deg); }100%{ -webkit-transform:rotate(360deg);transform:rotate(360deg); } }
@keyframes mdlRotation{ 0%{ transform:rotate(0deg); }100%{ transform:rotate(360deg); } }
.modal-open{overflow:hidden}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}
.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}
.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}
.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}
.modal-dialog-scrollable .modal-body{overflow-y:auto}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}
.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}
.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}
.modal-dialog-centered.modal-dialog-scrollable::before{content:none}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:.3rem;outline:0}
.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.modal-backdrop.fade{opacity:0}
.modal-backdrop.show{opacity:.5}
.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}
.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}
.modal-title{margin-bottom:0;line-height:1.5}
.modal-body{position:relative;flex:1 1 auto;padding:1rem}
.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}
.modal-footer > *{margin:.25rem}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.modal-body-container{position:relative;overflow:hidden;min-height:50px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:.3rem}
.modal-body-container.loader-active{min-height:200px}
.modal-body-container .modal-loader{position:absolute;z-index:9999;inset:0;background-color:rgba(255,255,255,.5)}
.modal-body-container.loader-active .modal-loader{opacity:1;backdrop-filter:blur(2px)}
.modal-body-container .modal-loader .loader-body{position:absolute;inset:0;padding:10px;text-align:center;
    color:#212121;display:flex;flex-direction:column;max-height:200px;}
.modal-body-container .modal-loader .loader-body .spinner{ --spinner-color:#000;--spinner-width:2px;--spinner-dimensions:40px;--spinner-timing:.6s;
    position:relative;margin:2rem auto 1rem auto;border-radius: 100%;height: var(--spinner-dimensions);width: var(--spinner-dimensions);
    min-height:var(--spinner-dimensions);min-width: var(--spinner-dimensions);
    -webkit-animation: mdlRotation var(--spinner-timing) infinite linear;animation: mdlRotation var(--spinner-timing) infinite linear;
    border: var(--spinner-width) solid #f1f1f1;border-top: var(--spinner-width) solid var(--spinner-color);
}
.modal-body-inner{min-height:100%}
.dynamic-modal-plugin .modal-header{padding:0;-ms-flex-align:stretch;align-items:stretch}
.dynamic-modal-plugin .modal-header .modal-title-container{padding:1rem}
.dynamic-modal-plugin .modal-header .close{float:none;margin:0}
.custom-modal.modal-fixed .modal-dialog{position:fixed;z-index:2000;top:.5rem;bottom:.5rem;left:.5rem;right:.5rem;margin:0;max-width:initial}
.custom-modal.modal-fixed .modal-content{border:none;height:100%}
.custom-modal.modal-fixed .modal-body-container{overflow-x:hidden;overflow-y:auto;height:100%;margin-bottom:1rem}
.custom-modal.modal-fixed .modal-body{height:100%}
.modal-title-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}
.modal-title-icon{margin-right:1rem;min-width:2.5rem;min-height:2.5rem;background-color:#ccc;border-radius:15px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.modal-title{font-size:1.2rem;line-height:1.1;text-transform:uppercase;font-weight:700}
.modal-subtitle{font-weight:400;color:#828b8e;line-height:1.25;font-size:.75rem;margin-top:.35rem}
@media (min-width: 576px) {
    .modal-dialog{max-width:500px;margin:1.75rem auto}
    .modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
    .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}
    .modal-dialog-centered{min-height:calc(100% - 3.5rem)}
    .modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}
    .modal-sm{max-width:300px}
}
@media (min-width: 992px) {
    .modal-lg,.modal-xl{max-width:800px}
}
@media (min-width: 1200px) {
    .modal-xl{max-width:1140px}
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog{transition:none}
}