@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

*{
	margin:0px;
	padding:0px;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	background: url(images/bg.jpg) no-repeat center;
    background-size: cover;
	font-weight:400;
	color: #212529;
	overflow-x:hidden;
}


textarea:focus, input:focus, select:focus, option:focus{
	outline: 0;
}

*:focus {
	outline: 0;
}

.clear, .ClearBoth{
	clear:both;
}	

*{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

b{font-weight:500;}

a{color:#E55353; text-decoration:none;}

a.csv{display: block;
    width: 100%;
    padding: 10px 20px;
    background: #303C54;
    float: left;
    margin-top: 30px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;}

ul.ul-style-1{
	
	width:100%;
	display:inline-block;
	min-height:1px;
	float:left;
	position:relative;
	padding-left:20px;
	
}

ul.ul-style-1 li{
	
	width:25%;
	float:left;
	line-height:1.5em;
	
}

ul.ul-style-2{
	
	width:100%;
	display:inline-block;
	min-height:1px;
	float:left;
	position:relative;
	list-style-type:none;
	
}

ul.ul-style-2 li{
	
	padding:10px;
	float:left;
	margin:5px 20px 5px 0px;
	color:#fff;
	background:#303C54;
	width:calc(20% - 16px);
	text-align:center;
	text-transform:uppercase;
	font-size: .9em;
	
}

ul.ul-style-2 li:nth-child(5n+0){margin-right:0px;}

ul.ul-style-2 li a{text-decoration:none; color:#fff;}

.scroll-table{
	
	width:100%;
	min-height:1px;
	max-height:500px;
	position:relative;
	overflow: scroll;
	margin-bottom:20px;
	
}

.scroll-table table{min-width:1000px;}

.scroll-table table.min-width650{min-width:650px;}

.scroll-table table.min-width450{min-width:450px;}

.scroll-table table.min-width350{min-width:350px;}

.scroll-table table.min-width850{min-width:850px;}

.scroll-table table.width-auto{min-width:auto;}

table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  
}

table td, table th {
  border: 1px solid #ddd;
  padding: 10px;
}

table td{font-size:.9em;}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:nth-child(odd){background-color: #ECECF5;}

table tr:hover {background-color: #ddd; cursor:pointer;}

table tr.pagesa-JO{background: rgba(229,83,83, 0.4)}

table th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #303C54;
  color: white;
  text-transform:uppercase;
  font-size:.9em;
  overflow:hidden;
}

table td i{font-size: 1.3em !important; color: #fff; padding: 10px; border-radius: 5px;}

table td i.fa-trash{background:#E55353;}

table td i.fa-print, table td i.fa-bar-chart{background:#3399FF;}

table td i.fa-pencil-square{background:#2EB85C;}

table td.print-delete a{
	
	display:inline-block;
	width:50%;
	float:left;
	text-align:center;
	
}

hr{width:100%;}

.p10{width:10% !important;}

.p16{width:16% !important;}

.p20{width:20% !important;}

.p36{width:36% !important;}

.p50{width:50% !important;}

.p40{width:40% !important;}

.d50p{
	width:50%;
	display:inline-block; 
	position:relative; 
	min-height:1px;
	text-align:left;
	padding-right:10px;
	float:left;
	margin-bottom:20px;
}

h3{
	color: #212529;
	font-size:1.3em;
	font-weight:500;
	margin-bottom:20px;
	text-transform:u
}

h4{
	color: #212529;
	font-size:1.2em;
	font-weight:500;
	margin-bottom:15px;
	text-transform:uppercase;	
}

h5{
	color: #212529;
	font-size:1em;
	font-weight:500;
}

.login_gimoka{
	width:100%;
	max-width:770px;
	min-height:1px;
	background: #F6F7FC;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
	margin:100px auto 100px auto;
	box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.66);
	-webkit-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.66);
	-moz-box-shadow: 0px 0px 18px 1px rgba(0,0,0,0.66);

}

.login-header{
	
	width:100%;
	max-width:770px;
	min-height:1px;
	position: relative;
	display:inline-block;
	
}

.login-header img{width:100%; height:auto; vertical-align:top;}


.login-header-content{
	
	width:100%;
	max-width:770px;
	min-height:1px;
	position: relative;
	padding:50px 20px;
	display:inline-block;
	
}

.login-header-content .left, .login-header-content .right{width:50%; min-height:1px; position:relative; display:inline-block; padding:0px 20px; float:left;}

.login-header-content label{
	
	font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
	margin-bottom:5px;
	display:block;
	
}

.login-header-content input{
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    height: 40px;
    background: #fff;
	display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
	background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.login-header-content input.login{
	
	color: #fff;
    background-color: #212529;
    border-color: #212529;
	font-size:.9em;
	cursor:pointer;
	
}


.login-header-content input.login:hover {
    background-color: #212529;
    border-color: #212529;
}



.login-header-content .login-header img{width:100%; height:auto; vertical-align:top;}


.login-header-content ul{
	
	width:100%;
	min-height:1px;
	color: #212529;
	list-style-type:none;
	
}

.login-header-content ul li{
	
	display:block;
	width:100%;
	padding-bottom:20px;
	font-size:1em;
	
}

.login-header-content ul li:last-child{padding-bottom:0px;}

.login-header-content ul li a{color: #212529; text-decoration:none;}

.login-header-content ul li a:hover{color: #fb771a;}

.admin_wrapper{
	
	width:100%;
	min-height:100vh;
	position: relative;
	display:inline-block;
	background: #EBEDEF;
}


#wrapper-menu{
	
	width:300px;
	height:100vh;
	background:#3C4B64;
	float:left;
	position: fixed;
    top: 0px;
    left: 0px;
	display:inline-block;
	z-index:1000;
	
}

#wrapper-menu .logo{
	
	display:inline-block;
	position:relative;
	padding:20px 0px;
	width:100%;
	height:auto;
	background:#303C54;
	text-align:center;
	height:81px;

}

#wrapper-menu .logo_icon{
	
	display:inline-block;
	position:relative;
	padding:20px 0px;
	width:100%;
	height:auto;
	background:#303C54;
	text-align:center;
	height:81px;
	display:none;

}

#wrapper-menu .logo img{width:160px; height:auto;}

#wrapper-menu .logo_icon img{width:40px; height:auto;}

#wrapper-menu .menu{
	
	padding:20px 0px 100px 0px;
	list-style-type:none;
	width:100%;
	height: calc(100vh - 81px);
	overflow-y: scroll;
	
}

#wrapper-menu .menu li{
	
	width:100%;
	float:left;
	margin-bottom:15px;
	
}

#wrapper-menu .menu li a{
	
	display:block;
	padding:14px 30px;
	color:#fff;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase;
	opacity:.85;
	
}

#wrapper-menu .menu li a i{margin-right:15px;}

#wrapper-menu .menu li:hover a{background:#46546C; opacity:.95;}

#wrapper-menu .menu::-webkit-scrollbar {
    display:none;
}
 
#wrapper-menu .menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#wrapper-menu .menu::-webkit-scrollbar-thumb {
  background-color: #ffffff;
  outline: 1px solid #ffffff;
  border-radius: 5px;
}

#wrapper-content{
	
	width:calc(100% - 300px);
	min-height:1px;
	position:relative;
	display:inline-block;
	float:left;
	margin-left:300px;
	
}

#wrapper-content .admin-top{
	
	width:calc(100% - 300px);
	height:81px;
	float:left;
	position:fixed;
	top:0px;
	left:300px;
	background:#303C54;
	z-index:1000;
	
}

#wrapper-content .admin-top i.fa-bars{

    font-size: 1.5em;
    color: #fff;
    opacity: .85;
    padding: 29px;
    cursor: pointer;
	
}

#wrapper-content .admin-top i.fa-bars:hover{opacity:1;}

#wrapper-content .admin-top iframe{
    display: block;
    width: 179px;
    margin: 0px auto;
    margin-top: -56px;
}

#wrapper-content .admin-top .right{
	
	float: right;
    display: block;
    text-align: right;
	margin-top:-60px;
	padding:31px 20px;
	
}

#wrapper-content .admin-top .right p{
	
	color:#fff;
	text-transform:uppercase;
	
}

#wrapper-content .admin-top .right p i{margin-right:5px;}

#wrapper-content .content{
	
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	padding:50px;
	margin-top:80px;
	
}

.column{
	
	padding: 20px;
    border-radius: 20px;
	background:#fff;
	
}

.three-column-main{
	
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-bottom:40px;	
	
}

.three-column-main .column{
	
	width:calc(33.3333% - 27px);
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right:40px;
	
}

.three-column-main .column.last{margin-right:0px;}


.two-column-main{
	
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-bottom:40px;	
	
}

.two-column-main .column{
	
	width:calc(50% - 10px);
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right:20px;
	
}

.two-column-main .column.last{margin-right:0px;}

.four-column-main{
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-bottom:40px;	
}

.four-column-main .column{
	width:calc(25% - 20px);
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right:25px;
}

.four-column-main .column.last { margin-right: 0px; }

.box_100{
    width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-bottom:40px;
	padding: 20px;
    border-radius: 20px;
    background: #fff;
}

input.login{
	
	color: #fff;
    background-color: #303C54;
    border-color: #303C54;
	font-size:.9em;
	cursor:pointer;
	
}


input.checkbox{

    height: 20px;
    background: #ECECF5;
	display: block;
    width: 20px;
    padding: 0.375rem 0.75rem;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
	background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0;
}

select, input{
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    height: 40px;
    background: #ECECF5;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

label {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    margin-bottom: 5px;
    display: block;
}

.list_of_clients_for_search.results {
    position: absolute;
    top: 39px;
    left: 0px;
    width: 100%;
    max-height: 250px;
    z-index: 99;
    background: #ddd;
    padding: 10px;
    overflow-y: auto;
}

.list_of_clients_for_search i {
    padding: 5px;
    cursor: pointer;
    width: 100%;
    display: block;
}

.filters{width:100%; min-height:1px; position:relative; display:inline-block; margin-bottom:20px;}

.filters > div{width:32%; min-height:1px; float:left; margin-right:2%;}

.filters > div.last{margin-right:0px;}

.ranges > div{width:32%; min-height:1px; float:left; margin-right:2%;}

button.login{
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    height: 40px;
	display: block;
    width: 32%;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
	background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
	color: #fff;
    background-color: #303C54;
    border-color: #303C54;
	font-size:.9em;
	cursor:pointer;
	margin-top: 29px;
    float: left;
}

.blue{
	
	color:#fff !important;
	background:#3399FF;
	padding:30px 10px;
	border-radius:20px;
	text-align:center;
	cursor:pointer;
	
}

.yellow{
	
	color:#fff !important;
	background:#F9B115;
	padding:30px 10px;
	border-radius:20px;
	text-align:center;
	cursor:pointer;
	
}

.red{
	
	color:#fff !important;
	background:#E55353;
	padding:30px 10px;
	border-radius:20px;
	text-align:center;
	cursor:pointer;
	
}

.green{
	
	color:#fff !important;
	background:#2EB85C;
	padding:30px 10px;
	border-radius:20px;
	text-align:center;
	cursor:pointer;
	
}

.blue p, .blue h4, .blue h5, .yellow p, .yellow h4, .yellow h5, .red p, .red h4, .red h5, .green p, .green h4, .green h5{color:#fff !important;}

.div_hidden{
	
	width:100%;
	min-height:100vh;
	background: rgba(0, 0, 0, 0.7);
	top:0px;
	left:0px;
	position:fixed;
	z-index:0;
	opacity:0;
	
}

.div_hidden.show-content{z-index:1000; opacity:100%;}

.div_hidden > div{
	
	background: #fff;
    max-width: 500px;
	width:100%;
    min-height: 260px;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	
}
.div_hidden > div i{
	
	float: right;
    color: E55353;
    font-size: 1.5em;
    margin-top: -10px;
    margin-right: -10px;
    cursor: pointer;
	
}

button.shfaq {
    border: none;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    height: 40px;
    display: block;
    width: 150px;
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #fff;
    background-color: #303C54;
    border-color: #303C54;
    font-size: .9em;
    cursor: pointer;
    float: right;
	margin-bottom:20px;
}

button.shfaq i{margin-right:10px;}

.no-style input{
	
	-webkit-box-shadow: 0;
    box-shadow: 0;
    border-radius: 0px;
    height: auto;
    background: none;
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 1em;
    font-weight: 400;
    line-height: 0;
    color: none;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    margin-top: 10px;
	
}

#wrapper-menu.close-menu{width:80px;}

#wrapper-menu.close-menu .logo{display:none;}

#wrapper-menu.close-menu .logo_icon{display:block;}

#wrapper-menu.close-menu span{opacity:0; font-size:0.1}

#wrapper-menu.close-menu li a{font-size:1.2em;}

#wrapper-content.close-menu .admin-top {width: calc(100% - 80px); left:80px;}

#wrapper-content.close-menu{width: calc(100% - 80px); margin-left: 80px;}

.product-edit input, .product-edit select, .product-edit textarea{margin-bottom:15px;}

textarea{
	
	-webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%);
    border-radius: 4px;
    height: 100px;
    background: #ECECF5;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
	
}

a.link-style-button{
	
	display: inline-block;
    padding: 10px;
    background: #303C54;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
	float:right;
	
}

a.link-style-button i{margin-right:5px;}

.td-links a{
	display: inline-block;
    padding: 6px 12px;
    background: #303C54;
    color: #fff;
    float: left;
	margin:5px 10px 5px 0px;
	}
	
.message{
	
	background: #3399FF;
    max-width: 300px;
    width: 100%;
    min-height: 1px;
    padding: 20px;
    position: fixed;
    top: 50px;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index:10000;
	text-align: center;
    text-transform: uppercase;
    font-size: 1em;
	color:#fff
}

.message a{	

	margin-top: 10px;
    display: inline-block;
    color: #fff;
    background: #303C54;
    padding: 5px 10px;
    border-radius: 10px;

}
	
.message.success{
	
	background:#2EB85C;

}

.message.error{
	
	background:#E55353;
	
}

button.add-product{
	
	position:absolute; 
	top:20px; 
	right:20px;
	color: #fff;
    background: #303C54;
    padding: 5px 10px;
    border-radius: 10px;
	cursor:pointer
	
}

button.add-product i{margin-right:5px;}

.list_of_clients_for_search.info{
	position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    text-align: right;
    color: #E55353;
}

span.remove{
	
	float: right;
    color: #E55353;
    font-size: 1.5em;
    cursor: pointer;
	
}

.product{padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #303C54; position: relative;
    display: inline-block;
    width: 100%;
    min-height: 1px;}

.p50p{width:49%; float:left;}
.p33p{width:33%; float:left;}

.input-style-3{position:relative; width:100%; min-height:1px; display:inline-block; padding:10px 0px 10px 0px;}

.input-style-3 label{float:none; margin-bottom:0px; display:inline; font-size:0.9em;}

.input-style-3 input{

    float: left;
    margin-top: 1px;
    margin-right: 5px;

}

.hidden_invoice{
	
    z-index: 10000;
    position: fixed;
    width: 100%;
    height:44px;
    display: inline-block;
    bottom: 0px;
    left: 0px;
    background: #303C54;
	
}

.hidden_invoice.show-content{height:auto; min-height:1px;}

.hidden_invoice_top{    
	padding: 10px 20px;
    cursor: pointer;
    color: #fff;
    position: relative;
    display: inline-block;
    width: 100%;
    min-height: 1px;
}

.hidden_invoice_top p{display:inline-block;float:left;}

.hidden_invoice_top p i{font-size:1.5em; margin-right:5px;}

.hidden_invoice_top span{display:inline-block;float:right; padding-top: 3px;} 

.hidden_invoice table th {background-color: #3C4B64; border: none;}

.hidden_invoice tfoot td{font-weight:600;}

.hidden_invoice tfoot tr{background:#ddd;}

.shper_range .info{display:none;}

ul.ul-style-3{margin-left:30px;}

ul.ul-style-3 li{padding-bottom:5px;}

.shporta_client{width:100%; position:relative; display:inline-block; min-height:1px; padding: 0px 0px 20px 0px; background:#fff;}

.login.order{width:48%; background:#2EB85C; margin:0 1%; float:left; border:none;}
 
.login.cancel{width:48%; background:#E55353; float:left; margin:0 1%; border:none;}

.box-products-container .row{width:100%; min-height:1px; float:left; position:relative; display:inline-block; margin-bottom:20px;}

.box-products-container .row .box_product{
	
	width:calc(25% - 15px); 
	min-height:1px; 
	margin-right:20px; 
	float:left;
	border: 1px solid #ddd;
    padding: 10px;
    background: #EBEDEF;
	position:relative;
	display:inline-block;
	
}

.box-products-container .row .box_product:last-child{margin-right:0px;}

.box-products-container .row .box_product .product_image{width:100%; height:200px; position:relative; overflow:hidden; text-align:center; margin-bottom:10px;}

.box-products-container .row .box_product .product_image img{max-height:200px;}

.box-products-container .row .box_product:hover img{transform: scale(1.5);}

.box-products-container .row .box_product:hover{background:#dddddd;}


.box_product h6{
	
	position: absolute;
    font-size: .99em;
    background: #303C54;
    color: #fff;
    padding: 5px 10px;
    top: 30px;
    right: 0px;
    font-weight: 500;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	z-index:100;
	
}

.box_product h5 {
    color: #212529;
    font-size: 1em;
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

td .fa-check-circle{color:#2EB85C;}

td .fa-times-circle{color:#E55353; }

.pagesa-wrap{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	float:left;
	background:#ECECF5;
	padding:15px;
	margin-bottom:20px;
	
}

.pagesa-JO.pagesa-wrap{background: rgba(229,83,83, 0.4)}

.pagesa-koka{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	
}

.pagesa-koka span{
	
	width:100%;
	float:left;
	margin-bottom:5px;
	
}

.pagesa-koka span:last-child{margin-bottom:0px;}

.pagesa-produktet{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	
}

.pagesa-fundi{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #000;
	
}

.pagesa-fundi span{
	
	width:100%;
	float:left;
	margin-bottom:5px;
	
}

.pagesa-fundi span:last-child{margin-bottom:0px;}

.pagesa-wrap a{font-size: 1.3em !important; color: #fff; padding: 10px; border-radius: 5px; float:right;}

.pagesa-wrap i{padding: 10px; border-radius: 5px;}

.pagesa-wrap i.fa-trash{background:#E55353;}

.pagesa-wrap i.fa-print, table td i.fa-bar-chart{background:#3399FF;}

.pagesa-wrap i.fa-shopping-cart, table td i.fa-shopping-cart{background:#9f33ff;}

.pagesa-produktet ul{list-style-type:none; display:block; width:100%; margin-bottom:10px;}

.pagesa-produktet ul li{
	
	display:inline;
	
}
.pagesa-produktet ul li:first-child{width:100%; margin-bottom:5px; font-weight:500; display:block;}

.all_clients{
	
	box-shadow: 0 0px 0px 0 rgb(0 0 0 / 10%);
    border: none;
    width: 25px;
    float: left;
	
}

.product_filter_for_search_reports {}

.product_filter_for_search_reports .product {
	display: none;
}

.product_filter_for_search_reports .product input {
	width: 13px;
	height: 13px;
	margin: 3px 4px 0 0;
	float: left;
}

@media (max-width: 1400px){
	
	ul.ul-style-1 li{width:33.3333%;}
	
}

@media (max-width: 1100px){
	
	.box-products-container .row .box_product{width:calc(50% - 20px);}
	
	.box-products-container .row .box_product:nth-child(2){margin-right:0px;}
	
	.box-products-container .row .box_product:nth-child(1), .box-products-container .row .box_product:nth-child(2){margin-bottom:20px;}
	
	#wrapper-menu{width:80px;}

	#wrapper-menu span{opacity:0; font-size:0.1}

	#wrapper-content .admin-top {width: calc(100% - 80px); left:80px;}

	#wrapper-content{width: calc(100% - 80px); margin-left: 80px;}

	#wrapper-menu.close-menu{width:300px;}

	#wrapper-menu.close-menu span{opacity:.85; font-size:1em}

	#wrapper-content.close-menu .admin-top {width: calc(100% - 300px); left:300px;}

	#wrapper-content.close-menu{width: calc(100% - 300px); margin-left: 300px;}
	
	#wrapper-menu .logo{display:none;}

	#wrapper-menu .logo_icon{display:block;}
	
	#wrapper-menu.close-menu .logo{display:block;}

	#wrapper-menu.close-menu .logo_icon{display:none;}
	
	#wrapper-menu.close-menu li a {font-size: 1em;}
	
	#wrapper-menu .menu li a {font-size: 1.2em;}
	
	.filters > div, .ranges > div {width:100%; margin-bottom:15px; margin-right:0px;}
	
	.filters, .ranges{margin-bottom:0px;}
	
	button.login{width:100%; margin-top:0px;}
	
	/*.list_of_clients_for_search.results {top:69px !important;}*/
	
	ul.ul-style-1 li{width:50%;}
	
	ul.ul-style-2 li{width:calc(25% - 15px);}
	
	ul.ul-style-2 li:nth-child(4n+0) {margin-right: 0px;}
	ul.ul-style-2 li:nth-child(5n+0) {margin-right: 20px;}
	
}

@media (max-width: 800px){
	
	.three-column-main, .two-column-main{margin-bottom:0px;}
	
	.three-column-main .column{width:100%; margin-right:0px; margin-bottom:20px;}
	
	.two-column-main .column{width:100%; margin-right:0px; margin-bottom:20px;}
	
	.blue, .red, .green, .yellow{padding:20px;}
	
	ul.ul-style-1 li{width:100%;}
	
	h4 {font-size:1em; text-align:center; width:100%;}
	
	a.link-style-button{width:100%; text-align:center; font-size:.9em;}
	
	button.shfaq{width:100%;}
	
	ul.ul-style-2 li{width:calc(50% - 5px); margin:5px 10px 5px 0px;}
	
	ul.ul-style-2 li:nth-child(2n+0) {margin-right: 0px;}
	
	ul.ul-style-2 li:nth-child(5n+0) {margin-right: 10px;}
	
	.box_100{padding:20px 10px;}
	
	.td-links a{width:100%; margin-right:0px; text-align:center;}
	
	.d50p{width:100%;}
	
	.login_gimoka {max-width:90%;}
	
	.login-header-content .left, .login-header-content .right{width:100%}
	
	.login-header-content .left{padding-bottom:20px;}

}

@media (max-width: 600px){
	
	.box-products-container .row .box_product{width:100%; margin-right:0px; margin-bottom:20px;}
	
	.box-products-container .row .box_product:last-child{margin-bottom:0px;}
	
}

@media (max-width: 500px){

	#wrapper-content .content{padding:20px 10px;}
	
	#wrapper-menu{width:40px;}

	#wrapper-menu span{opacity:0; font-size:0.1}

	#wrapper-content .admin-top {width: calc(100% - 40px); left:40px;}

	#wrapper-content{width: calc(100% - 40px); margin-left: 40px;}

	#wrapper-menu.close-menu{width:100%;}

	#wrapper-menu.close-menu span{opacity:.85; font-size:1em}

	#wrapper-content.close-menu .admin-top {width: calc(100% - 300px); left:auto; right:0px;}

	#wrapper-content.close-menu{width: calc(100% - 300px); margin-left: 300px;}
	
	#wrapper-menu .menu li a {font-size: 1em;}

	#wrapper-menu .menu li a {padding: 14px 11px;}
	
	#wrapper-menu .logo_icon img {width: 28px;}
	
	#wrapper-menu .logo_icon {padding:26px 0px;}
	
	#wrapper-content.close-menu .admin-top iframe, #wrapper-content.close-menu .admin-top .right{display:none;}
	
	#wrapper-content .content iframe{display:block !important; margin:0px auto 20px auto; background: #303C54; width: 100%; padding: 10px 0px; height: 55px;}
	
	#wrapper-content .admin-top iframe {display:none;}
	
	#wrapper-content .admin-top .right{margin-top: 0px;}
	
	.two-column-main .column{padding:15px;}
	
	.div_hidden > div {width:90%;}
	
	.login-header-content{padding:30px 15px;}
	
	ul.ul-style-2 li{width: 100%; margin-right:0px;};
	
}

@media (max-width: 300px){
	
	table th, table td{font-size:.8em;}
	
}