@charset "utf-8";

/* CSS Document */

/* Stilizare generala */
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 14px;
	/* [disabled]background-color: #F0F0F0; */
}

/* Containerul pentru login */
.login {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	max-width: 400px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}

/* Stilizare pentru heading */
h1 {
  text-align: center;
  font-size: 36px;
  margin-bottom: 20px;
  color: #333;
}

/* Stilizare inputuri */
label {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  color: #666;
}

input[type="submit"] {
	background-color: #4CAF50;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	font-size: 16px;
	margin-top: 20px;
}

input[type="submit"]:hover {
	background-color: #59B75E;
}


/* Stilizare mesaje de eroare */
.error-message {
  background-color: #f44336;
  color: #fff;
  padding: 12px;
  text-align: center;
  border-radius: 4px;
  margin-top: 20px;
  display: none;
}

.error-message.show {
  display: block;
}

/* Stilizare pentru iconite */
i {
  padding: 10px;
  width: 50px;
  text-align: center;
  background: #4CAF50;
  color: white;
  border-radius: 4px 0 0 4px;
  margin-right: 10px;
}


.login form label i.fa {
    padding: 10px;
    width: 50px;
    text-align: center;
    background: #4CAF50;
    color: white;
    border-radius: 4px 0 0 4px;
    margin-right: 10px;
}

.header {
	background-color: white;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
.logo {
	height: 45px;
	width: auto;
}

  .time_slots {
	float: right;
	width: 230px;
  }

  .time_slots .unselected,
  .time_slots .selected,
  .time_slots .extra_unselected
   {
    margin-top: 5px;
  }
  
   .time_slots .extratime_separator {
    margin-top: 15px;
  }
  
  .extratime_separator {
	height: 25px;
	width: 160px;
	color:#F00;
	font-weight: bolder;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 8px;
	line-height: 25px;
	margin-bottom: 0px;
	float: left;
}

  .time_slots .selected {
    font-weight: bold; /* Stil pentru intervalul selectat */
  }

.unselected {
	background-color: #D9FFD9;
	height: 25px;
	width: 160px;
	border: thin solid #999;
	font-weight: bolder;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 8px;
	line-height: 25px;
	margin-bottom: 0px;
	cursor: pointer;
	float: left;
}

.extra_unselected {
	background-color: #FFD9E3;
	height: 25px;
	width: 160px;
	border: thin solid #999;
	font-weight: bolder;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 8px;
	line-height: 25px;
	margin-bottom: 0px;
	cursor: pointer;
	float: left;
}

.selected {
	background-color: #92DFF5;
	height: 25px;
	width: 180px;
	border: thin solid #999;
	font-weight: bolder;
	background-position: center center;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	border-radius: 8px;
	line-height: 25px;
	margin-bottom: 0px;
	float: left;
}



    .container_details {
	background-color: #fff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	float: left;
	margin: 8px;
			}

        h2 {
            margin-top: 0;
            color: #333;
        }
        label {
			display: block;
			margin-bottom: 2px;
			white-space: nowrap;
			width: 180px;
			margin-left:10px;
        }
      
		input[type="text"] {
			width: 50px;
			padding: 4px;
			margin-bottom: 0px;
			border: 1px solid #ccc;
			border-radius: 4px;
			margin-top: 0px;
        }

		#orderno {
			width: 200px; 
			}
		#delivery_truck1, #delivery_truck2 {
			width: 120px; 
			}
		#delivery_company {
			width:340px;	
		}
        button {
			background-color: #007bff;
			color: #fff;
			border: none;
			border-radius: 4px;
			cursor: pointer;
			margin-top: 20px;
			padding-top: 10px;
			padding-right: 20px;
			padding-bottom: 10px;
			padding-left: 20px;
			font-size: 14px;
        }
		
        button:hover {
            background-color: #0056b3;
        }
		
		#send_details {
	width: 200px;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	float: right;
	margin: 8px;
	font-weight: bold;
	 white-space: nowrap;
	}

        .readonly_input {
            background-color: #F4F4F4;
        }

		#display_table td, th {
			text-align: left;
			vertical-align: top;
		}
		
		#datetime-demo-holder td, th {
			text-align: center;
		}

.detail_row {
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	margin-top: 7px;
}

.detail_row_orders {
	display: flex;
	align-items: center;
/*	height: 28px; */
	text-align: left;
	font-weight: bold;
}

.class_po_number {
	width: 130px;
	color: #000093;
	height: 28px;
	display: flex;
	align-items: center;
}

#delivery_truck1, #delivery_truck2 {
    text-transform: uppercase;
}

.detail_row select,
.detail_row input[type="text"],
#delivery_company {
	width: 400px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

#add_po {
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 80px;
	height: 26px;
	pading: 5px;
	font-size: 14px;
	margin-left: 15px;
}

#button_finish {
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	height: 26px;
	pading: 5px;
	font-size: 14px;
}

#button_finish {
	background-color: #007bff;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	height: 26px;
	pading: 5px;
	font-size: 14px;
}

#button_cancel  {
	background-color: #F90;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 100%;
	height: 26px;
	pading: 5px;
	font-size: 14px;
	margin-top:10px;
}
		
#add_po:hover {
            background-color: #0056b3;
			font-weight:bold;
        }

.delete_button {
	background-color: #BCBCBC;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: 80px;
	height: 22px;
	pading: 2px;
	font-size: 14px;
	margin-left: 20px;
    }	
			
			
.delete_button:hover {
	background-color: #FF0000;
	font-weight: bold;
        }	
				
		
.detail_row .info {
	flex: 1;
	font-size: 18px;
	color: #666;
	white-space: nowrap;
	font-weight: bolder;
	margin-left: 5px;
}

#pallets, #boxes, #articles, #change_pall_on_delivery {
	width:100px;
}
.pallets_container {
    display: flex;
	width:400px;
    align-items: center;
	margin-left:45px;
}

.pallet_type {
    margin-right: 5px;
	margin-left: 10px;
	align-items: center;
}

.pallets_container {
    display: flex;
	width:100%;

}

.pallets_container label {
    width: 100px;
    margin-right: 5px;
    display: block;
    white-space: nowrap;
}

.pallets_container input[type="text"] {
    width: 80px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.truck_container input[type="text"] {
    margin-right: 10px;
}
		
    #div_delivery, #div_transport {
	width: 650px;
}
    #div_date {
	width: 265px;
	}

	#div_time, #div_finish {
	width: 240px;
	padding-bottom: 20px;
}

/* Stilizare pentru calendar */
#datepicker {
  font-family: Arial, sans-serif;
  font-size: 14px;
  width: 220px;
  margin-bottom: 10px;
}

.ui-datepicker {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  color: #333;
}

.ui-datepicker-header {
  background-color: #f0f0f0;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  text-align: center;
}

.ui-datepicker-title {
  font-weight: bold;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
  font-weight: bold;
}

.ui-datepicker-calendar {
  width: 100%;
  margin: 0;
  padding: 0;
}

.ui-datepicker-calendar td {
  padding: 2px;
}

.ui-datepicker-calendar td a {
  display: block;
  padding: 2px;
  text-align: center;
  text-decoration: none;
  color: #333;
}

.ui-datepicker-calendar td a:hover {
	font-weight: bold;
}
#div_selected_date {
	margin-left: 100px;
	display: inline-block;
}

/* Tabel orders_history */
.delivery-table {
	border-collapse: collapse;
	margin: 5px;
	font-size: 13px;
	font-family: sans-serif;
	width: 1294px;

	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.delivery-table thead tr {
	background-color: #12B7D3;
	color: #ffffff;
	text-align: center;
}
  
.delivery-table th {
	height: 25px;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	white-space: nowrap;
	padding-left: 1px;
	padding-right: 1px;
	text-align: center;
	width: 5%;
}
.delivery-table td {
	height: 25px;
	vertical-align: middle;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	white-space: nowrap;
	padding-right: 1px;
	padding-left:1px;
	text-align: center;
	width: 5%;
}
.delivery-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.delivery-table tbody tr:hover td {
    background-color: lightgray; /* Schimbați culoarea de fundal când cursorul este deasupra */
}

.row_history {
	cursor:pointer; 
	font-weight:bold; 
	background-color:#FCDDD8;	
}

.delivery-table tbody tr:last-of-type {
	border-bottom: 2px solid #12B7D3;
}
.delivery-table tbody tr.active-row {
	font-weight: bold;
	color: #12B7D3;
}

@keyframes blinker {
    50% {
        background-color: transparent;
    }
}

.div_left_management_pall {
	float: left;
	width: 188px;
	margin-top:5px;
}

.div_filter_orders_history {
	float: left;
	width: 176px;
	border: thin solid #12B7D3;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	font-size: 13px;
	font-family: Tahoma, Geneva, sans-serif;
	padding: 2px;
	margin-left:5px;
	margin-right:5px;
}

#client_id {
	width: 160px;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

.field_extra_interval {
	background-color: #FCDAE6;
}
.field_supplier {
	background-color: #DBFBF2;
}
#edit_button {
	background-color: #CAF7CD;
	width: 50px;	
	height:10px;
}

#data {
  position: relative; 
  height: 280px; 
  top:-10px;
  padding-top:-10px;
  margin-top:-5px;
}

.datetime-folder {
  position: absolute; 
  margin-top:-10px;
}

/* Tabel create_order */
.create_order {
	border-collapse: collapse;
	margin: 5px;
	font-size: 13px;
	font-family: sans-serif;
	/*min-width: 1052px; */
	width: 1300px;
	padding:0px;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.create_order thead tr {
	background-color: #12B7D3;
	color: #ffffff;
	text-align: center;
}
  
.create_order th {
	height: 25px;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	white-space: nowrap;
	text-align: center;
	/*width: 5%;*/
}
.create_order td {
	height: 25px;
	vertical-align: middle;
	padding-left: 1px;
	white-space: nowrap;
	padding-right: 1px;
	text-align: left;	/*width: 5%;*/
	border: 1px solid #CCC;
}
.create_order tbody tr {
    border-bottom: 1px solid #dddddd;
}

.create_order tbody tr:last-of-type {
	border-bottom: 2px solid #12B7D3;
}
.create_order tbody tr.active-row {
	font-weight: bold;
	color: #12B7D3;
}

/* Tabel create_order */
.create_order_pall {
	border-collapse: collapse;
	margin: 5px;
	font-size: 13px;
	font-family: sans-serif;
	/*min-width: 1052px; */
	width: 780px;
	padding:1px;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.create_order_pall thead tr {
	background-color: #12B7D3;
	color: #ffffff;
	text-align: center;
}
  
.create_order_pall th {
	height: 25px;
	vertical-align: middle;
	padding-left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	white-space: nowrap;
	padding-right: 1px;
	text-align: center;
	/*width: 5%;*/
}
.create_order_pall td {
	height: 25px;
	vertical-align: middle;
	padding-left: 1px;
	white-space: nowrap;
	padding-right: 1px;
	text-align: left;	/*width: 5%;*/
	border: 1px solid #CCC;
}
.create_order_pall tbody tr {
    border-bottom: 1px solid #dddddd;
}

.create_order_pall tbody tr:last-of-type {
	border-bottom: 2px solid #12B7D3;
}
.create_order_pall tbody tr.active-row {
	font-weight: bold;
	color: #12B7D3;
}

.container {
	width: 1920px; /* Dimensiune fixă pentru container */
	margin: 0 auto; /* Centrare pe pagina */
	position: relative;
}

#del {
	background-color: #FFB871;
	color: white;
	font-weight: bold;
	cursor: pointer;
	}
#del:hover {
	background-color: #FF6633;
	}
	


.create_stoc {
	border-collapse: collapse;
	margin: 5px;
	font-size: 13px;
	font-family: sans-serif;
	/*min-width: 1052px; */
	/*min-width: 390px;*/
	width: 480px;
	padding:5px;
	border-radius: 8px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.create_stoc thead tr {
	background-color: #12B7D3;
	color: #ffffff;
	text-align: center;
}
  
.create_stoc th {
	height: 25px;
	vertical-align: middle;
	padding-left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	white-space: nowrap;
	padding-right: 1px;
	text-align: center;
	/*width: 5%;*/
}
.create_stoc td {
	height: 25px;
	vertical-align: middle;
	padding-left: 1px;
	white-space: nowrap;
	padding-right: 1px;
	text-align: left;	/*width: 5%;*/
	border: 1px solid #CCC;
}
.create_stoc tbody tr {
    border-bottom: 1px solid #dddddd;
}

.create_stoc tbody tr:last-of-type {
	border-bottom: 2px solid #12B7D3;
}
.create_stoc tbody tr.active-row {
	font-weight: bold;
	color: #12B7D3;
}