.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1;
    padding: 20px;
    box-sizing: border-box;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center
}

.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em
}

.blocker.behind {
    background-color: transparent
}

.modal {
    display: none;
    vertical-align: top;
    position: relative;
    z-index: 2;
    max-width: 1010px;
    box-sizing: border-box;
    /*width: 96%;*/
    background: #fff;
    padding: 5px;
    /*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;*/
    /*border: solid 3px #046E00;*/
    /*-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
}

.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    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==')*/
    border-radius: 100%;
    background-color: #ffffff;
    background-image: url('data:image/png;base64,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')

}

.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 {
    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: -1.0s;
    animation-delay: -1.0s
}

.modal-spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.5)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5)
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}