@import "../../../base-styles.scss";

@mixin responsivePseudoElementBaseAttributes() {
	left: 0px;
	height: 19px;
	width: 15px;
	display: block;
	position: absolute;
	color: #fff;
	text-align: center;
	text-indent: 0 !important;
	font-family: "Courier New", Courier, monospace;
	line-height: 20px;
	font-size: 16px;
	
	pointer-events: auto;
}

@mixin responsivePseudoElementChangeColor() {
	@include media-breakpoint-down(lg){
		td.dtr-control {
			tr.parent &{
				&::before{
					content: "-";
					background-color: #31d281;
				}
				cursor: pointer;
			}	
		}

		td.dtr-control {
			tr &{
				&::before{
					content: "+";
					background-color: #4776E6;
				}
				cursor: pointer;
			}	
		}
	}
}