@import '../../variables.less';
@import '../../mixins.less';

/**********************
real-fields/scrollbar.less
*************************/
.ecf-output-fields-wrapper, #wp-link-wrap.ecf-link-dialog {

	.ss-wrapper {
	    overflow : hidden;
	    height   : 100%;
	    position : relative;
	    z-index  : 1;
	    float: left;
      width: 100%;
	}

	.ss-content {
		height: 100%;
		width: calc(~"100% + 18px");
		padding: 0 0 0 0;
		position: relative;
		right: 0;
		overflow: auto;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ss-scroll {
	  position            : relative;
	  background          : rgba(0, 0, 0, .1);
	  width               : 9px;
	  border-radius       : 4px;
	  top                 : 0;
	  z-index             : 2;
	  cursor              : pointer;
	  opacity: 0;
	  transition: opacity 0.25s linear;
	}

	.ss-container:hover .ss-scroll {
	  opacity: 1;
	}

	.ss-grabbed {
	     user-select: none;
	     -o-user-select: none;
	     -moz-user-select: none;
	     -khtml-user-select: none;
	     -webkit-user-select: none;
	}

}