PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/trave494/rfstoolsupply.com/wp-content/plugins/woozone/aa-framework/scss/
Server: Linux ngx353.inmotionhosting.com 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64
IP: 209.182.202.254
Choose File :

Url:
Dir : //home/trave494/rfstoolsupply.com/wp-content/plugins/woozone/aa-framework/scss/_spin-content.scss

##{$alias} {
	
	.#{$alias}-product-preview {
		padding: px(10) px(10) px(10) px(10);
		
		.#{$alias}-product-preview img {
			border: px(1) solid #F2F2F2;
		}
		.#{$alias}-product-preview .#{$alias}-product-label {
			border-bottom: px(1) solid #F2F2F2;
			padding: px(5) px(5) px(5) px(5);
			:last-child {
				padding: px(5) px(0) px(0) px(0);
				border: px(0)solid red;
			}
			.#{$alias}-button {
				width: px(128);
				text-align: center;
			}
		}
	}
	
	table##{$alias}ContentSpinner {
		tr td {
			padding: px(0) px(0) px(0) px(0);
		}
		.#{$alias}-form-button {
			margin-bottom: px(5);
		}
	}	

	.#{$alias}-spinn-content {
		width: 100%;
		background: #fbfbfb;
		margin: 0 !important;
		td {
			border: none;
			vertical-align: top !important;
			padding: 0 !important;
		}
		.#{$alias}-spin-content-editor {
			width: 92%;
			height: px(300);
			background: #ffffff;
			overflow: auto;
			text-align: left;
			padding: 2%;
			margin: 2%;
		}
		.#{$alias}-spinner-container {
			.#{$alias}-hightlight {
				background-color: #fff7a2;
			}
			div.#{$alias}-spin-replacement {
				border-bottom: px(2) solid #3194f1;
				width: auto;
				display: inline-block;
				position: relative;
				.#{$alias}-spin-current-replacement {
					cursor: pointer;
				}
				select.#{$alias}-spin-replacements-list {
					position: absolute;
					display: none;
					top: px(10);
					left: 0;
				}
			}
		}
		.#{$alias}-spin-editor-container {
			position: relative;
			.#{$alias}-spin-replacement-box {
				display: none;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: px(205);
				background: #95a5a6;
				z-index: 10;
				padding-top: px(10);
				padding-bottom: px(10);
				a.close {
					font-size: px(30);
					font-weight: bold;
					line-height: px(18);
					color: #ffffff;
					background: #c0392b;
					line-height: px(22);
					text-decoration: none;
					display: block;
					width: px(26);
					height: px(26);
					position: absolute;
					top: -#{px(25)};
					right: 0;
					&:hover {
						background: #e74c3c;
					}
				}
			}
			.#{$alias}-spin-box-suggest {
				width: 96%;
				margin-left: 2%;
				height: px(140);
				border: px(1) solid #dadada;
				background: #ffffff;
				overflow: auto;
			}
			.#{$alias}-spin-box-suggest-options {
				width: 96%;
				margin-left: 2%;
				margin-top: px(10);
			}
		}
		.#{$alias}-spin-options {
			text-align: left;
			padding: 0 2% 2%;
			overflow: hidden;
			.#{$alias}-button {
				float: left;
			}
			label {
				float: left;
			}
			.#{$alias}-spin-replacements {
				width: px(200);
				position: relative;
				right: -#{px(15)};
			}
		}
		h2 {
			padding: px(15) 0;
			margin: 0;
			background: #3194f1;
			color: #ffffff !important;
			display: block;
			text-align: left;
			width: 100%;
			text-indent: px(15);
		}
		.#{$alias}-spin-original-content span {
			border-bottom: px(2) solid #f1c40f;
			&.#{$alias}-hightlight {
				background-color: #fff7a2;
			}
		}
	}
	.#{$alias}-spinn-container {
		position: relative;
		.#{$alias}-row-loading {
			margin: 0 0 0 0 !important;
		}
	}
	
	.#{$alias}-spinn-container .#{$alias}-row-loading-marker {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100%;
		height: 100%;
	}
	.#{$alias}-spinn-content .#{$alias}-spinner-container select {
		position: static;
		top: 0;
		bottom: 0;
		height: auto;
		width: auto;
		margin: px(2) 0;
		left: 0;
		float: none;
		display: inline-block;
	}
	
	.#{$alias}-spin-box-suggest-options {
		.#{$alias}-skip-to-prev {
			width: 48%;
			margin-left: 1%;
			margin-right: 1%;
			padding-left: 0;
			padding-right: 0;
		}
		.#{$alias}-skip-to-next {
			width: 47%;
			margin-left: 1%;
			margin-right: 1%;
			padding-left: 0;
			padding-right: 0;
		}
	}
	.#{$alias}-spinn-border-right {
		border-right: px(1) solid #f7f7f7 !important;
	}
	.#{$alias}-spin-box-suggest .#{$alias}-spin-box-suggest-select {
		margin: 0;
		text-align: left;
		li {
			border-bottom: px(1) solid $seashell;
			margin: 0;
			padding: px(3) px(5);
			cursor: pointer;
			//Instead of the line below you could use @include user-select($select)
			user-select: none;
			&.current {
				background: #3194f1;
				color: #ffffff;
				cursor: default;
			}
			&.original {
				padding-top: 0;
			}
			sup {
				position: relative;
				bottom: -#{px(2)};
				right: -#{px(4)};
			}
			&:not(.current):hover {
				background: $seashell;
				color: $black;
			}
		}
	}
}