/*
 * LaraClassifier - Classified Ads Web Application
 * Copyright (c) BeDigit. All Rights Reserved
 *
 * Website: https://laraclassifier.com
 * Author: Mayeul Akpovi (BeDigit - https://bedigit.com)
 *
 * LICENSE
 * -------
 * This software is provided under a license agreement and may only be used or copied
 * in accordance with its terms, including the inclusion of the above copyright notice.
 * As this software is sold exclusively on CodeCanyon,
 * please review the full license details here: https://codecanyon.net/licenses/standard
 */

/* Text color for white NavBar background */
div[data-navbarbg="skin6"] .navbar-light .navbar-nav .nav-link {
	color: #455a64;
}

/* dropdown-item */
.dropdown-item.active, .dropdown-item:active {
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity));
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}

/* checkbox */
.form-check-input:checked {
	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* select2-bootstrap5-theme - customized */
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
	background-color: var(--bs-primary) !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
	border-color: var(--bs-primary) !important;
	box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25) !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
	background-color: var(--bs-white);
	border-color: var(--bs-primary) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
	border-color: var(--bs-primary) !important;
	box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25)!important;
}

/* Bootstrap Overwrites */
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
	color: #dd4b39;
}

/*
a.ajax-request,
a.ajax-request:hover,
a.ajax-request:active,
a.ajax-request:focus {
	color: #3c8dbc;
}
*/

.pace .pace-activity {
	display: none;
}

/* BORDER RADIUS HELPERS */

.b-rad-sm {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.b-rad-md {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.b-rad-lg {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.no-border {
	border: none !important;
}

/* BACKGROUND HELPERS (additional) */

.bg-none {
	background: none;
}

/* reCAPTCHA */
.no-label .g-recaptcha div {
	margin: auto;
	text-align: center;
}

.admin-single-icon {
	font-size: 20px;
	vertical-align: middle;
}

table.dataTable tbody tr td {
	vertical-align: middle;
}

.callout {
	margin: 0 0 5px 0;
}

h2.setting-group-name, p.setting-group-breadcrumb {
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #f4f4f4;
}

h2.setting-group-name {
	font-weight: bold;
}

.backup-button {
	margin-bottom: 5px;
}

.wordwrap {
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap; /* Opera <7 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE */
}

/* Body Style */
body {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

.tooltip {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.popover {
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	max-width: 450px;
}

/* Form Style */
.page-wrapper .container-fluid .form-group label {
	font-weight: bold;
	padding-bottom: 5px;
}

.form-control::-webkit-input-placeholder {
	color: #cccccc;
}

/* Datatable Details Rows */
#crudTable .table-striped tbody tr:nth-of-type(odd) {
	background-color: #f6f6f6;
}

/* Settings Edition CSS */
.settings-edition h3 {
	margin-top: 35px;
	padding-bottom: .5rem;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.settings-edition > .card-body > .card > .row > div:nth-of-type(3) > h3 {
	margin-top: 10px;
}

.settings-edition h4 {
	margin-top: 15px;
}

.settings-edition h5 {
	margin-top: 10px;
}

.settings-edition hr {
	margin: 0;
	padding: 0;
	border: none;
	height: 1px;
	border-top-color: var(--bs-border-color);
	opacity: .5;
}

hr {
	border: none;
	height: 1px;
	background-color: var(--bs-border-color);
	opacity: .5;
}

/* Dropdown link color */
.nav-item.dropdown.active > .dropdown-menu > .dropdown-item.active > a {
	color: #FFF;
}

h1 small, h2 small, h3 small, h4 small, h5 small {
	font-size: .6em;
	display: inline-block;
	padding-left: .25em;
}

/* select2 - Tagging */
.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #444;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border-color: transparent;
}

.form-control {
	/*color: #222;*/
}

.form-control:focus {
	/*color: #222;*/
}

/* select2 - Bootstrap validation error */
.is-invalid .select2-selection {
	border-color: #EF534F !important;
}

/* Bugfix: Bootstrap Tooltip position on Firefox */
a[data-bs-toggle=tooltip] {
	display: inline-block !important;
}

a[data-bs-toggle=tooltipHover] {
	display: inline-block !important;
}

.pnotify-icon {
	margin-top: 5px;
}

/* intl-tel-input : Full width input */
.iti {
	width: 100%;
}

/* intl-tel-input : Bootstrap input-group*/
.input-group .iti .form-control {
	border-radius: 6px 0 0 6px;
}

.input-group .iti {
	width: 75%;
}

.input-group .iti-group-text {
	width: 25%;
}

.input-group .iti .form-control.is-invalid, .was-validated .input-group .iti .form-control:invalid {
	z-index: 0;
}

/* Swal Alert */
.swal2-container {
	z-index: 20000 !important;
}
