@charset "utf-8";

.btn-primary,
.btn-primary.disabled, 
.btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active
 {
	height: 55px;
	line-height: 53px;
	border:1px solid rgb(255 255 255 / 60%) !important;
	background-color: rgb(0 0 0 / 10%) !important;
	padding: 0 !important;
	border-radius: 50px;
	min-width: 30px;
}
.btn.btn-basic {
	height: 55px;
	line-height: 53px;
	color: #fff;
	border:1px solid rgb(255 255 255 / 60%) !important;
	background-color: rgb(0 0 0 / 10%) !important;
	padding: 0 !important;
	border-radius: 50px;
	min-width: 30px;}
.btn.btn-basic.active, 
.btn.btn-basic:hover, 
.btn.btn-basic:focus, 
.btn.btn-basic:active {box-shadow:none;}
.page-item.active .page-link,
.show > .btn-outline-primary.dropdown-toggle{
	border:1px solid rgb(255 255 255 / 60%) !important;
	background-color: rgb(0 0 0 / 10%) !important;
}
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: #333 !important;
	border-color: #333 !important;
}
@media screen and (max-width:500px){
	.btn-primary,
	.btn-primary.disabled, 
	.btn-primary:disabled,
	.btn-outline-primary:hover,
	.btn-outline-primary:not(:disabled):not(.disabled):active, 
	.btn-outline-primary:not(:disabled):not(.disabled).active
	{
		height: 40px;
		line-height: 38px;
		font-size: 15px !important;
	}
	.btn.btn-basic{
		height: 40px;
		line-height: 38px;
		font-size: 15px !important;
	}
}

hr.hr::after,
.dropdown-item.active, 
.dropdown-item:active,
.bg-primary {
	background-color: #0b0b12 !important;
}

.border-primary {
	border-color: #0b0b12 !important;
}

.text-primary,
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
	color : #0b0b12 !important;
}

/* ---------------------------------------------------------- */

/* .btn-primary:focus, 
.btn-primary.focus,
.btn-primary:hover {
	background: rgb(255 255 255 / 60%) !important;
	color: #0b0b12 !important;
} */

.btn-outline-primary {
	color: #000 !important;
	border-color: #000 !important;
}
.btn-outline-primary:hover {
	color: #fff !important;
}

a.bg-primary:hover, 
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
	background-color: unset !important;
}

.btn-primary:focus, 
.btn-primary.focus,
.btn-outline-primary:focus, 
.btn-outline-primary.focus,
.custom-control-input:focus ~ .custom-control-label::before {
	/* box-shadow: 0 0 0 0.2rem rgba(102, 102, 102, 0.5) !important; */
	box-shadow:none;
}