ul { padding: 0;	}

li { font-size: small; }

input[type=tel],
.input-type-tel,
.input-type-datalist {
					border-width: 1px 1px 1px 1px !important;
					border-color: #212122 !important;
					border-radius: 6px !important;
					background-color: rgba(62,62,62,0.8) !important;
					color: #cccccc !important;
					text-align: center;
				 }
.input-type-datalist	{ padding: 15px;
						}

.zapi-25-percent	{ width: 25%;	}

.zapi_error_msg		{ color: red; }

.zapi-button		{ margin: 12px; }

.zapi-button-text	{	margin: 0 0 0 5px;	} 

.zapi-button,
.zapi-admin-button  { 	margin: 5px !important;
						color: white !important;
						border-radius: 4px !important;
						background-color: rgba(242,163,46,0.7) !important;
						border: solid 0px !important;
						box-shadow: -1px -1px 5px white !important;
						padding: 14px 20px !important;
					}
					
.zapi-admin-button neutral:hover { 	background-color: rgba(242,163,46,1) !important; }
					
.button-inline { display: inline-block !important; }

.add-client-error,
.add-client-ok,
.zapi-icon-button	{	color: white !important;
						padding: 8px !important;
						border-radius: 5px !important;
						margin: 3px !important;
						text-align: center !important;
						display: inline-flex;
						align-content: center;
						align-items: center;
						justify-content: center;
						
					}
.zapi-long-header	{	color: white !important;
						padding: 12px !important;
						border-radius: 5px !important;
						text-align: center !important;
						
					}
										
					
.zapi-icon:hover	{ color: rgba(0, 148, 6, 1) !important;	}

.icon-color-red		{	color: rgba(200, 0, 0 , 0.8) !important;	}	
.icon-color-green	{	color: rgba(0, 200, 0 ,0.8) !important;		}	
.icon-color-blue	{	color: rgba(0, 0, 200 , 0.8) !important;	}	
.icon-color-white	{	color: rgba(255, 255, 255 , 0.4) !important;}
.zapi-refresh-icon	{	color: rgba(50,50,255, 0.5) !important;		}

.zapi-refresh-icon:hover{	color: rgba(50, 50, 255 , 1) !important;	}
.icon-color-red:hover	{	color: rgba(200, 0, 0 , 1) !important;	}	
.icon-color-green:hover	{	color: rgba(0, 200, 0 , 1) !important;	}	
.icon-color-blue:hover	{	color: rgba(0, 0, 200 , 1) !important;	}	
.icon-color-white:hover	{	color: rgba(255, 255, 255 , 0.95) !important;	}
					
.positive		{	background-color: rgba(0, 200, 0 , 0.4) !important;		}
.negative		{	background-color: rgba(200, 0, 0 ,0.4) !important;		}
.neutral		{	background-color: rgba(0, 0, 200 , 0.4) !important;		}
.orange			{	background-color: rgba(248, 148, 6, 0.4) !important;	}
.yellow			{	background-color: rgba(200, 200, 0, 0.4) !important;	}
.violet			{	background-color: rgba(150, 0, 220, 0.4) !important;	}
.black			{	background-color: rgba(0, 0, 0, 0.4) !important;		}
.green			{	background-color: rgba(0, 148, 6, 0.4) !important;		}

.positive:hover		{	background-color: rgba(0, 200, 0 , 0.7) !important;		}
.negative:hover		{	background-color: rgba(200, 0, 0 ,0.7) !important;		}
.neutral:hover		{	background-color: rgba(0, 0, 200 , 0.7) !important;		}
.orange:hover		{	background-color: rgba(248, 148, 6, 0.7) !important;	}
.yellow:hover		{	background-color: rgba(200, 200, 0, 0.7) !important;	}
.violet:hover		{	background-color: rgba(150, 0, 220, 0.7) !important;	}
.black:hover		{	background-color: rgba(0, 0, 0, 0.7) !important;		}
.transparent:hover	{	color: black !important;		}

.zapi-highlight	{	background-color: rgba(200, 0, 0 ,0.25) !important;		}
					
.search_result_list { 	list-style-type: none;
						margin-top: 0;
						font-weight: normal;
						text: left;
					}
.element-form-container,
.element-predefined-container,
.measurement-element-list		{
									    display: flex;
										align-items: center;
										align-content: center;
										margin: 5px 30px;
										justify-content: space-between;
								}	
.zapi_user_line_container		{
									display: flex;
									align-content: center;
									margin: 8px 30px;
									padding: 5px 15px;
									border-radius: 5px;
									background-color: rgba(0, 0, 0, 0.5);
									justify-content: space-between;
									align-items: center;
								}
.zapi_user_name	{	font-size: x-large;
				}

.zapi-label	{	padding: 5px;
				border-radius: 5px;
				background-color: rgba(0, 0, 150, 0.5);
				width: -webkit-fill-available;
			}	

.zapi-label-2	{	background-color: rgba(0, 0, 80, 0.5) !important;
					padding: 10px;
					border-radius: 5px;
					margin-left: 3px;
					font-size: x-small;
					font-weight: normal;
				}
				
.search_result_list_wrapper	 { 	margin-top: 0;
								font-weight: normal;
								text: left;
							  }
							  
.add_new_client_link	{ 	text-align: center; 
							border-top: solid 1px;
							padding: 15px 10px;
						}
.loading_icon		{ 	margin: 20px;
						text-align: center;
						width: 100%;
					}
					
.fa { color: white;
	}
.zapi-agreement-textarea {    	width: 100% !important;
								text-align: justify !important;
								height: 7em !important;
								background-color: inherit !important;
						}

.agreement-form,
.zapi-form-transparent {	background-color: inherit !important;
							width: auto
							!important;
							text-align: center !important;
						} 
.zapi-paragraph-header	{	text-align: center;
							margin: 20px 0 5px;
							font-size: x-large;
						}	
.add_client_shortcode_wrapper	{ 	padding: 20px 5px;
									border: solid 1px orange;
									border-radius: 6px;
									background-color: rgba(10, 0, 30, 0.5);
									margin: 10px 0;
								}
.zapi-measurement-container,
.zapi-agreement-container,
.zapi-configuration-container,
.zapi-configuration-buttons-container,
.zapi-event-list-container				{	background-color: rgba(0,0,0,0.7);
											padding: 20px;
											border-radius: 5px;
										}
.zapi-event-list-wrapper	{	padding-top: 10px;
								padding-bottom: 20px;
							}
.zapi-event-list-day-header	{	    display: flex;
									justify-content: space-between;
									background-color: rgba(0, 0, 10, 0.4);
									padding: 10px;
									border-radius: 5px;
							}
.folders-list-container,
.zapi-attachments-filters-container		{   display: flex;
											justify-content: start;
											background-color: rgba(0, 0, 10, 0.4);
											padding: 10px;
											border-radius: 5px;
											align-content: space-around;
											align-items: center;
											margin: 4px 0;
										}
							
.zapi-event-order-list	{	 	display: flex;
									justify-content: space-between;
									background-color: rgba(0, 0, 12, 0.4);
									padding: 10px;
									border-radius: 5px;
									margin-top: 5px;
									margin-bottom: 5px;
									border: rgba(0, 0, 50, 0.4) solid 1px;
							}
.zapi-side-margin-2-percent	{   margin-left: 2%;
								margin-right: 2%;
							}
.zapi-event-order-list:hover	{	background-color: rgba(0, 0, 12, 0.2); }
.zapi-event-list-navigation-container,
.zapi-log-navigation-container			{	display: flex;
											flex-direction: row;
											align-content: center;
											width: 100%;
											justify-content: space-between;
											align-items: center;
											margin-bottom: 15px;
										}
										
.zapi_form_fit_content	{	width: fit-content !important;
							margin: 0 10px !important;
							background-color: rgba(0, 0, 255, 0.2) !important;
							color: white !important;
							text-align: center !important;
						}
					
.zapi-agreement-title	{	text-align: center;
							font-size: large;
						}
.zapi-agreement-section-header	{
									font-weight: normal;
								}
.zapi-agreement-span-class:hover	{ color: red;	
									}
.zapi-agreement-span-class	{	padding: 0 10px;
								font-family: monospace;
								border-bottom: dotted 2px white;
							}
.category_header_container,
.category_header_container_display	{	background-color: rgba(50, 50, 169, 0.4);
										margin: 5px 0;
										padding: 14px;
										border-radius: 6px;
									}
.category_header_container:hover
.category_header_container_display:hover	{	background-color: rgba(50, 50, 169, 0.7);	}

.zapi_icon_bar_button	{	    display: inline-flex;
								align-content: center;
								align-items: center;

						}

.option_header_container:hover	{	background-color: rgba(110, 40, 140, 0.7);	}


.add-order-button,
.add-order-and-measure-button,
.client_details_invisible { display: none;
							font-size: small;
							font-weight: normal;
						}
.order-table-create-date,
.order-list-address			{ 	font-size: small;
								font-weight: normal;
							}

.zapi-order-list,
.zapi-clients-list-table	{	width: 100%;
								margin: 30px 0;
								background-color: rgba(10,10,10,0.75);
							}
.clients-table-row:hover	{	border-bottom: solid white 1px;
								border-top: solid white 1px;
							}

.zapi-td 			{	padding: 5px !important;  }

.zapi-th 			{	border-bottom: solid 2px white;	}

.order-list-client-container	{	display: flex;
									align-items: center;
									justify-content:space-between; 
								}
								
.zapi-rotate-180				{	transform: rotate(180deg);	}

.zapi-rotate-0					{	transform: rotate(0deg); 	}

.zapi-order-content		{	padding: 10px;
							border-bottom: solid 1px gold;
						}
									
.zapi-hidden	{	display: none;	}

.zapi-hide-details-button-container,
.zapi-hide-agreement-button-container	{	display: flex;
											align-items: center;
											justify-content: center;
										}
									
.zapi-small-btn-txt	{	    font-size: smaller;
							margin-left: 10px;
					}

.zapi-attachments-button	{   margin: 4px !important;
								color: white !important;
								border-radius: 4px !important;
								background-color: rgba(242,163,46,0.7) !important;
								border: solid 0px !important;
								box-shadow: -1px -1px 5px white !important;
								padding: 4px 20px !important;
							}
							
.zapi-attachments-button:hover	{ 	background-color: rgba(242,163,46,1) !important;	}
							
.attachments-wrapper 	{	background-color: rgba(0,9,66,0.41) !important;
							display: inline-block;
							justify-content:space-between;
							margin: 10px !important;
							border-radius: 5px !important;
							padding: 15px !important; 
							text-align: center !important;
						}
						
.attachments-wrapper-selected 	{	background-color: rgba(100,0,0,0.60) !important;
									
								}
								
.attachments-wrapper-deleted {	display: none !important;	}


.zapi-attachment-shortcode-wrapper	{	display: block;	}
									
.zapi-calendar-swich-button	{	padding: 20px 30px !important;
							    box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.3);
								background-color: rgba(0, 0, 200 , 0.5);
								color: rgba(200, 200, 200, 0.9);
								border: 0;
								border-radius: 3px;
							}
							
.zapi-calendar-swich-button:hover	{	background-color: rgba(0, 0, 200 , 0.7);
										color: rgba(255, 255, 255, 1);
									}
									
.calendar-buttons-container	{	display: flex;
								align-items: center;
								justify-content:space-between; 
							}
							
.calendar-buttons-container-day-view,
.zapi-calendar-events-container		{	background-clip: padding-box;
										border-radius: 5px;
										background-color: rgba(10, 10, 10, 0.5);
										margin: auto;
										padding: 2%;
									}
									
.zapi-icon-left		{	margin-right: 10px;	} 

.zapi-icon-right	{	margin-left: 10px;	}
					
.zapi-calendar-date-frame	{   display: flex;
								align-items: center;
								justify-content: center;
								font-size: xx-large;
							}
							
.zapi-calendar-month-view-table,
.attachments-results-container	{	width: 100%;
									margin: 30px 0;
									table-layout: fixed;
									background-color: rgba(10,10,10,0.5);
								}

.zapi-calendar-month-view-table td	{ 	vertical-align: middle;
										text-align: center;
										font-size: xx-large;
									}
									
.zapi-calendar-month-view-table th	{ 	overflow: hidden;
										text-overflow: ellipsis; 
										padding-top: 15px;
										font-size: large;
									}
									
.saturday 	{ color: rgb(10, 200, 200) !important;	}
.sunday 	{ color: red !important;				}
.today		{ color: gold !important;
			  background-color: rgba(20, 20, 100, 0.5);
			  border-radius: 8px;
			}

.zapi-calendar-cell-hover	{	    background-clip: padding-box;
									border-radius: 5px;
									background-color: rgba(255, 255, 255, 0.7);
									color: #111111;
							}
							
.zapi_day_view_day_display	{	    align-items: center;
									font-size: xxx-large;
									margin: auto;
									padding: 0 5%;
							}
							
.zapi-calendar-events-container	{	margin-top: 2%;	}

.event-icon-container	{ 	font-size: xx-small;
							padding-top: 2px;
						    display: flex;
							justify-content: center;
							color: white;
						    align-items: center;
							background-clip: padding-box;
							border-radius: 0 0 5px 5px;
						    background-color: rgba(255,125,0, 0.5);
							overflow: hidden;
							text-overflow: ellipsis;
						}
						
.zapi-event-icon	{ 	margin: 0 5px;
						color: white;
					}
					
.zapi-add-event-button-container	{	display: flex;
										justify-content: center;
										padding: 15px 0 5px;
									}
									
.zapi-event-list-element	{	overflow: hidden;
								text-overflow: ellipsis;
								display: flex;
								align-items: center;
								justify-content:space-between; 
							}
							
.zapi_add_event_container	{	margin: 30px 0; 	}

.zapi_notification_lable_hoover	{	color: rgba(255, 125, 0, 0.9) !important;	}

.event_details_description,
event_details_reminder	    {   font-weight: normal;
								font-size: small;
								line-height: initial;
								margin: 0 0 12px;
							}
							
.event_details_description_lable,
event_details_reminder_label	 	{ 	font-weight: normal;
										margin: 12px 0 2px;
									}
									
.event_header_expand	{	margin-top: 30px;
							padding-top: 8px;
							border-top: solid white 1px; 
						}
						
.event_details_footer	{	margin-bottom: 30px;
							margin-top: 6px;
							padding-bottom: 8px;
							border-bottom: solid white 1px; 
							font-weight: normal;
							font-size: x-small;
						}
						
.zapi-user-info-shortcode-container	{	font-weight: normal;
										font-size: smaller;
									}
									
.zapi-file-name				{	width: 100%;
							}
							
.zapi-td-center,
.attachments-header,
.attachments-assign-display,
.attachments-role-display	{	text-align: center; 	}
									
.attachments-assign-display	{	font-weight: normal;
								font-size: smaller;
								font-style: italic;
								color: white;
							}
							
.attachments-role-display	{	font-size: large;
								color: #eeeeee;
							}
.attachments-header		{	color: white;
						}

.attachments-header:hover,
.attachments-assign-display:hover,
.attachments-role-display:hover,
.zapi-icon-link:hover				{	color: #aaaaaa;
									}
.orders_search_engine,
.attachments_search_engine,
.clients_search_engine	{	display: inline-flex;
							width: 100%;
							white-space: nowrap; 
						}
.zapi_upload_form,
.zapi_upload_container	{	display: inline-flex; 
							justify-content: center;
						}   
.zapi-upload-info	{  	font-weight: normal;
						font-size: small;
					}
.zapi-long-btn,
.zapi-long-header 	{	display: flex;
						justify-content: center;
						align-items: center;
						width: 100% !important;
						border: 1px solid white;
						font-size: medium;
					}			

.zapi-big-btn 	{ 	    display: inline-flex;
						justify-content: center;
						align-items: center;
						border: 1px solid white;
						font-size: medium;
						padding: 20px 40px !important;
				}	
				
.upload_and_assign_container	{	    display: flex;
										justify-content: space-between;
										align-content: center;
										align-items: center;
								}

				
.hidden-edit-info {	font-size: x-small;
					font-weight: normal;
					text-align: center;
					display: none;
				}
.order-log-container	{	width: 100%;
							background-color: rgba(255, 255, 255, 0.65);
							color: #000000;
							padding: 10px 30px;
							border-radius: 5px;	
						}
.order-log-header	{	display: flex;
						align-items: center;
					}
.log-cell	{	font-family: monospace;
				font-weight: normal;
				font-size: small;
			    padding: 1px 15px;
				line-height: 1.3em;
			}
.info-box	{	background-color: white;
				color: red;
				font-size: small;
				padding: 2px;
				border-radius: 4px;
			}
.zapi-sms-container,
.zapi-instruction-code-btn	{	display: inline-block;
								align-items: center;
								color: white;
								padding: 3px 8px;
								border-radius: 5px;
								margin: 3px;
								text-align: center;
								width: fit-content;
							}
.zapi-sms-buttons	{	border-radius: 5px;
						margin: 5px;
						padding: 5px;
						background-color: rgba(255,255,255,0.1);
						align-items: center;
						text-align: center;
					}
.zapi-sms-buttons:hover	{	color: rgba(0,0,0,0.1);
							background-color: rgba(0,0,200,0.4);
							align-items: center;
						}

.zapi-sms-phone-number,
.zapi-sms-sender,
.zapi-sms-message		{	display: none;
						}

.zapi-inline-flex	{	display: flex;	}

.zapi-sms-label		{	border-radius: 5px;
						margin: 1px 0;
						padding: 5px 10px 5px 10px;
						background-color: rgba(0,0,0,0.6);
						align-items: center;
						text-align: center;
						height: 100% !important;
					}
.zapi-sms-label:hover	{	background-color: rgba(0,0,200,0.4);
							border-color: rgba(0,0,0,0.3);
						}
.zapi-sms-textarea	{	width: 100%;
						font-size: small;
						overflow: hidden;
					}
.zapi-sms-textarea-container	{ display: contents;}
.zapi-form-error	{	font-weight: normal;
						font-size: small;
						padding: 2px 5px 15px;
						color: rgba(200, 0, 0 ,0.7);
						
					}
.zapi-error-field	{	font-weight: normal;
						font-size: x-small;
						margin: 2px 0 0 0;
						padding: 2px 5px;
						text-align: center;
						border-radius: 5px;
						background-color: rgba(200, 0, 0 ,0.7);
						display: none;
					}
.zapi-add-note-container	{	display: grid;
								width: 40%;
							}
							
.zapi-notes-container	{	display: flex;
						}

.zapi-notes-list-container 	{	display: flex;
								justify-content: flex-start;
								flex-direction: row;
								flex-wrap: wrap;
							}
.zapi-notes-number,
.zapi-attachments-number,
.zapi-agreements-number,
.zapi-measurements-number,
.zapi-events-number			{	width: 1.5em;
								height: 1.5em;
								text-align: center;
								font-size: smaller;
								display: inline-flex;
								justify-content: center;
								align-content: center;
								flex-direction: column;
								align-items: center;
								background-color: rgba(200, 0, 0 ,0.7);
								border-radius: 50%;
								margin-left: 5px;
								font-weight: bold;
							}	
	
.zapi-note-container	{   font-size: smaller;
							text-align: center;
							background-color: rgba(255,250,255,0.6);
							color: #222222;
							height: fit-content;
							padding: 10px 10px 2px;
							margin: 5px;
							border-radius: 5px;
						}
			
.zapi-note-container:hover	{ background-color: rgba(255,250,255,0.8) }


.zapi-note-header	{	font-size: initial;
					}

.zapi-note-content	{	border-top: 1px white solid;
						border-bottom: 1px white solid;
						padding: 20px;
					}
				
.zapi-note-footer	{	display: grid;
					}
		
.elements-td-options-container	{	display: table-caption;
									border: white 1px solid;
								}

.list_of_options	{ 	list-style-type: none;
					}
					
.configuration_filter,
.configuration_submenu	{	width: 100%;
							text-align: left !important;
							display: flex;
							align-items: center;

						}
.agreement_edit_buttons_container	{	display: flex;
										text-align: right;
									}
.agreement_edit_button	{	text-align: left !important;
							display: flex;
							align-items: center;
						}
						
.setting-buttons-icon	{ 	padding: 5px 10px 5px 4px; }

.setting-buttons-text	{	border-left: solid 2px white;
							padding: 5px;
							margin-left: 5px;
							
						}
.zapi-settings-header	{	background-color: rgba(40, 20, 251, 0.2);
							padding: 20px;
							border-radius: 5px;
						}
.delete_agreement_variant	{	padding: 2px 7px;
								border-left: solid 2px rgba(200, 0, 0 ,1);
								margin-left: 5px;
								
							}
.delete_agreement_variant_icon	{ 	color: rgba(200, 0, 0 ,1);
									font-weight: 100 !important;
								}

.delete_agreement_variant_icon:hover	{	color: black;	}

.agreement-signatures-container		{	    margin-top: 80px;
											width: 100%;
											display: flex;
											justify-content: space-around;
									}
									
.agreement-signature
						{	    width: 40%;
								display: inline-flex;
								border: solid white 1px;
								justify-content: space-around;
								align-items: baseline;
								padding: 5px 53px 80px;
						}
.event-edit-content	{	display: flex;
						flex-wrap: nowrap;
						align-content: center;
						justify-content: space-around;
						align-items: center;
						background-color: rgba(0, 0, 0, 0.8);
						margin: auto;
						width: fit-content;
						padding: 30px;
						margin-top: 50px;
						margin-bottom: 50px;
						border-radius: 10px;
					}
.add-order-content	{	display: inline-flex;
						background-color: rgba(0, 0, 0, 0.8);
						margin: 5px 5% 20px;
						padding: 30px;
						border-radius: 10px;
						width: -webkit-fill-available;
					}
.add_order_container	{	width: -webkit-fill-available;
						}
.instruction_container	{   background-color: rgba(0, 0, 0, 0.8);
							margin: 50px 0;
							padding: 10px;
						}
.show_event_edit_modal,
.show_order_modal,
.show_add_order_modal,
.show_client_modal,
.show_attachment_modal,
.show_add_event_modal,
.show_agreement_instruction_modal,
.show_add_measurement_modal,
.show_sms_modal					 	{	position: absolute;
										bottom: 0;
										top: 0;
										left: 0;
										right: 0;
										z-index: 99999999999999999;
							
									}
.order_modal_content,
.add-order-model,
.client_modal_content,
.attachment_modal_content,
.event-edit-modal,
.add-event-modal,
.agreement_instruction_modal_content,
.add-measurement-modal,
.sms_modal_content					{	width:90%;
											margin: auto;
											margin-top: 15px;
											background-color: white;
											border-radius: 8px;
											border: solid 2px rgba(50, 50, 50);
										}
.zapi-modal-close 	{    color: rgba(20, 20, 20, 0.6);
					}
					
.zapi-modal-close:hover,
.zapi-order-number:hover 	{    color: rgba(255, 20, 20, 0.7);
							}
.zapi-dark-background	{	position: fixed;
							bottom: 0;
							top: 0;
							left: 0;
							right: 0;
							z-index: 99999999999999998;
							background-color: rgba(0, 0, 0, 0.9);
						}
						
.zapi-horizontal-ul	{	list-style-type: none;
						margin: 0;
						padding: 20px;
						display: flex;
						justify-content: space-between;
						flex-direction: row;
						align-content: space-around;
						margin-bottom: 20px;
						background-color: rgba(0,0,0,0.4);
						border-radius: 10px;		
					}
#assign_measure_order	{	border-radius: 5px;
							border: red solid 2px;
							text-align: center;
							padding: 10px;
							margin-top: 25px;
							background-color: rgba(255, 255, 255, 0.5);
							color: darkred;
						}
.loading_info	{	font-size: x-small;
					color: forestgreen;
					background-color: rgba(5,5,5,0.4);
					border-radius: 5px;
					padding: 5px;
				}