.select2{
	width: 100%;
}
.swal2-header{
	align-items: start;
	padding: 0px;
}
.swal2-content{
	padding:0px;
}
.swal2-html-container{
	text-align: left;
}
.swal2-actions{
	padding: 0px;
	align-items: end;
	justify-content: end;
}
.nav-product-top{
	padding:0.75rem 1rem;
}
.custom-color-badge{
	float: right;
	margin-top: 5px;
	cursor:pointer;
}

/* 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;
}

.dropify-wrapper {
	border: 1px solid #e9ecef;
	border-radius: 0.25rem;
}
.dropify-wrapper .dropify-message span.file-icon {
	font-size: 0.875rem;
	color: #7987a1;
}
.dropify-wrapper .dropify-message span.file-icon::before {
	font-size: 24px;
}

.widget-custom-box{
	border: 1px solid #eff2f7;
	border-radius: 10px;
	background-color:#fff;
}
.widget-custom-box img{
	width:100%;
}

#spinner-custom{
	position: absolute;
	top: 50%;
	left: 65%;
	z-index: 99;
	display:none;
}
.spinner .spin-icon{
	font-size: 46px;
}
.pagination-rounded .page-link{
	height: 30px;
	width: 30px;
}
.page-link{
	padding:0px;
	cursor: pointer;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}

.header-outlet-select{
    width:250px;
    cursor:pointer;
}

.modal-content{
	border-radius: 0px;
}
.modal-title{
	font-size: 16px;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 500px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
		-ms-transform: translate3d(0%, 0, 0);
		 -o-transform: translate3d(0%, 0, 0);
			transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog{
	left: -500px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, left 0.3s ease-out;
			transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog{
	left: 0;
}

.modal.right.fade .modal-dialog {
	right: -500px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		 -o-transition: opacity 0.3s linear, right 0.3s ease-out;
			transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}

.modal.right .modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}

.swal2-content{
	font-size: 14px;
}
.swal2-title{
	font-size: 20px!important;
	margin-bottom: 0px;
}
.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel{
	font-size: 14px;
	margin: 0px;
	margin-left: 5px;
}
.swal2-popup{
	width: 20em;
}

div.tagsinput span.tag{
	background-color: #eff2f7;
	border-color: #eff2f7;
	padding: 0 7px;
	border-radius: 1px;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	margin-bottom:5px;
}
div.tagsinput input{
	font-size: .9rem;
	color: #505d69;
	font-family: inherit;
	padding: 0px;
	margin: 0px;
}
div.tagsinput{
	padding: .47rem .75rem;
	border-radius: .25rem;
}
div.tagsinput span.tag a{
	font-size: 14px;
	color:#999;
}
.c-pointer{
	cursor: pointer;
}
.modal-bootom{
	max-width: 500px !important;
	margin: 10px !important;
	right: 0 !important;
	bottom: 0 !important;
	position: fixed !important;
}
.nav-tab-top-content{
	border:0px;
}

.nav-tab-top-content .nav-item .nav-link{
	margin-bottom:0px;
}

.page-content-top-bar{
	margin: -24px -12px;
	margin-bottom: 30px;
	background-color: #fff;
	box-shadow:1px 0 20px rgba(0,0,0,.05);
}
.nav-tab-top-content .nav-item .nav-link{
	color:#505d69;
}
.nav-tab-top-content .nav-item .nav-link.active{
	color:#000!important;
}
.nav-tab-top-content .nav-item .nav-link::after{
	background: transparent;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #0a1832;
	clear: both;
	text-align: center;
	bottom: 0px;
	left: calc(50% - 10px);
}
#spinner-custom{
	position: absolute;
	top: 50%;
	left: 45%;
	z-index: 99;
	display:none;
}
.spinner .spin-icon{
	font-size: 46px;
}
.pagination-rounded .page-link{
	height: 30px;
	width: 30px;
}
.page-link{
	padding:0px;
	cursor: pointer;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
}
.btn-check:focus+.btn, .btn:focus{
	box-shadow:none;
}
.f-right{
	float:right;
}
.form-right-width{
	width: 320px!important;
}
.datepicker{
	z-index: 9999999 !important;
}
@media screen and (max-width: 576px) {
  .f-mobile-left {
    float:left;
  }
}