:root{
	--input-padding: 10px;
	--input-height: 32px;
	--input-radius: 5px;
	--input-size: 13px;
	--input-pad-top: 10px;
	--color-tabs: 10px;
}
.form{
	float: left;
	display: block;
	width: 100%;
	background-color: inherit;
	font-size: 12px;
}
.form > .row,
.form > .rows,
.form > .rows > .row{
	float: left;
	padding: var(--input-pad-top) var(--padding);
	width: calc(100% - (var(--padding) * 2));
	border-bottom: 1px solid var(--color-primary-border);
	line-height: 20px;
	position: relative;
}
.form > .rows{
	padding: 0px;
	width: 100%;
}
body.mobile .form > .rows,
.form._500 > .rows{
	border-bottom-color: transparent;
}
body.desktop .form:not(._500) > .rows > .row{
	padding-left: 0px;
}
.form > .row:last-child,
.form > .rows:last-child,
body.desktop .form:not(._500) > .rows > .row{
	border-bottom: none;
}

body.desktop .form:not(._500) > .rows > .row:first-child{
	padding-left: var(--padding);
}
.form > .rows.col6 > .row{
	width: calc((100% - (var(--padding) * 3)) / 2);
}
.form > .rows.col4 > .row{
	width: calc((100% - (var(--padding) * 4)) / 3);
}
.form > .rows.col3 > .row{
	width: calc((100% - (var(--padding) * 5)) / 4);
}
.form > .rows.col2 > .row{
	width: calc((100% - (var(--padding) * 6)) / 5);
}
body.mobile .form > .rows > .row,
.form._500 > .rows > .row{
	width: calc(100% - (var(--padding) * 2));
}
.row > *{
	float: left;
	width: 100%;
}
.row > label{
	font-weight: bold;
	margin-bottom: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}
.row > h6{
	margin-top: 5px;
	line-height: 14px;
	font-size: 11px;
	font-weight: normal;
	color: var( --color-black-o);
	cursor: pointer;
}
.row > h6.fa{
	position: relative;
	width: calc(100% - 25px);
	padding-left: 25px;
}
.row > h6.fa:before{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 25px;
	text-align: center;
	color: var( --color-primary);
	line-height: inherit;
}
.row > br{
	content: ' ';
	height: 15px;
}
.row.notive > br{
	float: none;
	content: '';
  display: block;
	height: 1px;
}
.row .input{
	font-size: var(--input-size);
	float: left;
	width: calc(100% - (var(--input-padding) * 2) - 2px);
	height: var(--input-height);
	line-height: var(--input-height);
	padding: 0px var(--input-padding);
	font-family: MF;
}

.row .input,
*[contenteditable="true"]{
	border-radius: var(--input-radius);
	border: 1px solid var(--color-primary-border);
}
.row .input:focus,
*[contenteditable="true"]:focus{
	outline: none;
	box-shadow: 0px 0px 3px 3px rgb(149, 165, 166, 0.1);
	border-color: var(--color-primary);
}
.row .input[readonly=""]{
	background-color: var(--color-yellow-o);
}
textarea.input,
select[multiple].input{
	resize: vertical;
	min-height: calc(var(--input-height) * 3);
	padding-top: var(--input-padding) !important;
	padding-bottom: var(--input-padding) !important;
	line-height: 16px !important;
}
.input[readonly]{
  background-color: #ecf0f1 !important;
	font-family: RBT;
}
.input.error{
	width: calc(100% - ((var(--input-padding) * 2) + 27px)) !important;
	padding-left: 35px;
  background-size: 15px auto;
	background-position-y: 7.5px;
	background-position-x: 10px;
	background-repeat: no-repeat; 
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAG1BMVEX////yyy356KX99+H78MP22mn44Yf00kvxxA+yWXV7AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAKRJREFUKJGtj6ESwjAQREuhxZbBRCKRyEpwlSCYQVbyCbUUSPaz2TRN7oJjhlW5l5nbd0Xxvwx9Pld45aCFy8EN2Ol5BaDRYE0watARPDQw7nqBKi5ZWuMpYEFQ4S3gPgEc4rw0rCA4R1D7TjYn+3YGyZ7ednI7ziv4xMaIvf8LGcXb0iXZD4g7gn0JAdvgLcB6sEdqCfYGKv038Oec1OzSwb/kA0kkWFb9UdPDAAAAAElFTkSuQmCC');
	border-color: var(--color-yellow);
}
select.input{
	width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 34px !important;
}
select:not([multiple]).input{
  background-repeat: no-repeat;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAG1BMVEX///+Kz8Kn29Hh8+9tw7Izq5RQt6PE5+AWoIX1dPdrAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAG1JREFUWIXtzbEJgEAUBNFvFzYg2Ic1iJZhZAWCli0cx3HfaDcwm8mHF0FERERe55pahGV/Utc/y5yXW1iGvBzCEqOLfBgJSYyGJEZEOkZFOkZGGqMjjTGQyjhIZSykMB5SGBOJmDb3ICIiIqIXR/1ZdGwUmzUAAAAASUVORK5CYII=');
  background-size: var(--input-height) auto;
  background-position: right;
	background-position-x: 100%;
	padding-right: calc(var(--input-height) + var(--input-padding)) !important;
}
select:not([multiple]).input:focus{
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAG1BMVEUWoIX///9Qt6PE5+Dh8++n29Ezq5Rtw7KKz8IrYjEVAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAbUlEQVRYhe3NsQmAQBQE0R+aKpgLVqJYg30INmDnwnEc9412A7OZfHgRRERE5LUeqVNYtjE1/7NceZmEZcjLIizxuMiHkZDEaEhiRKRjVKRjZKQxOtIYA6mMg1TGQgrjIYUxkYh7dw8iIiIiegGRnBPtV335ewAAAABJRU5ErkJggg==');
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button, 
input[type=time]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}
input[type=number],
input[type=date],
input[type=number]{
  -moz-appearance:textfield;
}
.row.checkbox > label{
	width: calc(100% - ((var(--padding) * 2) + (40px - var(--padding))));
	padding-left: 40px;
	margin: 0px;
	position: relative;
	font-weight: normal;
	white-space: normal;
}
.row.checkbox > label:before{
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 20px;
	width: 30px;
	text-align: center;
	content: '\f204';
	font-weight: bold;
}
.row.checkbox .input[type="checkbox"]{
	position: absolute;
	top: var(--input-pad-top);
	left: var(--padding);
	padding: 0px;
	height: 20px;
	z-index: 2;
	opacity: 0;
	cursor: pointer;
}
.row.checkbox > input[type="checkbox"].error ~ label{
	color: var(--color-yellow);
}
.row.checkbox > input[type="checkbox"]:checked ~ label{
	font-weight: bold;
}
.row.checkbox > input[type="checkbox"]:checked ~ label:before{
	color: var(--color-primary);
	content: '\f205';
}
.row.checkbox.alt > label:before{
	content: '\f096';
	font-size: 16px;
}
.row.checkbox.alt > input[type="checkbox"]:checked ~ label:before{
	content: '\f14a';
}
.row.checkbox.alt-o > label:before{
	content: '\f10c';
	font-size: 16px;
}
.row.checkbox.alt-o > input[type="checkbox"]:checked ~ label:before{
	content: '\f058';
}

.row > .group{
	font-size: var(--input-size);
	line-height: var(--input-height);
  overflow: hidden;

  display: flex; 
  flex-direction: row; 
}
.row > .group > *{
  display:inline-block;
  vertical-align: middle;
  overflow: hidden;
}
.row > .group > .embed{
	background-color: var(--color-white);
	border: 1px solid var(--color-primary-border);
	text-align: center;
	border-right-color: transparent;
	padding: 0px var(--input-pad-top);
	width: auto;
	overflow: visible;
	white-space: nowrap;
}
.row > .group > .embed.right{
	border-right-color: var(--color-primary-border);
	border-left-color: transparent;
}
.row > .group > .embed,
.row > .group > .embed *{
	color: var(--color-black-alt);
	font-size: 12px;
	font-weight: 500;
}
.row > .group > .embed *{
	min-width: 10px;
	min-height: 10px;
	cursor: pointer;
}
.row > .group > .embed .fa{
	line-height: 30px;
}
.row > .group > .input{
  width:100%;
	border-radius: 0px;
}
.row > .group > *:first-child{
	border-radius: var(--input-radius) 0px 0px var(--input-radius);
}
.row > .group > *:last-child{
	border-radius: 0px var(--input-radius) var(--input-radius) 0px;
}

.form > .row > .button{
	width: auto;
	margin: 2px 4px 2px 0px;
	border-radius: var(--input-radius);
	border-right: 1px solid var(--color-primary-border);
}
.form > .row.title{
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	line-height: 24px;
	height: auto;
}
.form > .row.notive{
	color: var(--color-blue);
	background-color: var(--color-blue-o);
	font-weight: 500px;
	width: calc( 100% - ( var(--padding) + 50px ) );
	padding-left: 50px;
	line-height: 14px;
	min-height: 25px;
}
.form > .row.notive:before{
	position: absolute;
	width: calc(40px - var(--padding));
	text-align: center;
	left: var(--padding);
	top: 15px;
	font-size: 24px;
	line-height: inherit;
	content: '\f05a';
}
.form > .row.notive.success{
	color: var(--color-green);
	background-color: var(--color-green-o);
}
.form > .row.notive.success:before{
	content: '\f00c';
}
.form > .row.notive.warning{
	color: var(--color-yellow);
	background-color: var(--color-yellow-o);
}
.form > .row.notive.warning:before{
	content: '\f071';
}
.form > .row.notive.error{
	color: var(--color-red);
	background-color: var(--color-red-o);
}
.form > .row.notive.error:before{
	content: '\f188';
}

.row ul,
.row ul ul{
	list-style-type: none;
	float: left;
	width: calc(100% - 2px);
	border-color: transparent;
	border-collapse: collapse;
}
.row ul{
	overflow: hidden;
	height: auto !important;
	padding: 0px !important;
	width: 100% !important;
}
.row ul.empty_,
.row ul.empty_:after{
	height: 33px !important;
	line-height: 33px;
	position: relative;
}
.row ul.empty_:after{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	content: 'Empty';
	text-align: center;
	font-weight: bold;
}
.row ul ul{
	min-height: 10px;
	position: relative;
	right: -10px;
	bottom: -9px;
}
.row ul li{
	float: left;
	width: calc(100% - 14px) !important;
	padding: 7px;
	font-size: 12px;
	min-height: 18px;
	line-height: 18px;
	border-bottom: 1px solid var(--color-primary-border);
	cursor: pointer;
	background-color: white;
	overflow: hidden;
	position: relative;
}
.row ul .page{
	min-width: 20px;
	text-align: center;
	width: auto;
	padding: 5px;
	font-size: 14px;
	line-height: 15px;
	float: left;
	cursor: pointer;
	border-right: 1px solid var(--color-primary-border);
}
.row ul .page:hover{
	background-color: var(--color-primary-border);
}
.row ul .page.active{
	background-color: #EEE;
}
.row ul .page:first-child{
	border-left: 1px solid var(--color-primary-border);
	margin-left: 10px;
}
.row > ul > li:last-child{
	border-bottom-color: transparent;
}
.row ul.ui-sortable li:last-child{
	border-bottom-color: var(--color-primary-border);
}
.row ul ul li{
	border-left: 1px solid var(--color-primary-border);
}
.row ul ul li:first-child{
	border-top: 1px solid var(--color-primary-border);
}
.row ul li.fa{
	width: calc(100% - 42px) !important;
	padding-left: 35px;
	position: relative;
}
.rsBadge{
	position: relative;
}
.row ul li .badge,
.rsBadge > span.badge{
	position: absolute;
	padding: 0px 5px;
	width: auto;
	right: 0px;
	top: 0px;
	font-size: 10px;
	line-height: 16px;
	font-weight: 600;
	color: white;
	background-color: var(--color-primary);
	border-bottom-left-radius: var(--input-radius);
}
.rsBadge > span.badge{
	border-radius: var(--input-radius);
}

.row ul li > .fa{
	width: 15px;
	text-align: center;
	margin-right: 10px; 
}
.row ul li > .fa.right{
	float: right;
	line-height: inherit;
	margin-right: 0px;
	margin-left: 10px; 
}
.row ul li > .fa:first-child{
	margin-left: 5px 
}
.row ul li.fa:before{
	text-align: center;
	position: absolute;
	width: 35px;
	left: 0px;
	top: 7px;
}
.row ul li.fa:hover:before,
.row ul li > .fa:hover:before{
	color: var(--color-primary);
}
.row ul .placeholder,
.row ul.ui-sortable li.ui-sortable-placeholder{
	visibility: visible !important;
	padding: 0px;
	width: 100% !important;
	min-height: var(--input-height);
	float: left;
	line-height: var(--input-height);
	position: relative;
	background-color: #2c3e50;
	color: white;
}
.row ul .placeholder:before,
.row ul.ui-sortable li.ui-sortable-placeholder:before{
	display: block;
	font-family: MF;
	font-weight: bold;
	text-align: center;
	content: 'Here';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.row ul li.ui-sortable-helper{
	opacity: 0.2;
	border: none;
	background-color: white;
}
.row ul.error,
.row select.error{
	min-height: var(--input-height);
	border-color: var(--color-yellow) !important;
	background-color: var(--color-yellow-o) !important;
	width: 100% !important;
}
.row select.error{
	padding-left: 10px;
}
.row ul.ui-sortable{
	position: relative;
	min-height: 150px;
	border-color: var(--color-primary-border);
	position: relative;
}
.row ul.ui-sortable,
.row ul.ui-sortable ul{
	border-color: var(--color-primary-border);
}

.row ul:hover{
	box-shadow: 0px 0px 3px 3px rgb(149, 165, 166, 0.1);
}
.row ul.ui-sortable.scroll{
	height: 150px !important;
	overflow-y: auto;
}
.row ul.ui-sortable:before{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	line-height: 150px;
	content: 'Sortable';
	font-family: MF;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
	color: var(--color-primary-border);
	z-index: 0;
}
.row ul.ui-sortable > li{
	margin-bottom: 0px;
	border-radius: 0px;
	position: relative;
	z-index: 2;
}
ul.input span.loading{
	text-align: center;
	width: 100%;
	float: left;
}
ul.input span.loading > i{
	margin-right: 10px;
}

.input_hide{
	position: relative;
	overflow: hidden;
}
.input_hide > input{
	line-height: inherit;
	padding: inherit;

	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border: none;
	opacity: 0;
	cursor: pointer;
}
input.input.minicolors-input{
	width: calc(100% - (34px + var(--input-padding))) !important;
}

.row > input[type="file"].input,
.row > input[type="file"].input ~ h6{
	font-size: 24px;
	text-align: center;
	line-height: 100px;
	height: 100px;
	width: 100%;
	padding: 0px !important;
	z-index: 2;
	overflow: hidden;
	white-space: nowrap;
	background-color: white;
}
.row > input[type="file"].input{
	position: absolute;
	bottom: 8px;
	left: 13px;
	opacity: 0;
	width: calc(100% - 26px);
}
.row > input[type="file"].input ~ h6{
	border: 3px dashed #CCC;
	border-radius: 10px;
}

button[data-action="collapse"],
button[data-action="expand"]{
	border: none;
	background-color: transparent;
	position: relative;
	width: 24px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	margin-right: 6px;
}
button[data-action="collapse"]:before,
button[data-action="expand"]:before{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center;
	background-color: white;
	content: '\f066';
}
button[data-action="expand"]:before{
	content: '\f065';
}
.row .select2-container .select2-selection--single,
.row .select2-selection__rendered{
	line-height: 33px !important;
	height: 33px !important;
	border-color: var(--color-primary-border);
}
.select2-dropdown{
	border-color: var(--color-primary-border) !important;
}
.form_tabs > .form{
	background-color: white;
	color: var(--color-black);
	padding: 10px 0px;
	position: relative;
	z-index: 5;
	border: none;
}
.form_tabs > .form.ui-accordion{
	padding-bottom: 20px;
}

.form_tabs,
.form_tabs > ul{
	padding: 0px;
	background-color: white;
	border: none !important;
}
.form_tabs > ul{
	border-radius: 0px;
	background-color: var(--color-blue-o);
	border-bottom: 1px solid var(--color-blue) !important;
	padding: 10px !important;
	padding-bottom: 0px !important;
	z-index: 2;
}
.form_tabs > ul li{
	line-height: 35px;
	font-size: 13px;
	position: relative;
}
.form_tabs > ul li.ui-tabs-tab{
	outline: none;
	background-color: transparent;
	border-color: transparent;
	color: var(--color-blue) !important;
	z-index: 3;
	bottom: -1px;
}
.form_tabs > ul li.ui-tabs-active{
	box-shadow: 0px 0px 5px 5px rgb(149, 165, 166, 0.1);
	border-top-right-radius: 8px !important;
	border-top-left-radius: 8px !important;
	background-color: white !important;
	border-color: var(--color-blue);
	text-decoration: underline;
	z-index: 4;
}
.form_tabs > ul li.fa{
	padding-left: 15px;
}
.form_tabs > ul li.fa:before{
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	color: inherit;
	width: 35px;
}
.form_tabs > ul li.ui-tabs-active:before{
	animation-name: jello;
	animation-duration: 1s;
}
.form_tabs > ul a{
	outline: none;
	line-height: inherit;
	padding: 0px 15px !important;
	background-color: transparent;
	color: inherit !important;
}
.input:disabled{
	background-color: #F1F2F7 !important;
}
.ui-accordion .ui-accordion-content{
	padding: 0px;
	border: none;
}
.form > .ui-widget.ui-widget-content{
	border: none;
}
.form > .ui-corner-all{
	border-radius: 0px !important;
	border-left: none !important;
	border-right: none !important;
}
input[type="file"].input.visible{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}