.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;overflow:auto;z-index:9040;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,.75)}
.blocker.behind{background-color:transparent}
.modal{display:none;vertical-align:middle;position:relative;z-index:9050;max-width:1040px;box-sizing:border-box;width:auto;height:auto;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left;margin:0 auto}
.modal.modal-md{max-width:550px!important}
.modal-dialog{width:100%;margin:0 auto}
.modal-body{overflow:hidden;overflow-y:scroll;padding-bottom:30px!important}
.blocker.current .modal{display:block;margin:auto!important;z-index:1001}
.modal-content{border:none}
.modal a.close-modal { position: absolute; top: 10px;  right: 8px;   display: block; width: 22px; height: 22px; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg=='); z-index: 100001; }
.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.modal-spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
@-webkit-keyframes sk-stretchdelay{
0%,100%,40%{-webkit-transform:scaleY(.5)}
20%{-webkit-transform:scaleY(1)}
}
@keyframes sk-stretchdelay{
0%,100%,40%{transform:scaleY(.5);-webkit-transform:scaleY(.5)}
20%{transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@media (max-width:768px){
.modal{width:100%;max-width:90%;margin:auto}
}
@media (min-width:768px){
.modal-dialog{max-width:690px}
.modal,.modal-md{max-width:690px;margin:0 auto}
.modal-sm{width:300px}
}
@media (min-width:992px){
.modal-dialog{max-width:880px}
.modal,.modal-md{max-width:880px} 
.modal-lg,.modal-xl{width:100%;max-width:900px}
}
@media (min-width:1200px){
.modal-dialog{max-width:1100px;min-width:500px}
.modal{max-width:1100px;min-width:500px}
.modal-md{max-width:880px} 
.modal-lg,.modal-xl{width:100%;max-width:940px}
}