/* CSS Document */

.tile {
	background-color:#fff;
	border:15px solid var(--bs-secondary);
	border-radius:10px;
}

.tile-header {
 	padding: 0 .5rem .5rem .5rem;
	margin-bottom: 0;
	color:#fff !important;
	background-color: var(--bs-secondary);
}

.tile-header .page-heading{margin-top:-5px;}

.table tr th a, .table tr th, .table tr th a:visited, .table tr th a:focus {
	color:#fff !important;
}

@media only screen and (min-width: 576px) {
  .tile-buttons {
    float: right;
	margin-top:-5px;
  }
}

.avatar {
	border-radius: 50px;
	height:40px;
	width:40px;
}

.header-actions > li > a > img.list-icon {
  width: 24px;
  height: 24px;
  margin: 0;
  cursor: pointer;
}

.nav-link {
  display: flex;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.menu-dropdown .first-level:before {
	position: absolute;
	top: -9px;
	left: 12px;
	content: '';
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 9px solid #ffffff;
}
.dropdown-menu.dropdown-menu-right:before {
	right: 12px;
	left: auto;
	top: -9px;
}

.animated-button{
    width:150px;
    height:50px;
    background: linear-gradient(to left top, var(--bs-primary) 50%, var(--bs-secondary) 50%);
    border-style: none;
    color:#fff;
    font-size: 20px;
    letter-spacing: 3px;
    font-family: 'Lato';
    font-weight: 600;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0px;
    overflow: hidden;
    transition: all .5s;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
	
}
.animated-button span{
    position: absolute;
    display: block;
}
.animated-button span:nth-child(1){
    height: 3px;
    width:150px;
    top:0px;
    left:-200px;
    background: linear-gradient(to right, rgba(0,0,0,0), #c32c71);
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span1 2s linear infinite;
    animation-delay: 1s;
}
@keyframes span1{
    0%{
        left:-200px
    }
    100%{
        left:200px;
    }
}
.animated-button span:nth-child(2){
    height: 50px;
    width: 3px;
    top:-70px;
    right:0px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), #c32c71);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    animation: span2 2s linear infinite;
    animation-delay: 2s;
}
@keyframes span2{
    0%{
        top:-70px;
    }
    100%{
        top:70px;
    }
}
.animated-button span:nth-child(3){
    height:3px;
    width:150px;
    right:-200px;
    bottom: 0px;
    background: linear-gradient(to left, rgba(0,0,0,0), #c32c71);
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    animation: span3 2s linear infinite;
    animation-delay: 3s;
}
@keyframes span3{
    0%{
        right:-200px;
    }
    100%{
        right: 200px;
    }
}


.login-form-container {
	border-radius:15px;
}
form .pass-link a, form .signup-link a {
	color: #4158d0;
	text-decoration: none;
}
.terms-link {
	color:var(--bs-default-color) !important;
}
.border-info {
	border-color:var(--bs-default-color) !important;
}
.bg-info {
	background-color:var(--bs-default-color) !important;
}
.btn-info {
	border-color:var(--bs-default-color) !important;
	background-color:var(--bs-default-color) !important;
	color:#fff !important;
}
.table .border-top {
	border-top:1px solid var(--bs-default-color) !important;
}
.table .border-bottom {
	border-bottom:1px solid var(--bs-default-color) !important;
}
.table .border-left {
	border-left:1px solid var(--bs-default-color) !important;
}
.table .border-right {
	border-right:1px solid var(--bs-default-color) !important;
}
.display-table table tr td {
  text-align: left;
  padding: 8px;
}
.scrollable-menu {
	height: auto;
	max-height: 350px;
	overflow-x: hidden;
}
@media screen and (min-width: 992px) {
.modal-lg {
 max-width:85% !important;
}
 .modal-md {
 max-width:45% !important;
}
 .scrollable-menu, .minicart-product-list {
 height: auto;
 max-height: 350px;
 overflow-x: hidden;
}
}
 @media only screen and (min-width: 1480px) {
 .scrollable-menu {
 height: auto;
 max-height: 550px;
 overflow-x: hidden;
}
}
 @media only screen and (min-width: 1900px) {
 .scrollable-menu {
 height: auto;
 max-height: 600px;
 overflow-x: hidden;
}
}
@media only screen and (min-width: 2200px) {
 .scrollable-menu {
 height: auto;
 max-height: 750px;
 overflow-x: hidden;
}
}

 @media only screen and (min-width: 1400px) {
 .minicart-product-list {
 height: auto;
 max-height: 550px;
 overflow-x: hidden;
}
}

 .scrollable-menu::-webkit-scrollbar,.minicart-product-list::-webkit-scrollbar {
 -webkit-appearance: none;
 width: 10px;
}
.scrollable-menu::-webkit-scrollbar-thumb,.minicart-product-list::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #0088CC;
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .75);
}

.smalltext {
	padding-top: 5px;
	font-size: 16px;
	color:#fff !important;
}
.error {
	color:red !important;
}

#loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.75) url(../../admin/assets/images/loader.gif) no-repeat center center;
	z-index: 10000;
}
.page-offset {
	min-height:800px;
}
.no-content-page-offset {
	min-height:600px;
}
.empty-cart{left: 0;
    line-height: 200px;
    margin-top: -100px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;}
@media screen and (min-width: 576px) {
	
	
	.empty-cart .empty-cart-text{font-size:2em !important;}
	


	.page-offset {
	min-height:980px;
}

	.no-content-page-offset {
		min-height:540px;
	}
	.mt-md-60px{margin-top:20px;}

}
@media screen and (max-width: 575px) {
 .page-offset {
 min-height:150px;
}
 .no-content-page-offset {
 min-height:100px;
}
 /*.empty-cart {
padding:15px 0px 35px 0px
} */
 .empty-cart .empty-cart-text {
font-size:1em
}
 .cart-shiping-update-wrapper {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:center;
 padding:15px 0 30px
}
.cart-shiping-update-wrapper .cart-clear>a, .cart-shiping-update-wrapper .cart-shiping-update>a {
 border-radius:50px;
 display:inline-block;
 font-size:13px;
 font-weight:600;
 line-height:1;
 padding:14px 18px 10px;
 text-transform:uppercase;
 margin:5px;
}
 h3.cart-page-title {
 font-size:16px;
 line-height:16px;
}
 .cart-tax .title-wrap h4.cart-bottom-title, .discount-code-wrapper .title-wrap h4.cart-bottom-title, .grand-totall .title-wrap h4.cart-bottom-title {
 font-size: 15px;
 font-weight: 700;
 padding-right: 15px;
}
 .cart-tax, .discount-code-wrapper, .grand-totall {
 padding: 30px 15px 30px;
}
 .grand-totall h4.grand-totall-title {
 font-size: 16px;
 font-weight: 700;
 margin: 0 0 20px;
}
.select-shoing-wrap{margin-bottom:10px !important;}

 .shop-top-bar .nice-select {
margin-left:-10px !important;
}
}
.disabled-link {
	pointer-events: none;
	cursor: default;
}
.nice-select .list {
	z-index:999 !important;
}
 @media (min-width:576px) {
.modal-dialog {
/*max-width:75%;*/
margin:1.75rem auto
}
.modal-dialog-scrollable {
height:calc(100% - 3.5rem)
}
.modal-dialog-centered {
min-height:calc(100% - 3.5rem)
}
.modal-content {
box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15)
}
.modal-sm {
max-width:300px
}
}
@media (min-width:992px) {
.modal-lg, .modal-xl {
 min-width:800px;
max-width:900px;
}
 .modal-dialog {
min-width:650px;
margin:1.75rem auto
}
}
@media (min-width:1600px) {
.modal-xl {
 width:1340px !important;
max-width:1440px
}
.modal-lg {
 width:1140px !important;
max-width:1240px
}
}
.modal-fullscreen {
	width:98vw;
	max-width:none;
	height:97%;
	margin:0
}
.modal-fullscreen .modal-content {
	height:100%;
	border:0;
	border-radius:0
}
.modal-fullscreen .modal-header {
	border-radius:0
}
.modal-fullscreen .modal-body {
	overflow-y:auto
}
.modal-fullscreen .modal-footer {
	border-radius:0
}
@media (max-width:575.98px) {
.modal-fullscreen-sm-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-sm-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-sm-down .modal-header {
border-radius:0
}
.modal-fullscreen-sm-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-sm-down .modal-footer {
border-radius:0
}
}
@media (max-width:767.98px) {
.modal-fullscreen-md-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-md-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-md-down .modal-header {
border-radius:0
}
.modal-fullscreen-md-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-md-down .modal-footer {
border-radius:0
}
}
@media (max-width:991.98px) {
.modal-fullscreen-lg-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-lg-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-lg-down .modal-header {
border-radius:0
}
.modal-fullscreen-lg-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-lg-down .modal-footer {
border-radius:0
}
}
@media (max-width:1599.98px) {
.modal-fullscreen-xl-down {
width:100vw;
max-width:none;
height:100%;
margin:0
}
.modal-fullscreen-xl-down .modal-content {
height:100%;
border:0;
border-radius:0
}
.modal-fullscreen-xl-down .modal-header {
border-radius:0
}
.modal-fullscreen-xl-down .modal-body {
overflow-y:auto
}
.modal-fullscreen-xl-down .modal-footer {
border-radius:0
}
}
.modal-content .bg-success {
	background-color:#4FB68D !important;
}
/* Customize the label (the container) */
.custom-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top:0;
	left: -35px;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 1px solid #4fb68d;
	border-radius:5px;
}
.checkmark-image {
	top:30% !important;
	left:10px;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
 background-color: #4fb68d;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
 display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dtp div.dtp-date, .dtp div.dtp-time, .dtp table.dtp-picker-days tr>td>a.selected, .dtp>.dtp-content>.dtp-date-view>header.dtp-header {
	background:var(--bs-default-color) !important
}
.dtp .p10>a {
	color:#fff
}
.datepicker .day, .datepicker .dow {
	padding:5px 10px !important;
}
.dtp-buttons .btn-success {
	background:var(--bs-default-color) !important
}
.dtp .p10 > a {
	color: var(--bs-default-text-color) !important;
}
.btn-inverse {
	color: #fff;
	background-color: #4c5667;
	border-color: #4c5667;
	box-shadow: 0 1px 0 rgb(255 255 255 / 15%);
}

.bg-inverse {
	color: #fff;
	background-color: #4c5667;
	border-color: #4c5667;
	box-shadow: 0 1px 0 rgb(255 255 255 / 15%);
}

.btn-inverse:hover {
	color: #fff;
}

.btn-outline-inverse {
  --bs-btn-color: #4c5667;
  --bs-btn-border-color: #4c5667;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4c5667;
  --bs-btn-hover-border-color: #4c5667;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4c5667;
  --bs-btn-active-border-color: #4c5667;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #4c5667;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4c5667;
  --bs-gradient: none;
}

.m-r-10 {
	margin-right: 10px !important;
}

/*.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #4FB68D !important;
}*/

.table>:not(:first-child) {
 border-top: 0px !important;
}
.bg-success {
	background-color:#4FB68D !important;
}
.btn-success {
	background-color:#4FB68D !important;
	border-color:#4FB68D !important;
}
.dont-break-out {
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
	/* Instead use this non-standard one: */
  word-break: break-word;
	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.pro-details-wishlist li {
	list-style:none !important;
}
.form-check-input.check-outline.outline-success {
	border: 1px solid #fff;
	background-color: transparent;
	margin-top:3px;
	margin-right:5px;
	
}
.form-check-label{font-size:0.9rem !important;}
.form-check-input[type=checkbox] {
	border-radius: 4px;	
}
.form-check .form-check-input {
	float: left;/*margin-top: 1.075em;*/
}
.form-check-input {
	background-position: left center;
}
.form-check-input {
	width: 1.375em;
	height: 1.375em;
	margin-top: .0625em;
	vertical-align: top;
	background-color: #eaedf5;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 0;
	appearance: none;
	color-adjust: exact;
 transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.form-check-input.white:checked {
	border-color: #fff !important;
}
.form-check-input.check-outline.outline-white {
	border: 1px solid #fff;
	background-color: transparent;
}
.form-check-input.info:checked {
	background-color: var(--bs-default-color) !important;
	border-color: var(--bs-default-color) !important;
}
.form-check-input.check-outline.outline-info {
	border: 1px solid var(--bs-default-color);
	background-color: transparent;
}
/*.accordion-button:not(.collapsed) {
    background-color: #f6f6f6;
	color:#000;
    box-shadow: none !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    background: #f6f6f6;
	color:#000;
    box-shadow: none !important;
}

.accordion-button:after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}*/
.accordion-button {
	box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
 color:#388da8;
 background-color: 
color-mix(in srgb, #388da8, transparent 97%);
 border-color: 
color-mix(in srgb, #388da8, transparent 80%);
}
/*.accordion-collapse.show .accordion-body{
  background-color: 
color-mix(in srgb, #388da8, transparent 97%);
    border-color: 
color-mix(in srgb, #388da8, transparent 80%);
}
.razorpay-payment-button:hover,#rzp-button1:hover {
    color: #fff;
    background: #253237;
}

.razorpay-payment-button,#rzp-button1 {
	dispaly:block;
	width:100%;
    background-color: #4fb68b;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 42px 12px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}*/

.wishlistCategories ul li.active {
	background-color:#4FB68D;
}
.wishlistCategories ul li.active a, .wishlistCategories ul li.active a:hover {
	color:#fff;
}

.hoverProduct {
	visibility: hidden;
	position: absolute;
	margin-top:80px;
	margin-left:-7%;
	padding: 10px;
	border-radius: 8px;
	box-shadow:0 0 20px rgba(0, 0, 0, 0.3);
	z-index:2;
	background-color:#fff;
	transition: visibility 0.3s ease;
}
.hoverProduct:before {
	position: absolute;
	bottom: -7.5px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	box-sizing: border-box;
	border-width: 7px;
	margin-left: -7px;
	border-style: solid;
	z-index: 1020;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hoverProductAvailable{
	border: 1px solid #4FB68D !important;
}

.hoverProductAvailable:before{
	border-color: #4FB68D #4FB68D transparent transparent;
	box-shadow: 2px -2px 2px rgba(31, 54, 79, .05);
}

.hoverProductNotAvailable{
	border: 1px solid #dc3545 !important;
}

.hoverProductNotAvailable:before{
	border-color: #dc3545 #dc3545 transparent transparent;
	box-shadow: 2px -2px 2px rgba(31, 54, 79, .05);
}

@media only screen  and (min-width: 1200px){
	.hoverProduct {
	width: 480px;
	height: 200px;
}
}

@media only screen  and (min-width: 768px) and (max-width: 991px) {
	
	.select-shoing-wrap {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	}
}
	.firsthoverProduct{
	margin-top:75px;
	margin-left:5%;
	width: 40% !important;
	height: 250px;
	}
	
	.firsthoverProduct:before{
	bottom: -7.5px;
	left: 18%;
}

.secondhoverProduct {
	margin-top:75px;
	margin-left:-42%;
	width: 40% !important;
	height: 200px;
	}

	.secondhoverProduct:before{
	bottom: -7.5px;
	right: 8%;
}



@media only screen  and (min-width: 576px) and (max-width: 767px) {
	.firsthoverProduct{
	margin-top:75px;
	margin-left:5%;
	width: 40% !important;
	height: 250px;
	}
	
	.firsthoverProduct:before{
	bottom: -7.5px;
	left: 18%;
}

.secondhoverProduct {
	margin-top:75px;
	margin-left:-42%;
	width: 40% !important;
	height: 200px;
	}

	.secondhoverProduct:before{
	bottom: -7.5px;
	right: 8%;
}
}

@media only screen  and (min-width: 521px) and (max-width: 575px) {
	.hoverProduct {
	margin-top:120px;
	margin-left:5%;
	width: 70% !important;
	height: 200px;
	}
	
	.hoverProduct:before{
	bottom: -7.5px;
	left: 15%;
}
	
}

@media only screen  and (min-width: 481px) and (max-width: 520px) {
	.hoverProduct {
	margin-top:120px;
	margin-left:5%;
	width: 75% !important;
	height: 200px;
	}
	
	.hoverProduct:before{
	bottom: -7.5px;
	left: 18%;
}
	
}



@media only screen  and (max-width: 480px) {
	.hoverProduct {
		margin-top:120px;
	margin-left:5%;
	width: 80% !important;
	height: 200px;
	}
	
	.hoverProduct:before{
	bottom: -7.5px;
	left: 20%;
}
	
}

.number-slider .owl-nav>div{
	opacity:1;
	visibility:visible;
}
.number-slider .owl-nav .owl-prev
{
	left:-25px !important;
}
.number-slider .owl-nav .owl-next{
	right:-25px !important;
}

.number-slider {
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.number-slider-item{padding:8px 0 8px 0}

.number-slider-item a.active{padding:7px;background-color:#4FB68D;color:#fff !important;}


.pro-details-quality .number-slider-area{width:350px;}

@media only screen  and (max-width: 1199px) {
.pro-details-cart{display:inline-flex;}
}

.hoverProduct .btn-close{position:absolute;right:1px;top:1px;padding:2px;}

.hoverProduct .buttons{position:absolute;bottom:50px;border-top: 1px solid red !important;}

.hoverProduct .btn-success{
	position:absolute;
	left:0px;
	bottom:0px;
	/*border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;*/
}
.pro-details-cart .btn-success{
	border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;}

.remove-from-cart,.pro-details-quality .remove-product-from-cart{    
	/*position:absolute;
	right:0px;
	bottom:0px;*/
	
	border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
	background-color:#dc3545 !important;
}

.recent-product-slider .product-decs {
min-height:200px !important;

}

@media only screen and (min-width:1681px) and (max-width:1760px){
.dropdown_search {
    width: 420px !important;
}
}
 @media only screen and (min-width:1169px) and (max-width:1199px) {
.header_account_list>a {
display:none !important;
}
}
 @media only screen and (max-width: 767px) {
 .recent-product-slider .product-decs {
min-height:185px !important;
}
}
 @media only screen and (max-width: 575px) {
.mt-res-sx-10px {
margin-top:10px
}
.mt-res-sx-15px {
margin-top:15px
}
 .recent-product-slider {
margin-top:40px;
}
}
/*
@media only screen and (min-width:1200px) and (max-width:1300px){
	.mobile-search-option{display:block !important;}
}*/

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px !important;
}
.select2-container .select2-selection--single {
	height:38px !important;
}
.select2-container--default .select2-selection--single {
	border: 1px solid var(--bs-default-color) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	top: 62% !important;
}
.billing-info-wrap .select2-container .select2-selection--single .select2-selection__rendered {
	background: var(--bs-default-color) !important;
	color:var(--bs-default-text-color) !important;
	border:1px solid #fff;
	border-radius:5px;
}
.billing-info-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent !important;
}
.capitalize {
	text-transform:capitalize
}
.goldBox {
	border:2px solid #FFD700;
}
.platinumBox {
	border:2px solid #232D64;
}
.silverBox {
	border:2px solid #c0c0c0;
}
.bronzeBox {
	border:2px solid #cd7f32;
}
.set-bg {
	background-size: 100% 100%;
}
 @media only screen and (min-width: 1921px) {
 .product__item__pic {
 width:100% !important;
 height: 320px;
 position: relative;
 overflow: hidden;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1920px) {
 .product__item__pic {
 width:100% !important;
 height: 240px;
 position: relative;
 overflow: hidden;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .product__item__pic {
 width:100% !important;
 height: 180px;
 position: relative;
 overflow: hidden;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .product__item__pic {
 width:100% !important;
 height: 210px;
 position: relative;
 overflow: hidden;
}
}
 @media only screen and (min-width: 300px) and (max-width: 767px) {
 .product__item__pic {
 width:100% !important;
 height: 180px;
 position: relative;
 overflow: hidden;
}
}

.ui-autocomplete {
    overflow-y: auto;
    height: 200px;
    overflow-x: hidden;
}

 .table-wrap  {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;  
}
    
 
.table-wrap {
  text-align: left;
  position: relative;
  border-collapse: collapse; 
}
.table-wrap th, .table-wrap td {
  padding: 0.25rem;
}
.table-wrap tr.red th {
  background: red;
  color: white;
}
.table-wrap tr.green th {
  background: green;
  color: white;
}
.table-wrap tr.purple th {
  background: purple;
  color: white;
}
.table-wrap th {
  background: #03A9F4;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
  z-index:2;
}

.fancybox-overlay{z-index:10000 !important;}

@media only screen and (max-width:1024px)
{
.select2-container--default .select2-results>.select2-results__options{padding-left:5px !important}
}

@media only screen and (max-width:1200px)
{
.header-message{line-height:18px !important}
}


#carouselExampleFade .carousel-item,  #carouselExampleFade2 .carousel-item , #carouselExampleFade3 .carousel-item{height:100px !important;}

#carouselExampleFade .carousel-item img, #carouselExampleFade2 .carousel-item img, #carouselExampleFade3 .carousel-item img{height:100px !important;}

#warehouseGallery .carousel-item{height:200px !important;}

#warehouseGallery .carousel-item img{height:200px !important;}


ul.header-notifications li a {
 padding: .7rem 1rem;
	display: block;
	transition: all 0.5s ease;
}
ul.header-notifications li a .avatar {
	float: left;
	position: relative;
}
ul.header-notifications li a .avatar img {
	width: 48px;
	height: 48px;
	line-height: 48px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
ul.header-notifications li a .avatar .notify-iocn {
	position: absolute;
	right: -5px;
	bottom: 0px;
	background: #ffffff;
	padding: 4px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
 font-size: .75rem;
}
ul.header-notifications li a .details {
	display: block;
}
ul.header-notifications li a .details h6 {
	color: #000000;
}
ul.header-notifications li a .details p {
	color: #828c94;
}
ul.header-notifications li a:hover {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
ul.header-notifications li:first-child a {
	padding-top: 0;
}

.dropdown-menu.lrg {
	width: 18rem;
	left: 50% !important;
	margin-left: -9rem;
}
.dropdown-menu.lrg:before {
	left: 50%;
	margin-left: -4px;
}

.carousel-multi-item .carousel-indicators {
	margin-bottom: -2em;
}
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none;
}
.carousel-multi-item .carousel-indicators li {
	height: 1.25rem;
	width: 1.25rem;
	max-width: 1.25rem;
	background-color: #4285f4;
	margin-bottom: -3.75rem;
}
 @media only screen and (max-width: 992px) .carousel-multi-item .carousel-indicators li {
 margin-bottom: -1.88rem;
}
.carousel-multi-item .carousel-indicators li {
 height: .85rem;
 width: .85rem;
 max-width: .85rem;
	background-color: #4285f4;
	margin-bottom: -3.75rem;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.carousel-indicators li {
	position: relative;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(255, 255, 255, .5);
}
.carousel-multi-item .carousel-indicators .active {
	height: 1.2rem;
	width: 1.2rem;
	max-width: 1.2rem;
	background-color: #4285f4;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.carousel-multi-item .card .card-title , #myCarousel .card .card-title{
	font-size:1.2rem !important;
	line-height:1.6rem !important;
}
.carousel-multi-item .card , #myCarousel .card{
	background-color:#F8F8FF;
}
.topProducts li {
	line-height:1.5rem;
	border-bottom:1px solid #000;
	font-size:0.65rem;
}
.topProducts li .equalTo {
	font-size:1.1rem;
	color:blue;
	padding-right:5px;
}
.topProducts li .fa-arrow-up {
	font-size:1rem !important;
	color:green;
	padding-right:2px;
}
.topProducts li .fa-arrow-down {
	font-size:0.6rem !important;
	color:red;
	padding-right:2px;
}
.topProducts li .number {
	font-size:0.9rem !important;
}
.topProducts li .empty {
	padding-left:12px;
}
.redText {
	color:red;
}
#multi-item-example .card, #myCarousel .card {
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.documentFiles:hover{cursor:pointer;}

.hoverFiles {
	position:absolute;
	visibility:hidden;
	border:solid 1px #0e8ce4;
	padding:5px;
	z-index:9999;
	background-color:#fff;
	line-height:20px;
	border-radius:5px;
	width:auto !important;
	font-size:14px;
}

.hoverFiles-one {
	margin-top:-55px !important;
	height:auto !important;
}

.hoverFiles-two {
	margin-top:-80px !important;
	height:auto !important;
}

.hoverFiles-mini {
	margin-top:-150px !important;
	height:90px !important;
}
.hoverFiles-medium {
	margin-top:-180px !important;
	height:150px !important;
}

.hoverFiles-max {
	margin-top:-260px !important;
	height:210px !important;
}


.hoverFiles:before{
	position: absolute;
	bottom: -7.5px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	box-sizing: border-box;
	border-width: 7px;
	border-style: solid;
	border-color: #0e8ce4 #0e8ce4 transparent transparent;
	margin-left: -7px;
	box-shadow: 2px -2px 2px rgba(31, 54, 79, .05);
	z-index: 1020;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}