@charset "utf-8";
/* CSS Document */
.content {
  max-width: 90%;
  margin: auto;
  background: white;
  
}
body {
	
	background: #F5F5F5;
}
table.listp {
	border-collapse: collapse;
	overflow-wrap: anywhere;
    width: 100%;
	table-layout: auto;
    word-wrap: break-word; /* IE */
}
table.listp td {
	border-bottom: 1px solid #727272;
	overflow-wrap: anywhere;
	word-break: break-all; /*prevent table excede div*/
}
table.listp th {
	border-bottom: 2px solid #727272;
	font-weight: bold;
}
/*Formatare istoric comenzi */
table.istcom {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	border: 1px solid black;
}
table.istcom a {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
    overflow-wrap: anywhere;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: black;
    text-decoration: none;
}
table.istcom td {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	overflow-wrap: anywhere;
}

 table.istcom th {
	border-bottom: 2px solid #727272;
	font-weight: bold;	
}
table.istcom tr:nth-child(even){
  background-color: #F7FAFE;
}

table.istcomd {
	width: 100%;
	border-collapse: collapse;
	font-family: Calibri;
	font-size: 14px;
	border: 1px solid black;
	table-layout: auto;
	overflow-wrap: anywhere;
	
}
table.istcomd td {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	overflow-wrap: anywhere;
}
 table.istcomd th {
	border-bottom: 1px solid #606060;
	font-weight: bold;	
	 
}
table.istcomd tr:nth-child(even){
  background-color: #F1F1F1;
}
procesare {
	background-color: #FAC5C6;
}
/* Create two inequal columns that floats next to each other */
.columnp {
  float: left;
  width: 100%;
  padding: 10px;  
	
}
.column0 {
  float: left;
  width: 100%;
  background-color: darkblue;
  color: white;
}
.user {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 14px;
	font-weight: bold;
	padding-right: 100px;
}

.column1 {
  font-family: 'Open Sans', sans-serif;
  float: left;
  width: 15%;
  padding-left: 15px;  
	
}

/*
.column1 a:active {
  text-decoration: none;
  
}
.column1 a:hover{
  text-decoration: none;
  color: #E4E4E4;
  background-color: #000000;
  
}*/
.categ {
  /*background-color: gainsboro;*/
  border: none;
  color: darkblue;
  padding: 5px 1px 1px 5px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
	font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
}
.grupe a {
	padding-bottom: 2px;
	padding-left: 20px;
	 border: none;
  color:#464646;
  text-decoration: none;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  text-align: left;
}
.grupe a:hover {
	color: darkblue;
	font-size: 12px;
	font-weight:bold;
}
.column2 {
  float: left;
  width: 78%;
  padding: 10px;
}

.head2 {
  float: left;
  width: 77%;
  color: #959595;
	padding-top: 25px;
    padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 100%;
	border-bottom-color: #00011C;
	border-bottom-style: double;
}
.head2 a {
  text-decoration: none;
  color: #000000;
  padding: 15px;
	
	
}
.head2 a:hover{
  text-decoration: none;
  color: #E4E4E4;
  background-color: #000000;
  font-weight: bold;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
.produs{
	font-size: 15px;
	color: #030882;
	font-weight: bold;
	text-decoration: none;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.produs0{
	font-size: 13px;
	color: #C7C7C7;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.cod{
	font-size: 13px;
	color:#C10003;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.grupa{
	font-size: 16px;
	color: #970608;
	background-color: #F5F5F5;
	padding: 15px; 
}

.pret{
	font-size: 18px;
	color: #79080A;
	font-weight: bolder;
	text-align: right;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
}
.pretpro{
	font-size: 20px;
	color: red;
	font-weight: bolder;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
.pretc{
	text-align: right;
	white-space: nowrap;
}
.codc{
	font-size: 12px;
	text-align: left;
	white-space: nowrap;
}
.cant{
	white-space: nowrap;
}
.total_cos{
	font-size: 15px;
	color: #0D0D0D;
	font-weight: bolder;
	text-align: right;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
.sold{
	font-size: 15px;
	color: red;
	font-weight: bolder;
	text-align: right;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}


/*ADAUGA in COS */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  opacity: 1;
	white-space: nowrap;
}
input[type=number] {
  width: 40px;
  padding-bottom: 1px;
  border: 1px solid #ccc;
  border-radius: 0px;
  resize: vertical;
  font-weight: bold;

}	

input[type=button], input[type=submit], input[type=reset] {
  background-color: #1D8906;
  border: none;
  color: white;
  padding: 3px 3px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 12px;
  /*float: right;*/
	
}

.button1 {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 5px 15px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
	
}
.button2 {
  background-color: #8A0205;
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}
.buttadm {
  background-color:#030585;
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}
.buttfact {
  background-color: aliceblue;
  border: none;
  color: white;
  padding: 3px 15px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
    font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
}
.buttlink {
  background-color: #B5EBC4;
  border: none;
  color: darkblue;
  padding: 3px 5px;
  text-align: right;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/*END ADAUGA in COS */

 .pagination {   
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";   
	 	align-content: center;
    }   
    .pagination a {   
        font-size:14px;   
        color: black;   
           
        padding: 8px 6px;   
        text-decoration: none;   
        
    }   
    .pagination a.active {   
		font-weight:bold;
        background-color: cyan;  
		
    }   
    .pagination a:hover:not(.active) {   
        background-color: skyblue;   
    }