/* 	OVERRIDE PLACEHOLDER TEXT COLOR */
.form-control::-webkit-input-placeholder {
	  color: #bec6cc;
}
.form-control:-moz-placeholder {
  color: #bec6cc;
}
.form-control::-moz-placeholder {
  color: #bec6cc;
}
.form-control::placeholder {
  color: #bec6cc;
}
.form-control:-ms-input-placeholder {
  color: #bec6cc;
}

.mergeForm .radioLabel {
	border-radius: 0;
	border: none;
	width: 100%;
	height: 100%;
}
	.mergeForm .btn-check+.btn-outline-primary {
		color: #000000;
	}
	.mergeForm .btn-check:checked+.btn-outline-primary {
		color: #ffffff;
	}

table.table-clickable td a {
	display: block;
	width: 100%;
}

.btn-group-xs > .btn, .btn-xs {
	padding  : .25rem .4rem;
	font-size  : .875rem;
	line-height  : .5;
	border-radius : .2rem;
}


/********** FORM SWITCH SIZES ******/

.form-switch.form-switch-lg {
	padding-left: 4.5em;
	height: 2.5em;
}

	.form-switch.form-switch-lg .form-check-input {
		margin-left: -4.5em;
		height: 2em;
		width: 4em;
	}

	.form-switch.form-switch-lg .form-check-label {
		padding-top: 0.5em;
		font-size: 16px;
	}

.form-switch.form-switch-md {
	padding-left: 3.0em;
	height: 2em;
}

	.form-switch.form-switch-md .form-check-input {
		margin-left: -3.5em;
		height: 1.5em;
		width: 3em;
	}

	.form-switch.form-switch-md .form-check-label {
		padding-top: 0.375em;
		font-size: 13px;
	}



/**************************************************************/
/*		 Remove arrows from number input fields				*/
/**************************************************************/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


/**************************************************************
				LOGIN FORM
**************************************************************/
.bg-cattle-login-bkgd {
	background-color: #dcd4ca !important;

	background-image: url("/assets/public/images/homepage.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
	.overlay-layer {
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

#layoutAuthentication {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#layoutAuthentication #layoutAuthentication_content {
  min-width: 0;
  flex-grow: 1;
}
#layoutAuthentication #layoutAuthentication_footer {
  min-width: 0;
}

.login-footer {
	height: 45px;
	text-align: left;
	position: fixed;
	bottom: 0;
	width: 100%;
	color: #424242;
}


/**************************************************************
				CK EDITOR SIZE
**************************************************************/
/* This selector targets the editable element (excluding comments). */
.ck-editor__editable_inline:not(.ck-comment__input *) {
	height: 200px;
	overflow-y: auto;
}


/**************************************************************
				LOT ENTRY FORM CHANGE HISTORY
**************************************************************/

.lot-changes {
	margin-top: .25rem;
	padding: .25rem 0.5rem;
}
	.lot-changes hr {
		margin: .25rem 0;
	}

	.lot-changes>.hide {
		display: none;
	}


/**************************************************************
				INPUT FIELD
**************************************************************/
.form-control {
	letter-spacing: 0.25px;
}
.form-control.disabled,
.form-control[disabled],
[disabled].dataTable-input,
.form-select[disabled],
[disabled].dataTable-selector {
	color: #333;
	background-color: rgba(0, 0, 0, 0.06);
	border-color: rgba(0, 0, 0, 0.25);
}

.form-control.disabled:focus {
	box-shadow: none !important;
	cursor: not-allowed;
}

.form-control,
.dataTable-input {
	color: #000000;
}

.form-label {
	font-weight: 500;
}

.form-label-sm {
	/* font-size: 0.85rem; */
	margin-bottom: .15rem;
	padding-bottom: 0;
	z-index: 50000;
}

.form-control-sm,
.form-select-sm,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
	font-size: 1.0rem;
	color: #000000;
	font-weight: 300;
}

.form-control-finallot {
	min-height: calc(1.5em + 0.15rem + 2px);
	padding-top: 0.05rem;
	padding-right: 0.15rem;
	padding-bottom: 0.05rem;
	padding-left: 0.15rem;
	font-size: 0.85rem;
	border-radius: 0.2rem;
}

.filelist ul{
	height:300px;
	border:1px solid #9e9e9e;
	padding-top:5px;
	border-bottom-left-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}
.filelist ul{
	overflow:hidden;
	overflow-y:scroll;
}



/**************************************************************
				FORM VALIDATION
**************************************************************/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: var(--wvm_red) !important;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
  display: block;
}

.parsley-range {
  color: var(--wvm_red) !important;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  display: block;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: var(--wvm_red) !important;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}



/**************************************************************
	TABLE STYLES FOR DRAG AND DROP REORDERING OF FINAL NUMBERING
**************************************************************/
.reorder-table thead tr {
	border-bottom: 1px solid rgb(198, 199, 200);
	background-color: #f8f9fa;
}
	.reorder-table thead tr th {
		padding: 3.5px;
	}
.reorder-table tbody tr {
	border-bottom: 1px solid #dee2e6;
	vertical-align: top !important;
}
	.reorder-table tbody tr:nth-child(even) {
		background-color: rgba(0, 0, 0, 0.05);
	}
.reorder-table tbody tr td input.form-control-finallot {
	font-size: 0.9rem;
	padding-bottom: 0;
}
	.reorder-table tbody tr td {
		padding: 3.5px;
	}
.reorder-table tbody tr.sortable-ghost {
	background-color: #039BE5 !important;
}
.reorder-table tbody tr.sortable-selected {
	background-color: #F4C430 !important;
}
.reorder-table tbody tr.sortable-drag {
	background-color: #AC1F2D !important;
}

/* Modal Styling */
.romodal {
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
	display: flex;
	justify-content: center;
	align-items: center;
	/* display: none; /* Hidden by default */
}
.romodal-content {
	background-color: #f4f4f4;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
	width: 300px;
}
/* Progress Bar Styling */
#progress-container {
	width: 100%;
	background-color: #ddd;
	border: 1px solid #ccc;
	margin-top: 10px;
	height: 20px;
	border-radius: 5px;
}
#progress-bar {
	width: auto !important;
	height: 100%;
	background-color: #4caf50;
	border-radius: 5px;
}