/* INFO-BOXES*/
.product-warnings {
background-color: #fff4e6;
/* Light orange background */
border: 2px solid #ffdfb0;
/* Orange border */
padding: 15px;
margin: 30px 0;
padding-left: 85px;
position: relative;
/* Essential for positioning pseudo-elements */
color: #333;
font-family: sans-serif;
border-radius: 4px;
width: fit-content;
}
.product-warnings::before {
content: "\261D";
/* Unicode character for warning sign */
font-size: 48px;
padding-left: 0px;
color: #ff9800;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
/* Vertically center the icon */
margin-right: 10px;
}
.product-warnings ul {
margin-left: -18px;
}
.product-warnings ul li::marker {
content: "👉 ";
/*pointing finger emoji*/
color: #ff9800 !important;
font-size: 1.5rem;
margin-right: 20px !important;
}
.mobile .product-warnings::before {
content: "";
left: unset;
font-size: 0;
}
.mobile .product-warnings {
padding-left: 15px;
}
.directions {
background-color: #f0f0f0;
/* Light orange background */
border: 2px solid #c3c3c3;
/* Orange border */
padding: 15px;
margin: 30px 0;
padding-left: 100px;
position: relative;
/* Essential for positioning pseudo-elements */
color: #333;
font-family: sans-serif;
border-radius: 4px;
width: fit-content;
}
.directions::before {
content: "\211E";
/* Required for pseudo-elements to render */
font-size: 100px;
padding-left: 5px;
color: #ff00fb;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
/* Vertically center the icon */
margin-right: 10px;
}
.mobile .directions::before {
content: "";
left: unset;
font-size: 0;
}
.mobile .directions {
padding-left: 15px;
}
.directions ul li::marker {
content: "\2713 ";
color: #ff00fb !important;
font-size: 1.5rem;
margin-right: 20px !important;
font-weight: bold;
}
.directions ul {
margin-left: -15px;
}
.directions .numbered-list {
margin-left: 10px !important;
}
.benefits li::marker {
content: "\2713 ";
color: #ff00fb !important;
font-size: 1.8rem;
font-weight: bold;
}
.specslist li::marker {
content: "\2699 ";
/* gear symbol */
color: #d338d3;
font-size: 1.6rem;
font-weight: bold;
}
.product-notice {
background-color: #e0ffbc;
border: 2px solid #86bf44;
padding: 15px;
margin: 30px 0;
padding-left: 64px;
position: relative;
color: #000000;
border-radius: 4px;
}
.product-notice::before {
content: "\1F514";
font-size: 40px;
color: #0d47a1;
position: absolute;
left: 5px;
top: 50%;
transform: translateY(-50%);
margin-right: 10px;
text-shadow: 0px 0px 20px black;
}
.mobile .product-notice::before {
content: "";
left: unset;
font-size: 0;
}
.mobile .product-notice {
padding-left: 15px;
}
.product-safety {
background-color: #e8f5e9;
border: 2px solid #4caf50;
padding: 15px;
margin: 30px auto;
padding-left: 100px;
position: relative;
color: #1b5e20;
font-family: sans-serif;
border-radius: 4px;
width: fit-content;
display: inline-block
}
.product-safety::before {
content: "\2714";
font-size: 70px;
padding-left: 5px;
color: #2c8433;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
margin-right: 10px;
text-shadow: 1px 1px 4px #000;
}
.product-safety ul {
margin-left: -25px
}
.mobile .product-safety {
padding-left: 60px;
position: relative;
color: #1b5e20;
}
.mobile .product-safety::before {
font-size: 40px;
padding-left: 5px;
color: #2c8433;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
margin-right: 10px;
text-shadow: none;
}
.product-tip {
background-color: #e0f7fa;
/* Light teal background */
border: 2px solid #00acc1;
/* Teal border */
padding: 5px;
margin: 30px auto !important;
padding-left: 70px;
position: relative;
color: #004d40;
/* Dark teal text */
font-family: sans-serif;
border-radius: 4px;
}
.product-tip p {
margin: 3px;
}
.product-tip::before {
content: "\1F4A1";
/* Unicode Light Bulb 💡 */
font-size: 55px;
padding-left: 5px;
color: #00acc1;
/* Teal icon */
position: absolute;
left: -10px;
top: 50%;
transform: translateY(-50%);
margin-right: 10px;
}
.ingredients {
margin-bottom: 40px;
margin-top: 30px
}
.ingredients li {
background: #d338d30f;
padding: 5px 10px;
border-radius: 3px;
border: 1px solid #d338d33f;
border: 1px solid #d338d33f;
box-shadow: 2px 2px 4px #0000001a;
margin-bottom: 15px;
width: fit-content;
}
.ingredients li::marker {
content: "\21AA ";
color: #d338d3;
}
p.ingredients {
background: #d338d30f;
width: fit-content;
padding: 15px;
border-radius: 4px;
box-shadow: 2px 2px 4px #0000001a;
border: 1px solid #d338d33f;
}
/*** Product Information box ***/
.product-info-icon {
background-color: #eeeeee;
/* Light teal background */
border: 2px solid #b2b2b2;
/* Teal border */
padding: 10px;
margin: 30px auto !important;
padding-left: 70px;
position: relative;
color: #004d40;
/* Dark teal text */
font-family: sans-serif;
border-radius: 4px;
}
.product-info-icon p {
margin: 3px;
}
.product-info-icon::before {
content: url('data:image/svg+xml,');
width: 35px;
height: 35px;
padding-left: 5px;
color: #00acc1;
/* Teal icon */
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
margin-right: px;
}
.product-size {
position: relative;
border: 2px solid #f84bff;
background: #fddfff;
border-radius: 4px;
padding: 10px 15px 10px 50px;
/* room for icon on the left */
width: fit-content;
margin: 25px 0;
font-size: 18px;
}
.product-size::before {
position: absolute;
width: 30px;
height: 40px;
content: url('data:image/svg+xml,');
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.product-measure {
position: relative;
border: 2px solid #f84bff;
background: #fddfff;
border-radius: 4px;
padding: 5px 15px 5px 55px;
/* room for icon on the left */
width: fit-content;
margin: 25px 0;
font-size: 18px;
}
.product-measure::before {
position: absolute;
content: url('data:image/svg+xml,');
left: 8px;
top: 55%;
transform: translateY(-50%);
}
.product-colour {
position: relative;
border: 2px solid #c5c5c5;
background: #f6f6f6;
border-radius: 4px;
padding: 5px 15px 5px 35px;
width: fit-content;
margin: 25px 0;
font-size: 18px;
color: #d338d3;
}
.product-colour::before {
position: absolute;
content: url('data:image/svg+xml,');
left: 4px;
top: 58%;
transform: translateY(-45%);
}
.product-flavour {
position: relative;
border: 2px solid #f84bff;
background: #fddfff;
border-radius: 4px;
padding: 10px 15px 10px 65px;
/* room for icon on the left */
width: fit-content;
margin: 25px 0;
font-size: 18px;
}
.product-flavour::before {
position: absolute;
width: 45px;
height: 35px;
content: url('data:image/svg+xml,');
left: 10px;
top: 50%;
transform: translateY(-50%);
}
/* Making Brand logos fit in Mega Menu */
.module-manufacturers .manufacturer-thumb .image a img {
margin: -5px auto;
}
/* Product Page table .SpecTable*/
#product-product .table {
border: 10px solid #ccc;
margin-bottom: 30px;
}
/* Numbered list with curcled numbers */
/* See infobox page for examples */
ul.numbered-list {
counter-reset: li;
list-style-type: none;
font-size: 14px;
padding-left: 10px;
}
ul.numbered-list li {
position: relative;
padding: 5px 0 5px 30px;
}
ul.numbered-list li:before {
position: absolute;
font-weight: bold;
content: counter(li);
counter-increment: li;
height: 20px;
width: 20px;
border: 2px solid #d338d3;
border-radius: 50%;
color: #5c5c5c;
text-align: center;
left: 0;
top: 5px;
line-height: 17px;
}
.product-instructions {
background-color: #f0f0f0;
border: 2px solid #c3c3c3;
padding: 15px;
margin: 30px 0;
padding-left: 100px;
position: relative;
color: #333;
font-family: sans-serif;
border-radius: 4px;
width: fit-content;
}
.product-instructions::before {
position: absolute;
content: url('data:image/svg+xml,');
height: 65px;
width: 65px;
left: 1.5rem;
top: 40%;
}
/* === Nested bulleted list with stripe to give nested look === */
/* === Apply .sideline-bullet to === */
.sideline-bullet {
position: relative;
list-style-type: none;
clear: both;
padding-left: 0;
margin-left: 0;
list-style-position: inside;
line-height: 20px;
}
.sideline-bullet li {
position: relative;
margin: 0;
padding-bottom: 8px;
padding-left: 24px;
}
.sideline-bullet li:after {
content: "\f111";
font-family: FontAwesome;
color: #C0C0C0;
position: absolute;
left: 0;
top: 0;
}
.sideline-bullet li:before {
background-color: #C0C0C0;
width: 3px;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 5.4px;
}
.sideline-bullet li:first-child:before {
top: 10px;
}
.sideline-bullet li:last-child:before {
/* bottom: 10px; */
}
.sideline-bullet li:last-child {
padding-bottom: 0;
}
.sideline-bullet li>p {
margin: 0;
display: contents;
}
.products-filter select {
min-height: 40px !important;
padding: 0 5px !important;
}
div#search-tab-container {
display: none;
visibility: hidden;
}
/*=== Padding inside searhbar drop-down ===*/
.search-result-dataset-heading {
padding-top: 10px;
font-weight: bold;
}
.manufacturer-description {
border: 1px solid #feb5ff;
padding: 5px 20px;
border-radius: 2px;
margin-bottom: 20px;
background: #fff4fe;
color: #5b5b5b;
box-shadow: 2px 2px 10px #e0e0e0;
}
/* to insert info symbol in front of heading */
span.span-icon {
font-size: 32px;
padding: 0 10px;
border: 2px solid #d338d3;
border-radius: 10px;
margin-right: 5px;
color: #d338d3;
background: #feecff;
}
/* Brands page hiding names*/
#product-manufacturer .manufacturer-thumb img {
min-width: 8em !important;
}
#product-manufacturer .manufacturer-thumb a span {
display: none;
}
.stopwatch-info-block {
display: flex;
flex-direction: row;
justify-content: flex-start;
text-align: left;
border: 1px dashed black;
padding: 4px 12px;
border-radius: 4px;
margin-bottom: 15px;
width: fit-content;
background: #ff0000;
position: relative;
padding-left: 60px;
}
.stopwatch-info-block::before {
position: absolute;
content: url(data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FwYV8xIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MDguNjI5IDUwOC42MjkiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1MDguNjI5IDUwOC42MjkiIHdpZHRoPSI0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtNDUxLjczIDE1NS4zNjcgMTAuNDAxLTEyLjA5OSAxMC4xMzYgOC43MTVjMS4zNjUgMS4xNzQgMy4xMDIgMS44MTMgNC44OSAxLjgxMy4xODggMCAuMzc2LS4wMDcuNTY0LS4wMjEgMS45ODMtLjE1IDMuODI2LTEuMDgxIDUuMTIzLTIuNTlsMTYuMTAzLTE4LjczYzIuNy0zLjE0MSAyLjM0My03Ljg3Ni0uNzk4LTEwLjU3NmwtNTUuMzgzLTQ3LjYxNGMtMS41MDktMS4yOTctMy40Ny0xLjk0OS01LjQ1NC0xLjc5Mi0xLjk4My4xNDktMy44MjYgMS4wODEtNS4xMjMgMi41ODlsLTE2LjEwMyAxOC43M2MtMi43IDMuMTQxLTIuMzQzIDcuODc2Ljc5OCAxMC41NzZsMTAuMTM2IDguNzE1LTExLjE5NyAxMy4wMjRjLTIyLjkzNi0xNC42NS00OS4wMzctMjQuNzY0LTc3LjAzLTI5LjA1OXYtMjIuNjYyaDI1LjgzYzEyLjA1NiAwIDIxLjg2My05LjgwOCAyMS44NjMtMjEuODY0di0xNy40NWMwLTEyLjA1Ni05LjgwOC0yMS44NjQtMjEuODYzLTIxLjg2NGgtMTEyLjY4M2MtMTIuMDU2IDAtMjEuODY0IDkuODA4LTIxLjg2NCAyMS44NjR2MTcuNDVjMCAxMi4wNTYgOS44MDggMjEuODY0IDIxLjg2NCAyMS44NjRoMjUuODMxdjIyLjY2MmMtMjguNTQ1IDQuMzgtNTUuMTE5IDE0LjgxNi03OC4zOCAyOS45MzZsLTExLjk1MS0xMy45MDEgMTAuMTM3LTguNzE1YzEuNTA4LTEuMjk3IDIuNDM5LTMuMTQgMi41ODktNS4xMjMuMTQ5LTEuOTgzLS40OTUtMy45NDUtMS43OTItNS40NTRsLTE2LjEwMy0xOC43M2MtMi43MDEtMy4xNC03LjQzNS0zLjQ5OC0xMC41NzctLjc5N2wtNTUuMzgyIDQ3LjYxNGMtMS41MDggMS4yOTctMi40MzkgMy4xNC0yLjU4OSA1LjEyMy0uMTQ5IDEuOTgzLjQ5NSAzLjk0NSAxLjc5MiA1LjQ1NGwxNi4xMDMgMTguNzNjMS40ODMgMS43MjUgMy41ODEgMi42MSA1LjY5IDIuNjEgMS43MzEgMCAzLjQ3MS0uNTk2IDQuODg2LTEuODEzbDEwLjEzNi04LjcxNCAxMS4zODcgMTMuMjQ0Yy05Ljg1NCAxMC4yNzctMTguNjIzIDIxLjYwMi0yNi4xMjggMzMuNzg0LS4yNTMtLjAyNi0uNTEtLjAzOS0uNzcxLS4wMzloLTQ3LjM2M2MtNC4xNDIgMC03LjUgMy4zNTgtNy41IDcuNXMzLjM1OCA3LjUgNy41IDcuNWgzOS43NzljLTMuOTQ5IDcuODQtNy4zOTcgMTUuOTcyLTEwLjMwNCAyNC4zNTZoLTc1Ljc3OWMtNC4xNDIgMC03LjUgMy4zNTgtNy41IDcuNXMzLjM1OCA3LjUgNy41IDcuNWg3MS4yMjZjLTIuNzA4IDEwLjM5Ni00LjU4OCAyMS4xMjEtNS41OTEgMzIuMDk3aC0xMDEuMjg2Yy00LjE0MiAwLTcuNSAzLjM1OC03LjUgNy41czMuMzU4IDcuNSA3LjUgNy41aDEwMC40NzljLS4wMTkgMS4xMjEtLjA0MyAyLjI0LS4wNDMgMy4zNjYgMCA5Ljc1NS43MTUgMTkuMzQ1IDIuMDY5IDI4LjczMWgtNzMuODU0Yy00LjE0MiAwLTcuNSAzLjM1OC03LjUgNy41czMuMzU4IDcuNSA3LjUgNy41aDc2LjYwNmMxLjg2IDguMzI0IDQuMjM1IDE2LjQ1NSA3LjA5OSAyNC4zNTVoLTM3LjQwMWMtNC4xNDIgMC03LjUgMy4zNTgtNy41IDcuNXMzLjM1OCA3LjUgNy41IDcuNWg0My41NGMzMS42MyA2OS4xMTkgMTAxLjQzOSAxMTcuMjYgMTgyLjI4OCAxMTcuMjYgNDIuMjI3IDAgODIuNjE0LTEyLjk4NCAxMTYuNzk2LTM3LjU0OCAzLjM2My0yLjQxNyA0LjEzMS03LjEwNCAxLjcxNC0xMC40NjctMi40Mi0zLjM2NS03LjEwNS00LjEzLTEwLjQ2OC0xLjcxMy0zMS42MTUgMjIuNzItNjguOTc2IDM0LjcyOS0xMDguMDQyIDM0LjcyOS0xMDIuMjAxIDAtMTg1LjM0Ny04My4xNDYtMTg1LjM0Ny0xODUuMzQ2IDAtMTAyLjIwMSA4My4xNDYtMTg1LjM0NyAxODUuMzQ3LTE4NS4zNDcgNDkuNDczIDAgOTQuNDgxIDE5LjQ4NSAxMjcuNzU0IDUxLjE4My4wNjguMDcyLjE0NC4xMzguMjE1LjIwOCAzNS4zMzUgMzMuNzcgNTcuMzc3IDgxLjMzNyA1Ny4zNzcgMTMzLjk1NiAwIDQ5LjU2OC0xOS4zMiA5Ni4xNTQtNTQuNDAyIDEzMS4xNzQtMi45MzIgMi45MjctMi45MzYgNy42NzUtLjAwOSAxMC42MDcgMi45MjYgMi45MzEgNy42NzUgMi45MzYgMTAuNjA2LjAwOSAzNy45MjEtMzcuODU1IDU4LjgwNS04OC4yMSA1OC44MDUtMTQxLjc5MSAwLTU0LjI4OC0yMS43MTMtMTAzLjU5MS01Ni44OTktMTM5LjcwOXptLTEzLjA1NS02NC44MzkgNDQuMDA5IDM3LjgzNS02LjMyNCA3LjM1NS00NC4wMDktMzcuODM1em0tLjI3OSAzMi4zMzQgMTIuMzYxIDEwLjYyNy05LjkgMTEuNTE2Yy00LjA3LTMuNi04LjI4LTcuMDQ2LTEyLjYzNC0xMC4zMTF6bS0xNjMuMjgyLTYzLjQ3NnYtMzEuMTc4aDEyLjExMnYzMS4xNzh6bTI3LjExMi0zMS4xNzhoMTIuMTEydjMxLjE3OGgtMTIuMTEyem0yNy4xMTIgMzEuMTc4di0zMS4xNzhoMTIuMTEzdjMxLjE3OHptNDIuMTUtMjQuMzE0djE3LjQ1YzAgMy43ODUtMy4wNzkgNi44NjQtNi44NjMgNi44NjRoLTguMTczdi0zMS4xNzhoOC4xNzNjMy43ODQgMCA2Ljg2MyAzLjA3OSA2Ljg2MyA2Ljg2NHptLTEyNi40MTEgMTcuNDV2LTE3LjQ1YzAtMy43ODUgMy4wNzktNi44NjQgNi44NjQtNi44NjRoOC4xNzN2MzEuMTc4aC04LjE3M2MtMy43ODUgMC02Ljg2NC0zLjA3OS02Ljg2NC02Ljg2NHptLTEwNi45NzUgODMuMTk3LTYuMzI0LTcuMzU1IDQ0LjAwOC0zNy44MzUgNi4zMjQgNy4zNTUtMTAuMTM1IDguNzE0cy0uMDAxLjAwMS0uMDAyLjAwMWwtMjMuNzM1IDIwLjQwNmMtLjAwMS4wMDEtLjAwMS4wMDEtLjAwMi4wMDJ6bTI1LjgyNy0yLjQyMyAxMi4xMzYtMTAuNDM0IDExLjAwOSAxMi44MDVjLTQuMzI3IDMuMjk4LTguNTE4IDYuNzY1LTEyLjU1OSAxMC4zOTdsLTEwLjgxMS0xMi41NzR6bTEyOC44NDItMzcuOTcydi0yMC45MzhoMzEuMDIzdjIwLjkzOWMtNS4xMi0uMzk0LTEwLjI5My0uNTk2LTE1LjUxMi0uNTk2cy0xMC4zOTEuMjAyLTE1LjUxMS41OTV6Ii8+PHBhdGggZD0ibTI0NS40NjkgMTU4LjQzNWMtMS45MTktMy42NzEtNi40NTEtNS4wOTEtMTAuMTIxLTMuMTczLTQ1LjU5OCAyMy44MzQtNzYuNzg0IDY4LjQ4NC04My40MjQgMTE5LjQzOC0xMS4yMzUgODYuMjE2IDQ5Ljc2NyAxNjUuNDk5IDEzNS45ODMgMTc2LjczMyA2Ljg4OC44OTggMTMuNzE4IDEuMzM0IDIwLjQ4NiAxLjMzMyA3Ny45NDktLjAwNyAxNDUuOTA5LTU3Ljk4OCAxNTYuMjQ3LTEzNy4zMTYgNS40NDItNDEuNzY1LTUuNzA1LTgzLjE0OS0zMS4zOS0xMTYuNTMtMjUuNjg0LTMzLjM4LTYyLjgyOS01NC43NjEtMTA0LjU5NS02MC4yMDQtMjAuMzc2LTIuNjU2LTQwLjY5Ny0xLjM3NS02MC40MDMgMy44MDMtNC4wMDYgMS4wNTMtNi40IDUuMTU0LTUuMzQ4IDkuMTYgMS4wNTMgNC4wMDYgNS4xNTYgNi4zOTggOS4xNiA1LjM0OCA5LjQzOC0yLjQ4IDE5LjAzNy0zLjk2MSAyOC43MTctNC40NTh2MTkuNzA1YzAgNC4xNDIgMy4zNTcgNy41IDcuNSA3LjVzNy41LTMuMzU4IDcuNS03LjV2LTE5LjY4N2MzLjY0MS4xOTcgNy4yODcuNTI3IDEwLjkzNyAxLjAwMiAyOS4yMDggMy44MDYgNTUuOTE1IDE2LjIzNCA3Ny4yNzIgMzUuNjI1bC0xMy41ODMgMTMuNTgyYy0yLjkzIDIuOTI5LTIuOTMgNy42NzctLjAwMSAxMC42MDYgMS40NjUgMS40NjUgMy4zODQgMi4xOTcgNS4zMDQgMi4xOTcgMS45MTkgMCAzLjgzOS0uNzMyIDUuMzAzLTIuMTk3bDEzLjU0NC0xMy41NDRjMi4zNTYgMi42MzggNC42MjcgNS4zNzUgNi44MDYgOC4yMDcgMTcuOTMzIDIzLjMwNyAyOC4wMjUgNTAuOTI3IDI5LjQ0MSA3OS42ODloLTE4LjYwNGMtNC4xNDMgMC03LjUgMy4zNTgtNy41IDcuNXMzLjM1NyA3LjUgNy41IDcuNWgxOC41NjNjLS4xOTggMy41NzgtLjUyOSA3LjE2NS0uOTk3IDEwLjc1NS0zLjg2NCAyOS42NDktMTYuNjI3IDU1Ljk5Ny0zNS4yNDEgNzYuNzE5bC0xMi44NDktMTIuODQ5Yy0yLjkzLTIuOTI5LTcuNjc4LTIuOTI5LTEwLjYwNyAwcy0yLjkyOSA3LjY3OCAwIDEwLjYwNmwxMi44NjMgMTIuODYzYy0yMy42MjMgMjEuMzMtNTQuMjEyIDM0LjcxNi04Ny4yMTQgMzYuNjU4di0xOC4zMzVjMC00LjE0Mi0zLjM1Ny03LjUtNy41LTcuNXMtNy41IDMuMzU4LTcuNSA3LjV2MTguNDI3Yy0zLjkzNy0uMTg0LTcuODk2LS41MjMtMTEuODcyLTEuMDQyLTI5LjMyMy0zLjgyMS01NS40MjEtMTYuMzQzLTc2LjAzOC0zNC42MjVsMTMuMjg0LTEzLjI4NGMyLjkyOS0yLjkyOSAyLjkyOS03LjY3NyAwLTEwLjYwNnMtNy42NzgtMi45MjktMTAuNjA2IDBsLTEzLjM2IDEzLjM1OWMtMjEuNjUtMjMuNjcyLTM1LjI2OC01NC40NjMtMzcuMjY3LTg3LjcxMWgxOS40NDFjNC4xNDIgMCA3LjUtMy4zNTggNy41LTcuNXMtMy4zNTgtNy41LTcuNS03LjVoLTE5LjU1MWMuMTgyLTMuOTk2LjUyMy04LjAxNiAxLjA0OS0xMi4wNTMgMy43NTUtMjguODExIDE2LjE4NC01NS4zOTYgMzUuMDQ4LTc2LjU1bDEzLjk3OCAxMy45NzdjMS40NjQgMS40NjUgMy4zODQgMi4xOTcgNS4zMDMgMi4xOTdzMy44MzktLjczMiA1LjMwMy0yLjE5N2MyLjkyOS0yLjkyOSAyLjkyOS03LjY3OCAwLTEwLjYwNmwtMTQuMDE2LTE0LjAxNmM4LjkzNC04LjExOSAxOC45NDQtMTUuMTcxIDI5Ljg4Mi0yMC44ODggMy42NzEtMS45MTYgNS4wOTItNi40NDggMy4xNzMtMTAuMTE4eiIvPjxwYXRoIGQ9Im0zMDguMjgzIDIyNi4yNzhjLTQuMTQzIDAtNy41IDMuMzU4LTcuNSA3LjV2NDQuNTVjLTYuMzk1IDIuODc2LTEwLjg2NiA5LjI5My0xMC44NjYgMTYuNzQ4IDAgMTAuMTI3IDguMjM5IDE4LjM2NiAxOC4zNjYgMTguMzY2IDIuNzc2IDAgNS40LS42MzcgNy43NjItMS43NDVsNTAuMDM3IDUwLjAzN2MxLjQ2NSAxLjQ2NSAzLjM4NCAyLjE5NyA1LjMwNCAyLjE5NyAxLjkxOSAwIDMuODM5LS43MzIgNS4zMDQtMi4xOTcgMi45MjktMi45MjkgMi45MjktNy42NzggMC0xMC42MDZsLTUwLjgxMi01MC44MTNjLjQ5Ni0xLjY2Mi43NzEtMy40MTguNzcxLTUuMjM5IDAtNy40NTQtNC40NzEtMTMuODcyLTEwLjg2NS0xNi43NDd2LTQ0LjU1Yy0uMDAxLTQuMTQzLTMuMzU5LTcuNTAxLTcuNTAxLTcuNTAxem0tMy4zNjYgNjguNzk3YzAtMS44NTYgMS41MS0zLjM2NiAzLjM2Ni0zLjM2NiAxLjg1NSAwIDMuMzY1IDEuNTEgMy4zNjUgMy4zNjZzLTEuNTEgMy4zNjYtMy4zNjUgMy4zNjZjLTEuODU3IDAtMy4zNjYtMS41MS0zLjM2Ni0zLjM2NnoiLz48L3N2Zz4=) !important;
height: 50px;
font-size: 45px;
left: 0.5rem;
top: 50%;
transform: translateY(-50%);
}
.stopwatch-info-block-content {
display: flex;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.stopwatch-info-block .stopwatch-info-block-title {
color: #FFEB3B;
text-transform: uppercase;
margin-bottom: 5px;
display: block;
font-size: 22px;
font-weight: 700;
letter-spacing: 5px;
}
.stopwatch-info-block .stopwatch-info-block-text {
font-size: inherit;
display: block;
color: white;
font-size: larger;
margin-bottom: 5px;
margin-top: -5px;
}
.stopwatch-info-block .outlined-text {
color: #FFEB3B; /* Or any desired fill color for the text */
-webkit-text-stroke: 1px black; /* Adjust width and color as needed */
}
/* End of list style */
.ias-noneleft {
margin: 35px 10px 10px 10px !important;
}
/* Docuemnt embedding in HTML Google Drive */
.pdf-embed {
background: #fff;
position: relative;
width: 50vw;
padding-top: 50%;
overflow: hidden;
}