main > .container {
  padding: 60px 15px 0;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

.bold {
	font-weight: BOLD;
}

.bt_cnt {
	width: 10%;
	float: left;
	background-color: inherit;
	display: inline-block;
}
.bt_pname {
	width: 70%;
	float: left;
	background-color: inherit;
	display: inline-block;
}
.bt_ddate {
	width: 20%;
	float: left;
	background-color: inherit;
	display: inline-block;
}

.bt_header {
	width: 100%;
	background-color: MediumPurple;
	color: white;
	text-align: center;
	font-weight: bold;
	border: 1px solid black;
	border-radius: 8px;
	display: inline-grid;
}


.bt_row {
	width: 100%;
	display: block;
}



.bt_row:nth-child(even) {background-color: white;}
.bt_row:nth-child(odd) {background-color: lightgrey;}


@media print {
  div.ui-footer {
    position: fixed;
    bottom: 0;
  }
}

.w100 {
	width: 98%;
	height: auto;
}

.p_footer {
	position:absolute;
	bottom: 0;
	background-color: #e9e9e9;
}

.p_cust {
	font-size: 1.5em;
	color: blue;
}
.p_phone {
	font-size: 1em;
/*	text-align: left; */
/*	float: right; */
}

.p_pickup_datetime {
	font-size: 1em;
	width: 50%;
}

.p_pickup_day {
	font-size: 1em;
	border: 2px solid black;
	border-radius: 10px;
	padding: 0 5px;
	margin-left: 5px;
/*	float: right; */
}

.p_left {
	float: left;
	width: 50%;
}

.p_right{
	float: left;		/* float to the left of the left side */
	width: 50%;
	/* margin-right: 1em; */
	/* text-align: right; */
}

.p_fleft {
	float: left;
	width: 50%;
}

.p_fright{
	float: left;		/* float to the left of the left side */
	width: 50%;
	margin-right: 2em; 
	text-align: right; 
}

.p_rightside {
	text-align:right;
	width:100%;
	padding-right: .4em;

}

.p_div {
	width: 100%;
	height:auto;
	clear: both;
	display: flex;
}

.p_col {
	width: 100%;
	clear: both;
	display: flex;
}

.p_header {
	border: 2px solid indigo;
	background-color: yellow;
	border-radius: 10px;
	color: darkblue;
	text-align: center;
	margin: 0 5px;
	width: 100%;
}
.p_total {
	border: 2px solid indigo;
	background-color: cornsilk;
	border-radius: 10px;
	color: darkblue;	
	text-align: center;
	margin: 0 5px;
	margin-bottom: 10px;
	width: 100%;
}
.p_cnt{
	width: 1.5em;
	float: left;
	border-bottom: 1px dashed darkgray;
	margin-left: 1em;
}

.p_pname {
	/*width: 100%; */
	margin-left: 3px;
	float: left;
	border-bottom: 1px dashed darkgray;
	
}
.p_sliceYes {
	float: left;
	border: 1px solid darkgray;
	font-weight: 800;
	border-radius: 8px;
	border-bottom: 1px dashed darkgray;
	padding: 0 10px;
}

.p_sliceNo {
	display: none;
}

.p_rnote {
	float: left;
	border: 1px solid darkgray;
	font-weight: 800;
	font-size: 9pt; 
	border-radius: 8px;
	border-bottom: 1px dashed darkgray;
	padding: 0 10px;
}

.i_notes {
	font-style: italic;
	font-weight: bold;	
	color: Purple;
}	

.p_check {
	width: 1em;
	border: 2px solid black;
	float: left;
	margin-left: 1em;
}

.p_freezerbags {
	margin-top: 2em;
	margin-right: 2em;
	padding: 1em;
	border: 3px solid indigo;
	border-radius: 10px;
	background-color: pink;
	font-weight: 700;	
}

.p_slicebagels {
	margin-top: 2em;
	margin-right: 2em;
	padding: 1em;
	border: 3px solid indigo;
	border-radius: 10px;
	background-color: pink;
	font-weight: 700;
	
}

.p_notes {
	margin-top: 2em;
	margin-right: 2em;
	padding: 1em;
	border: 3px solid indigo;
	border-radius: 10px;
	background-color: seashell;
	font-weight: 700;
	
}

.p_custrow {
	float: left;
	width: unset;
}


.p_fillqr
{
	height: 3em;
}
.p_fillby
{
	float: left;
}

.p_delivery
{
	border: 5px solid red;
	background-color: yellow;
	border-radius: 10px;
	width: 70%;
	/* height: 1em; */
	text-align: center;
}

.p_qr {
	height: 3em;
	width: 3em;
	display : inline-flex;
	float: right;
	margin: 0 10px;
	padding: 0 10px;
}


.p_vlastfour {
	font-style: italic;
	font-weight: bolder;	
}
.p_lastfour {
	font-weight: bold;
	font-size: 1.75em;
	background-color: yellow;
}



.custact_Y {
	color: blue;
}
.custact_yes {
	color: blue;
}
.custact_ {
	color: brown;
}

.vendact_yes {
	color: blue;
}
.vendact_no {
	color: silver;
}
.vendact_ {
	color: silver;
}



.ol_delivery {
	color: orange;
	font-weight: bold;
}
.ol_wholesale {
	color: SlateBlue;
	font-weight: bold;
}
.ol_weekly {
	color: darkgray;
	font-weight: bold;
	font-style: italic;
}

.orow {
	border: 2px solid black;
	border-radius: 10px;
	padding: 0 5px;
	margin-left: 1em;
}
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}







.tbswitch {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 34px;
}

.tbswitch input {display:none;}

.tbslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.tbslider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .tbslider {
  background-color: #2196F3;
}

input:focus + .tbslider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .tbslider:before {
  -webkit-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.tbon
{
  display: none;
}

.tbon, .tboff
{
  color: white;
  position: absolute;
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif;
}

input:checked+ .tbslider .tbon
{display: block;}

input:checked + .tbslider .tboff
{display: none;}


.ei-qty-text {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



/*--------- END --------*/

/* Rounded sliders */
.tbslider.tbround {
  border-radius: 34px;
}

.tbslider.tbround:before {
  border-radius: 50%;}

.prodBtn {
	padding: 5px;
	margin: 5px;
	float: left;
	border: 1px solid blue;
	background-color: aqua;
	color: darkcyan;
	border-radius: 4px;
	justify-content: center;
	text-align: center;
	align-items: center;
	word-wrap: break-word;	
	display: flex;
	width: 7em;
	height: 7em;
	
}

.prodBtndis {
	opacity: 0.5;
	padding: 5px;
	margin: 5px;
	float: left;
	border: 1px solid blue;
	background-color: aqua;
	color: darkcyan;
	border-radius: 4px;
	justify-content: center;
	text-align: center;
	align-items: center;
	word-wrap: break-word;	
	display: flex;
	width: 7em;
	height: 7em;
	
}

.prodBtnddd {
	opacity: 0.5;
	padding: 5px;
	margin: 5px;
	float: left;
	border: 1px solid blue;
	background-color: aqua;
	color: darkgoldenrod;
	border-radius: 4px;
	justify-content: center;
	text-align: center;
	align-items: center;
	word-wrap: break-word;	
	display: flex;
	width: 7em;
	height: 7em;
	
}

.view_Recipe {
	border: 1px solid blue;
	border-radius: 4px;
	display: flex;
	padding: 0 5px 0 5px;
	
}



.bw {
	word-break: normal;	
	white-space: normal !important;
}


.r-td{
	clear: both;
	width: 100%;
}
.r-divider {
	text-align: center;
	background-color: darkgray;
	border: 1px solid darkgray;
	border-radius : 5px;
	height: 30px;
}

.r-row {
	border-bottom: 1px dashed darkgray;
	clear: both;
	height: 30px;
	width: 100%;
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.r-bottom {
	/*position: absolute; 
    bottom: 0; 
	height:30px; */
}



.r-count {
	float: left;
	margin-left: 1%;
	min-width: 1.75em;
	height: 20px;	
    border-width: 1px;
    border-style: solid;
	border-radius: 3px;
	padding: 0 1%;		/* Pads left and right sides */
	margin-top: 5px;
	margin-right: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
}	
.r-sliceYes {
	float: right;
	height: 20px;	
    border-width: 1px;
    border-style: solid;
	border-radius: 3px;
	padding: 0 1%;		/* Pads left and right sides */
	margin-top: 5px;
	margin-left: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
}
.r-sliceNo {
	display: none;
}

.r-desc {
	/*float: left;*/
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.r-note {
	cursor: pointer;
	background-color: Lavender;
	border-radius: 3px;
}	


.PAR_highlight {
	font-size: 2em; /* Adjust the size as needed */
	border-right : 3px solid blue;
	border-left	: 3px solid blue;
}
 
 
 
tr.TODAY:nth-child(even) {background-color: white;}
tr.TODAY:nth-child(odd) {background-color: lightgrey;}
table.TODAY td { padding-left: 2%; }

tr.QPID_TODAY {background-color: lightgrey; border-top: 1px dashed black}
tr.QPID_TODAY:last-child {border-bottom: 1px dashed black }

.QPID_DEL { text-decoration-color: BLACK; text-decoration: wavy line-through; 
}

tr.QPID_CWP { background-color: BISQUE; }
tr.QPID_CWP:last-child {background-color: BISQUE; border-bottom:1px dashed black }

td.QPID_TWL { background-color: lightyellow; border-top:1px dotted black; border-left:1px dotted black;}
td.QPID_TWR { background-color: lightyellow; border-top:1px dotted black; border-right:1px dotted black; font-size:12px;}

.QPID_QTY {
	border-bottom: 1px double darkgrey;
	font-size: 14px;
	width: 5%;
}
.QPID_WEIGHT {
	border-bottom: 1px double darkgrey;
	font-size: 14px;
	width: 8%;
}
.QPID_PNAME {
	border-bottom: 1px double darkgrey;
	font-size: 14px;
	width: 100%;
}


.t_cap {
	border: 1px solid black;
	color: MidnightBlue;
	text-shadow: none;
	text-align: center;
	font-weight: bold;
}

.t_date {
	background-color: greenyellow ;
}

.t_prodtot {
	background-color: firebrick ;
	color: white;
}

.t_pt {
	background-color: Indigo;
	color: white;
}

.t_dt {
	background-color:yellow;
	color: midnightblue;
}

.t_tp {
	background-color: darkgray ;
}

.t_cust {
	font-size: 8pt;
	color: darkorange;
}
.t_notes {
	font-size: 10pt;
	color: RebeccaPurple;
}

.dowc_Sunday {
	text-align:center;
	margin: auto;
	background-color : Purple;
	color: white;
	width: 50%;
}
.dowc_Monday {
	text-align:center;
	margin: auto;
	background-color : lightgrey;
	color: black;
	width: 50%;
}
.dowc_Tuesday {
	text-align:center;
	margin: auto;
	background-color : CYAN;
	color: Black;
	width: 50%;
}
.dowc_Wednesday {
	text-align:center;
	margin: auto;
	background-color : blue;
	color: white;
	width: 50%;
}
.dowc_Thursday {
	text-align:center;
	margin: auto;
	background-color : Yellow;
	color: BLACK;
	width: 50%;
}
.dowc_Friday {
	text-align:center;
	margin: auto;
	background-color : Green;
	color: white;
	width: 50%;
}
.dowc_Saturday {
	text-align:center;
	margin: auto;
	background-color : Orange;
	color: black;
	width: 50%;
}

.rrr { min-height: 1.5em; }

.tt1 { min-width: 20%; float: left;}
.tt2 { min-width: 20%; float: left;}
.tt3 { min-width: 20%; float: left; text-align:right;}
.tt4 { min-width: 20%; float: left; text-align:right;}
.tt5 { min-width: 20%; float: left; }

.tt-total { border-bottom: 1px solid black; }
.tt1-total { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-total { color:darkgray;  }

.tt-levain { margin-top:3em;  border-bottom: 1px solid black;}
.tt1-levain { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-levain { color:darkgray;  }
.tr-levain:nth-child(even) {background: #a4c0f4;}

.tt-poolish { margin-top:3em; border-bottom: 1px solid black; }
.tt1-poolish { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-poolish { color:darkgray;  }
.tr-poolish:nth-child(even) {background: #a4c0f4;}

.tt-bigga { margin-top:3em; border-bottom: 1px solid black; }
.tt1-bigga { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-bigga { color:darkgray;  }
.tr-bigga:nth-child(even) {background: #a4c0f4;}

.tt-soaker { margin-top:3em; border-bottom: 1px solid black; }
.tt1-soaker { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-soaker { color:darkgray;  }
.tr-soaker:nth-child(even) {background: #a4c0f4;}

.tt-autolyse { margin-top:3em; border-bottom: 1px solid black; }
.tt1-autolyse { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-autolyse { color:darkgray;  }
.tr-autolyse:nth-child(even) {background: #a4c0f4;}


.tt-sponge { margin-top:3em; border-bottom: 1px solid black; }
.tt1-sponge { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-sponge { color:darkgray;  }
.tr-sponge:nth-child(even) {background: #a4c0f4;}


.tt-seeds { margin-top:3em; border-bottom: 1px solid black; }
.tt1-seeds { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-seeds { color:darkgray;  }
.tr-seeds:nth-child(even) {background: #a4c0f4;}

.tt-fruits { margin-top:3em; border-bottom: 1px solid black; }
.tt1-fruits { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}
.tt4-fruits { color:darkgray;  }
.tr-fruits:nth-child(even) {background: #a4c0f4;}




.tt3-total {color:darkgray;}


.tr1-total {color:darkgray;}
.tr2-total {color:darkgray;}
.tr3-total {color:darkgray;}
.tr4-total {color:darkgray;}
.tr5-total {color:darkgray;}

.tt-final { margin-top:3em;  border-bottom: 1px solid black;}
.tt1-final { color:INDIGO; font-style:italic; font-weight: bold; background-color: #a4c0f4;}

.tt4-final { color:darkgray;  }



.tr1 { min-width: 10%; float: left;}
.tr2 { min-width: 30%; float: left;}
.tr3 { min-width: 20%; float: left; text-align:right;}
.tr4 { min-width: 20%; float: left; text-align:right;}
.tr5 { min-width: 20%; float: left; }

.tr3-lr { background-color: #ffff66; border-top: 1px solid black;}
.tr4-lr { background-color: #ffff66; border-top: 1px solid black;}

.tr5-poolish {text-align:center;}

.tf1 { min-width: 10%; float: left;}
.tf2 { min-width: 30%; float: left;}
.tf3 { min-width: 20%; float: left; text-align:right;}
.tf4 { min-width: 20%; float: left; text-align:right;}
.tf5 { min-width: 20%; float: left; }

.tr-final:nth-child(even) {background: #a4c0f4;}

.step { height: 2.5em; }
.step-edit { cursor: pointer; }

.z-top { z-index: 9999; }

.step-li1 { min-width: 25%; float: left; }
.step-li2 { min-width: 25%; float: left; }
.step-li3 { min-width: 25%; float: left; }
.step-li4 { min-width: 20%; float: left; }
.step-li5 { min-width: 5%; float: left; }

.bold-border { border-top: 1px solid black; border-bottom: 1px solid black; font-weight: bold; }

.li_ingrhead { text-align: center; }
.li-ingrhidden { display: none; }

.pnote { border: 1px solid black; }
.pnote-size { font-weight: bold; color: blue; min-width: 5%; float: left; }
.pnote-prod { font-weight: bold; color: blue; min-width: 5%; float: left; }
.pnote-pnote {  }

.speed { border: 1px solid black; }
.speed-title { color: blue; }
.speed-1 { }
.speed-2 { }

.odt_no {
	border: 3px solid red;
}

.break-after {
    display: block;
    page-break-after: always;
	break-after:page;
    position: relative;
}

.break-before {
    display: block;
	break-before:page;
    page-break-before: always; 
    position: relative;
}

.sni {
        -moz-appearance: textfield; /* Firefox */
        -webkit-appearance: none;  /* Safari and Chrome */
        appearance: none;         /* Standard property */
       margin: 0;		
		
}
.sni::-webkit-outer-spin-button,
.sni::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}



.ww14 {
	width: 14%;
}

.myb_calendar .date {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: #333;
	color: #fff;
}

.myb_calendar .datestyle {
	text-align: center;
	margin-bottom: 5px;
	padding: 4px;
	background: silver;
	color: black;
}

.myb_calendar .processing {
	text-align: center;
	margin: 15px;
	
	padding: 15px;
	background: red;
	color: white;
}

.disp_month {
	font-size: 32pt;
	color: blue;
	text-align: center;
}

.soldout {
	background-color: yellow;
}

.inv_right {
	float:right;
}


#po_total_weight {
	font-weight: bold;
	color: blue;
}


#edit_po_items .list-group-item {
	padding: 5px 10px; /* Reduce padding inside each item */
	margin-bottom: 2px; /* Reduce space between items */
}
#edit_po_items .row {
	margin: 0; /* Remove row margins */
}
#edit_po_items .form-group {
	margin-bottom: 0; /* Eliminate extra spacing inside form groups */
}
#edit_po_items .form-control, #edit_po_items .form-control-plaintext {
	font-size: 0.875rem; /* Reduce font size for a more compact view */
	padding: 2px 4px; /* Tighten the controls */
}

#dough_filter {
    width: 20%; /* Set the desired width */
}

#ev_vend_items, #ev_items {
	max-height: 29vh; /* 50% of viewport height */
	overflow-y: auto; /* Adds vertical scrolling */
	padding: 5px;
	border: 1px solid #ccc;
	margin: 10px 0;
}

.sortable.asc::after {
    content: " ▲"; /* Up arrow for ascending */
}

.sortable.desc::after {
    content: " ▼"; /* Down arrow for descending */
}

.sortable {
    cursor: pointer;
}

.odd {
  /*background-color: #f9f9f9; /* Light gray */
  /*background-color: #E3F2FD; /* Light robin's egg blue */  
  background-color: #D1ECF9;
}
.even {
  background-color: #ffffff; /* White */
}

.list-group-item-header {
	background-color : #AED7F0;
	border: 1px solid blue;
}

.bakery_par_head {
	font-size : 18px;
}

.head_tue {
	color: darkorange;
}

.list-group-item.row-item:hover {
    background-color: #ffffe0; /* Set your desired hover color */
    cursor: pointer; /* Optional: Change the cursor to indicate it's hoverable */
}

      body {
            font-family: 'Roboto', sans-serif;
            background: linear-gradient(120deg, #E3F2FD, #FFFFFF);
            margin: 0;
            padding: 0;
            color: #333;
        }
        .abs_page {
            padding: 20px;
        }
        h1 {
            font-family: 'Poppins', sans-serif;
            font-size: 2.5rem;
            text-align: center;
            margin-bottom: 30px;
            color: #1976D2;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 10px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            background: #ffffff;
        }
        .row {
            display: flex;
            /* justify-content: space-between; */
            /*	margin-bottom: 20px; */
        }
        .col-sm {
            flex: 1;
            text-align: center;
            padding: 10px;
        }
        a {
            text-decoration: none;
            font-size: .94rem;
            color: #2196F3;
            font-weight: 500;
            transition: all 0.3s ease;
        }
        a:hover {
            color: #0D47A1;
            transform: scale(1.05);
        }
		
        a.btn {
            padding: 10px 15px;
/*            background: #64B5F6;
            color: white; */
            border-radius: 20px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }
        a.btn:hover {
            background: #42a5f5;
            transform: scale(1.05);
		}		
        .col-sm:not(:last-child) {
            border-right: 1px solid #ddd;
        }

.pg_admin.row {
  display: flex;
  justify-content: space-between; /* Distributes space evenly */
}

.pg_admin.col-sm {
  flex: 1; /* Ensures equal width columns */
  text-align: center; /* Centers button content */
  padding: 10px;
}

.pg_admin a.btn {
  display: inline-block; /* Ensures proper padding and alignment */
  width: 100%; /* Makes the button span the full width of the column */
  padding: 10px 15px;
  text-align: center;
  background-color: #64B5F6;
  color: white;
  border-radius: 5px;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease;
}

.pg_admin a.btn:hover {
  background-color: #42a5f5; /* Slightly darker blue on hover */
  transform: scale(1.05); /* Adds a subtle zoom effect */
}

.pg_admin.col-sm:not(:empty) {
  border: 1px solid #ddd; /* Optional: Adds borders to visible cols */
}


input::placeholder {
    color: #5A9BD6; 
    font-style: italic; 
  }

.qty-input::placeholder {
    color: #2F6ECD; 
    font-style: italic; 
  }



body {
    overscroll-behavior-y: contain;
}

@media print {
  .tt-pagebreak {page-break-before: always;}
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
padding: 0;
}

.blob { background: red; border-radius: 50%; margin: 10px; height: 20px; width: 20px; }
.blob { animation: pulse 2s infinite; }
@keyframes pulse { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }