@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;
}
.checkbox.checked:before{
	content:"\f00c";
	font-family:"fontAwesome";
	height:20px;
	width:20px;
	display:block;
	text-align:center;
	color:rgba(51,153,0,1);
}
.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- */

/* -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);
}

/*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);
}

.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)
}
/* - /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;}
/* -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- */