input[type=checkbox]{
	border: none !important;
	outline: none;
}

input[type=text].frm-input, input[type=email].frm-input, input[type=password].frm-input, input[type=date].frm-input, input[type=datetime].frm-input, input[type=tel].frm-input, textarea.frm-input
{
	border: 1px solid var(--color-app-border2);
	background-color: var(--color-app-bg2);
	color: var(--color-app-fg);
	font-size: 14px;
	border-radius: 4px;
}
.square-right{
	border-top-right-radius :0 !important;
	border-bottom-right-radius :0 !important;
	transition: width 0.1s ease-in-out;
	padding: 6px !important;
}
@media screen and (max-width: 1000px) {
	.frm-panel-center{margin-left: 25px !important; margin-right: 25px !important;}
}
input[type=text].frm-input, input[type=password].frm-input, input[type=email].frm-input, input[type=tel].frm-input, input[type=date].frm-input, input[type=datetime].frm-input
{
	padding: 7px;
	height: 16px;
}
input[type=text].frm-numeric{
	text-align: center;
}
input[type=text].frm-input:hover, input[type=password].frm-input:hover, input[type=email].frm-input:hover, input[type=tel].frm-input:hover, input[type=date].frm-input:hover, input[type=datetime].frm-input:hover, textarea.frm-input:hover
{
	box-shadow: 0 0 2px rgba(0,0,0,0.15);
	border: 1px solid var(--color-app-border3);
}
input.frm-input:focus, textarea.frm-input:focus
{
	outline: none;
	box-shadow: 0px 0px 5px var(--input-form-highlights) !important;
	border: 1px solid var(--colorSec) !important;
}

input[type='range'] {
	-webkit-appearance: none;
	border-radius: 2px;
	border: none !important;
	box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.5) !important;
	background-color: #e6e6e6;
	height: 4px;
	vertical-align: middle;
	outline: none;
	margin: 2px;
}
input[type='range']:active, input[type='range']:focus{
	border: none !important;
	box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.5) !important;
}
input[type='range']::-moz-range-track {
	-moz-appearance: none;
	border-radius: 2px;
	box-shadow: 0px 2px 2px rgba(255, 255, 255, 0.25), inset 0px 1px 3px rgba(0, 0, 0, 0.5);
	background-color: #e6e6e6;
	height: 4px;
	vertical-align: middle;
	outline: none;
	-moz-outline-style: none !important;
}
input[type='range']::-webkit-slider-thumb {
	 -webkit-appearance: none !important;
	 border-radius: 20px;
	 background-color: #FFF;
	 border: 1px solid #666;
	 box-shadow: 0px 0px 2px #AAA;
	 height: 20px;
	 width: 20px;
}
input[type=range]::-moz-focus-outer {
    border: 0;
}
input[type='range']::-webkit-slider-thumb:hover{
	border-color: var(--colorSec);
	box-shadow: 0px 0px 5px var(--input-form-highlights);
}
input[type='range']::-moz-range-thumb {
	 -moz-appearance: none;
	 border-radius: 20px;
	 border: 1px solid #999;
	 height: 20px;
	 width: 20px;
}
input[type='range']::-moz-range-thumb:hover{
	border-color: var(--colorSec);
	box-shadow: 0px 0px 5px var(--input-form-highlights);
}
select.frm-input{
	border: 1px solid var(--color-app-border2);
	border-radius: 0;
	padding: 6px;
	font-size: 14px;
	outline: none;
	height: 32px;
	color: var(--color-app-fg);
	background-color: var(--color-app-bg2) !important;
	border-radius: 5px;
}

select.frm-input:hover{
	border: 1px solid #777;
}
select.frm-input:focus{
	border: 1px solid var(--colorSec);
	box-shadow: 0px 0px 5px var(--input-form-highlights);
}

button
{
	outline: none;
}

/* Widgets */
div.spinner {margin: 70px auto; width: 16px}

/* Forms styles */
.frm-section-vert {padding: 0 5px 0 5px; clear:both; outline: none;}
.frm-section-horiz {padding: 0 0 0 10px; float:left; outline: none;}
.frm-section-err label{color: var(--red-color);}
.frm-section-err .frm-input, .frm-section-err .select2-selection--single, .frm-section-err .slider-block{border-color: var(--red-color) !important;}
.frm-caption, .frm-caption-cb{float:left; text-align:right; padding: 6px 5px 6px 0; color: var(--color-app-fg3);}
.frm-caption-comp {float:left; text-align:right; padding: 0 5px 0 0; color: var(--color-app-fg3);}
.frm-caption-foot {float:left; text-align:right; padding: 1px 5px 2px 3px; color: var(--color-app-fg3);}
.frm-infield {position: absolute; top: 11px; left: 5px; color: var(--color-app-fg3); transition: all 0.1s ease-in-out; cursor: text;}
.min .frm-infield, .frm-fld-select .frm-infield{top: 3px !important;left: 7px !important; font-size: 12px; color: #999; line-height: 12px;}
.min .frm-infield {background-color: var(--color-app-bg2);border-radius: 2px; padding: 0 2px 1px 0;top: 2px !important;}
.frm-infield.val{color: var(--color-app-fg3) !important;}
.frm-input{float: left;}
.frm-textview{clear: both; overflow: hidden}
.frm-textarea{padding: 6px; clear: both; overflow: auto; line-height: 140%; background-color: var(--color-app-bg2); font-family: Roboto;}
.frm-list{padding: 3px;}
.frm-list-label:hover{color: var(--color-app-fg2); cursor:default;}
.frm-list .frm-list-label{top: 3px;position: relative;vertical-align: top;line-height: 17px;display: inline-block; white-space: normal;width: calc(100% - 30px);}
.frm-buttons{padding: 5px 0 20px 0; clear: both; min-height: 35px; position: relative;}
.no-margins .frm-buttons{padding-right: 0; padding-left: 0;}
.frm-buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.frm-field-title{ color: var(--color-app-fg3) !important;}
.frm-panel-border{border: 1px solid var(--color-app-border); padding: 10px; border-radius: 15px;background-color: var(--color-app-bg5);}
.frm-panel-border:hover{box-shadow: 0 1px 2px 0 rgba(60,60,60,0.05),0 2px 6px 2px rgba(60,60,60,0.05);;}
.frm-panel-center{margin: 10px auto 25px auto; padding: 15px; max-width: 900px;}
.frm-tabs-break{border-bottom: 1px solid var(--color-app-border); clear:both; margin-bottom: 10px;}
.frm-textview ul, .ui-tooltip ul{list-style: disc outside none !important;padding-left:20px !important;}
.frm-textview ol, .ui-tooltip ol{list-style: decimal outside none !important;padding-left:20px !important;}
.frm-textview li, .ui-tooltip li{margin: 0 !important}
.frm-textview p, .ui-tooltip p{margin: 7px 0;}
.frm-clear {clear: both; height: 0px}
.frm-textview{line-height: 150%;}
.frm-lbl-req{padding-right: 1px;}
.mob .frm-textview{line-height: 22px; font-size: 15px;}
.frm-arrows{
	background: url(/elements/css/img/select_drop2.png) no-repeat right center;
	width: 20px;
	height: 28px;
	float: right;
	border-bottom: 1px solid #9D9D9D;
	border-top: 1px solid #9D9D9D;
	border-right: 1px solid #9D9D9D;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.frm-arrows:hover{
	border-color: #777;
}
.frm-tabs-header{
	padding-top: 5px;
}
.mob .frm-tabs{
	display: flex;
	overflow: scroll;
}
.frm-buttons.frm-tabs{
	padding: 10px 0 0 0;
}
.frm-tabs .label{
	white-space: nowrap;
}
@media screen and (max-width: 500px) {
	.frm-panel .frm-caption{float: none; width: auto !important;}
	.frm-panel div.frm-input{width: calc(100% - 30px) !important;}
	.frm-panel div.frm-input.icon-fld{width: calc(100% - 50px) !important;}
	.frm-panel .frm-section-vert, .frm-panel .tagit{width: 100% !important}
	.frm-cont-field .frm-caption{display: none;}
	.select2 {max-width: 280px;}
	.frm-section-horiz.frm-fld-infield.frm-fld-select{padding: 5px 0 !important;}
	.frm-caption{text-align: left;}
	input.frm-input{max-width: 100% !important;}
	.simple-rte {width: calc(100% + 15px) !important;}
}

.frm-buttons.rail{
	position: fixed !important;
	top: 55px;
	background-color: var(--color-app-bg2);
	margin-left: -25px;
	z-index: 100;
	padding: 15px 25px !important;
	box-shadow: 0 8px 10px -6px var(--color-app-shadow);
}
.embed .frm-buttons.rail{
	top: 0;
}
.max-width-field{
    overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap;
}
thead.rail{
    position: fixed;
    background-color: var(--color-app-rail);
	z-index: 100;
	margin-left: -25px;
	padding: 0 25px;
	box-shadow: 0 8px 10px -6px var(--color-app-shadow)
}
thead.rail .table_header{
	border-bottom: none;
	padding: 5px 5px 0 5px;
}
.frm-tabs-header.rail{
    position: fixed;
    background-color: var(--color-app-rail);
	z-index: 100;
	margin-left: -25px;
	padding: 5px 25px 0 25px;
	box-shadow: 0 8px 10px -6px var(--color-app-shadow)
}

#column1 .frm-cont-link.frm-section-vert, #column3 .frm-cont-link.frm-section-vert, #column4 .frm-cont-link.frm-section-vert{padding: 0;}
#column1 .frm-cont-button.frm-section-vert, #column3 .frm-cont-button.frm-section-vert, #column4 .frm-cont-button.frm-section-vert{padding: 8px 0;}
#column1 .frm-cont-field.frm-section-vert, #column3 .frm-cont-field.frm-section-vert, #column4 .frm-cont-field.frm-section-vert{padding: 8px 15px;}
#column1 .frm-field, #column3 .frm-field, #column4 .frm-field{padding: 0 !important;}
.widget-content .frm-footer{
	padding: 15px 20px;
	background-color: var(--color-app-bg5);
	margin-top: 15px;
	border-top: 1px solid var(--color-app-border);
}
.pf-popup .frm-footer{
	padding: 10px;
	background-color: var(--color-app-bg5);
	margin-top: 10px;
	border-top: 1px solid var(--color-app-border);
}
.frm-active{
	background-color: var(--color-app-bg2);
}
.frm-active .frm-link{
    padding-left: 11px !important;
    border-left: 4px solid var(--colorSec) !important;
}
.collapsed .menu-item .frm-link{
	padding-left: 12px !important;
	width: 16px !important;
}
.collapsed .menu-item .frm-dropdown-arr{
	display: none;
}
.frm-dropdown .frm-dropdown-arr {
	height: 10px !important;
	width: 10px !important;
	right: 20px;
	margin-left: -4px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
}
.frm-btn .frm-dropdown-arr{
	right: 10px;
}
.frm-expended .frm-dropdown-arr, .jpop .frm-dropdown-arr{
	transform: rotate(180deg);
}
.frm-btn.frm-dropdown{
	padding-right: 24px;
}
.frm-section-expand.frm-expended{
	transform: rotate(180deg);
}
.frm-expended.rotate .frm-dropdown-arr{
	animation: rotate-menu-down 0.3s ease-in-out;
}
.frm-collapsed.rotate .frm-dropdown-arr{
	animation: rotate-menu-up 0.3s ease-in-out;
}
@keyframes rotate-menu-down {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(-180deg);
	}
}
@keyframes rotate-menu-up {
	from {
	  transform: rotate(-180deg);
	}
	to {
	  transform: rotate(0);
	}
}
fieldset {border:0 none;padding:0;}

/* pointy pop-upos */
.popup-container{font-size: 14px; margin-top: 15px; overflow: hidden;}
.popup-pointer{
	margin: 5px;
	height: 20px;
	width: 20px;
	border-top: 1px solid var(--color-app-border) !important;
	border-left: 1px solid  var(--color-app-border) !important;
    transform: rotate(45deg);
}
.popup-pointer-down{
	margin: -9px 5px 5px 5px;
	height: 20px;
	width: 20px;
	border-top: 1px solid var(--color-app-border);
	border-left: 1px solid var(--color-app-border);
    transform: rotate(224deg);
}
.popup-container .row td{border-bottom: none; border-radius: 0 !important;}
.popup-container td.highlighted{background-color: var(--color-app-highlight);}
.popup-container .row a:hover{text-decoration: none;}
.popup-pointer-cont{
	margin-top: 1px;
	margin-left: 15px;
	height: 15px;
	width: 30px;
	position: absolute;
	overflow: hidden;
}
.popup-pointer-cont-down{
	margin-top: -2px;
	margin-left: 15px;
	height: 17px;
	width: 30px;
	position: absolute;
	overflow: hidden;
	display: none;
}
.pf-popup{
	position: absolute;
	z-index: 10000;
}
.mob .pf-popup{
	bottom: -300px;
	left: 0;
	width: 100% !important;
	transition: all 0.4s ease-in-out;
}
.mob .popup-pointer-cont{
	display: none;
}
.mob .pf-popup .frm-link{
	font-size: 16px;
	padding: 9px 15px;
}
.mob .pf-popup .ui-widget-content{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.click-icon{float:left;cursor:pointer;}
.css_right{float:right;}

/* shadows */
.shadow{box-shadow:0 4px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); border: 1px solid var(--color-app-border) !important;}
.shadow2{box-shadow:3px 3px 5px rgba(0,0,0,.1), -3px 3px 5px rgba(0,0,0,.1);}

/************************************/
/*            EXTENSIONS			*/
/************************************/

/* styles for facebox */
#facebox {position: absolute; top: 0; left: 0; z-index: 100; text-align: left;}
#facebox .popup{position:relative; border:3px solid rgb(0,0,0); border-radius:5px; box-shadow:0 0 18px rgba(0,0,0,0.4);}
#facebox .content {display:table; width: 370px; padding: 10px; background: #fff; border-radius:4px;}
#facebox .content > p:first-child{ margin-top:0;}
#facebox .content > p:last-child{margin-bottom:0;}
#facebox .close{position:absolute; top:5px; right:5px; padding:2px; background:#fff;}
#facebox .close img{opacity:0.3;}
#facebox .close:hover img{opacity:1.0;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}

/* styles for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/* Stopwatch */
div.stopwatch-timer{width: 80px; font-size: 26px; font-weight: bold; margin: auto; margin-top: 10px; margin-bottom: 25px; text-align: center;}

/* Tags */
ul.tagit {
	padding: 4px 6px !important;
	overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
    clear: both;
    margin-top: 2px;
	border: 1px solid var(--color-app-border);
	background-color: var(--color-app-bg2);
	border-radius: 3px;
}
ul.tagit:active{
	box-shadow: 0px 0px 5px var(--input-form-highlights);
	border: 1px solid var(--colorSec);
}
ul.tagit:hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	border: 1px solid var(--color-app-fg3);
}
ul.tagit li {
	display: block;
	float: left;
	margin: 2px 5px 2px 0 !important;
}
ul.tagit li.tagit-choice {
	padding: 5px 20px 5px 6px;
    position: relative;
    line-height: inherit;
    font-weight: normal !important;
    text-align: left;
	height: auto;
	border: 1px solid var(--color-app-border);
	border-radius: 15px;
	background-color: #f5f5f5;
}
ul.tagit li.tagit-choice:hover{
	background-color: var(--color-app-highlight);
}
ul.tagit li.tagit-new, ul.tagit .label{
	padding: 5px 3px;
}

li.tagit-new input{
	font-size: 14px;
}

ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}
ul.tagit li.tagit-choice .close {
	cursor: pointer;
    position: absolute;
    right: .2em;
    top: 50%;
    margin-top: -8px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .close .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
    outline: none;
	color: var(--color-app-fg);
}

/* data tables */
.fg-toolbar{padding:5px;clear:both}
.dataTables_paginate{width:auto;float:right;text-align:right;}
table.display thead th{cursor:pointer;padding:3px 0 3px 10px;}
.dataTables_wrapper{clear:both;}
.dataTables_processing{position:absolute;top:0;left:50%;width:250px;margin-left:-125px;border:1px solid #ddd;text-align:center;color:#999;font-size:11px;padding:2px 0;}
.dataTables_length{width:40%;float:left;}
.dataTables_filter{width:60%;float:right;text-align:right;}
.dataTables_info{width:50%;float:left;}
tr.odd, tr.even{background-color: var(--color-app-bg2);}
tr.odd:hover, tr.even:hover{box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);}
.column-east-2 .odd, .column-east-2 .even {background-color:var(--color-app-bg2);}
.fbuser-table{height:260px;overflow:auto;width:375px;clear:both;padding-bottom:3px;}

/* uploadify */
.uploadifyQueueItem{background-color:#F5F5F5;border:2px solid #E5E5E5;font:11px Verdana, Geneva, sans-serif;margin-top:5px;width:350px;padding:10px;}
.uploadifyError{background-color: var(--red-background) !important; border: 2px solid var(--red-color) !important;}
.uploadifyQueueItem .cancel{float:right;}
.uploadifyQueue .completed{background-color:#E5E5E5;}
.uploadifyProgress{background-color:#E5E5E5;margin-top:10px;width:100%;}
.uploadifyProgressBar{background-color:var(--progress-bar);height:3px;width:1px;}

/*uploadifive*/
.uploadifive-button{
	margin: auto;
	display: block !important;
	border-radius: 20px;
  	line-height: 18px !important;
}
.uploadifive-queue{
	margin-bottom: 12px;
	width: 100%;
	height: 100px;
	border: 1px solid #9D9D9D;
	border-radius: 3px;
	background: var(--color-app-bg2) url('/img/icons/upload2.svg') no-repeat center center;
	position: relative;
	background-size: 43px;
	overflow-y: auto;
	border-style: dashed;
}
.mob .uploadifive-queue{
	display: none;
}
.uploadifive-queue-txt{
	text-align: center;
	color: #AAA;
	position: absolute;
	bottom: 10px;
	left: 50%;
	font-family: Roboto;
	font-weight: 300;
	transform: translateX(-50%);
}
.uploadifive-queue.active{
	box-shadow: 0px 0px 5px var(--input-form-highlights);
	border: 1px solid var(--colorSec);
}
.uploadifive-queue-item {
	background-color: var(--color-app-bg2);
	border-bottom: 1px dotted var(--color-app-border);
	border-radius: 5px;
	font-size: 12px;
	margin-top: 3px;
	padding: 15px;
	position: relative;
}
.uploadifive-queue-item .close {
	background: url('/elements/css/img/uploadifive-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: var(--progress-bar);
	height: 3px;
	width: 0;
}
.ui-state-disabled .uploadifive-queue, .ui-state-disabled .uploadifive-button{
	opacity: 0.6;
}
}

.table-container{
	clear: both;
}
#column2 .table-container{
	overflow-y: hidden;
}
.table-container .page-num{
	font-size:14px;
	margin-top: 32px;
	float: left;
}
/* pagination */
.pagination{
	font-size:13px;
	margin-top: 25px;
}
.pagination a{
	text-decoration:none;
	color: var(--color-app-fg3) !important;
}
.pagination a:hover, .memt_pagination:hover{
	text-decoration: none;
	border-bottom: 3px solid var(--color-app-border) !important;
}
.pagination a,.pagination span{
	display:block;
	float:left;
	text-align:center;
	width: 26px;
	height: 26px;
	line-height: 26px;
	margin-left: 5px;
	font-weight: 500;
}
.pagination .current{
	color:var(--colorPrim) !important;
	border-bottom: 3px solid var(--colorPrim) !important;
}
.pagination .current.prev,.pagination .current.next{
	color:var(--color-app-fg3) !important;
	background:var(--color-app-bg2) !important;
	border-bottom: none !important;
}

.pagination .prev, .pagination .next{
	padding: 0 10px;
}

/* new pagination */
ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 28px 0 0 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}
.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
	float: left;
	color: var(--color-app-fg3) !important;
	font-size:13px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	min-width: 12px;
	padding: 0 7px;
	margin: 0 5px 0 0;
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	border-bottom: 3px solid var(--color-app-border) !important;
}

.light-theme li:not(.disabled) .current {
	color:var(--colorPrim) !important;
	border-bottom: 3px solid var(--colorPrim) !important;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
/*End pagination*/

.table_header
{
	padding: 5px;
	border-bottom: 1px solid var(--color-app-border);
	height: 30px;
}
.table_subheader{color: var(--color-app-fg3); }
.table_header .table_subheader a{color: var(--blue-fill);}
.table_header div{color: var(--color-app-fg4); text-decoration: none;font-size: 12px; font-weight: 400; padding-left: 2px;white-space: nowrap;float: left;text-transform: uppercase;}
.table_header.sortable, .table_header.sorting{cursor: pointer;}
.table_header.sortable:hover, .table_header.sorting:hover{background-color: var(--color-app-bg4);}
/* jTable Sorted Styles */
.table_header.sorted div{padding-right: 14px;color: var(--color-app-fg);}
.table_header.sorted svg, .table_header.sorting_desc svg, .table_header.sorting_asc svg{position: relative; top: 1px; padding-left: 3px; fill: var(--frm-btn-primary-active-color);}
.table_header.sorting_asc, .table_header.sorting_desc{cursor: pointer}
.table_header.sorting_asc div, .table_header.sorting_desc div{color: var(--blue-fill) !important; padding-right: 14px;}
#column1 .table-container, #column3 .table-container, #column4 .table-container{padding: 0;}

.table-search{
	flex-grow: 1;
}
.table-search #search-section{
	float: none;
	width: 350px;
	margin: auto;
	transition: width 0.2s ease-in-out;
	padding-left: 0 !important;
}
.table-search #search-section.section-focus{
	width: calc(100% - 150px);
}
.table-search #top-title-section{
	float: left;
	font-size: 18px;
	margin-top: 10px !important;
	padding: 7px 20px;
	border-left: 1px solid var(--color-app-border2);
	font-weight: 500;
}
.table-search div.frm-input{
	position: relative;
	width: 100%;
}
.table-search .frm-input{
	background-color: transparent !important;
	border-color: var(--color-app-border2) !important;
	border-radius: 18px !important;
}
.table-search .fld-focus input{
	box-shadow: 0px 0px 15px 5px var(--color-app-shadow) !important;
}
.table-search .inp-icon path{
	fill: var(--color-app-border2);
}
.table-search .fld-focus .inp-icon path{
	fill: var(--colorSec);
}
.dark-fore .table-search .frm-input{
	border-color: #888 !important;
}
.table-search .frm-input::placeholder{
	color: var(--color-app-border2);
	opacity: 1;
}
.table-search .frm-btn{
	background-color: transparent !important;
	background-image: none !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 18px !important;
	border-bottom-left-radius: 18px !important;
	padding: 5px 7px !important;
	filter: none !important;
	border: 1px solid var(--color-app-border2) !important;
	border-right-width: 0 !important;
	box-shadow: none !important;
}
.dark-fore .table-search .frm-btn{
	border-color: #888 !important;
}
.table-search .frm-btn:active{
	border-left: none !important;
}
.table-search:hover .frm-btn{
	background-color: transparent !important;
}
.data-grid{
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.search-title .square-right{
	width: 231px !important;
}
.search-title #page_title_right{
	width: 310px;
}
.search-title #page_title_center{
	width: calc(100% - 500px);
}
.title_edit{
	border-bottom: 1px dotted rgba(256,256,256,0.6);
}
.search-clear{
	position: absolute;
	top: 7px;
	right: 6px;
	font-size: 15px;
	cursor: pointer;
	line-height: 18px !important;
	background: var(--color-app-bg2);
	padding: 0 2px;
}
.mob .search-clear{
	right: 22px;
}
#title-bck a, #title-nxt a{
	background-image: none !important;
	border-radius: 15px !important;
	padding: 5px 15px !important;
	filter: none !important;
	color: var(--color-on-prim);
	border: 1px solid transparent;
	margin-top: 10px;
	line-height: 18px;
	height: 18px;
	text-align: center;
	padding: 5px 6px !important;
}
#title-bck a:hover, #title-bck div:hover, #title-nxt a:hover, #title-nxt div:hover{
	color: var(--colorPrim) !important;
	text-decoration: none !important;
}
#title-bck a:hover, #title-nxt a:hover{
	background-color: var(--color-on-prim)  !important;
}
#title-bck path{
	fill: var(--color-on-prim);
}
#title-bck a:hover path{
	fill: var(--colorPrim);
}

.dark-fore #title-bck a, .dark-fore #title-nxt a{
	color: #000 !important;
	border: 1px solid #000;	
}
.dark-fore #title-bck a:hover, .dark-fore #title-nxt a:hover{
	background-color: #222 !important;
}
.dark-fore #title-bck path{
	fill: #222;
}
/* memory table */
.memt_btn {
	display: inline-block;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 26px;
	margin-left: 5px;
	font-weight: 500;
}
.memt_pagination , .dataTables_paginate .memt_pagination.next{
	color: #666 !important;
	cursor: pointer;
}
.memt_pagination:active{
	color: #000 !important;
}
.memt_pagination:hover{
	text-decoration: none;
	border-bottom: 3px solid var(--color-app-border) !important;
}
.memt_pagination_dis {
	color: #999 !important;
	border-bottom: none !important;
}
.memt_pagination_act{
	color: var(--colorPrim) !important;
	border-bottom: 3px solid var(--colorPrim) !important;
}
.dataTables_paginate .previous, .dataTables_paginate .next{
	width: 60px !important;
}
.dataTables_paginate .memt_pagination.next:hover{
	text-decoration: none;
	border-bottom: 3px solid #999 !important;
}

.memt_pagination_alt{background:var(--memt-pagination);color:#fff;border:solid 1px var(--memt-pagination); cursor: pointer;}
.memt_pagination_alt:hover{
	background-color: #333 !important;
	border-color: #333 !important;
}
.memt_first{display: none}
.memt_last{display: none}
.table_filter {padding: 3px 3px 3px 0;}
.table_filter input{
	padding-left: 24px !important;
	background: #FFF url(/elements/css/img/controls.svg) no-repeat left 3px top -49px;
	background-size: 18px;
	border-radius: 18px !important;
}
.paging_full_numbers{padding-top: 25px;}
.memt_footer{display:block;padding-bottom: 10px;}
.memt_footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.table-tools .frm-btn{
	margin-bottom: 15px;
}

.underlined{border-bottom: 1px solid var(--color-app-border);}
.upperlined{border-top: 1px solid var(--color-app-border);}
td.highlighted{border-color: var(--color-app-border) !important; color: var(--color-app-fg2); background-color: var(--color-app-highlight);}
td.highlighted .action-link{color: var(--color-app-fg2);}
.frm-cont-field.highlighted{background-color: var(--color-app-highlight);}
.selected {background-color: var(--blue-background) !important;}
.highlight {background-color: var(--yellow-highlight); border-bottom: 1px solid var(--yellow-color);}
.selected .highlight{background-color: transparent !important;}
.row td{padding: 9px 5px; border-bottom: 1px solid var(--color-app-border);}
#column2 .nodatafound{
	margin: 100px auto 0 auto;
    width: 300px;
	text-align: center;
}
#column2 .nodatafound .ndf-pic{
	width: 300px;
	height: 300px;
	background: url(/img/nodatafound.png) no-repeat center center;
	background-size: 300px;
}
#column2 .nodatafound .ndf-text{
	text-align: center;
	font-size: 16px;
}
#column2 .nodatafound .ndf-sub{
	text-align: center;
	font-size: 14px;
	margin-top: 6px;
	font-weight: 500;
	color: #B7C2C9;
}
.ndf-sub a
{
	color: var(--colorSec);
}
#column1 .nodatafound, #column3 .nodatafound{
	text-align: center;
	background-color: transparent !important;
}

#column2 .row .action-link{font-weight: 500; -webkit-font-smoothing: antialiased;}

a.action-link
{
	color: var(--color-app-fg2);
	text-decoration: none;
	cursor: pointer;
	font-weight: 500;
}
a.action-link:hover, a.action-link div:hover
{
	text-decoration: underline;
}
a.action-link.no-link
{
	color: #7c7c7c;
	cursor: default;
}
a.action-link.no-link:hover, a.action-link.no-link div:hover
{
	text-decoration: none;
}
a.action-link .label{
	font-weight: normal;
}
a.light-link
{
	color: var(--blue-color);
	text-decoration: none;
}
a.light-link:hover, a.light-link div:hover
{
	color: var(--blue-color);
	cursor: pointer;
	text-decoration: underline;
}
div.light-link
{
	color: var(--blue-color);
	text-decoration: underline;
	font-size: 0.85em;
}
a.sec-link
{
	color: var(--color-app-fg);
}
.collapsible-title{
	color: var(--color-app-fg);
	cursor: pointer;
	float: none !important;
}
.collapsible-title:hover{
	color: var(--color-app-fg2) !important;
	text-decoration: none !important;
}
.collapsible-title svg{
	float: left;
}
.collapsible-title path{
	fill: var(--color-app-fg);
}
#column1 .frm-section-vert .frm-link, #column3 .frm-section-vert .frm-link, #column4 .frm-section-vert .frm-link{
	padding: 6px 15px;
	width: 232px;
}
#column1 .frm-link:hover, #column3 .frm-link:hover, #column4 .frm-link:hover{
	background-color: var(--color-app-bg3);
	text-decoration: none !important;
}
#column1 .frm-link:active, #column3 .frm-link:active, #column4 .frm-link:active{
	background-color: var(--color-app-bg4);
}
#column1 .frm-link div:hover, #column3 .frm-link div:hover, #column4 .frm-link div:hover{
	text-decoration: none !important;
}
#column1 td.highlighted{
	background-color: var(--color-app-highlight);
}
#column1  a.action-link .label{
	max-width: 208px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.edit-action{
	display:none;
	float:right;
}
.frm-fld-editable:hover .edit-action{
	display: block !important;
}
.frm-fld-editable:hover{
	background-color: var(--color-app-bg2);
}
.disabled-link {cursor: default !important;}
.seo-block {display: none;}

.frm-btn {
	display: inline-block;
	margin-bottom: 0;
	line-height: 18px;
	text-align: center;
	cursor: pointer;
	-webkit-touch-callout: none;
	user-select: none;
	text-decoration: none !important;
	height: 18px;
}
.frm-btn .label{
    float: left;
    line-height: 16px;
    margin-top: 1px;
    white-space: nowrap;
}
.frm-btn.frm-btn-primary .label{
	line-height: 18px;
}
.frm-btn.center .label{
    float: none !important;
}
.frm-link .label{
	float: left;
}
.frm-mob-def .label{
	line-height: 50px;
}
.frm-btn:hover{
	text-decoration: none !important;
}
.frm-btn:focus{
	box-shadow: var(--frm-btn-default-border) 0px 0px 6px !important
}
.frm-btn:active{
	transition: none;
}
.frm-btn.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 180px;
}
.frm-badge-label{
	float: left;
	margin: 13px 8px 0 0;
	font-size: 0.9em;
}
.frm-badge{
	float: left;
	height: 10px;
	border-radius: 10px;
	padding: 5px 10px 6px 10px;
	background-color: var(--color-app-bg);
	color: var(--color-app-fg);
	text-align: center;
	line-height: 10px;
	font-size: 12px;
	font-weight: 500;
}
.frm-active .frm-badge{
	color: var(--colorSec) !important;
	border-color: var(--colorSec) !important;
	background-color: var(--color-app-bg2);
}
.frm-btn-primary {
    height: 20px;
	background-color: var(--color-app-bg6);
	color: var(--color-app-fg);
    padding: 6px 13px;
	border: 1px solid var(--color-app-bg6);
    border-radius: 17px;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
}
.frm-btn-light{
	border: 1px solid var(--color-app-bg6);
	background-color: var(--color-app-bg6);
	color: var(--color-app-fg2);
	padding: 7px 15px;
	transition: none !important;
}
.frm-btn-light:hover, .frm-btn-primary:hover{
	background-color: var(--color-app-bg7);
	color: var(--frm-btn-primary-active-color);
}
.frm-btn-light:hover svg.btn-icon path,
.frm-btn-primary:hover svg.btn-icon path{
	fill: var(--frm-btn-primary-active-color);
}
.frm-btn-primary:active, .frm-btn-primary.jpop{
    border: 1px solid var(--frm-btn-primary-active-border) !important;
	color: var(--frm-btn-primary-active-color) !important;
	background: var(--color-app-bg7);
}
.frm-btn-light:active, .frm-btn-light.jpop{
	border: 1px solid var(--frm-btn-light-active-border)!important;
	color: var(--frm-btn-light-active-color) !important;
	background: var(--color-app-bg7);
}
.frm-btn-primary:active svg.btn-icon path, .frm-btn-primary.jpop svg.btn-icon path{
	fill: var(--frm-btn-primary-active-color) !important;
}
.frm-btn-light:active svg.btn-icon path, .frm-btn-light.jpop svg.btn-icon path{
	fill: var(--frm-btn-light-active-color) !important;
}
.frm-btn-light:active span.btn-icon, .frm-btn-light.jpop span.btn-icon,
.frm-btn-primary:active span.btn-icon, .frm-btn-primary.jpop span.btn-icon{
	background-position-x: -17px;
}
.frm-btn-light svg.btn-icon path, .frm-btn-primary svg.btn-icon path{
	fill: var(--color-app-fg);
}
.action-link svg.btn-icon path{
	fill: var(--color-app-fg);
}
.inp-icon{
	width: 15px !important;
	height: 15px !important;
}
.lbl-icon{
	float: left;
	margin: 3px 4px 0 2px;
	width: 12px;
	height: 12px;
}
.lbl-icon path{
	fill: #777;
}
.inp-icon path{
	fill: var(--color-app-fg3);
}
@media screen and (max-width: 414px) {
	.frm-optional{display: none !important;}
}

.frm-link .btn-icon{
	opacity: .9;
}
.frm-link:hover .btn-icon{
	opacity: 1;
}
.frm-link.frm-btn-delete{
	color: var(--red-color);
}
.frm-link.frm-btn-delete svg.btn-icon path{
	fill: var(--red-color) !important;
}

.frm-btn-default{
	background-color: var(--frm-btn-default-color);
	border: 1px solid var(--frm-btn-default-border) !important;
	padding: 6px 15px;
	color: #FFF !important;
	font-size: 15px;
	border-radius: 17px;
}
.dark-fore.frm-btn-default{
	color: #222 !important;
}

.frm-btn-default:hover{
	background-color: var(--frm-btn-default-hover) !important;
	border-color: var(--frm-btn-default-hover);
}
.frm-btn-default-alt{
	color: var(--blue-color);
	border: 1px solid transparent !important;
	padding: 7px 10px !important;
	font-size: 16px !important;
	background: transparent;
}
.frm-btn-default-del{
	color: var(--red-color);
	border: 1px solid transparent !important;
	padding: 7px 10px !important;
	font-size: 16px !important;
	background: transparent;
	border-radius: 20px;
}
.frm-btn-default-alt svg path{
	fill: var(--blue-color);
}
.frm-btn-default-alt:hover{
	background-color: var(--blue-background) !important;
	box-shadow: none !important;
}
.frm-btn-default-del:hover{
	background-color: #ef5e4e29 !important;
	box-shadow: none !important;
}
	
.frm-btn-default2{
	background-color: var(--color-app-bg2);
	border: 1.5px solid var(--color-app-jules) !important;
	padding: 8px 10px;
	color: var(--color-app-jules);
	font-size: 15px;
	border-radius: 18px;
}
.frm-btn-default2:hover{
	background-color: var(--color-app-highlight);
}
.frm-btn-default2 path{
	fill: var(--color-app-jules);
}
.frm-btn-light-alt{
	color: var(--color-app-fg3);
	border: 1px solid transparent !important;
	padding: 7px 10px !important;
	font-size: 16px !important;
	background: transparent;
	border-radius: 20px;
}

.frm-btn-light-alt:hover{
	color: var(--color-app-fg4);
	background-color: var(--color-app-bg6) !important;
	box-shadow: none !important;
}
.frm-btn-light-alt:active{
    background-color: var(--color-app-highlight) !important;
}

.ui-dialog .ui-dialog-buttonpane button.frm-btn-light-alt, .ui-dialog .ui-dialog-buttonpane button.frm-btn-default-alt{
	margin: 0;
	padding: 0 10px !important;
}

.frm-btn-attention {
	padding: 8px 20px;
	border-radius: 20px;
}
.frm-btn-attention.frm-btn-light{
	padding: 7px 14px;
}
.frm-btn-attention.ui-state-disabled{
	opacity: 0.4;
}
.frm-btn-attention.ui-state-disabled:hover{
	cursor: not-allowed !important
}
.frm-btn-icon{
	border-radius: 100%;
	padding: 8px !important;
	height: 16px;
}
td .frm-btn-icon{visibility: hidden;}
td.highlighted .frm-btn-icon, .mob td .frm-btn-icon{visibility: visible;}
.frm-btn-round{
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14), 0 1px 18px 0 rgba(0,0,0,0.12), 0 3px 5px -1px rgba(0,0,0,0.2);
    right: 20px;
    width: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border-radius: 50%;
    position: fixed !important;
    bottom: 30px;
	z-index: 100;
	line-height: 50px;
	text-align: center;
	font-size: 34px;
	background: #FFF;
}
.frm-btn-round.frm-mob-def {
	color: #FFF;
	background: var(--frm-btn-default-hover);
}
.action-link.frm-btn-icon:hover, .action-link.frm-btn-icon.jpop{
	background-color: var(--color-app-bg3);
	transition: all 0.1s ease-in-out;
	display: block;
	visibility: inherit !important;
}
.frm-input::placeholder{
	color: #B2B2B2;
	opacity: 1;
}
.icon-fld, .icon-fld-right{
	position: relative;
}
.icon-fld .frm-input{
	padding-left: 28px !important;
}
.frm-fld-infield input.frm-input, .frm-fld-infield textarea.frm-input{
	padding-top: 15px !important;
}
.frm-fld-infield .select2-selection__rendered{
	padding-top: 11px !important;
}
.icon-fld-right .frm-input{
	padding-right: 28px !important;
}
.icon-fld .frm-infield{
	left: 32px;
}
.icon-fld svg, .icon-fld-right svg{
	position: absolute;
	top: 9px;
}
.frm-fld-infield .icon-fld svg, .frm-fld-infield .icon-fld-right svg{
	top: 13px;
}
.frm-fld-infield.min .icon-fld svg{
	top: 16px;
}
.frm-fld-infield.frm-fld-select .icon-fld svg{
	top: 20px;
}
.icon-fld svg{
	left: 8px;
	transition: all 0.1s ease-in-out;
}
.icon-fld-right svg{
	right: 8px;
}
.float-msg{
	text-align: center;
	position: fixed;
	width: 100%;
	height: 20px;
	z-index: 2000;
	top: 38px;
}
.float-msg div{
	line-height: 19px;
	font-size: 13px;
	border-radius: 3px;
	padding: 8px;
	display: inline-block;
}
.widget-msg{
    border-radius: 3px;
    margin: 0 auto 15px auto;
    overflow: hidden;
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 200;
	max-width: 550px;
	background: var(--color-app-bg2);
	opacity: 0.95;
}
#column3 .widget-msg, #column1 .widget-msg, .mob #column2 .widget-msg{
	width: calc(100% - 5px);
}
.msg-left{
	width: 22px;
	padding: 8px 0 8px 8px !important;
}
.widget-msg a{
	text-decoration: underline !important;
}
.widget-msg.widget-msg-info{
	border: 2px solid var(--cold-color);
}
.widget-msg-info path{
	fill: var(--cold-color) !important;
}
.msg-text{
	padding: 8px 8px 8px 0 !important;
}
.widget-msg-info .msg-text{
	color: var(--cold-color);
}
.widget-msg.widget-msg-error{
	border: 2px solid var(--red-fill);
}
.widget-msg-error path{
	fill: var(--red-fill) !important;
}
.widget-msg-error .msg-text{
	color: var(--red-fill);
}
.widget-msg.widget-msg-warning{
	border: 2px solid var(--yellow-color);
}
.widget-msg-warning path{
	fill: var(--yellow-color) !important;
}
.widget-msg-warning .msg-text{
	color: var(--yellow-color);
}

#confirm-frm .frm-cont-field{
	padding: 15px;
	padding-bottom: 15px !important;
}

#confirm-frm .frm-buttons{
	padding: 15px;
	background-color: var(-color-app-bg4);
}

.custom-control {
	padding: 0;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	float: left;
	position: relative;
	background-color: var(--color-app-bg2);
	border-color: var(--color-app-fg3);
	border-style: solid;
}
.custom-control.big{
	width: 17px;
	height: 17px;
	border-width: 2px;
	margin: 1px 6px 1px 1px;
}
.custom-control.small{
	width: 12px;
	height: 12px;
	border-width: 1px;
	margin: 1px 5px 1px 1px;
}
.custom-control.checked{
	border-color: var(--input-button-selected) !important;
}
.custom-control.custom-cb.checked:hover{
	background-color: var(--input-button-shadow);
}
.custom-control.checked:hover{
	border-color: var(--input-button-shadow) !important;
}

.custom-inner{
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
    top: 3px;
    left: 3px;
}

.small .custom-inner{
	width: 8px;
	height: 8px;
	top: 2px;
	left: 2px;
}

.custom-cb{
	border-radius: 3px;
}
.custom-cb path{
	fill: var(--color-app-bg) !important;
}
.cb-check{
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	display: none;
}
.big .cb-check{
	padding: 3px;
}
.custom-radio{
	background-position: 0px -34px;
	border-radius: 50%;
	
}
.custom-control input{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: relative;
	display: block;
	cursor: default;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 2;
}
.custom-control.big input{
	height: 17px;
	width: 17px;
}
.custom-control.small input{
	height: 14px;
	width: 14px;
}
.custom-control:hover, .custom-control.hovered{
	border-color: var(--color-app-fg4);
}
/* .selected .custom-control.checked:hover, .selected .custom-control.checked.hovered{
	border-color: var(--color-app-fg3);
} */
.custom-radio.checked:hover .custom-inner, .custom-radio.checked.hovered .custom-inner{
	background-color: var(--input-button-shadow);
}
.custom-cb.checked{
	background-color: var(--input-button-selected);
}
.custom-cb.checked .cb-check{
	display: block;
}
.custom-cb.small.checked{
	background-size: 10px;
}
.custom-radio.checked .custom-inner{
	border-radius: 50%;
    background: var(--input-button-selected);
}
.custom-cb.focused,
.custom-radio.focused {
	box-shadow: 0 0 2px 0 var(--input-button-shadow);
}

.switch {
	position: relative;
	display: inline-block;
	width: 48px;
	height: 26px;
}
.switch.small{
	width: 43px;
	height: 21px;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-app-bg3);
	transition: .4s;
	border-radius: 25px;
}
.slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px, rgba(0, 0, 0, 0.3) 0px 1px 1px;
}
.small .slider:before{
	height: 17px;
	width: 17px;
}

input:checked + .slider {
	background-color: var(--input-button-selected);
}
input:focus + .slider {
	box-shadow: 0 0 1px var(--input-button-selected);
}
input:checked + .slider:before {
	transform: translateX(22px);
}

.thumb-box
{
	background-color:var(--color-app-bg);
	border-radius: 50%;
	overflow: hidden;
}
.thumb-img
{
	display: block;
}
.thumb-img.big
{
	height: 70px !important;
	width: 70px !important;
}
.thumb-img.cand-pic{
	border-radius: 27px !important;
}
.thumb-img path{
	fill: var(--color-app-fg3);
}
.selected .thumb-box{
	background: var(--color-app-bg2);
}
.thumb-edit{
	display: block;
	background-color: #444;
	text-align: center;
	width: 100%;
	margin-top: -24px;
	height: 24px;
	opacity: 0.4;
}
.thumb-edit:hover{
	opacity: 0.5;
}
.thumb-ico{
	margin: 3px auto;
	width: 16px;
}
.thumb-ico path{
	fill: #FFF;
}

.frm-menu{
	padding-top: 3px;
	padding-bottom: 3px;
}
.mob .popup-container{
	padding-top: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.popup-close{
	width: 50px;
	height: 3px;
	background-color: var(--color-app-border);
	border-radius: 3px;
	margin: auto;
}
.frm-menu .frm-link{
	padding: 6px 15px;
	width: calc(100% - 29px);
}
.frm-menu .frm-link:hover{
	background-color: var(--color-app-bg3);
	text-decoration: none !important;
	padding-left: 11px;
	border-left: 4px solid var(--colorSec);
}
.frm-menu .frm-link:active{
	background-color: var(--color-app-bg4);
}
.frm-menu .frm-link div:hover{
	text-decoration: none !important;
}
.frm-menu .frm-section-vert{
	padding: 0 !important;
}
.frm-menu .frm-label{
	color: #999;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 5px 0 0 15px;
}

.home-menu{
	left: -300px;
	height: 100%;
	overflow: auto;
	background-color: var(--color-app-bg2);
	position: fixed;
	top: 0;
	z-index: 3000;
	transition: all 0.4s ease-in-out;
}

/* Growl */
#growls {
  z-index: 50000;
  position: fixed; }
  #growls.default {
    bottom: 20px;
	left: 20px; 
	}
  #growls.center {
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    }
  #growls.top {
	top: 10px;
	left: 50%;
	transform: translate(-50%);
	}
  #growls.tl {
    top: 10px;
    left: 10px; }
  #growls.tr {
    top: 10px;
    right: 10px; }
  #growls.bl {
    bottom: 10px;
    left: 10px; }
  #growls.br {
    bottom: 10px;
    right: 10px; }
  #growls.tc {
    top: 100px;
    right: 10px;
    left: 10px; }
  #growls.bc {
    bottom: 10px;
    right: 10px;
    left: 10px; }
  #growls.tc .growl, #growls.bc .growl {
    margin-left: auto;
    margin-right: auto; }

.growl {
  color: var(--color-app-fg);
  background: var(--color-app-bg4);
  opacity: 1;
  position: relative;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}
.growl:hover{
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.growl{
	    backdrop-filter: blur(5px);
	  }
}
.growl.growl-incoming {
    opacity: 0;
}
.growl.growl-outgoing {
    opacity: 0;
}
.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px; }
.growl.growl-medium {
    min-width: 286px;
    padding: 10px 10px 10px 8px;
    margin: 5px; }
.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px; }
.growl.growl-default {
    color: #FFF;
    background: #7f8c8d; }
/* DEV */
.growl.growl-error {
	border-left: 4px solid var(--red-color) !important;
}
.growl.growl-notice {
	border-left: 4px solid var(--green-color) !important;
}
.growl.growl-warning {
	border-left: 4px solid var(--yellow-color) !important;
}
.growl.growl-link {
	border-left: 4px solid var(--blue-color) !important;
}
.growl .growl-close {
    cursor: pointer;
    font-size: 14px;
    line-height: 10px;
	font-weight: normal;
	width: 10px;
	padding-left: 2px;
}
#growls.center .growl-close {display: none}
.default .growl .growl-message {
    width: 240px;
    font-size: 14px;
    line-height: 18px;
}
.growl .growl-title {
	font-size: 14px;
	font-weight: 500;
}
#growls.center .growl
{
   	 border-radius: 8px;
   	 box-shadow: 0 0 6px 0 rgba(0,0,0,.4);
   	 background: rgba(255,255,255,0.9);
   	 border-left-width: 8px !important;
}
#growls.center .growl .growl-message {
    width: 260px;
    line-height: 125%;
    font-size: 18px;
}
#growls.center .growl .growl-title{
	display: none;
}
.growl-medium .growl-message {
	width: 90%;
	font-size: 14px;
}
.growl table{
  	width: 100%;
  	min-height: 32px;
}
.growl table td{
  	padding: 0;
}
.growl .growl-icon{
	background-repeat: no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	margin-right: 7px;
}
 .growl a{
   	text-decoration: underline !important;
}
.growl .btn-icon{
	margin-right: 5px;
}
.growl.growl-error path{
	fill: var(--red-color);
}
.growl.growl-notice path{
	fill: var(--green-color);
}
.growl.growl-warning path{
	fill: var(--yellow-color) ;
}
.growl.growl-link path{
	fill: var(--blue-color) ;
}
#growls.center svg{
	width: 30px;
	height: 30px;
	margin-right: 5px;
} 
.center .growl-notice .growl-message {color: var(--green-color);}
.center .growl-error .growl-message {color: var(--red-color);}

.growl-close-btn{
	text-align: center;
	padding: 2px;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	line-height: 10px;
}
.growl-close-btn:hover{
	background-color: rgba(0,0,0,0.07);
}
.growl-close-btn:active{
	background-color: rgba(0,0,0,.1);
}

/* select2 */
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-selection:focus, .select2-search__field:focus{
	outline: none !important;
	box-shadow: 0px 0px 5px var(--input-form-highlights) !important;
	border: 1px solid var(--colorSec) !important;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: 1px 28px 1px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 35px;
    user-select: none;
    -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.select2-container .select2-search--inline {
    float: left;
}
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 8px;
    padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-dropdown {
    background-color: var(--color-app-bg2);
    border: 1px solid var(--color-app-border);
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
	z-index: 10000;
	overflow: hidden;
}
.select2-results {
    display: block;
}
.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 2px 0;
    user-select: none;
	-webkit-user-select: none;
	color: var(--color-app-fg);
}
.select2-results__option{
	padding: 2px 6px !important;
    font-size: 14px;
    line-height: 150%;
}
.select2-results__option[aria-selected] {
    cursor: pointer;
}
.select2-container--open .select2-dropdown {
    left: 0;
}
.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
}
.select2-search--dropdown .select2-search__field {
    padding: 6px 4px 6px 27px;
    width: 100%;
    box-sizing: border-box;
    font-size: 13px;
	background: var(--color-app-bg2) url(/elements/css/img/controls.svg) no-repeat left 5px top -50px;
	background-size: 18px;
	color: var(--color-app-fg);
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
    display: none;
}
.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}
.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.select2-container--default .select2-selection--single {
    background-color: var(--color-app-bg2);
    border: 1px solid var(--color-app-border2);
	border-radius: 4px;
	padding: 1px;
	overflow: hidden;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(	--color-app-fg);
    line-height: 26px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    display: none;
    opacity: 0.6;
}
.select2-selection--single:hover .select2-selection__clear{
	display: block;
}
.select2-selection__clear:hover{
	opacity: 1 !important;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #B2B2B2;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 3px;
    right: 1px;
    width: 28px;
}
.frm-fld-infield .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-selection--single:hover .select2-selection__arrow b{
	border-top-color: var(--color-app-fg2);
}
.select2-container--default.select2-container--open .select2-selection--single:hover .select2-selection__arrow b{
	border-bottom-color: var(--color-app-fg);
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: var(--color-app-bg);
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
    background-color: var(--color-app-bg2);
    border: 1px solid var(--color-app-border2);
	border-radius: 4px;
    cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: var(--color-app-fg3);
    margin-top: 5px;
    float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 7px;
    margin-right: 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--color-app-bg2);
    border: 1px solid var(--color-app-border2);
    border-radius: 12px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 2px 6px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--color-app-fg3);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--color-app-fg);
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	outline: none;
	box-shadow: 0px 0px 5px var(--input-form-highlights) !important;
	border: 1px solid var(--colorSec) !important;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid var(--color-app-border);
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none !important;
    outline: 0 !important;
    box-shadow: none !important;
	color: var(--color-app-fg);
	padding-left: 5px;
}
.select2-search__field::placeholder{
	color: #B2B2B2;
	opacity: 1;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--input-form-selected) !important;
    color: #FFF !important;
}
.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-app-bg3);
    color: var(--color-app-fg2);
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}
.select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--multiple:hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
    border: 1px solid var(--color-app-border3);
}

/* from https://mladenplavsic.github.io/css-ripple-effect */
.ripple{position:relative;overflow:hidden;transform:translate3d(1,0,0)}
.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10,10);opacity:0;transition:transform .5s,opacity 1s}
.ripple:active:after{transform:scale(0,0);opacity:.2;transition:0s}

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.row-phld-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, var(--color-app-border) 8%, var(--color-app-bg) 18%, var(--color-app-border) 33%);
    background-size: 1000px 104px;
    height: 40px;
    position: relative;
	overflow: hidden;
	border: 10px solid var(--color-app-bg2);
}

.row-phld-right{
    background: var(--color-app-bg2);
    width: 100%;
    height: 12px;
    position: absolute;
    top: 15px;
    left: 50px;
}
.row-phld-center{
    background: var(--color-app-bg2);
    width: 100%;
    height: 10px;
    position: absolute;
    left: 0;
}
.row-phld-round{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 10px solid var(--color-app-bg2);
    position: absolute;
    top: -10px;
    left: -10px;
}
.row-phld-crop{
    background: var(--color-app-bg2);
    width: 15px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 40px;
}
.dlg-side{
	left: auto !important;
	right: 0 !important;
	top: 0 !important;
	position: fixed !important;
}
.starz{
	float: left;
	margin-right: 2px;
}
.starz svg{
	width: 100%;
	height: 100%;
}
.starz path{
	fill: var(--color-app-fg2);
}

/* slider */
.radios-to-slider{
	background-color: var(--color-app-bg3);;
	display:block;
	position:relative;
	margin-bottom:42px;
	box-sizing:content-box;
	outline-color: var(--colorSec);
}
.radios-to-slider.no-labels{
	margin-bottom:10px;
}
.radios-to-slider.medium{
	height:22px;
	border-radius:25px;
	padding:5px;
}
.radios-to-slider .slider-level{
	background-color: var(--color-app-bg2);
	cursor:pointer;
	position:absolute;
	display:block;
}

.radios-to-slider .slider-level.slider-lower-level{
	opacity:0.2;
}
.ui-state-disabled .radios-to-slider .slider-level{
	cursor:default;
	pointer-events: none;
}

.radios-to-slider.medium .slider-level{
	width:22px;
	height:22px;
	border-radius:22px;
	z-index:2;
	left: 5px;
	font-family: monospace;
	text-decoration: none;
	text-align: center;
	line-height: 22px;
	font-size: 0.8em;
	color: var(--color-app-bg3);
}

.slider-label{
	position:absolute;
	display:block;
	cursor:pointer;
	color:var(--color-app-fg3);
	text-align:center;
}
.slider-label-tag{
	border: 1px solid var(--color-app-border);
	font-family: monospace;
	border-radius: 3px;
	padding: 0 3px;
	margin-right: 3px;
	font-size: 0.7em;
}	
.slider-label-active{
	color:var(-color-app-fg);
}
.no-labels .slider-label{
	display: none;
}
.radios-to-slider.medium .slider-label{
	top:40px;
	width:44px;
}
.radios-to-slider .slider-bar{
	background-color: var(--frm-btn-default-color);
	float:left;
	height:100%;
	width:32px;
	pointer-events:none;
	position:absolute;
	left:0;
	top:0;
	opacity: 0;
}

.slider-bar.transition-enabled{
	transition:.2s;
}

.radios-to-slider.medium .slider-bar{
	border-radius:22px;
}

.slider-knob{
	float:right;
	background-color:var(--frm-btn-default-hover);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px, rgba(0, 0, 0, 0.3) 0px 1px 1px;
}

.radios-to-slider.medium .slider-knob{
	width:32px;
	height:32px;
	border-radius:25px;
}
  
@keyframes nprogress-spinner {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}