@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.field-calprop__container {
  position: relative; }
  .field-calprop__container button.no-style {
    text-transform: none;
    color: #d84000; }
  .field-calprop__container .field-calprop__modal {
    position: absolute;
    background-color: #ffffff;
    top: -20px;
    width: 340px;
    border: 2px solid #000000;
    box-shadow: 0 0 0 1200px rgba(0, 0, 0, 0.7);
    text-align: center;
    padding-bottom: 1em; }
    .field-calprop__container .field-calprop__modal.inactive {
      z-index: -25;
      opacity: 0; }
    .field-calprop__container .field-calprop__modal.active {
      z-index: 25;
      opacity: 1; }
  .field-calprop__container .field-calprop__modal-close {
    text-align: right;
    padding: 0.5em 1em; }
  .field-calprop__container .field-calprop__modal-text i {
    color: #000000; }