Your IP : 216.73.216.87


Current Path : /home/bitrix/vorobey-clubru/bitrix/js/fileman/block_editor/
Upload File :
Current File : /home/bitrix/vorobey-clubru/bitrix/js/fileman/block_editor/dialog.css

/*
WYSIWUG BUGFIXES
*/
.bxhtmled-top-bar-wrap{display: inline;}


.bx-block-editor-container{
	color: #000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	font-size: 13px;
	width: 100%;
	z-index: 1000;
	/*	background-color: #EBEBEB;*/
}

/*SHADOW*/
/*.bx-block-editor-container .shadow{
	vertical-align: middle;
	width: 100%;
	height: 100%;
	z-index: 500;
	cursor: pointer;
	display: none; 
	position: absolute;
	background-color: rgba(255, 255, 255, 0.9);
}
.bx-block-editor-container .shadow .edit-text{
	text-align: center;
	background-color: rgba(25, 25, 25, 0.85);
	color: #FFF;
	font-size: 20px;
	padding: 60px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -75px;
}

.bx-block-editor-container .shadow.active{
	display: block;
}*/
/*
.bx-block-editor-container .shadow:hover{
	background-color: rgba(133, 137, 140, 0.69);
	border: 2px solid #828282;
}
.bx-block-editor-container .shadow:hover .edit-text{
	padding: 60px;
	display: block;
}
*/

/*BUTTON PANEL*/
.bx-block-editor-container .button-panel{
/*	padding: 10px;
	outline: 1px solid rgb(201, 201, 201);*/
	/*
	display: none;
	background-color: #EFF7FF;
	*/

}
.bx-block-editor-container .button-panel {
  background: url("/bitrix/images/fileman/block_editor/bx-admin-tabs-border-fon.png") repeat-x 0 bottom;
  margin: -4px 0 -2px;
  padding: 0 0 0 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*padding-right: 40px;*/
}
.bx-editor-block-btn {
  background: url("/bitrix/panel/main/images/bx-admin-sprite-small-1.png") repeat-x 0 -2525px;
  display: inline-block;
  border-radius: 4px 4px 0 0;
  border: 1px solid;
  border-color: #d2dbdd #bec6c8;
  border-bottom: none;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  color: #3f4b54;
  cursor: pointer;
  height: 25px;
  font-size: 13px;
  font-weight: bold;
  margin: 10px 6px 8px 0;
  text-shadow: 0 1px #fff;
  position: relative;
  padding: 8px 15px 0;
  vertical-align: top;
}
.bx-editor-block-btn-active {
	  background-position: 0 -2473px;
  color: #000;
  margin: 4px 6px 8px 0;
  height: 26px;
  padding-top: 13px;
  position: relative;
  cursor: default;
  z-index: 2;
}


.bx-block-editor-container .button-panel span{
/*	display: inline-block;
	text-align: center;
	cursor: pointer;
	margin-left: 50px;
	border-bottom: dashed 1px #4394ED;
	color: #4394ED;*/
	/*
	padding: 7px;
	background-color: #96BDD8;
	min-width: 60px;
	border-radius: 15px;
	color: white;
	font-weight: bold;
	*/
}
.bx-block-editor-container .button-panel span.bx-editor-block-btn-close{
	float: right;
	margin-right: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAD1BMVEX///9/hY5/ho6Aho6Aho9Hg+/yAAAAAXRSTlMAQObYZgAAADdJREFUeNpNjkEOACAIw5zt/9+sMXG6cGgJEMaLF9iFVwx0RMuD8IvHkPl1p6kELZteOot5XzQLKq8AiGfbYN8AAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	display: none;
	width: 20px;
	height: 20px;
	margin-top: 16px;
}
.editing.bx-block-editor-container .button-panel span.bx-editor-block-btn-close{
	display: block;
}
.bx-block-editor-container .button-panel span.bx-editor-block-btn-full{
	float: right;
	margin-right: 12px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAD1BMVEX///9/hY5/ho6Aho6Aho9Hg+/yAAAAAXRSTlMAQObYZgAAADNJREFUeNpNirENACAAg6zw/806aLXpAAnjDJmM2jSVoGXjzWRTsyaP2McrBpoo7Qm/WFspRwCI89a3+AAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 16px;
}
.editing.bx-block-editor-container .button-panel span.bx-editor-block-btn-full{
	display: none;
}

.bx-block-editor-container .edit-panel, 
.bx-block-editor-container .preview-panel,
.bx-block-editor-container .get-html-panel, 
.bx-block-editor-container .save-template-panel{
	display: none;
	width: 100%;
	min-width: 640px;
	padding: 10px;
}
/*EDIT PANEL*/
.bx-block-editor-container .edit-panel,
.bx-block-editor-container .preview-panel,
.bx-block-editor-container .get-html-panel{
	display: inline-flex;
	position: relative;
	background-color: #fff;
  border-radius: 0 0 4px 4px;
  border: 1px solid #ced7d8;
  border-top: none;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bx-ie .bx-block-editor-container .edit-panel,
.bx-ie .bx-block-editor-container .preview-panel,
.bx-ie .bx-block-editor-container .get-html-panel{
	display: block;
}
.editing.bx-block-editor-container .bx-editor-block-panel.preview-panel,
.editing.bx-block-editor-container .bx-editor-block-panel.edit-panel{
	height: 100%;
	display: block;
}
.editing.bx-block-editor-container .edit-panel .preview-panel,
.editing.bx-block-editor-container .edit-panel .visual-part{height: 100%;}
.bx-block-editor-container .edit-panel .visual-part{
	min-width: 640px;
	height: 800px;
	background-color: #F2F2F2;
	outline: 1px solid rgb(201, 201, 201);
	vertical-align: top;
	width: 100%;
	-webkit-transition: width 0.2s ease-in-out;
		-moz-transition: width 0.2s ease-in-out;
		-ms-transition: width 0.2s ease-in-out;
		-o-transition: width 0.2s ease-in-out;
			transition: width 0.2s ease-in-out;
}
.bx-ie .bx-block-editor-container .edit-panel .visual-part{
	width: 85% !important;
	float: left;
}

.bx-block-editor-container .edit-panel .dialog-part{
	outline: 1px solid rgb(201, 201, 201);
	position: relative;
	min-width: 185px;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	vertical-align: top;
	outline: 1px solid rgb(201, 201, 201);
	position: relative;
	background: #f1f4f4;
}
.bx-ie .bx-block-editor-container .edit-panel .dialog-part{
	width:15%;
	float: left;
	min-width: auto;
	height: 800px;
}
.bx-block-editor-container.editing .edit-panel .dialog-part{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}

.bx-block-editor-container .edit-panel .block-edit-cont{
	min-height: 500px;
	padding: 10px;
	min-width: 440px;
	width: 100%;
	max-width: 600px;
	height: 100%;
	display: none;
	position: absolute;
	z-index: 30;
	background-color: #fff;
	overflow: hidden;
	box-shadow: -9px 0px 10px -10px rgba(0,0,0,0.7);
	top: 0;
	bottom: 0;
	right: -100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
.bx-block-editor-container .edit-panel .block-edit-cont.show-tools {
	right: 0;
	display: block;
}

.block-list-cont{
	background: #f1f4f4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	position: absolute;
	z-index: 20;
	top: 0;
	bottom: 0;
}

.block-list-cont .block-pager{
	float: none;
	text-align: center;
	position: absolute;
	bottom: 20px;
	width: 100%;
}

.bx-editor-block-panel{
	padding: 0 0 20px!important;
	border-top: 1px solid #ced7d8 !important;
}
.bx-editor-block-form-head{
	position: relative;
	height: 40px;
}
.bx-editor-block-form-head-btn{
	position: absolute;
	left: 10px;
	top: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}
.bx-editor-block-tools-btn{
	color: #6b7987;
	font-weight: bold;
	font-size: 13px;	
	text-decoration: none;
	margin-right: 10px;
	cursor: pointer;
}
.bx-editor-block-tools-btn:hover{
	text-decoration: none;
	color: #333;
}
.bx-editor-block-tools-close:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAFVBMVEVHWGj///9HWGhHWGhHWGhHWGhHWGhQjYYWAAAAB3RSTlMAAGhpnJ3MGDxVBQAAAEBJREFUeNp1jNEOADAEAw3z/588Nolo5l6kFy0tgPI4XaiCMBvF64cIJiF24fqQzFVhz32DGUadEmqJotj/CnAAuhwBfEb0ekYAAAAASUVORK5CYII=);
}
.bx-editor-block-tools-cancel:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVHWGj///9HWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhR1u8eAAAADnRSTlMAADIzODk6YWKZsLHKzMAL16IAAABOSURBVHjabczRDoAgDEPRIugU7P//rnODIIv38SQtUggJVgAJIFxBSIxeEPZqcTg5urOBik8uVgMVh0w6qBhsE/CdmPTTY4W2w2H2D6EHnk8DB1j4dnIAAAAASUVORK5CYII=);
}
.bx-editor-block-tools-close:hover:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAFVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAACWttmcAAAABnRSTlMAAIKDw8S2W17cAAAAQElEQVR42nWM0Q4AMAQDDfP/nzw2iWjmXqQXLS2A8jhdqIIwG8XrhwgmIXbh+pDMVWHPfYMZRp0Saomi2P8KcAC6HAF8RvR6RgAAAABJRU5ErkJggg==);
}
.bx-editor-block-tools-cancel:hover:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD1lHmjAAAADXRSTlMAAD9ARkdJeXq/3N38SXNyewAAAE5JREFUeAF1zFEOgDAIg2HmVHTa+19XpJgFEv/HL2mllaQJy6AFFBkUBtELimishANfd3cw4eTEcDAhdIBg4rAEsDlxidM9w7UJYfYDuQebnQMEm0dTyAAAAABJRU5ErkJggg==);
}
.block-edit-tabs{
	position: absolute;
	right: 10px;
	top: 5px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
}
.bx-block-editor-container .edit-panel .bx-editor-block-tab{
	font-size: 13px;
	color: #728aae;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px dashed;
	margin: 0 10px;	
}
.bx-block-editor-container .edit-panel .bx-editor-block-tab:hover{
	border-bottom: 1px solid;
}
.bx-block-editor-container .edit-panel .bx-editor-block-tab.active{
	color: #000;
	border-bottom: 1px dashed transparent; 
}
.bx-block-editor-container .edit-panel .block-edit-form-empty{
	display: none;
}
.bx-block-editor-container .edit-panel .block-edit-form-empty.active{
	display: block;
}
.bx-block-editor-container .edit-panel .block-edit-form {
	max-height: 600px;
	min-width: 440px;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 20px;
}

/*EDITING MODE*/
.bx-block-editor-container.editing{
	position: fixed;
	background-color: #E5EEF0;
}
.bx-block-editor-container.editing .edit-panel .dialog-part{
	display: block;
}
.bx-block-editor-container.editing .button-panel{
	display: block;
}
/*
.bx-block-editor-container.editing .shadow{
	display: none;
}
*/

/*OTHER*/
ul.bx-block-editor-i-place-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.bx-block-editor-i-place-list li{
	font-size: 13px;
	margin: 0;
	padding: 5px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	cursor: pointer;
}
ul.bx-block-editor-i-place-list li:hover{
	background-color: #1485ce;
	color: white;
}

ul.bx-block-editor-i-block-list{
	display: none;
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.bx-block-editor-i-block-list:first-of-type{
	display: block;
}

ul.bx-block-editor-i-block-list li{
	margin: 0 3px 5px;
	border: none !important;
	text-align: center !important;
	/*float: left;*/
	display: inline-block;
	width: 65px;
	cursor: -webkit-grab;
}

ul.bx-block-editor-i-block-list li.bx-editor-type-component div{
	background: none;
	background-size: 0;
	padding-top: 33px;
	background-color: #BCB2F7;
	border: 1px solid #d0d0d0;
}

ul.bx-block-editor-i-block-list li .bx-block-editor-i-block-list-item-icon {
	background: #fff url(/bitrix/images/fileman/block_editor/block_editor_blocks.png) no-repeat 100px 100px;
	font-size: inherit;
	display: block;
	color: inherit;

	width: 65px;
	height: 65px;
	background-size: 65px auto;
	border: 1px solid #d0d0d0;
	border-radius: 2px;

}

ul.bx-block-editor-i-block-list li:hover .bx-block-editor-i-block-list-item-icon{
	border: 1px solid #1485ce;
	box-shadow: inset 0 0 0 1px #1485ce; 
}
ul.bx-block-editor-i-block-list li.bx-editor-type-component:hover .bx-block-editor-i-block-list-item-icon{
	border-color: #9fbe38;
	box-shadow: inset 0 0 0 1px #9fbe38; 
}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-text 		 .bx-block-editor-i-block-list-item-icon{background-position:center 0;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-footer 	 .bx-block-editor-i-block-list-item-icon{background-position:center -65px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-line 		 .bx-block-editor-i-block-list-item-icon{background-position:center -130px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-boxedimage .bx-block-editor-i-block-list-item-icon{background-position:center -195px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-image  	 .bx-block-editor-i-block-list-item-icon{background-position:center -260px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-imagegroup .bx-block-editor-i-block-list-item-icon{background-position:center -325px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-imagetext  .bx-block-editor-i-block-list-item-icon{background-position:center -390px;}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-code 		 .bx-block-editor-i-block-list-item-icon{background-position:center -520px;}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-button 	 .bx-block-editor-i-block-list-item-icon{background-position:center -650px;}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-bigdata-recommends-mail 	 .bx-block-editor-i-block-list-item-icon{background-position:center -780px;}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-sale-personal-order-detail-mail	 .bx-block-editor-i-block-list-item-icon{background-position:center -975px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-catalog-top-mail	 .bx-block-editor-i-block-list-item-icon{background-position:center -1040px;}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-sale-discount-coupon-mail 	 .bx-block-editor-i-block-list-item-icon{background-position:center -1170px}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-social 	 .bx-block-editor-i-block-list-item-icon{background-position:center -1235px;}
ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-sale-basket-basket-small-mail 	 .bx-block-editor-i-block-list-item-icon{background-position:center -1300px;}

ul.bx-block-editor-i-block-list li.bx-editor-typecode-boxedtext  .bx-block-editor-i-block-list-item-icon{background-position:center -1365px;}
ul.bx-block-editor-i-block-list li.bx-editor-type-component  .bx-block-editor-i-block-list-item-icon {
	background-color: #fcfff3;
	background-position: center -1430px;
}

ul.bx-block-editor-i-block-list .bx-block-editor-i-block-list-item-name{
	/*font-weight: 600;*/
	font-size: 11px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;

}

/* PREVIEW */
.bx-block-editor-preview-container{
	display: none;
	top: 0;
	left: 0;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

/*SHADOW*/
.bx-block-editor-preview-container .devices{
	text-align: center;
	padding-top: 12px;
	background: #f7f9f9;
	padding-bottom: 10px;
	border-bottom: 1px solid #edeef0;
}
.bx-block-editor-preview-container .devices .device{
	padding: 3px 10px;
	text-align: center;
	display: inline-block;
	color: #888888;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	cursor: pointer;
	border-radius: 2px;
	vertical-align: middle;
}
.bx-block-editor-preview-container .devices .device:before{
	content: "";
	display: inline-block;
	width: 25px;
	height:24px;
	line-height: 25px;
	vertical-align: middle;
	-webkit-background-size: contain;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center
}
.bx-block-editor-preview-container .devices .device.phone:before{
	background-image: url(/bitrix/images/fileman/block_editor/device_phone.png);
	width: 13px;
}
.bx-block-editor-preview-container .devices .device.tablet:before{
	background-image: url(/bitrix/images/fileman/block_editor/device_tablet.png);
	width: 18px;
}
.bx-block-editor-preview-container .devices .device.desktop:before{
	background-image: url(/bitrix/images/fileman/block_editor/device_desktop.png);
	width: 41px;
}
.bx-block-editor-preview-container .devices .device.active{
	box-shadow: 0 0 0 2px #2aace2;
	background: #eff6fb;
}
.bx-block-editor-preview-container .devices .device span{
	line-height: 25px;
	display: inline-block;
	vertical-align: middle;
}

.bx-block-editor-preview-container .devices div .rotate{
	font-size: 10px;
}

/*SHADOW*/
.bx-block-editor-container .shadow{
	vertical-align: middle;
	width: 100%;
	height: 100%;
	z-index: 40;
	cursor: pointer;
	display: none;
	/*border: 2px solid #828282;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: rgba(255,255,255,.9);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}
.bx-block-editor-container .shadow .edit-text{
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	background: url(/bitrix/images/fileman/block_editor/waiter-iphone.gif) no-repeat center;
}

.bx-block-editor-container .shadow .error-text{
	height: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	display: none;
	font-size: 16px;
}
.bx-block-editor-container .shadow.access-denied .edit-text{
	display: none;
}
.bx-block-editor-container .shadow.access-denied .error-text{
	display: block;
}

.bx-block-editor-container .shadow.active{
	display: block;
}


/* PREVIEW PHONE */
.bx-block-editor-preview-container .iframe-wrapper {
	/*border: solid 1px #000000;*/
	margin-top: 30px;
	position: relative;
	display: inline-block;
	border-style: solid;
	-webkit-transition: all 250ms ease;
	   -moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		 -o-transition: all 250ms ease;
			transition: all 250ms ease;
	-webkit-border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 repeat;
	   -moz-border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 repeat;
		 -o-border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 repeat;
			border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 fill repeat;
}
.bx-ie .bx-block-editor-preview-container .iframe-wrapper{
		-ms-border-image: none !important;
			border-image: none !important;
	border: 4px double #3d3d3d !important;
}
.bx-block-editor-preview-container .iframe-wrapper iframe{
	-webkit-transition: all 250ms ease;
	   -moz-transition: all 250ms ease;
		-ms-transition: all 250ms ease;
		 -o-transition: all 250ms ease;
			transition: all 250ms ease;	
}
.bx-block-editor-preview-container .iframe-wrapper.phone{
	border-width: 20px 15px 50px;
}
.bx-block-editor-preview-container .iframe-wrapper.phone:after,
.bx-block-editor-preview-container .iframe-wrapper.phone:before{
  content: "";
  display: block;
  border: 1px solid #dfdfdf;
  left: 50%;
  position: absolute;
  bottom: -40px;

}
.bx-ie .bx-block-editor-preview-container .iframe-wrapper.phone:after,
.bx-ie .bx-block-editor-preview-container .iframe-wrapper.phone:before{display: none;}
.bx-block-editor-preview-container .iframe-wrapper.tablet:after,
.bx-block-editor-preview-container .iframe-wrapper.phone:after{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: -15px;
  z-index: 1;
}
.bx-block-editor-preview-container .iframe-wrapper.tablet:before,
.bx-block-editor-preview-container .iframe-wrapper.phone:before{
  width: 12px;
  height:12px;
  border-radius: 3px;
  margin-left: -6px;
  z-index: 2;
  margin-bottom: 9px;
}
.bx-block-editor-preview-container .iframe-wrapper.tablet{
	border-width: 41px 27px 73px;
}
.bx-block-editor-preview-container .iframe-wrapper.tablet:after,
.bx-block-editor-preview-container .iframe-wrapper.tablet:before{
  content: "";
  display: block;
  border: 1px solid #dfdfdf;
  left: 50%;
  position: absolute;
  bottom: -50px;

}
.bx-block-editor-preview-container .iframe-wrapper.tablet:after{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: -15px;
  z-index: 1;
}
.bx-block-editor-preview-container .iframe-wrapper.tablet:before{
  width: 12px;
  height:12px;
  border-radius: 3px;
  margin-left: -6px;
  z-index: 2;
  margin-bottom: 9px;
}
.bx-block-editor-preview-container .iframe-wrapper.desctop{
	border-width: 41px 27px 73px;
}

.bx-block-editor-preview-container .iframe-wrapper iframe {
	border: none;
	width: 320px;
	height: 480px;
}


/* EDIT DIALOG */
.bx-editor-block-tools{
	display: none;
	padding: 5px 0 5px 5px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx-editor-block-tools .caption{
	font-weight: bold;
	background-color: #F0F8FF;
	padding: 10px;
	color: #505d66;
	text-shadow:1px 0 1px #fff;
	margin-bottom: 10px;
}

.bx-editor-block-tools .item{

}
.bx-editor-block-tools .item .column{
	margin-bottom: 10px;
	/*display: none;*/
}
.bx-editor-block-tools .item .column span{
	margin-right: 10px;
	text-decoration: none;
	border-bottom: dashed 1px #7fbeff;
	color: #7fbeff;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.bx-editor-block-tools .item .column span.active{
	border-bottom: dashed 0 #7fbeff;
	color: #000000;
	cursor: default;
}

.bx-editor-block-tabs {
	font-size: 0;
	text-align: center;
	margin-bottom: 10px;
}

.bx-editor-block-tabs .tab {
	background-image: -webkit-linear-gradient(top, #f0f2f4, #d2dcde);
	background-image:   linear-gradient(to bottom, #f0f2f4, #d2dcde);
	border: 1px solid;
	border-color: #9faaad  #8c999c #778788;
	border-left: none;
	border-radius: 0 3px 3px 0;
	color: #3f4b54;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	min-width: 40px;
	padding: 0 10px;
	text-align: center;
	text-shadow: 0 1px #fff;
	vertical-align: top;
}

.bx-editor-block-tabs .tab:first-child {
	border-left: 1px solid #8c999c;
	border-right: none;
	border-radius: 3px 0 0 3px;
}


.bx-editor-block-tabs .tab.active {
	background-image: -webkit-linear-gradient(top, #637079, #909ba2, #a8b2b8);
	background-image:   linear-gradient(to bottom, #637079, #909ba2, #a8b2b8);
	border-left: 1px solid;
	border-color: #3a4348 #62696e #868d92;
	-webkit-box-shadow: inset 2px 0 4px rgba(0, 0, 0, 0.27);
	box-shadow: inset 2px 0 4px rgba(0, 0, 0, 0.27);
	color: #fff;
	text-shadow: 0 1px 1px rgba(73,83,91,0.5);
}

.bx-editor-block-tabs .tab.active:first-child {
	border-right: 1px solid #62696e;
}

.edit-panel-tabs-style{
	display: none;
}

.bx-editor-color-picker{
	width: 100px;
	height: 20px;
}
.bx-editor-color-picker-view{
	margin-left: 10px;
	width: 23px;
	height: 23px;
	border: 1px solid #B1ACAC;
	display: inline-block;
	vertical-align: middle;
}

/*a.bx-editor-block-tools-cancel{
	text-decoration: none;
	border-bottom: 1px dashed #000080;
	margin-left: 15px;
	cursor: pointer;
	padding: 10px;
	font-size: 14px;
}*/

@media (max-width: 767px) {
	.stats ul li > div{
		bottom: 2px;
	}
	
}