.container {
  padding: 0 15px;
  &.content {
	padding-top: 20px;
  }
}

.dash-notice {
  position: fixed;
  bottom: 30px;
  margin-left: 30px;
}

svg.is-loading, button.is-loading svg {
  color: $dark-grey;
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.col {
  width: 100%;
}

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

@keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}

@mixin general--laptop() {
  .container {
	padding: 0 20px;
  }

  .content {
	display: flex;
  }

  .main {
	flex-grow: 1;
	margin-right: 20px;
  }

  .col {
	display: flex;
	flex-direction: column;
  }
}

@mixin general--desktop() {
  .container {
	padding: 0 50px;
	max-width: 1300px;
	margin:0 auto;
  }
  .col {
	width: 50%;

	&:not(:last-child) {
	  margin-right: 30px;
	}
  }
  .main {
	flex-grow: 1;
	margin-right: 30px;
  }
  .content {
	display: flex;
	padding-top: 30px;
  }
  .columns {
	display: flex;
	flex-direction: row;
  }
}