.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
  padding: .375rem .75rem;
  font-size: .9rem;
  line-height: 1.6;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.btn-style-sm {
  padding: 4px 12px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  border-radius: 14px !important;
  margin-bottom: 2px;
}

.text-caps-up {
  text-transform: uppercase;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.card a,
.glass-card a {
  color: #807866;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

/* -----------------You Service Buttons Start--------------------- */
/* Buttons & Selects */
		.btn {
			background: var(--header-accent);
			color: var(--text);
			border: 1px solid var(--border);
			padding: 8px 16px;
			border-radius: 6px;
			font-weight: 700;
			cursor: pointer;
			transition: 0.2s;
		}

		.btn:hover {
			background: var(--border);
		}

		.btn-primary {
			background: var(--blue-2);
			color: white;
			border: none;
		}

		select.btn {
			appearance: none;
			padding-right: 30px;
			cursor: pointer;
		}
/* -----------------You Service Buttons Start--------------------- */

.btn-outline-more {
  /* color: #333333; */
  color: #5d5c5c;
  background-color: #c8b992;
  background-image: none;
  border-color: #ac976c;
}

.btn-outline-more:not(:disabled):not(.disabled).active,
.btn-outline-more:not(:disabled):not(.disabled):active,
.show>.btn-outline-more.dropdown-toggle {
  color: #fff !important;
  /* background-color: #6c757d;
border-color: #6c757d; */
  background-color: #5a5959;
  border-color: #5a5959;
}

.btn-outline-more :hover {
  color: #fff !important;
  /* background-color: #6c757d;
border-color: #6c757d; */
  background-color: #5a5959;
  border-color: #5a5959;
}

/*=====================================================*/

.btn-blue {
  color: #ffffff !important;
  border-color: #53b3e2 !important;
  background-color: #53b3e2 !important;
}

.btn-blue:hover {
  color: #ffffff !important;
  background-color: #53b3e2 !important;
  border-color: #53b3e2 !important;
}

.btn-blue.disabled,
.btn-blue:disabled {
  color: #53b3e2 !important;
  background-color: #ffc92700 !important;
  border-color: #53b3e2 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-blue {
  color: #53b3e2 !important;
  border-color: #53b3e2 !important;
}

.btn-outline-blue:hover {
  color: #ffffff !important;
  background-color: #53b3e2 !important;
  border-color: #53b3e2 !important;
}

.btn-outline-blue.disabled,
.btn-outline-blue:disabled {
  color: #53b3e2 !important;
  background-color: #ffc92700 !important;
  border-color: #53b3e2 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-red-light {
  color: #ffffff !important;
  border-color: #ff004a !important;
  background-color: #ff004a !important;
}

.btn-red-light:hover {
  color: #ffffff !important;
  background-color: #d8265a !important;
  border-color: #d8265a !important;
}

.btn-red-light.disabled,
.btn-red-light:disabled {
  color: #ff004a !important;
  background-color: #ffc92700 !important;
  border-color: #ff004a !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-red-light {
  color: #ff004a !important;
  border-color: #ff004a !important;
}

.btn-outline-red-light:hover {
  color: #ffffff !important;
  background-color: #ff004a !important;
  border-color: #ff004a !important;
}

.btn-outline-red-light.disabled,
.btn-outline-red-light:disabled {
  color: #ff004a !important;
  background-color: #ffc92700 !important;
  border-color: #ff004a !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-red {
  color: #ffffff !important;
  border-color: #d8265a !important;
  background-color: #d8265a !important;
}

.btn-red:hover {
  color: #ffffff !important;
  background-color: #bd1446 !important;
  border-color: #bd1446 !important;
}

.btn-red.disabled,
.btn-red:disabled {
  color: #d8265a !important;
  background-color: #ffc92700 !important;
  border-color: #d8265a !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-red {
  color: #d8265a !important;
  border-color: #d8265a !important;
}

.btn-outline-red:hover {
  color: #ffffff !important;
  background-color: #d8265a !important;
  border-color: #d8265a !important;
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
  color: #d8265a !important;
  background-color: #ffc92700 !important;
  border-color: #d8265a !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/

.btn-red2 {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #ebbc45 !important;
  background-color: #d32a2a !important;
}

.btn-red2:hover {
  color: #d32a2a !important;
  /* color: #000000 !important; */
  background-color: #d32a2a38 !important;
  border-color: #ebbc45 !important;
}

.btn-red2.disabled,
.btn-red2:disabled {
  /* color: #6d6d6d !important; */
  /* color: #1e5476 !important; */
  /* color: #31c4e6 !important; */
  color: #fc7f7f !important;
  background-color: #d32a2a85 !important;
  border-color: #d32a2a !important;
  /* border-color: #d71f26 !important; */
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dark-mode .btn-red2 {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #ebbc45 !important;
  background-color: #d32a2a !important;
}

.dark-mode .btn-red2:hover {
  color: #d32a2a !important;
  /* color: #000000 !important; */
  /* background-color: #b46868 !important; */
  background-color: #000000 !important;
  border-color: #ebbc45 !important;
}

.dark-mode .btn-red2.disabled,
.dark-mode .btn-red2:disabled {
  /* color: #6d6d6d !important; */
  /* color: #1e5476 !important; */
  /* color: #31c4e6 !important; */
  color: #fc7f7f !important;
  background-color: #d32a2a85 !important;
  border-color: #d32a2a !important;
  /* border-color: #d71f26 !important; */
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/*=====================================================*/
.btn-outline-red2 {
  /* color: #a051fc !important; */
  color: #d32a2a !important;
  border-color: #d32a2a !important;
  background-color: #e8e8e8;
}

.btn-outline-red2:hover {
  color: #ffffff !important;
  background-color: #d32a2a !important;
  border-color: #ebbc45 !important;
}

.btn-outline-red2.disabled,
.btn-outline-red2:disabled {
  color: #31c4e6 !important;
  background-color: #ffc92700 !important;
  border-color: #d32a2a !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dark-mode .btn-outline-red2 {
  /* color: #a051fc !important; */
  color: #d32a2a !important;
  border-color: #d32a2a !important;
  background-color: #2a2f33;
}

.dark-mode .btn-outline-red2:hover {
  color: #ffffff !important;
  background-color: #d32a2a !important;
  border-color: #ebbc45 !important;
}

.dark-mode .btn-outline-red2.disabled,
.dark-mode .btn-outline-red2:disabled {
  color: #31c4e6 !important;
  background-color: #ffc92700 !important;
  border-color: #d32a2a !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/*=====================================================*/
/*=====================================================*/

.btn-red-tech {
  color: #ffffff !important;
  border-color: #d71f26 !important;
  background-color: #d71f26 !important;
}

.btn-red-tech:hover {
  color: #ffffff !important;
  background-color: #d71f26 !important;
  border-color: #d71f26 !important;
}

.btn-red-tech.disabled,
.btn-red-tech:disabled {
  color: #d71f26 !important;
  background-color: #ffc92700 !important;
  border-color: #d71f26 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-red-tech {
  color: #d71f26 !important;
  border-color: #d71f26 !important;
}

.btn-outline-red-tech:hover {
  color: #ffffff !important;
  background-color: #d71f26 !important;
  border-color: #d71f26 !important;
}

.btn-outline-red-tech.disabled,
.btn-outline-red-tech:disabled {
  color: #d71f26 !important;
  background-color: #ffc92700 !important;
  border-color: #d71f26 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
.btn-green2 {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #ebbc45 !important;
  background-color: #1e5476 !important;
}

.btn-green2:hover {
  color: #0a3c51 !important;
  /* color: #000000 !important; */
  background-color: #79adb9 !important;
  border-color: #ebbc45 !important;
}

.btn-green2.disabled,
.btn-green2:disabled {
  /* color: #6d6d6d !important; */
  /* color: #1e5476 !important; */
  /* color: #31c4e6 !important; */
  color: #ffffff !important;
  background-color: #31c4e685 !important;
  border-color: #1e5476 !important;
  /* border-color: #d71f26 !important; */
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.dark-mode .btn-green2 {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #ebbc45 !important;
  background-color: #1e5476 !important;
}

.dark-mode .btn-green2:hover {
  color: #0a3c51 !important;
  /* color: #000000 !important; */
  background-color: #79adb9 !important;
  border-color: #ebbc45 !important;
}

.dark-mode .btn-green2.disabled,
.dark-mode .btn-green2:disabled {
  /* color: #6d6d6d !important; */
  /* color: #1e5476 !important; */
  /* color: #31c4e6 !important; */
  color: #181a1b !important;
  background-color: #31c4e685 !important;
  border-color: #1e5476 !important;
  /* border-color: #d71f26 !important; */
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/*=====================================================*/
.btn-outline-green2 {
  /* color: #a051fc !important; */
  color: #1e5476 !important;
  border-color: #1e5476 !important;
}

.btn-outline-green2:hover {
  color: #ffffff !important;
  background-color: #1e5476 !important;
  border-color: #ebbc45 !important;
}

.btn-outline-green2.disabled,
.btn-outline-green2:disabled {
  color: #31c4e6 !important;
  background-color: #ffc92700 !important;
  border-color: #1e5476 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dark-mode .btn-outline-green2 {
  /* color: #a051fc !important; */
  color: #81c8f5 !important;
  border-color: #81c8f5 !important;
}

.dark-mode .btn-outline-green2:hover {
  color: #ffffff !important;
  background-color: #1e5476 !important;
  border-color: #ebbc45 !important;
}

.dark-mode .btn-outline-green2.disabled,
.dark-mode .btn-outline-green2:disabled {
  color: #31c4e6 !important;
  background-color: #ffc92700 !important;
  border-color: #1e5476 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
  cursor: not-allowed;
}

/*=====================================================*/

.btn-green {
  color: #ffffff !important;
  border-color: #14bd86 !important;
  background-color: #14bd86 !important;
}

.btn-green:hover {
  color: #ffffff !important;
  background-color: #14996e !important;
  border-color: #14996e !important;
}

.btn-green.disabled,
.btn-green:disabled {
  color: #14bd86 !important;
  background-color: #ffc92700 !important;
  border-color: #14bd86 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-green {
  color: #14bd86 !important;
  border-color: #14bd86 !important;
}

.btn-outline-green:hover {
  color: #ffffff !important;
  background-color: #14bd86 !important;
  border-color: #14bd86 !important;
}

.btn-outline-green.disabled,
.btn-outline-green:disabled {
  color: #14bd86 !important;
  background-color: #ffc92700 !important;
  border-color: #14bd86 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/

.btn-yellow {
  /* color: #ffffff !important; */
  color: #000000 !important;
  border-color: #ffc927 !important;
  background-color: #ffc927 !important;
}

.btn-yellow:hover {
  color: #ffffff !important;
  background-color: #c90 !important;
  border-color: #c90 !important;
}

.btn-yellow.disabled,
.btn-yellow:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-yellow {
  color: #1e5476 !important;
  border-color: #ffc927 !important;
}

.btn-outline-yellow:hover {
  /* color: #ffffff !important; */
  color: #000000 !important;
  background-color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-yellow.disabled,
.btn-outline-yellow:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
.dark-mode .btn-outline-yellow {
  color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.dark-mode .btn-outline-yellow:hover {
  /* color: #ffffff !important; */
  color: #000000 !important;
  background-color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.dark-mode .btn-outline-yellow.disabled,
.dark-mode .btn-outline-yellow:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/

.btn-orange {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #ffc927 !important;
  background-color: #ffc927 !important;
}

.btn-orange:hover {
  /* color: #ffffff !important; */
  color: #000000 !important;
  background-color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-orange.disabled,
.btn-orange:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-orange {
  color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-orange:hover {
  color: #ffffff !important;
  background-color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/

.btn-accent {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #a051fc !important;
  background-color: #a051fc !important;
}

.btn-accent:hover {
  color: #ffffff !important;
  /* color: #000000 !important; */
  background-color: #670ece !important;
  border-color: #670ece !important;
}

.btn-accent.disabled,
.btn-accent:disabled {
  color: #a051fc !important;
  background-color: #a051fc00 !important;
  border-color: #a051fc !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-accent {
  /* color: #a051fc !important; */
  color: #d7bcf5 !important;
  border-color: #625e66 !important;
}

.btn-outline-accent:hover {
  color: #ffffff !important;
  background-color: #a051fc !important;
  border-color: #a051fc !important;
}

.btn-outline-accent.disabled,
.btn-outline-accent:disabled {
  color: #a051fc !important;
  background-color: #ffc92700 !important;
  border-color: #a051fc !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/

.btn-purble {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #a051fc !important;
  background-color: #a051fc !important;
}

.btn-purble:hover {
  color: #ffffff !important;
  /* color: #000000 !important; */
  background-color: #670ece !important;
  border-color: #670ece !important;
}

.btn-purble.disabled,
.btn-purble:disabled {
  color: #a051fc !important;
  background-color: #a051fc00 !important;
  border-color: #a051fc !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-purble {
  /* color: #a051fc !important; */
  color: #d7bcf5 !important;
  border-color: #625e66 !important;
}

.btn-outline-purble:hover {
  color: #ffffff !important;
  background-color: #a051fc !important;
  border-color: #a051fc !important;
}

.btn-outline-purble.disabled,
.btn-outline-purble:disabled {
  color: #a051fc !important;
  background-color: #ffc92700 !important;
  border-color: #a051fc !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/
.btn-teal {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #15aabf !important;
  background-color: #15aabf !important;
}

.btn-teal:hover {
  color: #ffffff !important;
  /* color: #000000 !important; */
  background-color: #0f808f !important;
  border-color: #0f808f !important;
}

.btn-teal.disabled,
.btn-teal:disabled {
  color: #15aabf !important;
  background-color: #15aabf00 !important;
  border-color: #15aabf !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-teal {
  /* color: #a051fc !important; */
  color: #15aabf !important;
  border-color: #807f81 !important;
  /* border-color: #625e66 !important; */
}

.btn-outline-teal:hover {
  color: #ffffff !important;
  background-color: #15aabf !important;
  border-color: #15aabf !important;
}

.btn-outline-teal.disabled,
.btn-outline-teal:disabled {
  color: #15aabf !important;
  background-color: #15aabf00 !important;
  border-color: #15aabf !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/*=====================================================*/

.btn-outline-info {
  color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-info:hover {
  color: #ffffff !important;
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8 !important;
  background-color: #ffc92700 !important;
  border-color: #17a2b8 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/* .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #6cb2eb !important;
    background-color: #ffc92700  !important;
    border-color: #6cb2eb !important;
    opacity: 1 !important;
} */
/*=====================================================*/

.btn-outline-warning {
  color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-warning:hover {
  color: #ffffff !important;
  background-color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  opacity: 1 !important;
}


.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc927;
  border-color: #ffc927;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem #ffc92770 !important;
}

/*=====================================================*/

.btn-outline-review {
  color: #fff !important;
  /* color: #68398e !important; */
  border-color: #68398e !important;
}

.btn-outline-review:hover {
  color: #ffffff !important;
  background-color: #68398e !important;
  border-color: #68398e !important;
}

.btn-outline-review.disabled,
.btn-outline-review:disabled {
  color: #68398e !important;
  background-color: #68398e00 !important;
  border-color: #68398e !important;
  opacity: 0.8 !important;
}

/*=====================================================*/

.btn-outline-success {
  color: #3ab970 !important;
  border-color: #3ab970 !important;
}

.btn-outline-success:hover {
  color: #ffffff !important;
  background-color: #3ab970 !important;
  border-color: #3ab970 !important;
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #3ab970 !important;
  background-color: #68398e00 !important;
  border-color: #3ab970 !important;
  opacity: 0.8 !important;
}

/*=====================================================*/

.btn-outline-secondary {
  /* color: #6c757d; */
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
  /* border-color: #5a5959; */
  /* color: #333333; */
  color: #5a5959;
  background-color: transparent;
  background-image: none;
  /* border-color: #5a5959; */
}

/*=====================================================*/
/*                  NO COLOR CODE BASED                */
/*=====================================================*/
.btn-nocolor {
  color: #ffffff !important;
  /* color: #000000 !important; */
  border-color: #15aabf !important;
  background-color: #15aabf !important;
}

.btn-nocolor:hover {
  color: #ffffff !important;
  /* color: #000000 !important; */
  background-color: #0f808f !important;
  border-color: #0f808f !important;
}

.btn-nocolor.disabled,
.btn-nocolor:disabled {
  color: #15aabf !important;
  background-color: #15aabf00 !important;
  border-color: #15aabf !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-nocolor {
  /* color: #a051fc !important; */
  color: #15aabf !important;
  border-color: #807f81 !important;
  /* border-color: #625e66 !important; */
}

.btn-outline-nocolor:hover {
  color: #ffffff !important;
  background-color: #15aabf !important;
  border-color: #15aabf !important;
}

.btn-outline-nocolor.disabled,
.btn-outline-nocolor:disabled {
  color: #15aabf !important;
  background-color: #15aabf00 !important;
  border-color: #15aabf !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
/* border-bottom: 1px solid #d8265a; COLOR */
/* -----------------You Service Buttons End-------------------------- */
/* -----------------BTN STYLE-------------------------- */
.dashboard-btn {
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  padding: 0px;
  background-color: transparent;
  border: 1px solid transparent;
}

/* -----------------BTN STYLE-------------------------- */
.btn-sum,
.btn-group-sum>.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.768rem;
  line-height: 1.5;
  /* border-radius: 0.2rem; */
}

.btn-hover-only-black:hover {
  /* color: #ffffff !important;
    background-color: #15aabf !important;
    border-color: #15aabf !important;
    z-index: 10px;
    display: grid; */

  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: #ffffff;
    opacity: 0.5; */
  background-color: #000;
  opacity: 0.3;
  /* transition: opacity .5s; */
}

.btn-hover-only-white:hover {
  position: absolute;
  /* padding: 0; */
  top: 0;
  left: 0;
  /* width: 100%; */
  /* height: 100%; */
  /* background-color: #ffffff;
    opacity: 0.5; */
  background-color: #fff;
  opacity: 0.6;
  transition: opacity .5s;
}

.btn-hover-only:hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  transition: opacity .5s;
}

/*=====================================================*/

.btn-gold-tectures {
  color: #ffffff !important;
  border-color: #ffc927 !important;
  background-color: #ffc927 !important;
}

.btn-gold-tectures:hover {
  color: #ffffff !important;
  background-color: #956010 !important;
  border-color: #956010 !important;
}

.btn-gold-tectures.disabled,
.btn-gold-tectures:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/

.btn-outline-gold-tectures {
  color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-gold-tectures:hover {
  color: #ffffff !important;
  background-color: #ffc927 !important;
  border-color: #ffc927 !important;
}

.btn-outline-gold-tectures.disabled,
.btn-outline-gold-tectures:disabled {
  color: #ffc927 !important;
  background-color: #ffc92700 !important;
  border-color: #ffc927 !important;
  /* opacity: 0.8 !important; */
  opacity: 1 !important;
}

/*=====================================================*/
.btn-style {
  padding: 4px 12px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 14px !important;
  margin-bottom: 2px;
}

.btn-style-sm {
  padding: 4px 12px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 14px !important;
  margin-bottom: 2px;
}

.btn-style-md {
  padding: 4px 12px;
  font-size: 13px;
  line-height: 1.2;
  font-weight: bold;
  border-radius: 14px !important;
  margin-bottom: 2px;
}

/*=====================================================*/