/*
-------------------------------------
FORMS
-------------------------------------
*/

.form-wrapper {
	margin: 0;
}

/*
-------------------------------------
ROWS AND BORDERS
-------------------------------------
*/

.form-row {
	position: relative;
	min-height: 55px;
	margin-top: 20px;
	border: 1px solid #e1e4e6;
}

.form-wrapper .form-row:first-child {
	margin-top:0;
}

.form-row.submit-row {
	border: none;
}

.form-row.hidden {
	display: none;
}

.non-field-errors {
	margin-bottom: 10px;
}

.field-errors {
	margin-top:20px;
}
.form-wrapper .field-errors:first-child {
	margin-top:0;
}

.field-errors + .form-row {
	margin-top: 10px;
}

/*
-------------------------------------
LABELS
-------------------------------------
*/

label {
	padding-top:20px;
	display:block;
}

label + .form-row {
	margin-top:5px;
}

/*
-------------------------------------
PLACEHOLDERS
-------------------------------------
*/

span.placeholder {
	font-weight: 300;
	color: #e9eff6;
	padding-top: 6px !important;
}

::-webkit-input-placeholder {}
input:-moz-placeholder, textarea:-moz-placeholder {}

/*
-------------------------------------
FORM HELP
-------------------------------------
*/

.form-content p {
	padding: 0 0 20px 0;
	text-align: left;
	font-size: 14px;
}

.help-text {
	margin-top: 5px;
}
.help-text p {
	text-align: right;
	font-size:16px;
}

/*
-------------------------------------
INPUTS
-------------------------------------
*/

input, button[type="submit"] {
	width: 100%;
	max-width: 100%;
	height: 40px;
	background: none;
	border: none;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	font-size: 16px;
	-webkit-appearance: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

input[type="submit"], button[type="submit"] {
	border-color: #000;
	background-color: #000;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.3s !important;
	-moz-transition: all 0.3s !important;
	-ms-transition: all 0.3s !important;
	-o-transition: all 0.3s !important;
	transition: all 0.3s !important;
}

input[type="submit"]:hover, button[type="submit"]:hover {
	border-color: #000;
	background-color: #000;
}

/* UNITS */

input[units_left] {
	padding-left:40px;
}
input[units_right] {
	padding-right:85px;
}
span.units {
	position: absolute;
	top:0;
	height:55px;
	line-height:55px;
	padding: 0 15px;
}
span.units.left {
	left:0;
	right:auto;
}
span.units.right {
	right: 0;
	left: auto;
}

/*
-------------------------------------
TEXT AREA
-------------------------------------
*/

textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 300px;
	max-height: 300px;
	resize: none;
	font-size: 16px;
	border: none;
	background: none;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}

/*
-------------------------------------
BUTTONS
-------------------------------------
*/

/*.fooform button {*/
	/*display: block;*/
	/*margin: 5px 0 0 0;*/
	/*width: 100%;*/
	/*height: 60px;*/
	/*border: none;*/
	/*padding: 15px;*/
	/*cursor: pointer;*/
	/*-webkit-box-sizing: border-box;*/
	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
	/*outline: none;*/
	/*text-align: center;*/
	/*font-size: 16px;*/
	/*font-weight: 500;*/
	/*-webkit-appearance: none;*/
	/*border-radius: 0;*/
	/*-webkit-border-radius: 0;*/
/*}*/

/*
-------------------------------------
CHECK BOXES
-------------------------------------
*/

label.checkbox {
	display: block;
	padding: 18px 46px 17px 15px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 300;
	cursor: pointer;
}

label.checkbox,
label.checkbox a {
	font-size: 16px;
}

label.checkbox a {
	display: inline;
}

label.checkbox input {
	display: none;
}

label.checkbox span {
	position: absolute;
	bottom: 14px;
	right: 15px;
}
label.checkbox span::before {
	font-size: 22px;
	font-family: 'Font Awesome 5 Pro', 'Font Awesome 6 Pro';
	content: '\f0c8';
	font-weight: 300;
}

label.checkbox input:checked + span::before {
	content: '\f14a';
}

/*
-------------------------------------
FILE INPUTS
-------------------------------------
*/

.form-row.file label {
	float:left;
	padding: 13px 0 0 15px;
}
.form-row.file input {
	float:left;
	width: auto;
	padding: 13px 15px;
	clear:right;
}

/*
-------------------------------------
SELECTS
-------------------------------------
*/

select {
	visibility: hidden;
}

/* OUTLINES */

.select2 span {
	outline: none;
}

/* HEIGHTS */

.select2-container .select2-selection--single {
	height: 55px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 55px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 16px;
	color: #272c32;
}

/* ARROWS */

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 55px;
	right: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: none;
	margin-top: -12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b::before {
	font-size: 14px;
	font-family: 'Font Awesome 5 Pro', 'Font Awesome 6 Pro';
	content: '\f078';
	font-weight: 300;
	-webkit-transition: all 0.3s !important;
	-moz-transition: all 0.3s !important;
	-ms-transition: all 0.3s !important;
	-o-transition: all 0.3s !important;
	transition: all 0.3s !important;
	display: inline-block;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b::before {
	transform: rotate(-180deg);
}

/* CLOSE ICON */

.select2-selection__clear {
	color: transparent;
	margin-right: 20px;
	padding: 0 20px;
}

.select2-selection__clear::before {
	font-size: 12px;
	font-family: 'Font Awesome 5 Pro', 'Font Awesome 6 Pro';
	content: '\f00d';
	font-weight: 300;
}

/* TOP-LEVEL BORDERS AND RADIUS */

.select2-container--default .select2-selection--single {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
}

/* DROP-DOWN BORDERS AND RADIUS */

.select2-container--open .select2-dropdown--below {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.select2-dropdown {
	background-color: #fff;
	border: 2px solid #000;
}

ul li.select2-results__option,
ul li.select2-results__option:first-child {
	padding: 15px 20px;
	color: #000;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'Gilroy-Regular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

/* HIGHLIGHT COLORS */

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #000;
	color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #fff;
	color: #000;
}

/* SEARCH BOX */

.select2-container .select2-search--inline .select2-search__field {
	padding: 0 15px;
}

.select2-search--dropdown {
	padding: 0;
	border: 1px solid #e1e4e6;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: none;
}

/*
-------------------------------------
SELECT MULTIPLES
-------------------------------------
*/

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin: 18px 0 0 15px;
}

.select2-container .select2-search--inline .select2-search__field {
	width: auto !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline;
}

.select2-container .select2-selection--multiple:before {
	content: '\f078';
	font-family: 'Font Awesome 5 Pro', 'Font Awesome 6 Pro';
	position: absolute;
	top: auto;
	bottom: 8px;
	right: 8px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 300;
}
.select2-container.select2-container--open .select2-selection--multiple:before {
	content: '\f077';
}


/*
-------------------------------------
DATE PICKER
-------------------------------------
*/

.picker__holder {
	outline: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

button.picker__button--close:before {
	display: none;
}

.picker__button--close:hover {

}

.picker__table th {
	padding: 10px 0;
}

/*
-------------------------------------
FORM ERRORS (DJANGO)
-------------------------------------
*/

ul.errorlist {
	background-color: #e1d6cc;
	padding: 10px;
}

ul.errorlist li {
	color: #fff;
	margin-top: 3px;
	padding-left: 3px;
	font-size: 15px;
}

ul.errorlist li:first-child {
	margin-top: 0;
}

ul.errorlist li::before {
	/*display: none;*/
	font-family: 'Font Awesome 5 Regular';
	content: '\f06a';
	display: none;
}

ul.errorlist li svg.svg-inline--fa {
	margin-right: 7px;
}

/*
-------------------------------------
SEARCH FORM
-------------------------------------
*/

.search {
	width: 280px;
	position: absolute;
	top: 18px;
	right: 25px;
	border-bottom: 1px solid #111;
}

.search-btn {
	position: absolute;
	right: 0;
	width: 40px;
	height: 36px;
	border: none;
	background: none;
	text-align: center;
	color: #111;
	cursor: pointer;
	font-size: 15px;
	border-radius: 0;
}

.search input {
	float: left;
	width: 100%;
	padding: 0;
	height: 30px;
	outline: none;
	border: none;
	font-weight: 300;
	font-size: 15px;
}

.search input:focus{
  color: #272c32;
}

/*
-------------------------------------
FLACKPICKR
-------------------------------------
*/

.flatpickr-calendar select {
	visibility: visible;
}

/*
-------------------------------------
SELECT 2 OVERRIDES
-------------------------------------
*/

.select2-container--default .select2-selection--single {
	background-color: #fff;
	/* border: 1px solid #e1e4e6; */
	/* border-radius: 5px; */
	height: 55px;
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #272c32;
	line-height: 55px;
	height: 55px;	
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 10px;
	padding-right: 10px;
	width: 350px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: transparent;
	border-style: none;
	border-width: 0;
	height: 0;
	margin-left: -10px;
	margin-top: -11px;	
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: #e9eff6;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}


/*
-------------------------------------
FORMSETS
-------------------------------------
*/

.formset .formset {
	padding: 20px;
	border:1px solid blue;
	margin-top: 20px;
}
.formset-form {
	padding: 20px;
	border:1px solid blue;
	margin-top: 20px;
}
.formset-form .formset-form {
	padding:0;
	border:none;
}
.formset-form.empty {
	display:none;
}

.new.to-delete {
	display: none;
}

.to-delete {
	background-color: lightcoral;
}

.to-delete .add-another {
	display: none;
}


/*
-------------------------------------
MULTISELECT FILTER HORIZONTAL
-------------------------------------
*/

.search-wrapper::before,
.ms-container::before {
	font-family: 'Font Awesome 5 Pro', 'Font Awesome 6 Pro';
}

.form-row.filter-horizontal {
	border: none;
}