form.f-form
{
	background: #f0f0f0;
}

form.f-form.f-form-not-logged
{
	max-width: 1440px;
	width: 90%;
	margin: auto;
}

.f-el.f-loading
{
	font-size: 50px;
	text-align: center;
	padding: 50px;
}

.f-main
{
	padding: 0 0 50px;
}

.f-main .ui-widget-content a:not(.button--invert)
:not(#f-tabs .i-file-upload-btn-handler)
:hover
{
	color: #48556e;
}

.f-main .col-table{
	/*width: 100%;*/
	border-spacing: 0;
	border-collapse: separate;
	font-size: 0;
	
}

.col-table-row_avatar,
.col-table-row_content
{
	display: inline;
}

.col-table-inner
{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

a.f-select-clear{
	color:#CB1111;
	text-decoration: none;
	font-size:30px;
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: middle;
}

a.f-select-clear:hover{
	color:#fff;
	background: #CB1111;
}

.f-main.loader_dots-06
{
	font-size: 100px;
}

.f-tabs-wrap
{
	border: none;
}

#f-tabs.ui-widget.ui-widget-content
{
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	padding: 40px 45px;
}

#f-tabs.ui-tabs .ui-tabs-nav
{
	padding: 9px 0 0;
	border: none;
	border-radius: 0;
	background: none;
	margin: -50px -45px 40px;
	border-bottom: 1px solid #ffffff;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-default
{
	font-size: 16px;
	color: #ffffff;
	border-radius: 0;
	margin: 0px;
	background: none;
	border: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	padding-bottom: 1px;
	margin-bottom: -1px;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-default.green
{
	background:#82B822;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover.green,
#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-active.green
{
	background:#fff;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-default.yellow
{
	background:#ffa81a;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover.yellow,
#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-active.yellow
{
	background:#fff;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-default.right{
	float:right;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-default .nc-icon-glyph
{
	vertical-align: middle;
	margin-right: 10px;
	font-size: 18px;
	margin-top: -1px;
	margin-bottom: -1px;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-default a
{
	color: #494949;
	padding: 12px 25px;
	line-height: normal;
	box-sizing: border-box;
	text-align: center;
	-webkit-transition: background, border-color 300ms ease-in-out;
	-moz-transition: background, border-color 300ms ease-in-out;
	-o-transition: background, border-color 300ms ease-in-out;
	transition: background, border-color 300ms ease-in-out;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active,
#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover
{
	
	background: #ffffff;
	/*border: 1px solid #ffffff;*/
	z-index: 1;
}

#f-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#f-tabs.ui-tabs .ui-tabs-nav li.ui-state-hover a
{
	color: #505050;
}

#f-tabs.ui-tabs .ui-tabs-panel
{
	padding: 0;
	border: none;
}

.F_MULTISELECTBOX select{
	min-width: 200px;
}

.f-color-input-wrap
{
	margin: -3px;
}

.f-color-input
{
	vertical-align: middle;
	margin: 3px;
}

.f-color-wrap
{
	display: inline-block;
	vertical-align: middle;
	width: 37px;
	height: 37px;
	border: 1px solid #c1c1c1;
	background: #ffffff;
	padding: 3px;
	box-sizing: border-box;
	position: relative;
	margin: 3px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.f-color-wrap:hover
{
	background: #4B83D8;
}

.f-color-wrap:after
{
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #878787 transparent transparent transparent;
	right:3px;
	bottom: 5px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.f-color-wrap:before
{
	content: "";
	position: absolute;
	display: block;
	width: 11px;
	height: 11px;
	right: 3px;
	bottom: 3px;
	background: #ffffff;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.f-color-wrap:hover:before
{
	background: #4B83D8;
}

.f-color-wrap:hover:after
{
	border-color: #ffffff transparent transparent transparent;
}

.f-color
{
	width: 29px;
	height: 29px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	background: #ffffff;
}

.f-color-del{
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	padding: 4px;
	color: #cb1111;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	margin: 3px;
}

.f-color-del:hover
{
	background: #cb1111;
	color: #ffffff;
}

.f-error-wrap
{
	clear: both;
	padding: 10px !important;
}

.f-error-wrap > div
{
	display: inline-block;
	font-size: 14px;
	clear: both;
	position: relative;
	padding: 11px 25px 11px 45px !important;
	line-height: 18px;
	margin-top: 16px;
	color: #ffffff;
	min-width: 25px;
	background: #cb1111;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: 500;
}

.f-error-wrap .nc-icon-glyph
{
	margin-right: 5px;
	font-size: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	height: 20px;
}

.f-error
{
	
}

.ftab-buttons-panel{
	box-sizing: border-box;
}

.ftab-buttons-panel-in{
	padding: 20px 52px;
	position: relative;
}

.ftab-buttons-panel-in .ftab-buttons-panel-wrap
{
	margin: -10px;
}

.ftab-buttons-panel-in .ftab-buttons-panel-wrap > div
{
	margin: 10px;
}

.ftab-buttons-panel-in .ftab-buttons-panel-wrap input[type=submit],
.ftab-buttons-panel-in .ftab-buttons-panel-wrap input[type=button],
.ftab-buttons-panel-in .ftab-buttons-panel-wrap button
{
/*	padding:5px 20px;
	font-size:14px;*/
}

.ftab-buttons-panel.static{
	position: fixed;
	bottom: 0;
	z-index: 3;
	display: none !important;
}

.ftab-buttons-panel.static .ftab-buttons-panel-in{
	border: 1px solid #2f6dc9;
	border-bottom: none;
}

.ftab-buttons-panel .ftab-buttons-panel-in:before
{
	/*content: "";*/
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #e4e4e4;
	margin: auto;
	top: -1px;
}

.f-elem-spacer{
	display: none;
	padding: 0;
	background: #e4e4e4;
	height: 1px;
	font-size: 0px;
	line-height: 0;
}

#f-tabs.ui-widget input[type="text"], #f-tabs.ui-widget input[type="password"], #f-tabs.ui-widget textarea
{
	box-sizing: border-box;
	max-width: 100%;
}

#f-tabs.ui-widget input.f-error[type="text"], #f-tabs.ui-widget input.f-error[type="password"], #f-tabs.ui-widget textarea.f-error
{
	/*border:1px solid #cb1111;*/
}

#f-tabs.ui-widget input[type="text"]:focus, #f-tabs.ui-widget input[type="password"]:focus, #f-tabs.ui-widget textarea:focus
{
	/*border: 1px solid #3CD17C;*/
}

.f-text, .f-textarea, .f-radio, .f-select, .f-checkbox, .f-html-editor, .f-content, .f-required-wrap, .f-ajax-upload, .f-ajaxmultiselect, .f-checkbox-tree, .f-grid-cont
{
	padding: 5px 5px;
	margin: -5px;
}

.f-required-wrap
{
	font-size: 14px;
}

.f-ajax-upload-single .f-el
{
	display: inline;
}

.f-ajax-upload-single .f-el .f-ajax-upload-pane-wrap
{
	display: inline-block;
	vertical-align: middle;
}

.f-ajax-upload .f-el
{
	box-sizing: border-box;
}

.f-header
{
	padding: 15px 10px;
	font-size: 22px;
	font-weight: 500;
}

.f-text-with-icon
{
	position:relative;
	display: inline-block;
	max-width: 100%;
}

#f-tabs .f-text-with-icon input[type="text"],
.f-text-with-icon input[type="text"]
{
	padding-left: 65px;
}

.f-el .f-text-icon
{
	width: 51px;
	left: 1px;
	top: 1px;
	bottom: 1px;
	position: absolute;
	line-height: 50px;
	text-align: center;
	background: #f1f0f1;
	font-size: 20px;
	box-sizing: border-box;
	border-right: 1px solid #c1c1c1;
}

.f-required
{
	color: #cb1111;
}

.f-content .f-el
{
	min-width: 100%;
	box-sizing: border-box;
}

#f-tabs.ui-widget input.week-password[type="password"],
#f-tabs.ui-widget input.week-password[type="text"]
{
	background: #d56a6a;
	color: #ffffff;
}

#f-tabs.ui-widget input.ok-password[type="password"],
#f-tabs.ui-widget input.ok-password[type="text"]
{
	background: #4a9e5f;
	color: #ffffff;
}

.f-label
{
	display: block;
	width: auto !important;
	font-size: 19px;
	font-weight: 500;
	color: #a6a6a6;
	box-sizing: border-box;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.f-el
{
	display: inline-block;
	vertical-align: middle;
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	box-sizing: border-box;
	position: relative;
	max-width: 100%;
}

.f-el input,
.f-el textarea
{
	max-width: 100%;
	box-sizing: border-box;
}

.f-el a.ERROR-ICON
{
	top: 27px;
}

.i-s-wrapper a.ERROR-ICON,
.f-radio-wrap  a.ERROR-ICON
{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	margin-right: 10px;
}

.f-html-editor a.ERROR-ICON
{
	top: 60px;
}

.f-html-editor .f-el
{
	display: block;
}

.f-info-header
{
	padding: 35px 25px;
	margin-top: -65px;
}

.f-info-header:after
{
	display: block;
	content: "";
	clear: both;
}

.f-el-info{
	font-size: 14px;
	clear: both;
	position: relative;
	border: 1px solid #494949;
	padding: 15px 25px 13px 25px!important;
	line-height: 18px;
	margin-top: 16px;
	float: left;
	color: #ffffff;
	min-width: 25px;
	background: #494949;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.f-el-info .f-el-info-arr
{
	position: absolute;
	top: -16px;
	left: 11px;
	height: 20px;
	width: 16px;
}

.f-el-info .f-el-info-arr:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 9px 8px;
	border-color: transparent transparent #494949 transparent;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 2px;
	bottom: 0;
	margin: auto;
}

.f-el-info .f-el-info-arr:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 10px 11px 10px;
	border-color: transparent transparent #494949 transparent;
	display: block;
	position: absolute;
	left: -2px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.f-el-rc{
	display: inline-block;
	padding: 10px;
	vertical-align: middle;
}

.f-radio-wrap
{
	margin: -4px;
}

.f-radio-wrap .i-r-wrapper,
.f-checkbox-wrap .i-ch-wrapper
{
	margin: 4px;
}

.f-password-input
{
	position:relative;
	min-width: 110px;
}

#f-tabs .f-password-input input[type="password"],
#f-tabs .f-password-input input[type="text"]
{
	padding-left: 65px;
	padding-right: 65px;
}

.f-password-input .f-password-input-generator
{
	width: 51px;
	left: 1px;
	top: 1px;
	height: 49px;
	position: absolute;
	line-height: 50px;
	text-align: center;
	background: #f1f0f1;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #505050;
	box-sizing: border-box;
	border-right: 1px solid #c1c1c1;
}

.f-password-input .f-password-show
{
	width: 51px;
	right: 1px;
	top: 1px;
	height: 49px;
	position: absolute;
	line-height: 50px;
	text-align: center;
	background: #f1f0f1;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #505050;
	box-sizing: border-box;
}

.f-password-input-generator:hover, .f-password-show:hover
{
	background: #48556e;
	color: #ffffff;
}

.f-password-input-error-container .error-list
{
	list-style: none;
	margin: -3px;
	padding: 5px 0 0 0;
	color: #CB1111;
}

.f-password-input-error-container .error-list li
{
	list-style: none;
	margin: 0;
	padding: 3px;
	color: #CB1111;
}

.f-time-input
{
	position:relative;
	display: inline-block;
}

#f-tabs .f-time-input input[type="text"]
{
	padding-left: 55px;
	padding-right: 55px;
	text-align: center;
}

.f-time-input-open
{
	width: 41px;
	left: 1px;
	top: 1px;
	bottom: 1px;
	position: absolute;
	line-height: 35px;
	text-align: center;
	background: #f1f0f1;
	font-size: 20px;
	cursor: pointer;
	box-sizing: border-box;
	border-right: 1px solid #c1c1c1;
}

.f-time-input-clear
{
	width: 41px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	position: absolute;
	line-height: 35px;
	text-align: center;
	background: #f1f0f1;
	font-size: 20px;
	cursor: pointer;
	color: #a3a3a3;
	box-sizing: border-box;
	border-left: 1px solid #c1c1c1;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.f-time-input-clear:after
{
	content: "\ed32";
	font-size: 10px;
	position: relative;
	margin-right: -10px;
	bottom: -6px;
	right: 6px;
	color: #cb1111;
	background: #f1f0f1;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	padding: 1px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.f-datetime-input
{
	position:relative;
	display: inline-block;
	max-width: 100%;
}

#f-tabs .f-datetime-input input[type="text"],
#f-tabs .f-time-input input[type="text"]
{
	padding-left: 65px;
	padding-right: 65px;
	text-align: center;
}

.f-el .f-datatime-input-set,
.f-el .f-time-input-open
{
	width: 51px;
	left: 1px;
	top: 1px;
	bottom: 1px;
	position: absolute;
	line-height: 50px;
	text-align: center;
	background: #f1f0f1;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #505050;
	box-sizing: border-box;
	border-right: 1px solid #c1c1c1;
}

.f-datatime-input-set:hover, .f-datatime-input-clear.clickable:hover, .f-time-input-clear.clickable:hover, .f-time-input-open:hover
{
	background: #4B83D8;
	color: #ffffff;
}


.f-time-input-clear.clickable:hover:after
{
	background: #4B83D8;
}

.f-el .f-datatime-input-clear,
.f-el .f-time-input-clear
{
	width: 51px;
	right: 1px;
	top: 1px;
	bottom: 1px;
	position: absolute;
	line-height: 50px;
	text-align: center;
	background: #f1f0f1;
	font-size: 20px;
	color: #a3a3a3;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	box-sizing: border-box;
	border-left: 1px solid #c1c1c1;
}

.f-datatime-input-clear.clickable,
.f-time-input-clear.clickable
{
	cursor: pointer;
	color: #505050;
}

.f-datatime-input-clear.clickable:hover:after
{
	background: #4B83D8;
}

.f-datatime-input-clear:after
{
	content: "\ed32";
	font-size: 10px;
	position: relative;
	margin-right: -10px;
	bottom: -6px;
	right: 6px;
	color: #cb1111;
	background: #f1f0f1;
	width: 12px;
	height: 12px;
	box-sizing: border-box;
	padding: 1px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*#f-tabs .button
{
	color: #ffffff;
	position: static;
}*/

/*#f-tabs .button:hover
{
	color: #505050;
}*/

/*#f-tabs .button.red:hover
{
	color: #cb1111;
}*/

/*#f-tabs .button.green:hover, #f-tabs .button.green.hover
{
	color: #82b822;
	background: #ffffff;
}*/

#f-tabs .button:not(.button-ico) .nc-icon-glyph
{
	display: none;
}

#f-tabs .button:not(.button-ico) .nc-icon-glyph,
#f-tabs .MultiFile-remove .nc-icon-glyph
{
	font-size: 20px;
	vertical-align: middle;
	margin-top: 1px;
}

#f-tabs .button.sf-file-upload-btn-handler .nc-icon-glyph
{
	font-size: 21px;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 7px;
	display: inline-block;
}

#f-tabs .MultiFile-remove .nc-icon-glyph.ui-1_bold-remove:before
{
	font-family: 'Nucleo Outline';
	content: "\ecf5";
}

.f-ajax-upload-pane-wrap
{
	margin: -10px;
}

.f-ajax-upload-info
{
/*	color: #a6a6a6;
	font-weight: 300;
	font-size: 19px;*/
}

.f-ajax-upload-info:not(:empty), .f-ajax-upload-pane-input:not(:empty), .ajax-uoload-pane-log:not(:empty)
{
	padding: 10px;
}

.f-ajax-upload-pane-input .i-file-upload-file-name
{
	display: none;
}

.f-translater
{
	margin: -5px;
}

.f-translater .flag-wrap
{
	height: 15px;
	border: 1px solid #efefef;
}

.f-translater .flag-wrap svg
{
	width: 22px;
}

.f-translater td
{
	padding: 5px;
	vertical-align: middle;
}

.f-checkbox .f-el-info .f-el-info-arr
{
	left: 32px;
}

.if-checkbox-vertical-wrap
{
	margin: -5px;
}

.if-checkbox-vertical
{
	padding: 5px;
}

.if-radio-vertical-wrap
{
	margin: -8px -5px -5px -5px;
}

.if-radio-vertical
{
	padding: 8px 5px 5px 5px;
}

/*IMAGE/FILE PANEL */
.image-container, .file-container{
	width: calc(50% - 30px);
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #494949;
	background: #f5f5f5;
	margin: 15px;
	display: inline-block;
	font-size: 16px;
}

.image-container
{
	min-width: 280px;
}

.files-container-wrap
{
	margin: -15px;
	min-width: 100%;
	font-size: 0;
}

.files-container-wrap .note
{
	font-size: 14px;
}

.image-container table,
.file-container table
{
	width: 100%;
	border-spacing: 0;
	table-layout: fixed;
}

.image-container table td,
.file-container table td
{
	padding: 0;
}

.file-container{
	min-width: 288px;
}

.ip-datacell-wrap
{
	margin: -6px;
	color: #505050;
}

.f-basic-image-panel
{
	margin: -6px;
}

.f-basic-image-panel .f-basic-image-cont,
.f-basic-image-panel .f-basic-image-bar,
.f-basic-image-panel > .ip-datacell-wrap
{
	padding: 6px;
}

.f-basic-image-cont a,
.f-basic-image-cont img
{
	max-width: 100%;
}

.ip-thumbnail{
	text-align: center;
	/*padding: 3px;*/
	/*background-color:#ffffff;*/
	/*border:1px solid #e4e4e4;*/
}

.ip-thumbnail a{
	display:block;
	width:100px;
	height:100px;
	overflow: hidden;
	line-height: 100px;
}

.ip-thumbnail a img{
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}

.ip-filedesc-cont,.ip-imagedesc-cont{
	overflow: hidden;
	padding: 6px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ip-filename-cont{
	white-space: nowrap;
	overflow: hidden;
	padding: 6px;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ip-filename, .ip-imgdesc, .ip-filedesc
{
	font-weight: 300;
}

.ip-imagethumb-title
{
	padding: 6px;
}

.ip-imagedesc-cont
{
	display: none;
}
.ip-optbtn,
.ip-optbtn[data-action="change_desc"],
.ip-optbtn[data-action="crop"],
.ip-imagethumb-title,
.ip-imagethumb
{
	/*display: none;*/
}

.ip-current-size-info
{
	padding: 6px;
}


.ip-datacell-wrap .ip-optbtn,
span.ip-imagethumb{
	position: relative;
	padding: 6px;
	font-weight: 300;
	display: inline-block;
}

span.ip-imagethumb span.ip-imagethumb-panel{
	position: absolute;
	-webkit-transition: visibility 0s, opacity 300ms ease-in-out;
	-moz-transition: visibility 0s, opacity 300ms ease-in-out;
	-o-transition: visibility 0s, opacity 300ms ease-in-out;
	transition: visibility 0s, opacity 300ms ease-in-out;
	visibility: hidden;
	opacity: 0;
	top:26px;
	z-index: 1;
	left: 6px;
	right: -35px
}

span.ip-imagethumb:hover span.ip-imagethumb-panel{
	visibility: visible;
	opacity: 1;
}

span.ip-imagethumb span.ip-imagethumb-panel .button
{
	white-space: nowrap;
}

.f-images-panel-crop-cont a.BTN,
.f-images-panel-crop-cont .button,
.f-images-panel-crop-cont button
{
	padding: 6px 12px;
	font-size: 12px;
}

.image-main{
	border: 1px solid #87A3CA;
}

.icrop-btns{
	padding: 10px;
}

.ip-thumbnail-cell
{
	width: 110px;
	vertical-align: top;
}

.ip-opt
{
	padding-top: 20px;
	padding: 5px;
}

.ip-opt a.ip-optbtn,
.ip-opt .ip-optbtn,
.ip-opt a.ip-file-optbtn,
.ip-opt a.ip-optbtn-upload
{
	margin: 3px 1px;
	padding: 5px 25px 4px 25px;
	font-size: 15px;
	border: none;
	text-transform: none;
	background: none;
	padding: 10px;
	color: #48556e;
	background: #ffffff;
	border: 1px solid #48556e;
}

.ip-opt a.ip-optbtn:hover,
.ip-opt .ip-optbtn:hover,
.ip-opt .ip-optbtn.hover,
.ip-opt a.ip-file-optbtn:hover,
.ip-opt a.ip-optbtn-upload:hover
{
	color: #ffffff;
	background: #48556e;
	border: 1px solid #ffffff;
	text-decoration: none;
	cursor: pointer;
}

span.ip-imagethumb span.ip-imagethumb-panel .button
{
	padding: 5px 25px 4px 25px;
	font-size: 15px;
	text-transform: none;
}

.ip-datacell{
	font-size: 14px;
	height:100px;
}

.ip-datacell-file{
	height: auto;
}

.f-image-panel-wrap
{
	margin: -11px;
	min-width: 100%;
}

.f-image-panel-sort-btn
{
	margin: 11px;
}

.f-image-panel-cont
{
	padding: 11px;
	margin: -15px;
	font-size: 0;
	/*width: calc(100% - 11px);*/
}

ul.f-ctree
{
	padding: 0;
	margin: -5px 0;
}

ul.f-ctree ul
{
	padding-left: 42px;
}

ul.f-ctree li{
	padding: 5px 0;
	list-style: none;
}

ul.f-ctree .nc-icon-glyph
{
	font-size: 20px;
	vertical-align: middle;
	text-align: center;
	width: 27px;
	margin-right: 12px;
}

.f-file-panel, .f-image-panel
{
	min-width: 100%;
}

/*SORTING*/
.f-image-panel-sortable .image-container .ip-datacell,
.f-image-panel-sortable .image-container .ip-opt-cont
{
	display: none;
}

.f-image-panel-sortable .image-container table{
	width:auto;
	margin:0 auto;
}

.f-image-panel-sortable{
	margin:10px 0 0;
	width:100%;
}

.f-image-panel-sortable .image-container{
	width: 150px;
	height: 130px;
	min-width: 150px;
	margin:5px;
	cursor: move;
	background: #f5f5f5;
}

.f-image-panel-sortable .ip-thumbnail a img
{
	vertical-align: middle;
}

.image-container-sorthelp{
	border:1px solid #ccc;
	margin:5px;
	padding: 4px;
	box-sizing: border-box;
	background: #f5f5f5;
	opacity:0.9;
	width: 150px;
	height: 105px;
	min-width: 150px;
	display: inline-block;
}

/*SPINNER*/
.F_MAIN .ui-spinner{
	display:block;
	float:left;
}

.F_MAIN .ui-spinner input{
	border:0;
	margin:0 15px 0 0;
}

.F_MAIN .ui-spinner input.f-error{
	border:1px solid red;
}

.F_MAIN .ui-spinner input:focus{
	border:0;
}

/*SLIDER*/
.f-main .ui-slider{
	min-width:140px;
	border-color: #c1c1c1;
	height: 12px;
	margin: 25px 35px 25px 25px;
}

.f-main .ui-slider .ui-slider-val{
	position: relative;
	top: -23px;
	text-align: center;
	display: block;
}

.f-main .ui-slider .ui-slider-min{
	position: absolute;
	top: 18px;
	bottom: 0;
	left: -22px;
	margin: auto;
	font-size: 14px;
	color: #505050;
}

.f-main .ui-slider .ui-slider-max{
	position: absolute;
	top: 18px;
	bottom: 0;
	right: -30px;
	margin: auto;
	font-size: 14px;
	color: #505050;
}

.f-main .ui-slider .ui-slider-handle{
	width: 18px;
	height: 20px;
	background: #494949;
	border: 1px solid #c1c1c1;
	margin-top: -1px;
	cursor: ew-resize;
}

/*PASTE IMAGE*/
.f-clipboard-image-cont .f-clipboard-image-cont-add-btn{
	display: inline-block;
}

.f-clipboard-image-cont-images
{
	margin: -10px;
	padding-bottom: 20px;
}

.f-clipboard-image-cont-images .f-clipboard-image-cont-images-row{
	clear: both;
	margin: -3px;
	padding: 10px;
}

.f-clipboard-image-cont-images .f-clipboard-image-cont-images-row img{
	max-width:200px;
	border:1px solid #d2d2d2;
	display: block;
	float:left;
	margin: 3px;
}

.f-clipboard-image-cont-images .f-clipboard-image-cont-images-row input[type=text]{
	width:300px;
}

.f-clipboard-image-cont-images .f-clipboard-image-cont-images-row .f-clipboard-image-cont-images-row-del{
	display: inline-block;
	margin: 3px;
}

.f-clipboard-image-cont-images .f-clipboard-image-cont-images-row > label{
	margin: 3px;
	display: inline-block;
}

.f-clipboard-image-cont-images .f-clipboard-image-cont-images-row > label:after{
	content: "";
	display: block;
}

#pastearea{
	text-align: center;
	padding:60px 20px;
	font-size:14px;
	color:green;
}

/*GRID*/
.grid-new-row-wrap
{
	overflow: hidden;
}

.f-main .f-grid-cont{
	clear:both;
	
}

.f-main .f-grid-cont .button.f-grid-new-row{
	float:left;
	margin-top: 1px;
}

.f-main .f-grid-cont .button{
	float: right;
}

.f-main .f-grid-cont table{
	border-spacing: 0;
	border-collapse: collapse;
	min-width: 100%;
	padding:0;
	margin: 20px 0 0;
}

.f-main .f-grid-cont table thead tr th
{
	padding: 14px 10px;
	font-weight: bold;
	background: #4b83d8;
	color: #ffffff;
	font-weight: 500;
	line-height: 20px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-color: #2f6dc9 #e2f0ff #c7c7c7 #e2f0ff;
}

.f-main .f-grid-cont table thead tr th:first-child
{
	border-left-color: #2f6dc9;
}

.f-main .f-grid-cont table thead tr th:last-child
{
	border-right-color: #2f6dc9;
}

.f-main .f-grid-cont table tbody tr td
{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff #c7c7c7 #ffffff #c7c7c7;
	background: #ffffff;
	font-size: 13.5px;
	line-height: 20px;
	padding: 10px;
	vertical-align: middle;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.f-main .f-grid-cont table tbody tr td:first-child
{
	border-left-color: #2f6dc9;
}

.f-main .f-grid-cont table tbody tr td:last-child
{
	border-right-color: #2f6dc9;
}

.f-main .f-grid-cont table tbody tr:nth-child(2n) td
{
	background: #e2f0ff;
	border-top-color: #e2f0ff;
	border-bottom-color: #e2f0ff;
}

.f-main .f-grid-cont table tbody tr:last-child td
{
	border-bottom-color: #2f6dc9;
}

.f-main .f-grid-cont table thead tr th.del,
.f-main .f-grid-cont table thead tr th.modify
{
	width: 100px;
}

.f-main .f-grid-pager-cont
{
	text-align: right;
}

.f-main .f-grid-pager-cont .f-pager
{
	margin-top: 20px;
}

.button .nc-icon-glyph.design_bullet-list-70_add:after
{
	background: #2F6DC9;
}

.button:hover .nc-icon-glyph.design_bullet-list-70_add:after
{
	background: #ffffff;
}

.imp-grid-cont .imp-grid-top-search table,
.imp-grid-top-active-filters .imp-grid-top-active-filters-cont table
{
	border-spacing: 0;
}

.imp-grid-cont .imp-grid-top-search table tr td,
.imp-grid-top-active-filters .imp-grid-top-active-filters-cont table tr td
{
	padding: 0;
}

.imp-grid-cont .imp-grid-top-search table tr td:nth-child(1),
.imp-grid-top-active-filters .imp-grid-top-active-filters-cont table tr td:nth-child(1)
{
	padding-right: 10px;
}

.imp-grid-top-search
{
	position: relative;
	display: inline-block;
	margin: -6px;
}

.imp-grid-top-search:after
{
	content: "";
	display: block;
	clear: both;
}

#f-tabs .button.imp-grid-top-search-handler
{
	vertical-align: middle;
	margin: 6px;
	float: none
}

#f-tabs .button.imp-grid-top-search-handler .nc-icon-glyph
{
	margin-right: 0;
}

.imp-grid-top-search-cont
{
	width:0;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin: 5px 6px 4px 6px;
	margin-top: -1px;
	margin-bottom: -2px;
}

.imp-grid-top-search-active .imp-grid-top-search-cont
{
	width: auto;
}

.imp-grid-top-search-input
{
	min-width: 100%;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.imp-grid-top-search-input input
{
	width: 100%;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	box-sizing: border-box;
}

button.imp-grid-top-search-magnifier
{
	background: none;
	border: none;
	color: #505050;
	font-size: 20px;
	padding:0;
	width: 41px;
	height: 37px;
	padding: 8px 0;
	box-sizing: border-box;
	position: absolute;
	right:0;
	top:0;
	bottom: 0;
	margin: auto;
}

.imp-grid-top-search-remover
{
	
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	top: -9px;
	padding: 4px;
	right: -9px;
	font-size: 10px;
	text-decoration: none;
	color: #cb1111;
	font-weight: bold;
	-webkit-transition: visibility 0s, opacity 300ms ease-in-out, color 300ms ease-in-out, background 300ms ease-in-out;
	-moz-transition: visibility 0s, opacity 300ms ease-in-out, color 300ms ease-in-out, background 300ms ease-in-out;
	-o-transition: visibility 0s, opacity 300ms ease-in-out, color 300ms ease-in-out, background 300ms ease-in-out;
	transition: visibility 0s, opacity 300ms ease-in-out, color 300ms ease-in-out, background 300ms ease-in-out;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
}

.imp-grid-top-search-active:hover .imp-grid-top-search-remover
{
	visibility: visible;
	opacity: 1;
}

.imp-grid-top-search-remover:hover
{
	color: #ffffff;
	background: #cb1111;
}


/* ------------------- AJAX MULTIFULE UPLOAD ------------------- */
.if-afm .if-afm-file{
	position: relative;
	margin: 9px;
}

.if-afm .if-afm-file .if-afm-hide-error-message{
	display: block;
	float: right;
}

.if-afm-fileupload-progress
{
	border: 1px solid #6f9ce0;
	padding: 20px;
	margin-top: 17px;
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
	color: #505050;
}

.if-afm-fileupload-progress span.green
{
	color: #82b822;
}

.if-afm-fileupload-progress span.red
{
	color: #cb1111;
}

.if-afm .if-afm-file span.if-afm-file-progress, .if-afm-progress-bar{
	display: inline-block;
	float: right;
	border: 1px solid #4b83d8;
	height: 14px;
	width: 300px;
	box-sizing: border-box;
}

.if-afm-progress-bar{
	position:static;
	margin: 0 0 20px 0;
	width: 100%;
}

.if-afm .if-afm-file span.if-afm-file-progress > span, .if-afm-progress-bar-in{
	background: #82b822;
	display: block;
	height: 12px;
}
/* ------------------- AJAX MULTIFULE UPLOAD - END ------------- */

.MultiFile-label
{
	padding: 2px 0;
	clear: both;
	max-width: 640px;
}

a.MultiFile-remove
{
	font-family: "Roboto", sans-serif;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	font-weight:normal;
	font-size: 20px;
	line-height: 18px;
	height: 20px;
	width: 20px;
	text-decoration: none;
	position:relative;
	cursor:pointer;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	color: #a6a6a6;
	position: relative;
	text-indent: -9999px;
}

a.MultiFile-remove:hover
{
	color: #4B83D8;
}

a.MultiFile-remove .nc-icon-glyph
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-indent: 0;
}

.MultiFile-title
{
	display: inline-block;
	vertical-align: middle;
}

.fu-filename
{
	margin: 5px;
	width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}

.MultiFile-title:before
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width:0;
	height: 37px;
}

.fu-descinput
{
	margin: 5px;
	display: none;
}

.if-radio-image-layout
{
	display: inline-block;
	margin: 10px;
}

.if-radio-image-layout .i-r-default
{
	display: none;
}

.if-radio-image-layout .i-r-clicked,
.if-radio-image-layout .i-r-wrapper:hover
{
	border: 2px solid #82b822;
	overflow: hidden;
	-webkit-transition: border-color 300ms ease-in-out;
	-moz-transition: border-color 300ms ease-in-out;
	-o-transition: border-color 300ms ease-in-out;
	transition: border-color 300ms ease-in-out;
}

.if-radio-image-layout .i-r-clicked img,
.if-radio-image-layout .i-r-wrapper:hover img
{
	margin: -2px;
}

.f-el .cs-card
{
	width: 100%;
	padding: 0;
}

.f-el .cs-card .cs-product-count
{
	padding: 10px 0px;
	vertical-align: middle;
	max-width: 60px !important;
}

.mce-panel
{
	width: auto !important;
}

.f-avatar-img
{
	display: inline-block;
	vertical-align: top;
	font-size: 120px;
	padding: 10px 5px;
}

.f-avatar-content
{
	font-size: 0;
	margin: -10px -5px;
}

.f-avatar-img i,
.f-avatar-img img
{
	display: block;
}

.f-avatar-buttons
{
	display: inline-block;
	vertical-align: top;
}

.f-avatar-buttons a.BTN_SMALL,
.f-avatar-buttons a.BTN
{
	display: block;
	margin: 10px 5px;
}

.f-tabs-accordion-head
{
	display: none;
}

.f-form .intl-tel-input.allow-dropdown .selected-flag, .f-form .intl-tel-input.separate-dial-code .selected-flag
{
	width: 51px;
	padding-left: 10px;
}

.f-checkbox-wrap
{
	margin: -4px;
}

.f-radio-wrap .sf-r-wrapper, .f-checkbox-wrap .sf-ch-wrapper
{
	margin: 4px;
}

.f-checkbox .f-label, .f-radio .f-label
{
	display: block;
	width: auto !important;
	max-width: none;
}

.f-images-panel-crop-cont
{
	padding: 20px;
	box-sizing: border-box;
}

.f-images-panel-crop-cont .icrop-top > h2,
.f-images-panel-crop-cont .icrop-top > h3
{
	padding-bottom: 5px;
}

.f-images-panel-crop-cont .f-images-panel-crop-cont-info
{
	margin: -5px;
	padding-bottom: 10px;
}

.f-images-panel-crop-cont .icrop-info,
.f-images-panel-crop-cont .icrop-toolbar
{
	padding: 5px 10px;
	border: 1px solid #c1c1c1;
	display: inline-block;
	vertical-align: top;
	margin: 5px;
	min-height: 38px;
}

.f-images-panel-crop-cont .icrop-toolbar .sf-r-wrapper
{
	margin: 0 3px;
}

.f-images-panel-crop-cont .icrop-footer .button
{
	margin: 3px;
}

.f-images-panel-crop-cont .icrop-footer
{
	padding-top: 10px;
	margin: -3px;
	text-align: right;
}

.f-select .sf-s-list-wrap-absolute
{
	z-index: 100;
}

div.imp-toolbar{
	padding: 20px 25px;
	border: 1px solid #494949;
	background: #494949;
	position: relative;
}

div.imp-toolbar .button.left{
	margin:4px;
}

div.imp-toolbar .button.right{
	margin:4px;
}

.imp-toolbar-inner
{
	margin: -4px;
}

@media all and (max-width: 1400px){
	.f-el
	{
		font-size: 18px;
	}
	
	#f-tabs.ui-widget input[type="text"], #f-tabs.ui-widget input[type="password"], #f-tabs.ui-widget textarea
	{
		box-sizing: border-box;
		max-width: 100%;
	}
}

@media all and (max-width: 1200px){
	.f-el
	{
		font-size: 17px;
	}
}

@media all and (max-width: 1024px){
	.f-el
	{
		font-size: 16px;
	}
	
	.ftab-buttons-panel-in
	{
		padding: 20px 0px;
		width: 90%;
		margin: auto;
	}
	
	.f-el a.ERROR-ICON
	{
		top: 20px;
	}
	
	.f-password-input .f-password-input-generator,
	.f-password-input .f-password-show
	{
		height: 48px;
		line-height: 48px;
	}
}

@media all and (max-width: 1023px){
	.cdps-item-content-shop-avatar
	{
		padding-right: 0;
		display: block;
		padding-bottom: 20px;
	}
	
	.col-table-row_avatar .col-table-inner
	{
		display: block;
		width: 100% !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
		
	#f-tabs .ui-accordion .ui-accordion-header
	{
		border-radius: 0;
		margin: 0;
	}
	
	#f-tabs .ui-state-default
	{
		font-size: 18px;
		/*padding: 15px;*/
		background: #494949;
		color: #ffffff;
		border: none;
	}
	
	#f-tabs .ui-icon-triangle-1-s,
	#f-tabs .ui-icon-triangle-1-e
	{
		background-image: none;
		display: inline-block;
		font: normal normal normal 14px/1 'Nucleo Outline';
		speak: none;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-indent: 0;
		margin-right: 8px;
	}
	
	#f-tabs .ui-icon-triangle-1-s:before
	{
		content: "\ea41";
	}
	
	#f-tabs .ui-icon-triangle-1-e:before
	{
		content: "\ea43";
	}
	
	#f-tabs .ui-accordion .ui-accordion-content
	{
		border: none;
		border-radius: 0;
		overflow: visible;
	}
	
/*	#f-tabs.ui-tabs .ui-tabs-nav
	{
		margin: -39px -38px 40px;
	}*/
}

@media all and (max-width: 800px){
	.image-container, .file-container
	{
		width: calc(100% - 30px);
	}
}

@media all and (max-width: 659px){
	.f-image-panel-cont
	{
		margin: -15px 0;
	}
	
	.image-container
	{
		min-width: 0;
		width: 100%;
		margin: 15px 0;
	}
	
	#f-tabs .ui-accordion .ui-accordion-content
	{
		padding: 10px;
	}
}


@media all and (max-width: 480px){
	#f-tabs.ui-widget input[type="text"], #f-tabs.ui-widget input[type="password"], #f-tabs.ui-widget textarea
	{
		width: 100%;
		box-sizing: border-box;
	}
	
	.ftab-buttons-panel-in .ftab-buttons-panel-wrap
	{
		margin: -3px;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	
	.f-type-linkbtn
	{
		order: 4;
	}
	
	.f-type-submit
	{
		order: 1;
	}
	
	.ftab-buttons-panel-in .ftab-buttons-panel-wrap > div
	{
		width: 100%;
		margin: 3px;
	}
	
	.ftab-buttons-panel-in .ftab-buttons-panel-wrap input[type="submit"], .ftab-buttons-panel-in .ftab-buttons-panel-wrap input[type="button"], .ftab-buttons-panel-in .ftab-buttons-panel-wrap button
	{
		width: 100%;
		box-sizing: border-box;
	}
	
	.text-with-link
	{
		margin: -5px -15px;
	}
	
	.text-with-link > *
	{
		padding: 5px 15px;
	}
	
	.col-table-inner
	{
		min-width: 100%;
	}
	
	.f-el
	{
		min-width: 100%;
	}
	
	.f-el .i-s-wrapper
	{
		min-width: 100%;
	}
	
	.f-image-panel-cont
	{
		width: auto;
		margin: auto;
		text-align: center;
	}
	
	.f-image-panel-sortable .image-container,
	.image-container-sorthelp
	{
		display: inline-block;
		float: none;
	}
	
	.image-container, .file-container
	{
		text-align: left;
	}
	
	.ip-opt
	{
		padding: 5px 0;
	}
	
	.image-container table,
	.image-container tbody,
	.image-container tr,
	.image-container td,
	.file-container table,
	.file-container tbody,
	.file-container tr,
	.file-container td
	{
		display: block;
		width: auto;
	}
	
	.ip-datacell
	{
		height: auto;
	}
	
	.f-el
	{
		font-size: 14px;
	}
	
	.file-container
	{
		min-width: 0;
	}
	
	.icons-selector
	{
		display: block;
	}
	
	.icons-selector .selector-popup
	{
		max-width: 100%;
	}
	
	.f-phone .f-text-with-icon,
	.f-phone .f-text-with-icon input[type="text"]
	{
		width: 100%;
	}
	
	.f-ajax-upload-pane-wrap
	{
		margin: 0;
	}
	
	.f-text-with-icon,
	.f-datetime-input,
	.f-time-input,
	.intl-tel-input,
	input[type="text"], input[type="email"], input[type="password"]
	{
		min-width: 100%;
	}
}