button {
	outline: none !important;
}

button a {
	text-decoration: none;
}

.buttonset {
  margin: 0px .5em !important;
}

.btn { 
	text-decoration: none !important; 
	margin-bottom: 5px; 
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
	margin-left: 0px; 
	border: 1px solid transparent;
}

.button-container {
  display: flex;
  justify-content: center;
}

.btn-square {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

.btn-radius3, .btn-radius-3 {
  border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
}

.btn-radius5, .btn-radius-5 {
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
}

.btn-radius10, .btn-radius-10 {
  border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
}

.btn-mlg, .btn-medium-large {
	font-size: 1.25rem !important;
}

.btn-lg, .btn-large {
	font-size: 1.5rem !important;
}

.btn-jumbo { 
	font-size: 2rem !important;
}

.btn-giant {
	font-size: 3rem;
}

.btn-inline {
}

.btn-thin {
	padding: 0px 5px;
}

.btn-autowidth,
.btn-normal {
  display: table;
  text-align: center;
  margin: 0 auto;
  width: auto;
}

.btn-width200 {
  display: table;
  text-align: center;
  margin: 0 auto;
  width: 200px;
}

.btn-center {
  display: table;
  text-align: center;
  width: auto;
	margin: 20px auto;
}

.btn-block {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 90%;
}

.btn-margin-5 {
	margin: 5px;
}

.btn-margin-right-10 {
	margin: 10px;
}

.btn-margin-10 {
	margin: 10px;
}

.btn-margin-20 {
	margin: 20px;
}

/* https://codepen.io/RazorXio/pen/gMaoOW */

.slide-right-orange:hover {
  box-shadow: inset 320px 0 0 0 var(--darkorange);
}

.slide-down:hover {
  box-shadow: inset 0 100px 0 0 var(--darkorange);
}

.slide-left:hover {
  box-shadow: inset 0 0 0 50px var(--darkorange);
}

.slide-diagonal:hover {
  box-shadow: inset 320px 50px 0 0 var(--darkorange);
}

/* COLOR STYLES */

/* TRANSPARENT BACKGROUND COLORED BORDER  ******************************* */

.btn-noborder-white { /* mark */
  color: white !important;
  background: transparent !important;
	cursor: default !important;
  border: 1px solid transparent !important;
}

.btn-noborder-white:hover {
  color: black !important;
  background: white !important;
}

.btn-null { /* mark */
  color: transparent !important;
  background: transparent !important;
	cursor: default !important;
	cursor: none !important;
  border: 1px solid transparent !important;
}

.btn-null:hover {
  color: transparent !important;
  background: transparent !important;
	cursor: default !important;
	cursor: none !important;
  border: 1px solid transparent !important;
}
.btn-blank { /* mark */
  color: white !important;
  background: transparent !important;
	cursor: default !important;
  border: 1px solid white !important;
}

.btn-blank:hover {
  color: white !important;
  background: transparent !important;
}

.btn-transparent { /* mark */
  border: 0px solid white !important;
  color: white !important;
  background: transparent !important;
	padding: 0px 5px !important;
}

.btn-transparent:hover {
  color: #ddd !important;
	text-decoration: underline !important;
}

.btn-transparent-white { /* mark */
  border: 1px solid white !important;
  color: white !important;
  background: transparent !important;
	p/adding: 1px 5px !important;
}

.btn-transparent-white:hover {
  color: black !important;
  background: white !important;
}

.btn-transparent-black { /* mark */
  background: transparent !important;
  color: black !important;
  border: 1px solid black !important;
	p/adding: 1px 5px !important;
}

.btn-transparent-black:hover  {
  color: white !important;
  background: black !important;
}

.btn-transparent-red { /* mark */
  background: transparent !important;
  color: red !important;
  border: 1px solid red !important;
	p/adding: 1px 5px !important;
}

.btn-transparent-red:hover {
  background: red !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-transparent-maroon { /* mark */
  background: transparent;
  color: maroon !important;
  border: 1px solid maroon !important;
	p/adding: 1px 5px !important;
}

.btn-transparent-maroon:hover {
  background: maroon !important;
  color: white !important;
  border: 1px solid maroon !important;
}

.btn-transparent-teal { /* mark */
  background: tranparent !important;
  color: teal !important;
  border: 1px solid teal !important;
	p/adding: 1px 5px !important;
}

.btn-transparent-teal:hover {
  background: teal !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-transparent-blue { /* mark */
  background: tranparent !important;
  color: blue !important;
  border: 1px solid blue !important;
}

.btn-transparent-blue:hover {
  background: blue !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-teal-transparent { /* mark */
 	background: transparent !important;
 	color: teal !important;
 	border: 1px solid teal;
}

.btn-teal-transparent:hover { 
 	background: teal !important;
 	color: #fff !important;
}

.btn-blue-transparent { /* mark */
 	background: transparent;
 	color: blue !important;
 	border: 1px solid blue;
	p/adding: 1px 5px !important;
}

.btn-blue-transparent:hover { 
 	background: blue;
 	color: white !important;
}

/* COLORED TEXT, WHITE BORDER  ******************************* */

/* BLACK */

.btn-black { /* mark */
  background: black !important;
  color: white !important;
  border: 1px solid black !important;
}

.btn-black:hover {
  background: #333 !important;
  color: #fff !important;
}

.btn-black-white { /* mark */
  background: black !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-black-white:hover {
  background: white !important;
  color: black !important;
  border: 1px solid black !important;
}

.btn-white-black { /* mark */
  background: white !important;
	color: black !important;
  border: 1px solid black !important;
}

.btn-white-black:hover {
  color: black !important;
  background: white !important;
  border: 1px solid white !important;
}

.btn-white-black-white-border { /* mark */
	background: white !important;
  color: black !important;
  border: 1px solid white !important;
}

.btn-white-black-white-border:hover {
  background: black !important;
  color: white !important;
  border: 1px solid white !important;
}

/* RED */

.btn-red { /* mark */
 	background: red;
 	color: white !important;
 	border: 1px solid #ff0000;
}

.btn-red:hover {
 	background: #cc0000;
 	color: #fff;
 	border: 1px solid #cc0000;
}

.btn-red-white { /* mark */
  background: red !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-red-white:hover {
  background: white !important;
  color: red !important;
  border: 1px solid red !important;
}

.btn-white-red { /* mark */
  background: white !important;
	color: red !important;
  border: 1px solid red !important;
}

.btn-white-red:hover {
  background: red !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-white-red-white-border { /* mark */
  background: white !important;
	color: red !important;
  border: 1px solid white !important;
}

.btn-white-red-white-border:hover {
  background: red !important;
  color: white !important;
  border: 1px solid white !important;
}

/* BURGUNDY */

.btn-burgundy { /* mark */
  background: #ad002b !important;
  color: white !important;
  border: 1px solid #ad002b !important;
}

.btn-burgundy:hover {
  background: #6c0020 !important;
  color: #fff !important;
  border: 1px solid #6c0020 !important;
}

/* MAROON */

.btn-maroon { /* mark */
  background: maroon !important;
  color: white !important;
  border: 1px solid maroon !important;
}

.btn-maroon:hover {
  background: white !important;
  color: maroon !important;
  border: 1px solid maroon !important;
}

/* TEAL */

.btn-teal { /* mark */
  background: teal !important;
  color: white !important;
}

.btn-teal:hover {
  background: #006a6a !important;
  color: white !important;
}

.btn-white-teal { /* mark */
  background: white !important;
  color: teal !important;
  border: 1px solid teal !important;
}

.btn-white-teal:hover {
  background: teal !important;
  color: white !important;
  border: 1px solid teal !important;
}

.btn-white-teal-white-border { /* mark */
  background: white !important;
  color: teal !important;
  border: 1px solid white !important;
}

.btn-white-teal-white-border:hover {
  background: teal !important;
  color: white !important;
}

.btn-teal-white { /* mark */
  background: teal !important;
  color: white !important;
  border: 1px solid teal !important;
}

.btn-teal-white:hover {
  background: white !important;
  color: teal !important;
}

/* GREEN */

.btn-green { /* mark */
  background: green !important;
  color: white !important;
  border: 1px solid green !important;
}

.btn-green:hover {
  background: darkgreen !important;
  color: white !important;
}

.btn-indigo { /* mark */
 	background: indigo !important;
 	color: white !important;
 	border: 1px solid indigo;
}

.btn-indigo:hover { 
 	background: #300153 !important;
 	color: #fff;
}

.btn-jade-green { /* mark */
 	background: #00a86b !important;
 	color: white !important;
 	border: 1px solid #00a86b !important;
}

.btn-jade-green:hover { 
 	background: #00756b !important;
 	color: #fff;
 	border: 1px solid #00a86b !important;
}

.btn-avocado-green { /* mark */
 	background: #568203 !important;
 	color: white !important;
 	border: 1px solid #00a86b;
}

.btn-avocado-green:hover { 
 	color: #fff;
 	background: #4a6f04 !important;
}

.btn-yellow { /* mark */
  background: yellow !important;
  color: black !important;
  border: 1px solid yellow !important;
}

.btn-yellow:hover {
  filter: brightness(85%);
}

/* NAVBAR ************************************************************** */

/* bob */

.btn-orange { /* mark */
 	background: orange;
 	color: white !important;
 	border: 0px solid orange !important;
}

.btn-orange:hover {
 	background: darkorange;
 	color: #fff;
}

.btn-orangered { /* mark */
 	background: orangered;
 	color: white !important;
 	border: 0px solid #555 !important;
}

.btn-orangered:hover {
 	background: red;
 	color: #fff;
}

.btn-darkorange { /* mark */
 	background: darkorange !important;
 	color: white !important;
 	border: 0px solid #555 !important;
}

.btn-darkorange:hover {
 	color: #fff;
 	background: orangered !important;
}

.btn-blue { /* mark */
 	background: blue !important;
	color: white !important;
 	border: 0px solid #555 !important;
}

.btn-blue:hover {
 	background: #0000cc !important;
 	color: #fff;
}

.btn-blue-white { /* mark */
 	background: blue !important;
	color: white !important;
 	border: 1px solid #fff !important;
}

.btn-blue-white:hover {
 	background: white !important;
 	color: blue !important;
 	border: 1px solid blue !important;
}

.btn-white-blue { /* mark */
 	background: white !important;
	color: blue !important;
 	border: 1px solid blue !important;
}

.btn-white-blue:hover { 
 	background: blue !important;
 	color: white !important;
 	border: 1px solid white !important;
}

.btn-pleasant-blue,
.btn-softblue { /* mark */
  background:	#0c62a6 !important;
	color: white !important;
  border: 1px solid #fff !important;
}

.btn-pleasant-blue:hover,
.btn-softblue:hover {
  background: #0c4776 !important;
  color: white !important;
  border: 1px solid white !important;
}

.btn-white-softblue { /* mark */
	background: white !important;
  color:	#0c62a6 !important;
  border: 1px solid #fff !important;
}

.btn-white-softblue:hover {
  color: #0c4776 !important;
  background: white !important;
  border: 1px solid white !important;
}

.btn-navy { /* mark */
 	background: navy !important;
	color: white !important;
 	border: 1px solid navy !important;
}

.btn-navy:hover { 
 	background: black !important;
 	color: #fff;
}

.btn-deeppink { /* mark */
 	background: deeppink !important;
 	color: white !important;
 	border: 1px solid deeppink !important;
}

.btn-deeppink:hover {
 	background: #d10372 !important;
 	color: #fff;
}

.btn-msi { /* mark */
 	color: white !important;
 	background: #8c724f;
 	border: 1px solid #8c724f !important;
}

.btn-msi:hover {
 	background: #705b40;
 	color: #fff;
}

.btn-white-msi { /* mark */
  background: white;
	color: #8c724f;
  border: 1px solid #8c724f;
}

.btn-white-msi:hover {
  color: #8c724f;
  background: white;
  border: 1px solid #8c724f;
}
.btn-white-msi:hover {
 	background: #705b40;
 	color: #fff;
  border: 1px solid #705b40;
}


.btn-violin { /* mark */
 	background: #793705;
 	color: white !important;
 	border: 1px solid #793705 !important;
}

.btn-violin:hover {
 	background: #582500;
 	color: #fff;
}

.btn-royalblue { /* mark */
 	background:	royalblue;
 	color: white !important;
 	border: 1px solid royalblue !important;
}

.btn-royalblue:hover {
 	background: #4143e1;
 	color: #fff;
}

.btn-neutral {
 	background: #555;
 	color: white !important;
	border: 1px solid #555 !important;
}

.btn-neutral.active {
 	color: #fff !important;
 	background: #000 !important;
	border: 1px solid #000 !important;
}

.btn-neutral.hover {
	background: #222 !important;
	border: 1px solid #222 !important;
}

/* BUTTONS IN TOPPANEL  ******************************* */

.buttons-toppanel .button-placement { position: relative; top: 3px; }

/* Tighter button */
.buttons-toppanel .button-placement a.btn {
  padding: 3px 5px  1px !important;
  line-height: 1 !important;
}

/* Tighter icon */
.buttons-toppanel .button-placement a i {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
  font-size: 1rem; /* adjust size if needed */
}

/* Tighter span text inside button */
.buttons-toppanel .button-placement a.btn span,
.buttons-toppanel .button-placement a.btn {
  vertical-align: middle;
  line-height: 1 !important;
}


/* CUSTOM PER CLIENT ********************************** */

.btn-rd-yellow { /* mark */
  background: #fff212 !important;
  color: black !important;
  border: 1px solid #fff212 !important;
}

.btn-rd-yellow:hover {
  background: #fff212;
  filter: brightness(85%);
}

.btn-rd-blue { /* mark */
  background: #1884c3 !important;
  color: white !important !important;
  border: 1px solid #1884c3 !important;
}

.btn-rd-blue:hover {
  background: #1884c3 !important;
  filter: brightness(85%);
}

.btn-rd-orange { /* mark */
  background:   #f26835 !important;
  color: white !important;
  border: 1px solid   #f26835 !important;
}

.btn-rd-orange:hover {
  background:   #f26835 !important;
  filter: brightness(85%);
}

.btn-rd-seagreen { /* mark */
  background:   #6bc8c8 !important;
  color: white !important;
  border: 1px solid   #6bc8c8 !important;
}

.btn-rd-seagreen:hover {
  background:   #6bc8c8 !important;
  filter: brightness(85%);
}