.logo img{
	width:130px;
	
}
.inlogo img{
	width: 54px !important;
}
.productimg{width: 80px;}
.imageraw{ margin-right: 20px;}
.iconbox{height: 250px; overflow-y:  scroll;}
.iconbox .profile-latest-img {
  transition: all 0.2s ease-in-out; }

.iconbox .profile-latest-img:hover {
  transform: translateY(-2px) scale(1);
  z-index: 10; }

 .iconbox .profile-latest-img img {
  	 padding: 2px; 
	 border: solid 1px #ECECEC;
	 
}
::-webkit-scrollbar {
  height: 5px;              /* height of horizontal scrollbar ← You're missing this */
  width: 5px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}
::-webkit-scrollbar-track {
  border-radius: 0;
  background: #eeeeee;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #6261D3;

}
.iconbox .custom-option-item-check:checked + .custom-option-item {
  color: #7367f0;
  background-color: rgba(115, 103, 240, 1);
  border-color: #fff; }


.right_icon{
	position: absolute;
	right: 5px;
}


@media  (min-width: 200px) and (max-width: 768px) {
	
	.wapno
	{flex-direction: row !important;
		display: block !important;
	}
	.d-flexnon{display: block !important; width: 100% !important}
	.d-flexnon label{width: 100% !important}
	
}
.iconre{position: absolute !important}

@media  (min-width: 992px) and (max-width: 1332px) {
	.dplynone{
		display: none !important;
		
	}
	
	.iconre.dropdown-menu[data-bs-popper] { left: -105px !important}
		
}
@media  (min-width: 992px) and (max-width: 1052px) {
	
	.dplynoneico{
		display: none !important;
		
	}
}
#project-label {
    display: block;
    font-weight: bold;
    margin-bottom: 1em;
}
#project-description {
    margin: 0;
    padding: 0;
}
.sub-text {
    font-size:12px;
    color:#333;
}
.him{
	position: fixed
}
.min-htable{
	height: 300px;
	display: block;
	
	
}
.top_modal{top: 230px;}
.orderlistbox{
	overflow: hidden;
  display: grid;
  grid-template-columns: 0.3fr 2fr 1fr; 
	border: 1px solid #ebe9f1;
  border-radius: 0.357rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

.orderadd{
	padding:20px;
	border-right: 1px solid #ebe9f1;
	width: 100%
}
.orderlistbox .item-img{
	min-width: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
    

}
.orderlistbox .item-body{
	padding: 1.2em 1em;
    border-right: 1px solid #ebe9f1;
	border-left: 1px solid #ebe9f1;
    display: flex;
    flex-direction: column;

}
.item-subtext{
	width: 100%;
	float:left;	
	font-size: 14px;
}
.orderlistbox .list{
	display: flex;
}
.orderlistbox .item{
	padding: 1em;
	border-right: 1px solid #ebe9f1;
	width: 100%;
}
.orderlistbox .action{
	float: right;
	width: 50px;
}
.invoice-card{
	padding:1em 1.5em;
	
}
.invoice-total-wrapper .invoice-total-item,
.invoice-edit .invoice-total-wrapper .invoice-total-item,
.invoice-add .invoice-total-wrapper .invoice-total-item {
  display: flex;
  align-items: center;
  justify-content: space-between; }
.invoice-total-wrapper .invoice-total-item .invoice-total-amount,
.invoice-edit .invoice-total-wrapper .invoice-total-item .invoice-total-amount,
.invoice-add .invoice-total-wrapper .invoice-total-item .invoice-total-amount {
  margin-bottom: 0.35rem;
  font-weight: 600; }
.invoice-header{
	padding: 1em 1.5em 0 1.5em;
}
.invoice-id{
	background: #e3e1fc;
	padding: .5em 1em;
	font-size: 18px;
	font-weight: bolder;
	color: #7367f0;
}
.invoice-id span{
	font-size: 12px;
}
.ordertop{
	top: 85px;
}
.order-pop{
	max-width: 80%}
.ordertopbtn{}
.intoporder{}
.order-tab ul{}
.order-tab ul li button{
	border-radius:0px;
}
.product-img{
	width: auto;
	margin-bottom: 20px;
	display: flex;
}
.odrprice{
	position: absolute;
    margin: 3px;
}
.orderleft{
	
}
.input-group.inpt{
	left: -12px;
	top:8px;
}
.input-group.inpt button{
	min-width: 25px !important;
	min-height: 25px !important;
}
@media (min-width:580px ) and (max-width: 998px) {
	.wid-t{max-width: 90% !important}
}

@media (min-width:200px ) and (max-width: 1300px) {
	.order-pop{
	max-width: 95% !important;}
	.modalinner {
		left: 0 !important;
		right: 0 !important;
	}
}
@media (min-width:1000px ) and (max-width: 1200px) {
	.orderleft{
		width: 100% !important;
	}
}
.modalinner {
  position: absolute; 
  top: 0;
  left:152px;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  }
.colors ul{list-style:none; padding:0; margin: 0;}

.colors li{margin: 0 20px 20px 0; display: inline-block;}

.colors label{cursor: pointer;}

.colors input{display:none;}

.colors input[type="checkbox"]:checked + .swatch{box-shadow: inset 0 0 0 2px #7367f0;}

.swatch{
  display:inline-block;
  vertical-align: middle;
  height: 30px;
  width:30px;
  margin: 0 5px 0 0 ;
  border: 1px solid #d4d4d4;
}
.pattern1{
	background: url("../../app-assets/images/cloth/1.jpg");
}
.pattern2{
	background: url("../../app-assets/images/cloth/2.jpg");
}

.product-img input[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
.product-img input[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.product-img input[type=radio]:checked + img {
  outline: 2px solid #28c76f ;
}

#searchresults{
position: relative;
    background: #fff;
    z-index: 1000;	
	
}
#search_result_view{
	width: 100%;
    float: left;
    position: absolute;
    background: #fff;
}
.searchresultheader{
	    padding: 10px;
    font-weight: 700;
    background: #eeecff;
}
.searchresult a{    font-size: 13px;
    font-weight: normal;
    padding: 10px;
    border-bottom: solid 1px #ebe9f1;
	display: block;
}
.searchresult a:hover{
	
}