@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}
/* - /popup - */

/* - email-popup - */
.email-popup .my-popup-3-container{height:100vh !important}
.email-popup .my-popup-3-container{box-sizing:border-box; position:relative; 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}
.email-popup .my-popup-3-container .email-popup-header{flex:0; padding:10px; border:1px solid #ddd; margin-bottom:-1px}
.email-popup .my-popup-3-container .email-popup-body{flex:1; border:1px solid #ddd}
.email-popup .my-popup-3-container iframe{width:100%; height:calc(100% - 4px); background-color:rgba(204,204,204,1)}

.email-popup .cke_chrome,
.email-popup .cke_inner{height: 100%; box-sizing:border-box;}
.email-popup .cke_inner{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}
.email-popup .cke_contents{flex:1}
.email-popup .email_preview_container{box-sizing:border-box; position:relative; height:100%; 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;}
.email-popup .email_preview_container>*{padding:10px; box-sizing:border-box}
.email-popup .email_preview_container .email_preview{/*width:60%*/ flex:1}
.email-popup .email_preview_container .email_sidebar{width:450px}
.email-popup .email_preview_container .email_sidebar>*:not(:last-of-type){margin-bottom:10px}
/* - /email-popup - */

/* -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- */

/* -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:2px}
.select_media .select_media_input>*{padding:3px; margin-bottom:0}
.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:2px; position:relative}
.select_media .select_media_record .select_media_record_inner{border:1px solid rgba(204,204,204,1); display:flex; padding:3px;}
.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_edit>*{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{position:absolute; top:0; right:0; bottom:0; left:0; border:none; box-sizing:border-box; background-color:rgba(0,0,0,0); height:30px !important; margin:-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}
.ui-selectable-helper{z-index:9999 !important}
.select_media .placeholder{background-color:rgba(204,204,204,0.5); margin:2px}
.select_media .media-placeholder{opacity:0.5}

.select_media[data-layout="box"] .select_media_input{margin-bottom:-6px}
.select_media[data-layout="box"] .select_media_records{display:flex; flex-wrap: wrap; padding:0 3px; margin:3px 0}
.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; overflow: hidden;}
.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{height: 100%; width:100%; 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_records .select_media_record .select_media_record_inner .select_media_edit_title_desc{z-index:2;top:0; right:20px; text-shadow: 0px 0px 1px rgba(255,255,255,1); padding:3px; cursor: pointer;}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_edit_title_desc:before{content:""; position:absolute; background-color:rgba(255,255,255,0.85); top:0; right:-300px; bottom:0; left:-300px; z-index:-1}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_edit{z-index:2;top:0; right:0; bottom:0; left:0; text-shadow: 0px 0px 1px rgba(255,255,255,1); padding:3px; background-color:rgba(255,255,255,0.7); 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; justify-content: center; align-items: center; opacity:0;}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_edit:hover{opacity:1}
.select_media[data-layout="box"] .select_media_records .select_media_record .select_media_record_inner .select_media_record_edit>*{width:30px; height:30px; line-height:30px; text-align:center; border-radius:100%; border:1px solid rgba(204,204,204,1); background-color:rgba(255,255,255,1)}
.select_media[data-layout="box"] .select_media_record .select_media_record_name input{font-size:10px}

.select_media[data-layout="box"] .select_media_record[title-desc-status] .select_media_record_inner:before{content:'\f071'; font-family:'fontAwesome'; position:absolute; z-index:3;bottom:0; right:0; text-shadow: 0px 0px 1px rgba(255,255,255,1); padding:3px; background-color:rgba(255,255,255,0.85)} 
.select_media[data-layout="box"] .select_media_record[title-desc-status='0'] .select_media_record_inner:before{color:rgba(255,0,0,1);}
.select_media[data-layout="box"] .select_media_record[title-desc-status='1'] .select_media_record_inner:before{color:rgba(255,182,0,1);}
.select_media[data-layout="box"] .select_media_record[title-desc-status='2'] .select_media_record_inner:before{display:none}

.popup_media_inner{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height:100%}
.popup_media_inner>*{padding:5px; box-sizing:border-box; height:100%}
.popup_media_inner .popup_media_left{flex:1;}
.popup_media_inner .popup_media_right{width:200px}
.popup_media_inner .popup_media_preview_image{height:100px; width:100px; overflow:hidden; background-color:rgba(204,204,204,1)}
.popup_media_main_image_container{width:100%}
.cropper-container img{max-width: 100%}

.select_media_form .field{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.select_media_form .field>*:not(.flag){flex:1}
.select_media_form [data-lang]{padding-bottom:5px; box-sizing: border-box;}
.select_media_form label{margin-top:5px}
/* -/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: 20px; color: rgba(51,51,51,1); cursor: pointer;}
.my-popup-3-btn-close:hover{opacity: 0.7;}
/* -/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- */

/* -DG SELECT- */
/* select-btn */
.dg-select-container.btn .dg-select-list{list-style:none; margin:0; padding:0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto}
.dg-select-container.btn .dg-select-list a{border:1px solid rgba(204,204,204,1); padding:3px; display:block; box-sizing:border-box; height:100%; cursor:pointer}
.dg-select-container.btn .dg-select-list li:not(:first-of-type) a{border-left:none}
.dg-select-container.btn .dg-select-list li a i,
.dg-select-container.btn .dg-select-list li a img{height:18px; line-height:20px; font-size:19px; display:block}
.dg-select-container.btn .dg-select-selected{background-color:rgba(0,204,0,1); color:rgba(255,255,255,1)}
/* select-btn */

/* select-tag */
.dg-select-container.tag .dg-select-list{list-style:none; margin:0; padding:0; 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; font-size:80%; margin:-2px}
.dg-select-container.tag .dg-select-list li{padding:2px}
.dg-select-container.tag .dg-select-list a{padding:4px 10px; display:block; box-sizing:border-box; height:100%; cursor:pointer; background-color:rgba(204,204,204,0.3); color:inherit}
.dg-select-container.tag .dg-select-list li:not(:first-of-type) a{border-left:none}
.dg-select-container.tag .dg-select-list li a i,
.dg-select-container.tag .dg-select-list li a img{height:18px; line-height:20px; font-size:19px; display:block}
.dg-select-container.tag .dg-select-list a.dg-select-selected{background-color:rgba(0,204,51,1); color:rgba(255,255,255,1)}
.dg-select-container.tag .dg-select-list li a:hover{opacity:0.5}
/* select-tag */

/* select-btn-2 */
.dg-select-container.btn-2 .dg-select-list{list-style:none; margin:0; padding:0; 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;}
.dg-select-container.btn-2 .dg-select-list a{border:2px solid rgba(204,204,204,0); padding:3px; display:block; box-sizing:border-box; height:100%; cursor:pointer}
.dg-select-container.btn-2 .dg-select-list li a i,
.dg-select-container.btn-2 .dg-select-list li a img{height:30px; line-height:20px; font-size:19px; display:block}
.dg-select-container.btn-2 .dg-select-selected{border-color:rgba(0,204,0,1) !important}
/* select-btn-2 */

/* select-btn-3 */
.dg-select-container.btn-3 .dg-select-list{list-style:none; margin:0; padding:0; 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; font-size:12px; margin:-5px}
.dg-select-container.btn-3 .dg-select-list li{padding:5px; width:25%; box-sizing:border-box}
.dg-select-container.btn-3 .dg-select-list a{border:2px solid rgba(204,204,204,0); padding:3px; display:block; box-sizing:border-box; height:100%; cursor:pointer; background-color:rgba(224,224,224,0.6); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; align-items: center;}
.dg-select-container.btn-3 .dg-select-list a>*{padding:5px}
.dg-select-container.btn-3 .dg-select-list li a i,
.dg-select-container.btn-3 .dg-select-list li a img{height:50px; line-height:40px; font-size:19px; display:block}
.dg-select-container.btn-3 .dg-select-selected{border-color:rgba(0,204,0,1) !important}
/* select-btn-3 */

/* select-btn-4 */
.dg-select-container.btn-4 .dg-select-list{margin:-5px}
.dg-select-container.btn-4 .dg-select-list li{padding:5px; box-sizing:border-box}
.dg-select-container.btn-4 .dg-select-list li a{border:2px solid rgba(204,204,204,0); padding:10px; display:block; outline:1px solid rgba(204,204,204,0.5)}
.dg-select-container.btn-4 .dg-select-list li a>*{position:relative; z-index:1; font-size:0px; margin-top:5px}
.dg-select-container.btn-4 .dg-select-selected{border-color:rgba(0,204,0,1) !important}
/* select-btn-4 */

/* select-btn-5 */
.dg-select-container.btn-5 .dg-select-list{list-style:none; margin:0; padding:0; 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;}
.dg-select-container.btn-5 .dg-select-list a{border:1px solid rgba(204,204,204,1); padding:3px; display:block; box-sizing:border-box; height:100%; cursor:pointer; margin-right:-1px; background-color:rgba(255,255,255,1)}
.dg-select-container.btn-5 .dg-select-list li a i,
.dg-select-container.btn-5 .dg-select-list li a img,
.dg-select-container.btn-5 .dg-select-list li a svg{height:50px; width:50px; line-height:50px; font-size:50px; display:block}
.dg-select-container.btn-5 .dg-select-selected{background-color: rgba(0,153,0,1) !important}
.dg-select-container.btn-5 .dg-select-selected img{filter: brightness(0) invert(1);}
.dg-select-container.btn-5 .dg-select-selected path{fill:#fff}
/* select-btn-5 */

/* select-color */
.dg-select-container.btn-color .dg-select-list{list-style:none; margin:0; padding:0; 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; font-size:12px; margin:0px -5px -5px -5px}
.dg-select-container.btn-color .dg-select-list li{padding:5px; box-sizing:border-box}
.dg-select-container.btn-color .dg-select-list a{border:2px solid rgba(204,204,204,0.5); padding:3px; display:block; box-sizing:border-box; height:100%; cursor:pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; align-items: center;}
.dg-select-container.btn-color .dg-select-list a>*{height:30px; width:30px; border: 1px solid rgba(204,204,204,0.5);}
.dg-select-container.btn-color .dg-select-list li a i,
.dg-select-container.btn-color .dg-select-list li a img{height:50px; line-height:40px; font-size:19px; display:block}
.dg-select-container.btn-color .dg-select-selected{border-color:rgba(0,204,0,1) !important}
/* select-color */

/* select-checklist */
.dg-select-container.checklist{background-color:rgba(255,255,255,1); border:1px solid rgba(204,204,204,1)}
.dg-select-container.checklist .dg-select-list{list-style:none; padding:0; margin:0}
.dg-select-container.checklist .dg-select-list a{padding-left:20px; margin:5px; display:block; position:relative; color:inherit}
.dg-select-container.checklist .dg-select-list a:before{content:""; font-family:"fontAwesome"; position:absolute; top:0; left:0; height:16px; width:16px; line-height:16px; font-size:14px; text-align:center; display:inline-block; vertical-align:top; background-color:rgba(255,255,255,1); border:1px solid rgba(204,204,204,1); margin-right:5px; color:rgba(51,153,0,1)}
.dg-select-container.checklist .dg-select-list a.dg-select-selected:before{content:"\f00c"}
.dg-select-container.checklist.radio .dg-select-list a:before{border-radius:100%}
.dg-select-container.checklist.active{background-color: rgba(51,153,0,1) !important; color: rgba(255,255,255,1) !important;}
.dg-select-container.checklist .dg-select-list a[data-disabled="true"]{opacity:0.4}
/* select-checklist */

/* select-checklist-inline */
.dg-select-container.checklist.inline{display:inline-block}
.dg-select-container.checklist.inline .dg-select-list{box-sizing:border-box; position:relative; 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;}
/* select-checklist-inline */

/* -/DG SELECT- */

/* TABELLA EDITABILE TIPO EXCEL */
.dg-excel table{border-collapse:collapse; width:100%}
.dg-excel table thead{background: #484848; color: #fff;}
.dg-excel table, .dg-excel table th, .dg-excel table td{border:1px solid #ccc}
.dg-excel table th{text-align:left; text-transform:uppercase}
.dg-excel table td{padding:0px; height: 20px;}
.dg-excel table [data-action="edit"]{width:100%; box-sizing:border-box; display:block; border: none; background-color:transparent; min-height:100%; resize:none; overflow:hidden; padding:5px; font-family: inherit; font-size: 100%;}
.dg-excel table [data-action="edit"]:focus{outline: solid #090 2px;}
.dg-excel table .dg-excel-menu, .dg-excel table .dg-excel-count{width:1px; text-align:center}
.dg-excel table .dg-excel-menu .dg-excel-menu-inner{display:flex; margin:-3px}
.dg-excel table .dg-excel-menu .dg-excel-menu-inner>*{padding:3px; min-width:32px; box-sizing:border-box}
.dg-excel table .dg-excel-menu .dg-excel-menu-inner a:hover{cursor:pointer; opacity:0.7}
.dg-excel table .dg-excel-menu .dg-excel-menu-inner i{width:26px; height:26px; line-height:26px; border-radius:50%; background-color:#ddd; box-sizing:border-box; font-size: 14px;}
.dg-excel table th, .dg-excel table .dg-excel-count, .dg-excel table td input{padding: 5px;}
.dg-excel table .dg-excel-menu{padding:3px 5px}
.dg-excel table [data-disabled="1"]{opacity:0.2}
.dg-excel table [data-error="1"]{background-color:rgba(255,0,0,0.5)}
.dg-excel-value input{width:100%; box-sizing:border-box; display:block; padding:5px; border:1px solid #ccc}
.dg-excel-msg{background: #f00; color: #fff; padding: 10px; margin-bottom: 10px;}
.dg-excel-sortable-ghost{background-color:#ccc}
/* TABELLA EDITABILE TIPO EXCEL */