@charset "utf-8";
/* CSS Document */

input:required,
select:required,
textarea:required{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	outline: none;
}
input:focus,
select:focus,
textarea:focus{
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
	-ms-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.25);
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea{
	width:100%;
	border:1px solid rgba(204,204,204,1);
	background-color:inherit;
	height:32px;
	box-sizing:border-box;
	padding:5px;
	font-family:inherit;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea{-webkit-appearance: initial; -moz-appearance: initial; -ms-appearance: initial; -o-appearance: initial; appearance: initial;}
/*input:-moz-read-only {background-color: rgba(255,255,255,0.4) !important;}
input:read-only {background-color: rgba(255,255,255,0.4) !important;}*/
textarea{
	height:auto;
	resize:none;
}
select option[disabled]{
	color:rgba(204,204,204,1);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: rgba(204,204,204,1) !important;
}

/* -checkbox- */
.checkbox{
	height:20px;
	width:20px;
	line-height:20px;
	border:1px solid rgba(204,204,204,1);
	font-size:18px;
	display:inline-block;
	vertical-align: middle;
	position:relative;
}
.checkbox.checked:before{
	content:"\f00c";
	font-family:"fontAwesome";
	height:20px;
	width:20px;
	display:block;
	text-align:center;
	color:rgba(51,153,0,1);
	position:absolute;
}
.checkbox>input[type="checkbox"]{
	height:20px;
	width:20px;
	opacity:0;
	z-index:-1;
	position:relative;
}
.checkbox.focus{
    border: 1px solid rgba(255,0,0,1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(255,0,0,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(255,0,0,0.5);
    box-shadow: 0px 0px 2px 0px rgba(255,0,0,0.5);
}
.checkbox[data-disabled="true"]{opacity:0.5}
/* -/checkbox- */

/* -password- */
.password-cont>div{display:table-cell}
.password-cont>.password-input{width:100%}
.password-cont>.password-btn{
	padding: 0 15px;
    background-color: rgba(221,221,221,1);
    color: rgba(102,102,102,1);
    font-size: 12px;
    box-sizing: border-box;
    text-transform: uppercase;
    border-top: 1px solid rgba(204,204,204,1);
	border-right: 1px solid rgba(204,204,204,1);
	border-bottom: 1px solid rgba(204,204,204,1);
	cursor:pointer;
}
.password-cont>.password-btn:hover{opacity:0.7}
/* -/password- */

/* - icon picker - */
.icon-popup-bg{
	position:fixed;
	z-index:9998;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.icon-popup.loaded .icon-popup-bg{
	opacity:1;
}
.icon-popup-inner{
	position:fixed;
	z-index:9999;
	top:5%;
	right:5%;
	bottom:5%;
	left:5%;
	background-color:rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-sizing:border-box;
	padding:10px;
	overflow:auto;
	opacity:0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.icon-popup.loaded .icon-popup-inner{
	opacity:1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.icon-popup h3{
	font-weight:500;
	padding:10px;
}

.icon-list{
	list-style:none;
	font-size:0px;
	margin:-5px !important;
	padding:0px !important;
	margin:0 auto;
}
.icon-list>li{
	padding:5px;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
	text-align:center;
}
.icon-list>li>div{
	width:100px;
	height:100px;
	background-color:rgba(204,204,204,1);
	border:3px solid rgba(204,204,204,1);
	box-sizing:border-box;
	padding:10px;
	cursor:pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.icon-list>li.active>div{
	/*border:3px solid rgba(204,204,204,1);
	background-color:rgba(204,204,204,0);
	cursor:default;*/
	border:3px solid rgba(51,153,0,1);
	background-color:rgba(51,153,0,1);
	color:rgba(255,255,255,1);
	cursor:default;
	
}
.icon-list>li:not(.active)>div:hover{
	opacity:0.5;
}
.icon-list>li>div i{
	font-size:40px;
	height:55px;
	line-height:55px;
}
.icon-list>li>div p{
	height:30px;
	line-height:12px;
	overflow:hidden;
}

.icon-cont>div{display:table-cell;vertical-align: middle;}
.icon-cont>.icon-input{width:100%}
.icon-cont>.icon-btn{
	padding: 0 15px;
    background-color: rgba(221,221,221,1);
    color: rgba(102,102,102,1);
    font-size: 12px;
    box-sizing: border-box;
    text-transform: uppercase;
    border-top: 1px solid rgba(204,204,204,1);
	border-left: 1px solid rgba(204,204,204,1);
	border-bottom: 1px solid rgba(204,204,204,1);
	cursor:pointer;
}
.icon-cont>.icon-btn.selected{
	background-color: rgba(51,153,0,1);
    color: rgba(255,255,255,1);
}

.icon-cont>.icon-btn p{font-size:22px; width:26px; text-align:center; opacity: 0.5;}
.icon-cont>.icon-btn i{font-size:22px; width:26px; text-align:center}
.icon-cont>.icon-btn:hover{opacity:0.7}

.icon-list [data-return].selected>div{border:3px solid rgba(51,153,0,1) !important;}

.flag-cont .icon-btn.selected{ background-color:rgba(255,255,255,1)}
.flag-cont.mini .icon-btn{border-right: 1px solid rgba(204,204,204,1); height:38px}
/* - /icon picker - */

/* - ck extra btn - */
.editor-extra{
	list-style: none;
	margin: 0 0 -1px 0 !important;
	padding: 8px 8px !important;
	background: rgb(248, 248, 248);
	border: 1px solid #d1d1d1;	
}
.editor-extra li{
	display:inline-block;
	padding:2px 10px;
	font-size: 14px;
	cursor:pointer;
}
.my-popup-bg{
	position:fixed;
	z-index:9998;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.my-popup.loaded .my-popup-bg{
	opacity:1;
}
.my-popup-inner{
	position:fixed;
	z-index:9999;
	top:5%;
	right:5%;
	bottom:5%;
	left:5%;
	background-color:rgba(255,255,255,1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-sizing:border-box;
	padding:10px;
	overflow:auto;
	opacity:0;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.my-popup.loaded .my-popup-inner{
	opacity:1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.my-popup-menu-fixed .my-popup-inner{padding:0px; /*height: 100%;*/ display: flex; flex-direction: column;}
.my-popup-menu-fixed .my-popup-menu{position:static}
.my-popup-menu-fixed .my-popup-content{margin-top:0px !important}

/*medium*/
/*.my-popup.medium .my-popup-inner{
	width:96%; max-width:980px; height:auto; max-height:96%;  top:-100%; left:50%; bottom:auto; right:auto;
	-webkit-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-moz-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-ms-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-o-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
}*/
/*.my-popup.medium .my-popup-inner .my-popup-content{position:static; margin-top:50px;}
.my-popup.loaded.medium .my-popup-inner{
	top:50%;
	-webkit-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-moz-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-ms-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-o-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
}*/

.my-popup.medium .my-popup-inner{
	width:980px; height:auto; max-height:96%;  top:-100%; left:50%; bottom:auto; right:auto; margin-left:-490px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.my-popup.medium .my-popup-inner .my-popup-content{position:static; margin-top:50px;}
.my-popup.loaded.medium .my-popup-inner{
	top:50%;
}
@media screen and (max-width: 1060px){
.my-popup.medium .my-popup-inner{width:96%; left:2%; margin-left:0px}
}

/*small*/
.my-popup.small .my-popup-inner{
	width:96%; max-width:600px; height:auto; max-height:96%;  top:-100%; left:50%; bottom:auto; right:auto;
	-webkit-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-moz-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-ms-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-o-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
}
.my-popup.small .my-popup-inner .my-popup-content{position:static; margin-top:50px;}
.my-popup.loaded.small .my-popup-inner{
	top:50%;
	-webkit-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-moz-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-ms-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	-o-transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
	transform: perspective(1px) translateX(-50%) translateY(0) translateZ(0);
}

/*small_flaxbox*/
.my-popup.small_flaxbox{position:fixed; left:0; right:0; bottom:0; top:0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; z-index:9999;}
.my-popup.small_flaxbox .my-popup-inner{ position:relative; width:600px; margin:3%; max-height:94%; top:auto; left:auto; bottom:auto; right:auto; padding:0px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column;}
.my-popup.small_flaxbox .my-popup-inner .my-popup-menu{flex: 0 0 auto; background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(204,204,204,1); position:relative}
.my-popup.small_flaxbox .my-popup-inner .my-popup-content{flex: 1 1 auto; position: relative; overflow-y: auto; top:auto; left:auto; right:auto; bottom:auto}
/*.my-popup.small_flaxbox{display: flex; height: 100vh; left:0; right:0; position:absolute; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.my-popup.small_flaxbox .my-popup-inner{ position:relative; z-index:9999; width:600px; margin:3%; top:auto; left:auto; bottom:auto; right:auto; padding:0px;}
.my-popup.small_flaxbox .my-popup-inner .my-popup-content{position:static; margin-top:50px;}*/

.my-popup-menu{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:50px;
	padding:5px;
	box-sizing:border-box;
	border-bottom:1px solid rgba(204,204,204,1);
	background-color:rgba(255,255,255,1);
	font-size:0px;
	text-align:right;
}
.my-popup-btn{
	display: inline-block;
    color: rgba(255,255,255,1);
    background-color: rgba(51,51,51,1);
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 5px;
    min-height: 30px;
    box-sizing: border-box;
    line-height: 20px;
	cursor:pointer;
}
.my-popup-title {
    font-size: 20px;
    float: left;
    padding: 5px;
    height: 30px;
    line-height: 30px;
}
.my-popup-content{
    position: absolute;
    bottom: 0;
    top: 50px;
	left:0;
	right:0;
    overflow: auto;
	box-sizing: border-box;
    padding: 10px;
}
.my-popup-loading{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    height: 50px;
    margin: -25px 0;
}
[data-return].selected{
	background-color:rgba(255,255,255,0)
}
.my-popup-content-loader{position:absolute; background-color:rgba(255,255,255,0.7); top:0; right:0; bottom:0; left:0}
.my-popup-content-loader>div{position:absolute; background-color:rgba(255,255,255,0.9); top:50%; right:0; left:0; height:100px; line-height:100px; margin-top:-50px; text-align:center}
/* - /ck extra btn - */

/* -select-pages- */
.select-pages>div{display:table-cell}
.select-pages>.content-input{width:100%}
.select-pages>.content-input input:read-only{background-color:rgba(255,255,255,1) !important}
.select-pages>div:not(.content-input){background-color:rgba(206,206,206,1); cursor:pointer}
.select-pages>div:not(.content-input)>div{width:40px; text-align:center;}
/* -select-pages- */

/* -number select- */
.my-number-selector.btn-right{position:relative; margin-right:15px}
.my-number-selector.btn-right .btn-plus{position:absolute; top:0; left:100%; bottom:50%; border:1px solid rgba(204,204,204,1); width:15px; margin-left:-1px; text-align:center}
.my-number-selector.btn-right .btn-minus{position:absolute; top:50%; left:100%; bottom:0; border:1px solid rgba(204,204,204,1); width:15px; margin-left:-1px; margin-top:-1px; text-align:center}
.my-number-selector.btn-right .input-container>input{padding:5px;}
.my-number-selector.btn-right .btn-plus>*,
.my-number-selector.btn-right .btn-minus>*{display:block; position:absolute; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
}
/* -number select- */

/* -my currency input- */
.my-currency-input{display:inline-block; vertical-align:middle; border:1px solid rgba(204,204,204,1);}
.my-currency-input>div{display:table-cell; vertical-align:middle}
.my-currency-input .symbol-cont{border-right:1px solid rgba(204,204,204,1); font-size:12px; padding:0 4px; min-width:30px; text-align:center; background-color:rgba(204,204,204,0.4)}
.my-currency-input input{border:none}

.my-currency-input.small input{padding:4px !important; height:25px !important;}
.my-currency-input.small .symbol-cont{font-size: 9px; padding: 0 3px; min-width: 20px;}
/* -my currency input- */

/* -select con icona- */
.select-with-icon .td{vertical-align:middle}
.select-with-icon i{text-align:center; color:rgba(255,255,255,1); height:36px; width:36px; line-height:36px; font-size: 22px; margin-right:-1px; position:relative; z-index:1; border:1px solid rgba(204,204,204,1)}
/* -select con icona- */

/* -custom select (usato nell'ecommerce)- */
.my-custom-select ul{list-style:none; margin:-4px; padding:0; font-size:0px}
.my-custom-select ul li{display:inline-block; font-size:12px; line-height:14px; padding:5px; margin:4px; border:1px solid rgba(204,204,204,0.5); cursor:pointer; position:relative; min-width:30px; text-align:center; box-sizing:border-box}
.my-custom-select ul li.selected:before{content:""; position:absolute; top:-4px; left:-4px; right:-4px; bottom:-4px; border:2px solid rgba(153,153,153,1)}
.my-custom-select[data-type="2"] ul li{border:1px solid rgba(255,255,255,0); height:18px; width:18px; min-width:inherit;}
.my-custom-select[data-type="2"] ul li span{display:none}
/* -custom select (usato nell'ecommerce)- */

/* -multiple select- */
.fstMultipleMode .fstQueryInput,
.fstChoiceItem,
.fstNoResults,
.fstResultItem,
.fstElement{font-size: 14px !important}
.fstToggleBtn { min-width: 16.5em !important; }
.submitBtn { display: none !important; }
.fstMultipleMode { display: block !important; }
.fstMultipleMode .fstControls { width: 100% !important; padding-top:4px !important}
.fstChoiceItem{margin:0 4px 4px 0 !important}
.fstMultipleMode .fstQueryInput{margin:2px 0 5px 0 !important}
/* -multiple select- */

/* -select pages- */
/*input:read-only.page-select-input{background-color:transparent !important}*/
input.page-select-input.hilighted{background-color:rgba(51,153,0,1) !important; color:rgba(255,255,255,1) !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.page-select-tree{overflow:hidden; border:1px solid rgba(204,204,204,1); border-top:none}
.page-select-tree,
.page-select-tree ul{margin:0; padding:0; list-style:none}
.page-select-tree li{padding-left:15px}
.page-select-tree>li{padding-left:10px}
.page-select-tree li>div{padding:7px; position:relative}
.page-select-tree li>div>div{position:relative; z-index:1}
.page-select-tree li>div>div:before{content:"\f0da"; font-family:"fontAwesome"; position:absolute; left:-10px}
.page-select-tree li>div:after{content:""; position:absolute; top:0; right:0; bottom:0; left:-5000px; border-top:1px solid rgba(204,204,204,1)}
.page-select-tree [data-value]:not([data-disabled="true"]):not([data-selected="true"]){cursor:pointer}
.page-select-tree [data-value]:not([data-disabled="true"]):not([data-selected="true"]):hover:after{background-color:rgba(204,204,204,0.4)}
.page-select-tree [data-disabled="true"]>div{opacity:0.3}
.page-select-tree [data-selected="true"]{color: rgba(255,255,255,1)}
.page-select-tree [data-selected="true"]:after{background-color:rgba(51,153,0,1)}
/* -select pages- */

/* -select google fonts- */
input:read-only.google-fonts-select-input{background-color:rgba(255,255,255,1) !important}
input.google-fonts-select-input.hilighted{background-color:rgba(51,153,0,1) !important; color:rgba(255,255,255,1) !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.google-fonts-list{list-stile:none; margin:0px; padding:0px;}
.google-fonts-list>li{border-bottom:1px solid rgba(204,204,204,0.5)}
.google-fonts-list>li.active .google-fonts-record{outline: 2px solid rgba(51,153,0,1);}
.google-fonts-list>li .google-fonts-record>div.google-fonts-record-head>*{padding:7px}
.google-fonts-list>li .google-fonts-record>div.google-fonts-record-head{display: flex;}
.google-fonts-list>li .google-fonts-record>div.google-fonts-record-head>*:first-of-type{flex: 1;}
.google-fonts-list>li .google-fonts-record>div.google-fonts-record-custom>*{padding:5px}
.google-fonts-list>li:not(.active) [data-action="font-customize"]:hover{opacity:0.7}
.google-fonts-list>li:not(.active) [data-action="font-customize"]{cursor:pointer}
    
/*.google-fonts-list td,
.google-fonts-list th{padding:5px}
.google-fonts-list th:first-of-type{width:100%}
.google-fonts-list td:not(:first-of-type){text-align:center}*/
/* -select google fonts- */

/* -select media- */
.select_media.hilighted{background-color:rgba(51,153,0,1) !important; color:rgba(255,255,255,1) !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.select_media{border:1px solid rgba(204,204,204,1); background-color:rgba(255,255,255,1)}
.select_media .select_media_input{display:flex; align-items:center; padding:4px 2px}
.select_media .select_media_input>*{padding:3px}
.select_media .select_media_btn{flex:1}
.select_media .select_media_btn .btn{padding:2px 5px; display:inline-block; font-size:12px; height:18px; line-height: 18px; cursor:pointer;}
.select_media .select_media_record_delete_all{padding: 0 7px; cursor:pointer;}
.select_media .select_media_record{padding:4px;}
.select_media .select_media_record .select_media_record_inner{border:1px solid rgba(204,204,204,1); display:flex; padding:3px; align-items:center; background-color:rgba(255,255,255,1); overflow:hidden}
.select_media .select_media_record .select_media_record_inner>*{padding:3px; min-height:18px;}
.select_media .select_media_record .select_media_record_name{flex:1; position:relative}
.select_media .select_media_record .select_media_record_move{cursor:move}
.select_media .select_media_record .select_media_record_delete{cursor:pointer}
.select_media .select_media_record .select_media_record_thumb>img{height: 30px; display: block; margin: -6px 0;}
.select_media .select_media_record .select_media_record_ext span{background-color: rgba(102,102,102,1);color: #fff;font-family: "Lucida Console", Monaco, monospace;padding: 2px 5px 0 5px; text-transform:uppercase; font-size:10px; vertical-align:middle}
.select_media .select_media_record .select_media_record_name input{border:none; box-sizing:border-box; background-color:rgba(0,0,0,0); height:30px; margin:-3px 0;}
.select_media .select_media_record .select_media_record_name textarea{border:none; border-top:1px solid rgba(204,204,204,0.5); box-sizing:border-box; background-color:rgba(0,0,0,0); margin:4px 0 -3px 0;}
.select_media .select_media_record[data-ext="gif"] .select_media_record_ext span,
.select_media .select_media_record[data-ext="png"] .select_media_record_ext span,
.select_media .select_media_record[data-ext="jpg"] .select_media_record_ext span,
.select_media .select_media_record[data-ext="jpeg"] .select_media_record_ext span,
.select_media .select_media_record[data-ext="svg"] .select_media_record_ext span{background: #b0279f}
.select_media .select_media_record[data-ext="pdf"] .select_media_record_ext span{background: #da0000}
.select_media .select_media_record[data-ext="csv"] .select_media_record_ext span,
.select_media .select_media_record[data-ext="xlsx"] .select_media_record_ext span{background: #107c41}
.select_media .select_media_record[data-ext="docx"] .select_media_record_ext span{background: #185abd}
.select_media .select_media_record[data-ext="stp"] .select_media_record_ext span{background: #ba00bd}
.ui-selectable-helper{z-index:9999 !important}
.select_media .placeholder{background-color:rgba(204,204,204,0.5); margin:2px}

.select_media[data-layout="box"] .select_media_records{display:flex; flex-wrap: wrap; padding:0 3px}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner{width:100px; height:100px; box-sizing:border-box; position:relative; padding:0px; background-color:#fff; background-image: linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%);background-size: 10px 10px;background-position: 0 0, 0 5px, 5px -5px, -5px 0px;}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner>*{position:absolute; padding:0px}
.select_media[data-layout="box"] .select_media_record .select_media_record_thumb{z-index:1}
.select_media[data-layout="box"] .select_media_record .select_media_record_thumb>img{height: 100%; width:100%; margin:0px; object-fit: contain;}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_name{z-index:3; background-color:rgba(255,255,255,0.9); left:0; right:0; bottom:0; height:24px; line-height:24px; padding:0 3px; box-sizing:border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:10px}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_ext{z-index:0; top:0; right:0; bottom:0; left:0; display:flex; justify-content: center; align-items: center;}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_ext>div{background: rgba(211,211,211,1);height: 50%;width: 38%;margin-bottom: 20px; display:flex; justify-content: center; align-items: center;}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_move{z-index:3;top:0; left:0; text-shadow: 0px 0px 1px rgba(255,255,255,1); padding:3px}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_delete{z-index:3;top:0; right:0; text-shadow: 0px 0px 1px rgba(255,255,255,1); padding:3px}
.select_media[data-layout="box"] .select_media_record .select_media_record_name input{font-size:10px; position:absolute; top:0; right:0; bottom:0; left:0;}

.select_media.custom_layout_list .select_media_record_name input,
.select_media.custom_layout_list .select_media_record_name textarea{border:1px solid rgba(204,204,204,1); margin-top:7px}
.select_media.custom_layout_list .select_media_record .select_media_record_inner{background-color:rgb(251, 251, 251)}
/* -/select media- */

/* -POPUP 3- */
.my-popup-3{position:fixed; z-index:9999; top:0; right:0; bottom:0; left:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; justify-content: center; align-items: center;} 
.my-popup-3 .my-popup-3-bg{position:absolute; z-index:0; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.7); opacity:0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease}
.my-popup-3 .my-popup-3-container{background-color:rgba(255,255,255,1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); max-width:90%; max-height:90%; opacity:0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.my-popup-3 .my-popup-3-container .my-popup-3-header{border-bottom:1px solid rgba(204,204,204,1); background-color:rgba(255,255,255,1); flex-shrink: 0; box-sizing:border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
.my-popup-3 .my-popup-3-container .my-popup-3-header>*{padding:5px 10px}
.my-popup-3 .my-popup-3-container .my-popup-3-header .my-popup-3-title{flex-grow: 1; flex-shrink: 1; font-size: 20px}
.my-popup-3 .my-popup-3-container .my-popup-3-header .my-popup-3-btn-container .my-popup-3-btn{display: inline-block; color: rgba(255,255,255,1); background-color: rgba(51,51,51,1); font-size: 12px; text-transform: uppercase; padding: 5px 10px; margin-left:5px; min-height: 30px; box-sizing: border-box; line-height: 20px; cursor:pointer}
.my-popup-3 .my-popup-3-container .my-popup-3-header .my-popup-3-btn-container .my-popup-3-btn[data-hide="true"]{display:none}
.my-popup-3 .my-popup-3-container .my-popup-3-header .my-popup-3-btn-container .my-popup-3-btn.my-popup-3-btn-cancel{background-color:rgba(255,182,0,1)}
.my-popup-3 .my-popup-3-container .my-popup-3-header .my-popup-3-btn-container .my-popup-3-btn.my-popup-3-btn-confirm{background-color:rgba(51,153,0,1)}
.my-popup-3 .my-popup-3-container .my-popup-3-body{flex-grow: 1; flex-shrink: 1; overflow-y: auto; padding:10px}

.my-popup-3.full .my-popup-3-container{width:90%; height:90%}
.my-popup-3.medium .my-popup-3-container{width:980px; height:auto}
.my-popup-3.small .my-popup-3-container{width:600px; height:auto}

.my-popup-3.my-popup-3-multiple .my-popup-3-bg{background-color:transparent}

.my-popup-3.loaded .my-popup-3-bg{opacity:1}
.my-popup-3.loaded .my-popup-3-container{opacity:1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.my-popup-3-btn-close {
    font-size: 40px;
    color: rgba(51,51,51,1);
    cursor: pointer;
}
/* -/POPUP 3- */

/* -DG JSON RECORDS- */
.re-footer{display:flex; justify-content: flex-end; margin:-5px}
.re-footer>*{margin:5px}
.re-footer .btn{padding:5px 10px; background-color:rgba(153,153,153,1); color:rgba(255,255,255,1); display:block}
.re-body{margin:-5px}
.re-body [data-el="record"]{background-color:rgba(204,204,204,0.2); border:1px solid rgba(204,204,204,1); margin:5px; display:flex}
.re-body [data-el="record"]>*{padding:5px;}
.re-body [data-el="record"]>*:first-of-type{flex:1}
.re-body [data-el="record"][data-disabled="1"] .re-preview{opacity:0.2}
.re-body [data-el="record"] .re-menu [data-action="disable"]{color:rgba(51,153,0,1)}
.re-body [data-el="record"][data-disabled="1"] .re-menu [data-action="disable"]{opacity:0.2; color:inherit}
.re-menu{border-left: 1px solid rgba(204,204,204,0.8);}
.re-menu>*{display:block; text-align:center; padding:3px}
.re-menu>* i{font-size:14px}
.re-menu [data-action="sort"]{cursor:move}
.re-preview-standard{display:table; border-collapse:collapse; width:100%}
.re-preview-standard>*{display:table-row}
.re-preview-standard>*>*{display:table-cell; padding:3px; /*border:1px solid rgba(204,204,204,1)*/}
.re-preview-standard>*>*:first-of-type{width:1px; text-transform:uppercase}
.re-placeholder{position:relative}
.re-placeholder:before{content:""; position:absolute; top:5px; right:5px; bottom:5px; left:5px; box-sizing:border-box; border:1px dotted rgba(204,204,204,1)}
.re-container [data-action]:hover{opacity:0.7; cursor:pointer}
.re-sortable-ghost{position:relative}
.re-sortable-ghost:before{content:""; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(204,204,204,0.5); z-index:1}
/* -/DG JSON RECORDS- */