#materialModal{color:#222;position:fixed;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.5);display:table;z-index:999999999;}#materialModalCentered{display:table-cell;vertical-align:middle;}#materialModalContent{padding:10px;position:relative;background:white;max-width:400px;min-height:200px;margin:auto;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.4);box-sizing:border-box;}#materialModalTitle{margin:10px;font-weight:bold;font-size:1.2em;}#materialModalText{margin:10px;margin-bottom:40px;}#materialModalButtons{width:calc(100% - 20px);position:absolute;bottom:0px;}.materialModalButton{margin:10px;font-weight:bold;cursor:pointer;text-align:center;float:right;text-transform:uppercase;padding:10px;}#materialModal.hide{opacity:0;transition:opacity 0.2s ease-out;pointer-events:none;}#materialModal.hide #materialModalCentered{transform:scale(0);transition:transform 0.2s ease-out;}#materialModal.show{opacity:1;transition:opacity 0.2s ease-in;}#materialModal.show #materialModalCentered{transform:scale(1);transition:transform 0.2s ease-in;}.spinner{margin: 100px auto;width: 40px;height: 40px;position: relative;text-align: center;-webkit-animation: sk-rotate 2.0s infinite linear;animation: sk-rotate 2.0s infinite linear;}.dot1, .dot2{width: 60%;height: 60%;display: inline-block;position: absolute;top:0;background-color: #650865;border-radius: 100%;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}.dot2{top: auto;bottom: 0;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}@-webkit-keyframes sk-bounce{0%, 100% { -webkit-transform: scale(0.0) }50% { -webkit-transform: scale(1.0) }}@keyframes sk-bounce {0%, 100% { transform: scale(0.0);-webkit-transform: scale(0.0);} 50%{transform: scale(1.0);-webkit-transform: scale(1.0);}}