body { 
    font-family: "Montserrat", sans-serif;
     }

.btn-icon.btn-lg {
    padding-left: 2rem;
    padding-right: 3px;
}

.background-primary {
  background-color: #F27324 !important;
}

.btn-primary {
  color: white;
  background-color: #F27324;
  border-color: #4DA845;
}

.btn-primary.active, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus {
  color: white;
  background-color: #DF3400;
  border-color: #4D7A26;
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #F27324;
  border-color: #4DA845;
}

.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #DF3400;
  background-image: none;
  border-color: #4D7A26;
  z-index: 99;
}

.btn-outline-primary {
  color: #DF3400;
  background-image: none;
  background-color: transparent;
  border-color: #DF3400;
}
 

.btn-outline-primary.btn-icon span {
  border-color: #4DA845;
  background-color: transparent;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.btn-outline-primary.btn-icon:hover span, .btn-outline-primary.btn-icon:focus span, .btn-outline-primary.btn-icon:active span, .btn-outline-primary.btn-icon:active:focus span {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: transparent;
}

.btn-outline-primary:hover {
  color: white;
  background-color: #DF3400;
  border-color: #DF3400;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: white;
  background-color: #DF3400;
  border-color: #DF3400;
}

.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: white;
  background-color: #DF3400;
  border-color: #DF3400;
}

.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
  color: white;
  background-color: #DF3400;
  border-color: black;
}

.btn-outline-primary.active {
  background-color: #DF3400;
  border-color: black;
}

.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: #DF3400;
}

.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: #DF3400;
}
 

.btn-block {
    display: block;
    width: 100%;
}

.btn-block+.btn-block {
    margin-top: .5rem
}

.btn-success {
  color: white;
  background-color: #F27324;
  border-color: #309f5e;
}

.btn-success.active, .btn-success:hover, .btn-success:active, .btn-success:focus, .btn-success:active:focus {
  color: white;
  background-color: #DF3400;
  border-color: #227043;
}

.btn-success.disabled, .btn-success:disabled {
  background-color: #F27324;
  border-color: #309f5e;
}

.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: white;
  background-color: #DF3400;
  background-image: none;
  border-color: #227043;
  z-index: 99;
}

/* Preloader */
#preloader { 
  background-color: #4DC845; 
}

/* Make the active tab text bold and increase font size */
.nav-link.active {
font-weight: bold;
font-size: 1.25rem; /* Adjust the size as per your needs */
}

/* Optionally increase the font size of <h5> in the tab */
.nav-link.active h5 {
font-size: 1.5rem; /* Larger font size for <h5> */
}

/* Bootstrap toggle switch resize */
.form-check-input {
    scale: 2;
}
.form-switch {
    margin-left: 10px;
}

.form-check-label{
    margin: 0px 20px 0px 20px;
}

/*  BLINK ATTRIBUTE*/
.blinking {
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

/* Select2 form-control-lg */
/* Target the select with form-control-lg class */
select.form-control-lg {
    font-size: 1.50rem; /* Adjust the font size as needed */
}

/* Optionally, target the Select2 dropdown and items */
.select2-container .form-control-lg .select2-selection--single {
    font-size: 1.50rem; /* Adjust the font size as needed */
}

.select2-container .form-control-lg .select2-results__option {
    font-size: 1.50rem; /* Adjust the font size as needed */
}

.select2-container--bootstrap-5 .form-control-lg .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 1.50rem; /* Adjust the font size as needed */
}
.select2-container--bootstrap-5 .form-control-lg .select2-selection--single .select2-selection__rendered{
    font-size: 1.50rem; /* Adjust the font size as needed */
}
.select2-container--bootstrap-5 .form-control-lg .select2-dropdown .select2-search .select2-search__field{
    font-size: 1.50rem; /* Adjust the font size as needed */
}


.select2-container--bootstrap-5   .select2-dropdown .select2-results__options .select2-results__option {
    font-size: 1.45rem; /* Adjust the font size as needed */
}
.select2-container--bootstrap-5  .select2-selection--single .select2-selection__rendered{
    font-size: 1.45rem; /* Adjust the font size as needed */
}
.select2-container--bootstrap-5   .select2-dropdown .select2-search .select2-search__field{
    font-size: 1.45rem; /* Adjust the font size as needed */
}


#searchfield {
	height: 24px;
	width: 220px;
	padding: 2px;
	color: #000;
	font-size: 20px;
	font-variant: normal;
	line-height: normal;
	background: #EFB192;
	border: 1px solid  #FF0000;
}

.searchfield2 {
		padding: 5px 5px 5px 5px;
      	height: 40px;
		width: 160px;
		color: #000;
		font-size: 25px;
		font-variant: normal;
		line-height: normal;
		background: #EFB192;
		border: 1px solid  #FF0000;
    }
	
.searchfield3 {
		padding: 2px;
		color: #000;
		font-size: 20px; 
    }
.searchfield4 {
      	height: 18px;
		width: 100px;
		padding: 2px;
		color: #000;
		font-size: 19px;
		font-variant: normal;
		line-height: normal;
		background: #EFB192;
		border: 1px solid  #FF0000;
    }
.textarea1 {
		padding: 5px 5px 5px 5px;
		color: #000;
		font-size: 25px;
		font-variant: normal;
		line-height: normal;
		background: #EFB192;
		border: 1px solid  #FF0000;
    }
	
.numberfield {
		text-align:right;
      	height: 25px;
		width: 90px;
		vertical-align:middle;
		color: #000;
		font-size: 20px;
		font-variant: normal;
		line-height: normal;
		background: #EFB192;
		border: 1px solid  #FF0000;
    }

.numbercenter {
		text-align:center;
      	height: 40px;
		width: 90px;
		color: #000;
		font-size: 25px;
		font-variant: normal;
		line-height: normal;
		background: #EFB192;
		border: 1px solid  #FF0000;
    }

.styled-select select {
padding: 1px;
font-size: 25px;
border: 1px solid  #FF0000;
height: 45px;
background-color: #EFB192;
padding-right:0px;
} 

.form-check-input:checked {
    background-color: #F27324;
    border-color: #F27324;
}