/* Makes facebook comments responsive */
.fb_iframe_widget_lift {
	width: 100% !important;
}

/* Thanks Bootstrap!
https://getbootstrap.com/docs/5.1/components/alerts/
*/
.notice {
	position: relative;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.notice-link {
    font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
}

.notice-icon {
    vertical-align: middle;
    top: -1px;
    position: relative;
}

.notice-blue,
.notice-default {
	color: #084298;
	background-color: #cfe2ff;
	border-color: #b6d4fe;
}

.notice-blue .notice-link,
.notice-default .notice-link {
    color: #06357a;
}

.notice-red {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.notice-red .notice-link {
    color: #6a1a21;
}

.notice-turquoise {
	color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}

.notice-turquoise .notice-link {
	color: #04414d;
}

.notice-yellow {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.notice-yellow .notice-link {
	color: #523e02;
}

.notice-green {
	color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.notice-green .notice-link {
	color: #0c4128;
}

.br:before,
.br:after {
	margin: 0;
	padding: 0;
	display: table;
    content: " ";
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.br:after {
	clear: both;
}

.rtl,
.ltr {
	display: inline-block !important;
}

.rtl {
	direction: rtl;
}

.ltr {
	direction: ltr;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  animation-name: tada;
}

.company-link {
	background-color: #4169e1!important;
	border-radius: 3px !important;
	padding: 2px 4px!important;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	transition: background-color .2s ease-out !important;
	display: inline-block !important;
	line-height: 21px !important
}
.company-link:hover {
	background-color: #fff !important;
	color: #4169e1 !important;
	animation-name: tada;
	animation-duration: 1s;
	animation-fill-mode: both;
}

/*
.mx-auto {
	margin: 0 auto;
}

.my-auto {
	margin: auto 0;
}

.b,
.bold {
	font-weight: bold;
}

.red {
	color: red;
}

.mx-0 {
	margin-right: 0;
	margin-left: 0;
}

.mt-2 {
	margin-top: 10px;
}

.mt-4 {
	margin-top: 20px !important;
}

.mt-6 {
	margin-top: 30px;
}

.mb-4 {
	margin-bottom: 20px;
}

.mb-6 {
	margin-bottom: 30px;
}

.my-3 {
	margin: 15px 0;
}

.ml-2 {
	margin-left: 10px;
}

html[dir="ltr"] .ml-2 {
	margin-right: 10px;
	margin-left: 0;
}

.mr-3 {
	margin-right: 15px;
}

html[dir="ltr"] .mr-3 {
	margin-right: 0 !important;
	margin-left: 15px;
}

.px-3 {
	padding: 0 15px;
}

.f-left {
	float: left;
}

html[dir="ltr"] .f-left {
	float: right;
}

.f-right {
	float: right;
}

html[dir="ltr"] .f-right {
	float: left;
}

.va-middle {
	vertical-align: middle;
}

.d-block {
	display: block;
}

.rtl, .ltr, .d-inline-block {
	display: inline-block !important;
}

.rtl {
	direction: rtl;
}

.ltr {
	direction: ltr;
}

.text-sm {
	font-size: 15px;
}

.s,
.strike {
	font-weight: normal !important;
	text-decoration: line-through;
}

.w-3 {
	width: 30% !important;
}

.w-4 {
	width: 40% !important;
}

.w-8 {
	width: 80% !important;
}

.mw-none {
	max-width: none !important;
}
*/