/*******
	File: 		/prototype/03/edelivery/02/assets/css/index.scss
	Author: 	Wesley Graham
	Company: 	Teleflora, LLC
	Created: 	October 09, 2024
	--------------------------
	Edit Date: 	
	Edit By:   	
	Last Edit: 	
	- - - - - - - - - - - - - 
	--------------------------
	TABLE OF CONTENTS
	--------------------------
		GLOBAL STYLES
			.usd
			.text-sm
			BUTTONS
				.btn
			FORMS
				.required
				.form-group
*******/
/* GLOBAL STYLES */
.noShow {
	display: none;
}

.usd {
  white-space: nowrap;
}
.usd:before {
  content: "$";
}

.text-sm {
  font-size: 75%;
}

/* BUTTONS */
.btn:not(.btn-link) > .btn-label {
  text-transform: uppercase;
  line-height: 0.85em;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.btn:not(.btn-link).btn-lg > .btn-label {
  font-size: 70%;
}
.btn > .icon:not(.fa-2x) {
  margin-right: 0.15em;
}

/* FORMS */
.required:before {
  content: "* ";
  color: #DC3545;
}

.form-group {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.form-group label.control-label,
.form-group span.input-label {
  font-weight: bold;
}

/* ACCORDIAN */
.accordion > .accordion-item {
  margin-bottom: 0.5rem;
}
.accordion > .accordion-item > .accordion-header .accordion-button,
.accordion > .accordion-item > .accordion-header .accordion-button.collapse {
  background-color: #d9d9d9;
  color: black;
}

/* CUSTOM STYLES */
.page-body.text-xs #content,
.page-body.text-xs .modal {
  font-size: 80%;
}
.page-body.text-sm #content,
.page-body.text-sm .modal {
  font-size: 90%;
}

.form-check:not(.form-switch) .form-check-input {
  margin-left: -1.25rem;
  border-color: #333333;
}
.form-check:not(.form-switch) .form-label {
  margin-left: 0.5rem;
}

.map-wrapper {
  width: 100%;
  height: calc(100vw - 5rem);
}

table > tbody > tr.tfoot {
  font-weight: bold;
}

/* DARK THEME */
*[data-bs-theme=dark] .accordion > .accordion-item > .accordion-header .accordion-button,
*[data-bs-theme=dark] .accordion > .accordion-item > .accordion-header .accordion-button.collapse {
  background-color: #404040;
  color: white;
}

/* PLUGIN STYLES */
/* SIGNATURE PAD */
/* SIGNATURE PAD */
.m-signature-pad {
	position: relative;
	font-size: 10px;
	width: 100%;
	height: 225px;
	/*top: 50%;
          left: 50%;*/
	/*margin-left: -350px;
          margin-top: -200px;*/
	border: 1px solid #e8e8e8;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
	border-radius: 4px;
}

	.m-signature-pad:before,
	.m-signature-pad:after {
		position: absolute;
		z-index: -1;
		content: "";
		width: 40%;
		height: 20px;
		left: 20px;
		bottom: 10px;
		background: transparent;
		-webkit-transform: skew(-3deg) rotate(-3deg);
		-moz-transform: skew(-3deg) rotate(-3deg);
		-ms-transform: skew(-3deg) rotate(-3deg);
		-o-transform: skew(-3deg) rotate(-3deg);
		transform: skew(-3deg) rotate(-3deg);
		box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
	}

	.m-signature-pad:after {
		left: auto;
		right: 20px;
		-webkit-transform: skew(3deg) rotate(3deg);
		-moz-transform: skew(3deg) rotate(3deg);
		-ms-transform: skew(3deg) rotate(3deg);
		-o-transform: skew(3deg) rotate(3deg);
		transform: skew(3deg) rotate(3deg);
	}

.m-signature-pad--body {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 20px;
	bottom: 60px;
	border: 1px solid black;
}

	.m-signature-pad--body canvas {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 4px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
	}

.m-signature-pad--footer {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 30px;
	height: 40px;
}

	.m-signature-pad--footer .description {
		color: #C3C3C3;
		text-align: center;
		font-size: 1.2em;
		margin-top: 1.8em;
	}

	.m-signature-pad--footer .button {
		position: absolute;
		bottom: 0;
	}

		.m-signature-pad--footer .button.clear {
			left: 0;
		}

		.m-signature-pad--footer .button.save {
			right: 0;
		}
/*# sourceMappingURL=index.css.map */