/* Add here all your CSS customizations */

.order-button {
	color: #ffffff !important;
	display: flex;
	justify-content: center;
	padding: 10px;
	border-radius: 4px;
	background-color: #ff4f00;
	font-weight: 700;
	font-size: 16px;
	cursor:pointer;
}

.order-button:hover
{
	background-color: #001595;
}

#order-text
{	
	vertical-align:middle;
}

#search-order
{
	margin:10px;
}

.telegram-btn
{
	display: inline-block; margin-top:10px; padding:10px; border-radius: 4px; background-color: #258dfe; color: #fff; text-decoration: none; font-size: 16px;
}

.telegram-btn:hover
{
	background-color: #38a7d7; color: #ffffff; text-decoration: none;
}

.whatsapp-btn
{
	display: inline-block; margin-top:10px; padding:10px; border-radius: 4px; background-color: #0d9f16; color: #fff; text-decoration: none; font-size: 16px;
}

.whatsapp-btn:hover
{
	background-color: #25D366; color: #ffffff; text-decoration: none;
}

.myDiv{
	border-radius:10px;
	background:#f4f6f7;
	padding:10px;
	text-align:center;
}

.form-button {	
	background-color: #001595;
	color: #ffffff;
}

.form-button:hover
{
	background-color: #ff4f00;
}

/* ------------------------------------------------------------
# Order form
--------------------------------------------------------------*/

#order-form{
	border-radius:10px;
	background:#6CF;
	padding:10px;
}

.order-form-label{
	color:#000000 !important;
}

#order-form-main{
	border-radius:10px;
	background:#fafafa;
	padding:10px;
}

.success-task {
	color:#030; background-color:#a6ffab; margin:10px 0px 10px 0px; border-radius: 10px; border-color: #20ed2c; padding: 10px;
}

.error-task {
	color:#cf000a; background-color:#ffb8bb; margin:10px 0px 10px 0px; border-radius: 10px; border-color: #cf000a; padding: 10px;
}

.error {
  animation: blinker 1s linear infinite;
  text-align: left;
  color: #c00000 !important;
  font-weight:500;
}
@keyframes blinker {
  50% { opacity: 0;
  }
}

#display_completed
{
	color:#0C0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 48pt;
}

#display_pending
{
	color:#F90;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 48pt;
}