.cursor-alias {cursor: alias !important;}
.cursor-all-scroll {cursor: all-scroll !important;}
.cursor-auto {cursor: auto !important;}
.cursor-cell {cursor: cell !important;}
.cursor-context-menu {cursor: context-menu !important;}
.cursor-col-resize {cursor: col-resize !important;}
.cursor-copy {cursor: copy !important;}
.cursor-crosshair {cursor: crosshair !important;}
.cursor-default {cursor: default !important;}
.cursor-e-resize {cursor: e-resize !important;}
.cursor-ew-resize {cursor: ew-resize !important;}
.cursor-grab {cursor: -webkit-grab !important; cursor: grab !important;}
.cursor-grabbing {cursor: -webkit-grabbing !important; cursor: grabbing !important;}
.cursor-help {cursor: help !important;}
.cursor-move {cursor: move !important;}
.cursor-n-resize {cursor: n-resize !important;}
.cursor-ne-resize {cursor: ne-resize !important;}
.cursor-nesw-resize {cursor: nesw-resize !important;}
.cursor-ns-resize {cursor: ns-resize !important;}
.cursor-nw-resize {cursor: nw-resize !important;}
.cursor-nwse-resize {cursor: nwse-resize !important;}
.cursor-no-drop {cursor: no-drop !important;}
.cursor-none {cursor: none !important;}
.cursor-not-allowed {cursor: not-allowed !important;}
.cursor-pointer {cursor: pointer !important;}
.cursor-progress {cursor: progress !important;}
.cursor-row-resize {cursor: row-resize !important;}
.cursor-s-resize {cursor: s-resize !important;}
.cursor-se-resize {cursor: se-resize !important;}
.cursor-sw-resize {cursor: sw-resize !important;}
.cursor-text {cursor: text !important;}
.cursor-w-resize {cursor: w-resize !important;}
.cursor-wait {cursor: wait !important;}
.cursor-zoom-in {cursor: zoom-in !important;}
.cursor-zoom-out {cursor: zoom-out !important;}
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-thumb {
    background-color: #3E97FF;
    border-radius: 10px;
    border: 5px solid transparent;
}
.fa-eye-slash, .fa-eye {
    right:9px;
    top:38px;
    cursor: pointer;
}
.image-input-placeholder { background-image: url('assets/media/avatars/blank.png'); } [data-bs-theme="dark"] .image-input-placeholder { background-image: url('assets/media/avatars/blank.png'); }
.table-td>:not(caption)>*>td {
    padding: 0.7rem 0.7rem !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid {
    background-image: none !important;
    padding-right: .75rem !important;
}
.form-select.is-invalid + .select2 .selection .select2-selection,
.was-validated .form-select:invalid + .select2 .selection .select2-selection {
    border-color: var(--bs-form-invalid-border-color) !important;
}
.form-select.is-valid + .select2 .selection .select2-selection,
.was-validated .form-select:valid + .select2 .selection .select2-selection {
    border-color: var(--bs-form-valid-border-color) !important;
}
.input-group-text:has(~ .form-control.is-invalid),
.was-validated .input-group-text:has(~ .form-control:invalid) {
    border-color: var(--bs-form-invalid-border-color) !important;
}
.input-group-text:has(~ .form-control.is-valid),
.was-validated .input-group-text:has(~ .form-control:valid) {
    border-color: var(--bs-form-valid-border-color) !important;
}
.form-control.is-invalid + .ql-toolbar, .was-validated .form-control:invalid + .ql-toolbar{
    border-top-color: var(--bs-form-invalid-border-color) !important;
    border-left-color: var(--bs-form-invalid-border-color) !important;
    border-right-color: var(--bs-form-invalid-border-color) !important;
}
.form-control.is-invalid + .ql-toolbar + .ql-container, .was-validated .form-control:invalid + .ql-toolbar + .ql-container{
    border-color: var(--bs-form-invalid-border-color) !important;
}
.ql-container {
	min-height: 80px;
	font-family: Inter,Helvetica,sans-serif;
}
.table:not(.table-bordered) tbody tr:last-child, .table:not(.table-bordered) tfoot tr:last-child {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}
.was-validated:invalid > .invalid-feedback {
    display: block;
}
span.twitter-typeahead .tt-menu {
	cursor: pointer;
}
.dropdown-menu,
span.twitter-typeahead .tt-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 1rem;
	color: #373a3c;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}
span.twitter-typeahead .tt-suggestion {
	display: block;
	width: 100%;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.5;
	color: #373a3c;
	text-align: inherit;
	white-space: nowrap;
	background: #fff;
	border: 0;
}
span.twitter-typeahead .tt-suggestion:focus,
.dropdown-item:hover,
span.twitter-typeahead .tt-suggestion:hover {
	color: #2b2d2f;
	text-decoration: none;
	background-color: #f5f5f5;
}
span.twitter-typeahead .active.tt-suggestion,
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .active.tt-suggestion:focus,
span.twitter-typeahead .tt-suggestion.tt-cursor:focus,
span.twitter-typeahead .active.tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0275d8;
	outline: 0;
}
span.twitter-typeahead .disabled.tt-suggestion,
span.twitter-typeahead .disabled.tt-suggestion:focus,
span.twitter-typeahead .disabled.tt-suggestion:hover {
	color: #818a91;
}
span.twitter-typeahead .disabled.tt-suggestion:focus,
span.twitter-typeahead .disabled.tt-suggestion:hover {
	text-decoration: none;
	cursor: not-allowed;
	background-color: #fff;
	background-image: none;
	filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}
span.twitter-typeahead {
	width: 100%;
}
.input-group span.twitter-typeahead {
	display: block !important;
}
.input-group span.twitter-typeahead .tt-menu {
	top: 2.375rem !important;
}
.bootbox-body {
	word-wrap: break-word!important;
    word-break: break-word!important;
}
.daterangepicker select.secondselect {
	background: unset !important;
	border: unset !important;
	border-color: transparent !important;
	background-color: var(--bs-body-bg) !important;
}
.daterangepicker select.secondselect option {
	color: var(--bs-input-color) !important;
}
.ql-container.ql-snow, .ql-toolbar.ql-snow {
	border: 1px solid var(--bs-gray-300) !important;
}
.app-wrapper { overflow-x: hidden; }
.hover-scroll { position: unset; }
.ql-editor[contenteditable="false"] {
	color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
	min-height: 80px;
}
.card.product{
	box-shadow:0px 0px 5px #cfcfcf;
	border:0px;
	border-radius:10px;
	transition-duration:.2s;
}
.card.product.active{
	box-shadow:0px 0px 5px #4C96E8;
}
.card.product:hover{
	box-shadow:0px 0px 6px #cfcfcf;
}
.card.product .product-image {
	height: 170px !important;

	background-color: #fbfbfb;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.card.product .card-body .product-brand {
	font-size: 13px;
	color: #a5a5a5;
	margin-bottom: 4px;
}
.card.product .card-body .product-name {
	cursor:pointer;
	line-height:22px;
	font-size: 14px;
	font-weight: bold;
	-webkit-line-clamp: 2;
	height: 3.8rem;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-text-fill-color: #3e3f45;
	margin-bottom: 10px;
}
.card.product .card-body .product-price {
	font-size: 16px;
	color: blue;
}
.card.product .card-body.checkout {
	text-align:center;
	display: none;
	position: absolute;
	bottom: -47px;
	background: white;
	width: 100%;
	z-index: 1000 !important;
	border-radius:10px;
	box-shadow:0px 3px 6px #cfcfcf;
}
.card.product:hover .card-body.checkout {
	display:block;
}
.card.product .card-body.checkout a, .card.product .card-body.checkout a i {
	color:#6777ef;
	font-size:16px;
}

.preview-wa, .preview-email{
    border-radius: 10px;overflow: hidden;position:relative;
}
.preview-email .subject, .preview-email .contact-info, .preview-email .message{
    padding:10px;
}
.preview-email .message .message-button{
    text-align:center;
}
.preview-email .message .message-button button{
    border: 0px;
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: bold;
    color: #00006f;
    background: #d9d9ef;
}
.preview-wa .message{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 90%;
    background: white;
    border-radius: 10px;
    padding: 10px 10px 10px 15px;
}
.preview-wa .message::after{
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -6px;
    top: 0px;
    background: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 67px;
}
.dropzone .dz-preview .dz-details .dz-filename {
	padding-top: 15px;
}
.north {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Safari and Chrome */
}
.west {
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
}
.south {
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); /* IE 9 */
	-webkit-transform:rotate(180deg); /* Safari and Chrome */ 
}
.east {
	transform:rotate(270deg);
	-ms-transform:rotate(270deg); /* IE 9 */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
}
.is-invalid~.dropzone, .was-validated :invalid~.dropzone {
	border: 1px solid var(--bs-form-invalid-border-color);
    background-color: var(--bs-form-invalid-border-color-light);
}
.is-valid~.dropzone, .was-validated :valid~.dropzone {
	border: 1px dashed var(--bs-primary);
    background-color: var(--bs-primary-light);
}
@media (min-width: 768px) and (max-width: 991.98px){
	.card.product .product-image {
		height: 155px;
	}
}
@media (min-width: 992px) {
	#kt_app_header_wrapper {
		width: inherit !important;
	}
	.app-header-menu {
		width:90% !important;
		overflow-x: auto;
	}
}
@media (max-width: 1024px){
	.card.product .product-image {
		height: 216px;
	}
}