/********************* DISPLAYS *********************/

.hidden {
	display: none!important;
}

.invisible {
  opacity: 0!important;
}

.displayed {
	display: block!important;
}

.visible {
  opacity: 1!important;
}

.flex {
	display: flex;
}

/********************* ALIGNMENTS *********************/

.right {
	float: right;
}

.left {
	float: left;
}

.text-left {
  text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
  text-align: right;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-center-y {
	display: flex;
	align-items: center;
}

.flex-center-x {
	display: flex;
	justify-content: center;
}

.device-height {
	min-height: calc(100vh - 74px)!important;
}

@media only screen and (max-width: 992px) {
	.device-height {
		min-height: auto!important;
	}
}

.full-width {
	display: block;
	width: 100%;
}

.truncate {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.no-margin {
	margin: 0px!important;
}

.no-padding {
	padding: 0px!important;
}

.no-borders {
	border: 0px!important;
}

.cursor-pointer {
	cursor: pointer;
}

.cursor-na {
	cursor: not-allowed!important;
}

.readonly {
	cursor: not-allowed;
	opacity: 0.5;
}

/********************* RESPONSIVE HELPERS *********************/

/************** SMALL **************/

@media only screen and (max-width: 600px) {
  /* line 294, ../sass/components/_global.scss */
  .hide-on-small {
    display: none !important;
  }
  .hide-on-medium-and-down  {
    display: none !important;
  }
  .hide-on-large-and-down  {
    display: none !important;
  }
  .show-on-medium-only {
    display: none !important;
  }
  .show-on-large-only {
    display: none !important;
  }
  .show-on-xlarge-only {
    display: none !important;
  }
}

/************** MEDIUM *************/

@media only screen and (min-width: 601px) and (max-width: 992px) {
  /* line 294, ../sass/components/_global.scss */
  .hide-on-medium {
    display: none !important;
  }
  .hide-on-medium-and-down  {
    display: none !important;
  }
  .hide-on-medium-and-up  {
    display: none !important;
  }
  .hide-on-large-and-down  {
    display: none !important;
  }
  .show-on-small-only {
    display: none !important;
  }
  .show-on-large-only {
    display: none !important;
  }
  .show-on-xlarge-only {
    display: none !important;
  }
}

/************** LARGE **************/

@media only screen and (min-width: 993px) and (max-width: 1200px) {
  /* line 294, ../sass/components/_global.scss */
  .hide-on-large {
    display: none !important;
  }
  .hide-on-medium-and-up  {
    display: none !important;
  }
  .hide-on-large-and-down  {
    display: none !important;
  }
  .hide-on-large-and-up  {
    display: none !important;
  }
  .show-on-small-only {
    display: none !important;
  }
  .show-on-medium-only {
    display: none !important;
  }
  .show-on-xlarge-only {
    display: none !important;
  }
}

/************** XLARGE *************/

@media only screen and (min-width: 1201px) {
  /* line 294, ../sass/components/_global.scss */
  .hide-on-xlarge {
    display: none !important;
  }
  .hide-on-medium-and-up  {
    display: none !important;
  }
  .hide-on-large-and-up  {
    display: none !important;
  }
  .show-on-small-only {
    display: none !important;
  }
  .show-on-medium-only {
    display: none !important;
  }
  .show-on-large-only {
    display: none !important;
  }
}