body{
	font-family: "Rubik", sans-serif;
}
p, li{
	color:#777;
	font-size:0.9rem;
}
p a{
	color:#777;
}
@media(min-width:768px){
	p, li{
		font-size:1rem;
	}
}
li{
	line-height: 1.8;
}
h3{
	color:#e87722;
	font-weight:bold;
	padding:0 0 0.5rem 0;
	margin:0;
}
.bold{
	font-weight:bold;
}
::selection {
    background-color: #ef761f; /* Change this to your desired background color */
    color: #FFFFFF; /* Optional: Change the text color of the selected text */
}

/*

	NO SCOLLBAR

--------------- */
.hidden-scrollbar {
  overflow: scroll; /* Enable scrolling */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

/* Hide scrollbar for WebKit-based browsers (Chrome, Safari) */
.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}

/* For Edge and IE */
@supports (-ms-overflow-style: none) {
  .hidden-scrollbar {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
}

/* For Firefox */
@supports (scrollbar-width: none) {
  .hidden-scrollbar {
    scrollbar-width: none; /* Firefox */
  }
}

/*

	ANIMATION

------------- */
a, 
button,
.animo{
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.animo-2{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/*

	BTNS

-------- */
.btn-primary{
	background-color: rgba(232, 119, 14, 1);
	color:#fff;
	border-color: rgba(232, 119, 14, 1);
	font-size:1rem;
}
.btn-primary:hover,
.btn-primary:active{
	background-color: rgba(232, 119, 14, .9) !important;
	color:#fff !important;
	border-color: rgba(232, 119, 14, .9) !important;
}
.btn-primary:focus-visible{
	border-color:#e87722;
	background-color: rgba(232, 119, 14, 1);
	color:#fff;
	box-shadow: 0 0 0 .25rem rgba(232, 119, 14, .25);
}

/*

	FORM

-------- */
label{
	color:#777;
}
.form-row{
	margin:0 0 0.5rem 0;
}
.form-group{
	margin:0 0 1rem 0;
}
.form-control:focus,
.form-check-input:focus,
.form-select:focus{
    border-color:#e87722;
    box-shadow: 0 0 0 .25rem rgba(232, 119, 14, .25);
}
.form-check-input:checked{
    background-color:#e87722;
    border-color:#e87722;
}
.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E");
}
.form-floating>label{
	color:#555;
}
.form-label{
	margin-bottom:.2rem;
	font-weight:bold;
}
textarea::placeholder {
  color: #aaa !important;        /* Change the placeholder color */
  opacity: 1;         /* Ensures the placeholder is fully opaque */
  font-size:1rem;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #aaa !important;
}
textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #aaa !important;
}
input:focus-visible {
    outline-offset: 0px;
    outline-color: #ef761f; /* Change this to your desired color */
    outline-width: 2px; /* Adjust the outline width if needed */
    outline-style: solid; /* Ensure the outline has a visible style */
}

/*

	ALERTS

---------- */
.close-alert{
	position: absolute;
	top:0;
	right:0;
	padding:0.5rem;
	line-height: 1;
	cursor: pointer;
}
.alerts{
	width: 100%;
	position: fixed;
	z-index: 3;
	padding:1rem;
	top: 0;
}
.alert{
	position: relative;
}
@media(min-width:768px){
	.alerts{
		width:600px;
		left:50%;
		margin-left:-300px;
		top:30px;
	}
}

/*

	DROPDOWN

------------ */
.dropdown-menu{
	border-color:#dee2e6;
	-webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 20px -10px rgba(0,0,0,0.25);
}
.dropdown-item{
	padding:0.3rem 1.2rem;
	color:#555;
}
.dropdown-item:hover{
	color:#151515;
	background-color:transparent;
}

/*

	PAGINATION

-------------- */
.page-link{
	color:#ef761f;
	border-color:#eee;
}
.disabled>.page-link, .page-link.disabled{
	color:#aaa;
	background-color: #eee;
}
.page-link:hover,
.page-link:focus{
	color:#ef761f;
	background-color:#f5f5f5;
}
.page-link:focus{
	box-shadow: 0 0 0 .25rem rgba(232, 119, 14, .25);
}
.active>.page-link, .page-link.active{
	background-color:#ef761f;
	border-color:#ef761f;
	color:#fff;
}

.dark{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.5);
	z-index: 3;
	display:none;
}