.hidden{
	display:none !important;
}
.brand-link.navbar-light{
	color:#363636;
}
.itemimport_design{
	background-color: #87b4ff66;
	border:2px #9e9e9e dashed;
	border-radius:5px;
}
.itemimport_design .content{
	min-height:300px;
}
.itemimport_design label img{
	position: absolute;
	top: 120px;
}
.itemimport_design button{
	top: 160px;
    position: relative;
}
.remove_itemimg{
	border-radius: 50%;
    position: absolute;
    top: 30px;
    left: 170px;
}
 * {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.active_class{
	color: #fff;
	background-color: #17a2b8;
}

/*:root {
	font-size: calc(16px + (24 - 16)*(100vw - 320px)/(1920 - 320));
}
body, button, input {
	font: 1em Hind, sans-serif;
	line-height: 1.5em;
}
body, input {
	color: #171717;
}

body {
	background: #f1f1f1;
	height: 100vh;
} */
/*--------------------------------------------------------------- Start Search Bar -----------------------------------------------------------------------*/
body .search-bar {
	display:contents;
}
.search-bar input,
.search-btn, 
.search-btn:before, 
.search-btn:after {
	transition: all 0.25s ease-out;
}
.search-bar input,
.search-btn {
	width: 3em;
	height: 3em;
}
.search-bar input:invalid:not(:focus),
.search-btn {
	cursor: pointer;
}
.search-bar,
.search-bar input:focus,
.search-bar input:valid  {
	width: 100%;
}
.search-bar input:focus,
.search-bar input:not(:focus) + .search-btn:focus {
	outline: transparent;
}
.search-bar {
	margin: auto;
	padding: 1.5em;
	justify-content: center;
	max-width: 30em;
}
.search-bar input{
	background: transparent;
	border-radius: 1.5em;
	box-shadow: 0 0 0 0.4em #171717 inset;
	padding: 0.75em;
	transform: translate(0.5em,0.5em) scale(0.5);
	transform-origin: 100% 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.search-bar input::-webkit-search-decoration {
	-webkit-appearance:none;
}
.search-bar input:focus,
.search-bar input:valid {
	background: #fff;
	border-radius: 0.375em 0 0 0.375em;
	box-shadow: 0 0 0 0.1em #d9d9d9 inset;
	transform: scale(1);
}
.search-btn {
	background: #9e9e9e;
	border-radius: 0 0.75em 0.75em 0 / 0 1.5em 1.5em 0;
	padding: 0.75em;
	position: relative;
	transform: translate(0.25em,0.25em) rotate(45deg) scale(0.25,0.125);
	transform-origin: 0 50%;
}
.search-btn:before, 
.search-btn:after {
	content: "";
	display: block;
	opacity: 0;
	position: absolute;
}
.search-btn:before {
	border-radius: 50%;
	box-shadow: 0 0 0 0.2em #f1f1f1 inset;
	top: 0.75em;
	left: 0.75em;
	width: 1.2em;
	height: 1.2em;
}
.search-btn:after {
	background: #f1f1f1;
	border-radius: 0 0.25em 0.25em 0;
	top: 51%;
	left: 51%;
	width: 0.75em;
	height: 0.25em;
	transform: translate(0.2em,0) rotate(45deg);
	transform-origin: 0 50%;
}
.search-btn span {
	display: inline-block;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

/* Active state */
 .search-bar input:focus + .search-btn,
.search-bar input:valid + .search-btn {
	display: none;
	/* background: #2762f3;
	border-radius: 0 0.375em 0.375em 0;
	transform: scale(1); */
}
/*.search-bar input:focus + .search-btn:before, 
.search-bar input:focus + .search-btn:after,
.search-bar input:valid + .search-btn:before, 
.search-bar input:valid + .search-btn:after {
	opacity: 1;
}
.search-bar input:focus + .search-btn:hover,
.search-bar input:valid + .search-btn:hover,
.search-bar input:valid:not(:focus) + .search-btn:focus {
	background: #0c48db;
}
.search-bar input:focus + .search-btn:active,
.search-bar input:valid + .search-btn:active {
	transform: translateY(1px);
} */

@media screen and (prefers-color-scheme: dark) {
	body, input {
		color: #f1f1f1;
	}
	body {
		background: #171717;
	}
	.search-bar input {
		box-shadow: 0 0 0 0.4em #f1f1f1 inset;
	}
	.search-bar input:focus,
	.search-bar input:valid {
		background: #3d3d3d;
		box-shadow: 0 0 0 0.1em #3d3d3d inset;
	}
	.search-btn {
		background: #f1f1f1;
	}
}

/*--------------------------------------------------------------- End Search Bar -----------------------------------------------------------------------*/
/* .pagination {
	display: inline-block !important;
  }
  
  .pagination a {
	color: black !important;
	float: left !important;
	padding: 8px 16px !important;
	text-decoration: none !important;
  } */
.dirpaging .pagination {
	display: inline-block;
  }
.dirpaging .pagination li a{
	color: black !important;

  }
  
  .dirpaging .pagination li {
	color: black;
	background-color: #9e9e9e;
	float: left;
	padding: 4px 8px;
	text-decoration: none;
  }
.dirpaging .pagination li.active {
	background-color: #17a2b8;
  }
  .dirpaging .pagination li:hover:not(.active) {background-color: #ddd !important;}

.sidebar-dark-warning .nav-sidebar>.nav-item>.nav-link.active, 
.sidebar-light-warning .nav-sidebar>.nav-item>.nav-link.active,
.nav-treeview>.nav-item>.nav-link.active, 
.nav-treeview>.nav-item>.nav-link.active:focus,
.nav-treeview>.nav-item>.nav-link.active:hover{
	color:#ba3644 !important;
}
.tablink{
    padding: 0.4rem 6.8rem !important;
}
.saleform label{
	color: #333;
}
.saleform label span{
	color: rgb(221, 0, 0);
}
.saletable td, .saletable th {
    padding: 0.05rem !important;
}
.home-page .nav-pills .nav-link {
	color: #979b9f !important;
    background-color: #e9ecef99 !important;
    border: 1px solid #adb3b9 !important;
    margin: 0px 4px;
}
.home-page .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #1a73e8 !important;
    background-color: #1a73e83b !important;
    border: 1px solid #1a73e8 !important;
}
.carousel-indicators li {
    background-color: #000 !important;
}
/* .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #2196F3;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  } */
.bg-secondary {
    background-color: #c3c3c38c!important;
}

.card-header span{
	font-size: 20px !important;
}
.preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-image: url('../../assets/images/Loader.gif');
	background-repeat: no-repeat; 
	background-color:rgba(255, 255, 255, 0.692);
	background-position: center;
 }
.msg-popup{
	position:fixed;
	top:0;
	z-index:1050;
}
.toast{
	min-width:320px;
}
@media(min-width:320px){
    .home-page .nav-pills .nav-link {
		border-radius: 3.25rem !important;
		padding: 0.4rem 1.3rem !important;
	}
  }
  @media(min-width:375px){
	.home-page .nav-pills .nav-link {
		border-radius: 3.25rem !important;
		padding: 0.4rem 2.0rem !important;
	}
  }
  @media(min-width:425px){
	.home-page .nav-pills .nav-link {
		border-radius: 3.25rem !important;
		padding: 0.4rem 2.5rem !important;
	}
}
@media(max-width:576px){
    .input-50{
      width:45%;
    }
	.card-body{
		height:auto !important;
		min-height:auto !important;
	}
  }
@media (max-width: 767px){
	.msg-popup{
		width:100%;
	}	
}
@media (min-width: 768px) {
	.msg-popup{
		left:35%;
	}	
}
@media (min-width: 1200px) {
	.msg-popup{
		left:40%;
	}	
}
@media(max-width:425px){
	.login_banner{
		display:none;
	}
  }