@font-face {
  font-family: 'fontello';
  src: url(86c6a5a90c830aaa0327.eot?70182237);
  src: url(86c6a5a90c830aaa0327.eot?70182237#iefix) format('embedded-opentype'),
       url(a08acb1bcd00ed270cb1.woff2?70182237) format('woff2'),
       url(842d1e21254553335466.woff?70182237) format('woff'),
       url(4e3b08da19b12f2640e2.ttf?70182237) format('truetype'),
       url(56f429c5372350761c40.svg?70182237#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?70182237#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-down-dir:before { content: '\e800'; } /* '' */
.icon-up-dir:before { content: '\e801'; } /* '' */
.icon-left-dir:before { content: '\e802'; } /* '' */
.icon-right-dir:before { content: '\e803'; } /* '' */
.icon-down-open:before { content: '\e804'; } /* '' */
.icon-left-open:before { content: '\e805'; } /* '' */
.icon-right-open:before { content: '\e806'; } /* '' */
.icon-up-open:before { content: '\e807'; } /* '' */
.icon-folder-open:before { content: '\e808'; } /* '' */
.icon-folder:before { content: '\e809'; } /* '' */
.icon-cancel:before { content: '\e80a'; } /* '' */
.icon-calendar:before { content: '\e80b'; } /* '' */
.icon-clock:before { content: '\e80c'; } /* '' */
.icon-angle-circled-left:before { content: '\f137'; } /* '' */
.icon-angle-circled-right:before { content: '\f138'; } /* '' */
.icon-angle-circled-up:before { content: '\f139'; } /* '' */
.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
.icon-doc-inv:before { content: '\f15b'; } /* '' */
.icon-window-maximize:before { content: '\f2d0'; } /* '' */
.icon-window-minimize:before { content: '\f2d1'; } /* '' */
.icon-window-restore:before { content: '\f2d2'; } /* '' */

:root {
	--webcraft-space: 4px;
	--webcraft-border-color: rgb(203, 203, 203);
	--webcraft-border-size: 1px;
	--webcraft-bg-color-gray: rgb(239, 239, 239);
	--webcraft-bg-color-darkgray: rgb(165, 165, 165);
	--webcraft-font-size: 12px;
	--webcraft-font-size-small: 12px;

	--webcraft-color-white: #fff;

	--webcraft-color-primary-lightest: #d8ebff;
	--webcraft-color-primary-light: #82beff;
	--webcraft-color-primary: #007BFF;
	--webcraft-color-primary-dark: #0065d1;
	--webcraft-color-primary-darkest: #0050a6;

	--webcraft-color-secondary-lightest: #e0e0e0;
	--webcraft-color-secondary-light: #c5c5c5;
	--webcraft-color-secondary: #6C757D;
	--webcraft-color-secondary-dark: #50565b;
	--webcraft-color-secondary-darkest: #292c2e;

	--webcraft-color-success-lightest: #d9ffe2;
	--webcraft-color-success-light: #c3ffd1;
	--webcraft-color-success: #28A745;
	--webcraft-color-success-dark: #208538;
	--webcraft-color-success-darkest: #19622a;

	--webcraft-color-warning-lightest: #fff6d9;
	--webcraft-color-warning-light: #ffeeb5;
	--webcraft-color-warning: #FFC107;
	--webcraft-color-warning-dark: #e6ad03;
	--webcraft-color-warning-darkest: #d39f00;

	--webcraft-color-danger-lightest: #ffdee1;
	--webcraft-color-danger-light: #ffc3c8;
	--webcraft-color-danger: #DC3545;
	--webcraft-color-danger-dark: #b92e3c;
	--webcraft-color-danger-darkest: #89222c;

	--webcraft-color-gray-lightest: #f5f5f5;
	--webcraft-color-gray-light: #e7e7e7;
	--webcraft-color-gray-medium: #b3b3b3;
	--webcraft-color-gray-dark: #909090;
	--webcraft-color-gray-darkest: #696969;
}
.webcraft {
	font-family: "Roboto",Arial,Tahoma,Verdana,sans-serif;
	font-size: var(--webcraft-font-size);
	cursor: default;
	width: 100%;
	height: 100%;
	background-color: var(--webcraft-color-gray-light);
}
.webcraft--modal {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.webcraft_modal_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.webcraft_modal_wrapper > div {
	pointer-events: auto;
}
.webcraft_modal_wrapper--modal {
	background-color: #010101b3;
	pointer-events: auto;
}

.webcraft_container {
	display: flex;
	position: relative;
}

.webcraft_flex--row {
	flex-direction: row;
}
.webcraft_flex--column {
	flex-direction: column;
}
.webcraft_flex--justify-start {
	justify-content: flex-start;;
}
.webcraft_flex--justify-end {
	justify-content: flex-end;
}
.webcraft_flex--justify-center {
	justify-content: center;
}
.webcraft_flex--justify-between {
	justify-content: space-between;
}
.webcraft_flex--justify-around {
	justify-content: space-around;
}
.webcraft_flex--justify-evenly {
	justify-content: space-evenly;
}
.webcraft_flex--align-start {
	align-items: flex-start;
}
.webcraft_flex--align-end {
	align-items: flex-end;
}
.webcraft_flex--align-center {
	align-items: center;
}
.webcraft_flex--align-stretch {
	align-items: stretch;
}
.webcraft_border {
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
}
.webcraft_border--top {
	border-top: var(--webcraft-border-size) solid var(--webcraft-border-color);
}
.webcraft_border--right {
	border-right: var(--webcraft-border-size) solid var(--webcraft-border-color);
}
.webcraft_border--bottom {
	border-bottom: var(--webcraft-border-size) solid var(--webcraft-border-color);
}
.webcraft_border--left {
	border-left: var(--webcraft-border-size) solid var(--webcraft-border-color);
}

.webcraft_overflow--hidden {
	overflow: hidden;
}

.webcraft_text_no_data {
	width: 100%;
	height: 100%;
	display: flex;
	color: var(--webcraft-color-gray-dark);
	justify-content: center;
	align-items: center;
	padding: var(--webcraft-space) 0;
}

.webcraft ::-webkit-scrollbar {
	width: 20px;
}
  
.webcraft ::-webkit-scrollbar-track {
	background-color: transparent;
}

.webcraft ::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}

.webcraft ::-webkit-scrollbar-thumb:hover {
	background-color: #a8bbbf;
}
.webcraft_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
.webcraft_toolbar.webcraft_box_header {
	background-color: var(--webcraft-bg-color-gray);
	height: 34px;
	padding: 0 var(--webcraft-space);
}
.webcraft_header_title {
	font-weight: 600;
}
.webcraft_box_content {
	flex: 1;
	display: flex;
	overflow: auto;
	position: relative;
}
.webcraft_box--ui > .webcraft_box_content {
	background-color: #FFF;
}
.webcraft_box--line.webcraft_box--ui {
	margin: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
}
.webcraft_box--line.webcraft_box--container,
.webcraft_box--line.webcraft_box.webcraft_box--space {
	margin: 1px;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
}

.webcraft_box--small.webcraft_box--ui {
	margin: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
}
.webcraft_box--small.webcraft_box--container,
.webcraft_box--small.webcraft_box.webcraft_box--space {
	margin: 4px;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
}

.webcraft_box--large.webcraft_box--ui {
	margin: 1px;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
}
.webcraft_box--large.webcraft_box--container,
.webcraft_box--large.webcraft_box.webcraft_box--space {
	margin: 8px;
	width: calc(100% - 18px);
	height: calc(100% - 18px);
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
}
.webcraft_flex--row > .webcraft_box--collapsed > .webcraft_box_header {
	writing-mode: tb-rl;
	transform: rotate(-180deg);
	justify-content: flex-end;
	flex: 1;
}
.webcraft_flex--row > .webcraft_box--collapsed > .webcraft_box_header > .webcraft_space {
	display: none;
}
.webcraft_toolbar {
	display: flex;
	align-items: center;
	background-color: var(--webcraft-color-white);
	height: fit-content;
	padding: var(--webcraft-space);
}
.webcraft_toolbar > .webcraft_button:not(:last-child) {
	margin-right: var(--webcraft-space);
}
.webcraft_progress {
	position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: rgba(255,255,255,0.5);
	z-index: 999;
}

.webcraft_progress_spinner {
	display: inline-block;
	width: calc(var(--webcraft-space) * 10);
	height: calc(var(--webcraft-space) * 10);
  }
  .webcraft_progress_spinner:after {
	content: " ";
	display: block;
	width: calc(var(--webcraft-space) * 8);
	height: calc(var(--webcraft-space) * 8);
	margin: calc(var(--webcraft-space) * 1);
	border-radius: 50%;
	border: calc(var(--webcraft-space) * 1) solid var(--webcraft-color-primary);
	border-color: var(--webcraft-color-primary) transparent var(--webcraft-color-primary) transparent;
	animation: webcraft_progress_spinner 1.2s linear infinite;
  }
  @keyframes webcraft_progress_spinner {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  
.webcraft_toast {
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: auto;
	max-height: calc(100% - 40px);
	max-width: calc(100% - 40px);
	width: 400px;
	pointer-events: auto;
}
.webcraft_toast_message {
	border: 1px solid;
    border-radius: var(--webcraft-space);
	max-width: 100%;
	margin-top: calc(2 * var(--webcraft-space));;
	overflow: hidden;
}
.webcraft_toast_message_content {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
    padding: calc(2 * var(--webcraft-space));
}
.webcraft_toast_message_content > div {
	padding: 0 5px;
}
.webcraft_toast_message_progress {
	height: calc(0.5 * var(--webcraft-space));
}
.webcraft_toast_message_title {
	font-weight: 600;
	margin-bottom: var(--webcraft-space);
}
.webcraft_toast_message_icon {
	font-size: 2em;
}
.webcraft_toast_message--primary > .webcraft_toast_message_progress {
	background-color: var(--webcraft-color-primary-dark);
}
.webcraft_toast_message--primary {
	border-color: var(--webcraft-color-primary-dark);
	background-color: var(--webcraft-color-primary-light);
}
.webcraft_toast_message--primary .webcraft_toast_message_icon {
	color: var(--webcraft-color-primary-dark);
}
.webcraft_toast_message--secondary > .webcraft_toast_message_progress {
	background-color: var(--webcraft-color-secondary-dark);
}
.webcraft_toast_message--secondary {
	border-color: var(--webcraft-color-secondary-dark);
	background-color: var(--webcraft-color-secondary-light);
}
.webcraft_toast_message--success .webcraft_toast_message_icon {
	color: var(--webcraft-color-success-dark);
}
.webcraft_toast_message--success > .webcraft_toast_message_progress {
	background-color: var(--webcraft-color-success-dark);
}
.webcraft_toast_message--success {
	border-color: var(--webcraft-color-success-dark);
	background-color: var(--webcraft-color-success-light);
}
.webcraft_toast_message--warning .webcraft_toast_message_icon {
	color: var(--webcraft-color-warning-dark);
}
.webcraft_toast_message--warning > .webcraft_toast_message_progress {
	background-color: var(--webcraft-color-warning-dark);
}
.webcraft_toast_message--warning {
	border-color: var(--webcraft-color-warning-dark);
	background-color: var(--webcraft-color-warning-light);
}
.webcraft_toast_message--danger .webcraft_toast_message_icon {
	color: var(--webcraft-color-danger-dark);
}
.webcraft_toast_message--danger > .webcraft_toast_message_progress {
	background-color: var(--webcraft-color-danger-dark);
}
.webcraft_toast_message--danger {
	border-color: var(--webcraft-color-danger-dark);
	background-color: var(--webcraft-color-danger-light);
}
.webcraft_toast_message--danger .webcraft_toast_message_icon {
	color: var(--webcraft-color-danger-dark);
}
.webcraft_message {
	position: absolute;
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
	border-radius: var(--webcraft-space);
	background-color: var(--webcraft-color-white);
	max-width: 800px;
	max-height: 50vh;
	min-width: 300px;
	min-height: calc(35 * var(--webcraft-space));
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	pointer-events: auto;
}
.webcraft_message_title {
	padding: calc(2 * var(--webcraft-space));
	text-align: center;
	font-weight: 600;
	font-size: 1.1em;
	border-bottom: var(--webcraft-border-size) solid;
}
.webcraft_message_content {
	text-align: center;
	white-space: break-spaces;
	padding: calc(2 * var(--webcraft-space));
}

.webcraft_message_content_wrapper {
	overflow: auto;
	margin: calc(2 * var(--webcraft-space));
}
.webcraft_message--primary {
	border-color: var(--webcraft-color-primary-dark);
}
.webcraft_message--primary > .webcraft_message_title {
	background-color: var(--webcraft-color-primary);
	color: var(--webcraft-color-white);
	border-color: var(--webcraft-color-primary-dark);
}
.webcraft_message--secondary {
	border-color: var(--webcraft-color-secondary-dark);
}
.webcraft_message--secondary > .webcraft_message_title {
	background-color: var(--webcraft-color-secondary);
	color: var(--webcraft-color-white);
	border-color: var(--webcraft-color-secondary-dark);
}
.webcraft_message--success {
	border-color: var(--webcraft-color-success-dark);
}
.webcraft_message--success > .webcraft_message_title {
	background-color: var(--webcraft-color-success);
	color: var(--webcraft-color-white);
	border-color: var(--webcraft-color-success-dark);
}
.webcraft_message--warning {
	border-color: var(--webcraft-color-warning-dark);
}
.webcraft_message--warning > .webcraft_message_title {
	background-color: var(--webcraft-color-warning);
	color: var(--webcraft-color-white);
	border-color: var(--webcraft-color-warning-dark);
}
.webcraft_message--danger {
	border-color: var(--webcraft-color-danger-dark);
}
.webcraft_message--danger > .webcraft_message_title {
	background-color: var(--webcraft-color-danger);
	color: var(--webcraft-color-white);
	border-color: var(--webcraft-color-danger-dark);
}
.webcraft_toolbar.webcraft_message_toolbar {
	padding: calc(2 * var(--webcraft-space));
}
.webcraft_tabs {
	background-color: var(--webcraft-color-white);
	width: 100%;
	height: 100%;
	display: flex;
}
.webcraft_tabview {
	flex: 1;
	position: relative;
}
.webcraft_tabs_header {
	display: flex;
}
.webcraft_tabs--top .webcraft_tabs_header,
.webcraft_tabs--bottom .webcraft_tabs_header {
	height: 38px;
}
.webcraft_tabview_header {
	padding: calc(2 * var(--webcraft-space)) calc(4 * var(--webcraft-space));
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.webcraft_tabview_header--active {
	color: var(--webcraft-color-primary);
}
.webcraft_tabview_header.webcraft_tabview_header--disabled {
	cursor: not-allowed;
	color: var(--webcraft-color-gray-medium);
}
.webcraft_tabs--top {
	flex-direction: column;
}
.webcraft_tabs--top > .webcraft_tabs_header {
	border-bottom: var(--webcraft-border-size) solid var(--webcraft-color-gray-light);
	box-shadow: 0px calc(2 * var(--webcraft-space)) calc(6 * var(--webcraft-space))  0px var(--webcraft-color-gray-lightest);
}
.webcraft_tabs--top > .webcraft_tabs_header > .webcraft_tabview_header--active {
	border-bottom: calc(2 * var(--webcraft-border-size)) solid var(--webcraft-color-primary);
}
.webcraft_tabs--top > .webcraft_tabs_header > :not(.webcraft_tabview_header--active) {
	margin-bottom: calc(2 * var(--webcraft-border-size));
}
.webcraft_tabs--bottom {
	flex-direction: column-reverse;
}
.webcraft_tabs--bottom > .webcraft_tabs_header {
	border-top: var(--webcraft-border-size) solid var(--webcraft-color-gray-light);
	box-shadow: 0px calc(-2 * var(--webcraft-space)) calc(6 * var(--webcraft-space))  0px var(--webcraft-color-gray-light);
}
.webcraft_tabs--bottom > .webcraft_tabs_header > .webcraft_tabview_header--active {
	border-top: calc(2 * var(--webcraft-border-size)) solid var(--webcraft-color-primary);
}
.webcraft_tabs--bottom > .webcraft_tabs_header > :not(.webcraft_tabview_header--active) {
	margin-top: calc(2 * var(--webcraft-border-size));
}
.webcraft_tabs--left {
	flex-direction: row;
}
.webcraft_tabs--left > .webcraft_tabs_header {
	flex-direction: column;
}
.webcraft_tabs--left > .webcraft_tabs_header {
	border-right: var(--webcraft-border-size) solid var(--webcraft-color-gray-light);
	box-shadow: calc(2 * var(--webcraft-space)) 0px calc(6 * var(--webcraft-space))  0px var(--webcraft-color-gray-light);
}
.webcraft_tabs--left > .webcraft_tabs_header > .webcraft_tabview_header--active {
	border-right: calc(2 * var(--webcraft-border-size)) solid var(--webcraft-color-primary);
}
.webcraft_tabs--left > .webcraft_tabs_header > :not(.webcraft_tabview_header--active) {
	margin-right: calc(2 * var(--webcraft-border-size));
}
.webcraft_tabs--right {
	flex-direction: row-reverse;
}
.webcraft_tabs--right > .webcraft_tabs_header {
	flex-direction: column;
}
.webcraft_tabs--right > .webcraft_tabs_header {
	border-left: var(--webcraft-border-size) solid var(--webcraft-color-gray-light);
	box-shadow: calc(-2 * var(--webcraft-space)) 0px calc(6 * var(--webcraft-space))  0px var(--webcraft-color-gray-light);
}
.webcraft_tabs--right > .webcraft_tabs_header > .webcraft_tabview_header--active {
	border-left: calc(2 * var(--webcraft-border-size)) solid var(--webcraft-color-primary);
}
.webcraft_tabs--right > .webcraft_tabs_header > :not(.webcraft_tabview_header--active) {
	margin-left: calc(2 * var(--webcraft-border-size));
}
.webcraft_tabview_header_icon,
.webcraft_tabview_header_text {
	pointer-events: none;
}
.webcraft_tabview_header:not(.webcraft_tabview_header--active) .webcraft_tabview_btn_close {
	margin-left: var(--webcraft-space);
	visibility: hidden;
}
.webcraft_tabview_header:hover .webcraft_tabview_btn_close {
	visibility: visible;
}

.webcraft_tree {
	overflow: auto;
	height: 100%;
	background-color: var(--webcraft-color-white);
}
.webcraft_tree_leaf {
	display: flex;
	padding: calc(0.5 * var(--webcraft-space)) 0;
}
.webcraft_tree_leaf_populated,
.webcraft_tree_leaf_empty {
	width: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.webcraft_tree_leaf_populated {
	cursor: pointer;
}
.webcraft_tree_leaf_icon {
	color: var(--webcraft-color-secondary-light);
}
.webcraft_tree_leaf--selected {
	background-color: var(--webcraft-color-primary-light);
}
.webcraft_window {
	background-color: var(--webcraft-color-white);
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
	min-width: 300px;
	min-height: 100px;
	display: flex;
	flex-direction: column;
}
.webcraft_window_header {
	border-bottom: var(--webcraft-border-size) solid var(--webcraft-border-color);
}
.webcraft_window_header_title {
	font-weight: 600;
	font-size: 1.1em;
}
.webcraft_window_content {
	padding: calc(2 * var(--webcraft-space));
	flex: 1;
}
.webcraft_window--maximized {
	width: 100% !important;
	height: calc(100% - calc(2 * var(--webcraft-border-size))) !important;
	left: 0;
	top: 0;
	margin: var(--webcraft-border-size) 0;
}
.webcraft_space {
	flex: 1;
	height: 100%;
}
.webcraft_editor {
	display: flex;
	flex-direction: column;
	padding: var(--webcraft-space);
}
.webcraft_editor_control {
	border: none;
	flex: 1;
	width: 100%;
	height: 100%;
	outline: none;
	padding: 0 var(--webcraft-space)
}
.webcraft_editor--focused .webcraft_control_wrapper {
	box-shadow: 0 0 0 calc(0.5 * var(--webcraft-space)) var(--webcraft-color-primary-light);
}
.webcraft_editor--focused.webcraft_editor--success .webcraft_control_wrapper {
	box-shadow: 0 0 0 calc(0.5 * var(--webcraft-space)) var(--webcraft-color-success-light);
}
.webcraft_editor--focused.webcraft_editor--danger .webcraft_control_wrapper {
	box-shadow: 0 0 0 calc(0.5 * var(--webcraft-space)) var(--webcraft-color-danger-light);
}
.webcraft_editor--success .webcraft_control_wrapper {
	border-color: var(--webcraft-color-success);
}
.webcraft_editor--danger .webcraft_control_wrapper {
	border-color: var(--webcraft-color-danger);
}
.webcraft_editor_label {
	font-weight: 600;
	font-size: var(--webcraft-font-size);
	margin-bottom: var(--webcraft-space);
	padding-left: var(--webcraft-space);
	display: inline-block;
	width: fit-content;
}
.webcraft_editor_desc {
	color: var(--webcraft-color-gray-dark);
	font-size: 0.8em;
	padding-left: var(--webcraft-space);
	margin-top: calc(0.5 * var(--webcraft-space));
}
.webcraft_editor--required > .webcraft_editor_label:before {
    content: '*';
    color: var(--webcraft-color-danger);
	margin-right: var(--webcraft-space);
}
.webcraft_control_wrapper {
	position: relative;
	height: 30px;
	width: calc(100% - calc(2 * var(--webcraft-space)));
	display: flex;
	outline: none;
	border-radius: var(--webcraft-space);
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	align-items: center;
}
.webcraft_control_wrapper > button,
.webcraft_editor_icon {
	height: 30px;
}
.webcraft_editor_icon {
	width: 30px;
	flex: 0 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
	color: var(--webcraft-color-gray-medium);
	box-sizing: border-box;
}
.webcraft_editor_content {
	flex: 1;
	height: 100%;
}
.webcraft_editor--focused .webcraft_editor_icon {
	border-color: var(--webcraft-color-primary);
	color: var(--webcraft-color-primary);
}
.webcraft_editor--success .webcraft_editor_icon {
	border-color: var(--webcraft-color-success);
	color: var(--webcraft-color-success);
}
.webcraft_editor--danger .webcraft_editor_icon {
	border-color: var(--webcraft-color-danger);
	color: var(--webcraft-color-danger);
}
.webcraft_editor--success .webcraft_editor_desc {
	border-color: var(--webcraft-color-success);
	color: var(--webcraft-color-success);
}
.webcraft_editor--danger .webcraft_editor_desc {
	border-color: var(--webcraft-color-danger);
	color: var(--webcraft-color-danger);
}
.webcraft_editor--disabled .webcraft_control_wrapper {
	background-color: var(--webcraft-color-gray-light);
}
.webcraft_calendar {
	width: 300px;
}
.webcraft_calendar_line {
	display: flex;
	width: 100%;
}
.webcraft_calendar_item {
	cursor: pointer;
	background-color: var(--webcraft-color-gray-lightest);
}
.webcraft_calendar_item,
.webcraft_calendar_weekday,
.webcraft_calendar_weeknumber {
	flex: 1 0;
	padding: var(--webcraft-space);
	margin: var(--webcraft-space);
	width: calc(var(--webcraft-space) * 5);
	height: calc(var(--webcraft-space) * 5);
	text-align: center;
	line-height: calc(var(--webcraft-space) * 5);
}
.webcraft_calendar_weeknumber {
	font-size: 0.9em;
	color: var(--webcraft-color-gray-dark);
}
.webcraft_calendar_item:hover {
    box-shadow: 0 0 0 calc(0.5 * var(--webcraft-space)) var(--webcraft-color-primary-light);
}

.webcraft_calendar_item--gray {
	color: var(--webcraft-color-gray-medium);
}

.webcraft_calendar_item--today {
    background-color: var(--webcraft-color-primary-lightest);
}
.webcraft_calendar_item--selected {
	outline: 1px solid var(--webcraft-color-primary);
    background-color: var(--webcraft-color-primary-lightest);
}

.webcraft_form {
	background-color: var(--webcraft-color-white);
}
.webcraft_textarea .webcraft_control_wrapper {
	height: 100px;
}
.webcraft_textarea textarea {
	resize: none;
	padding: var(--webcraft-space);
	height: calc(100% - var(--webcraft-space));
	width: calc(100% - var(--webcraft-space));
}
div.webcraft_list_wrapper {
	width: 100%;
	overflow: auto;
}
.webcraft_list {
	width: 100%;
	height: 100%;
}
.webcraft_list_item {
	cursor: pointer;
	padding: calc(2 * var(--webcraft-space)) calc(4 * var(--webcraft-space)) ;
}
.webcraft_list_item:hover {
	background-color: var(--webcraft-color-secondary-lightest);
}
.webcraft_list_item--selected {
	background-color: var(--webcraft-color-primary-lightest) !important;
	box-shadow: 0 0 -2px 0 var(--webcraft-color-primary);
}
.webcraft_list_item--focused {
	background-color: var(--webcraft-color-secondary-lightest);
}
.webcraft_combobox--multiple .webcraft_combobox_value {
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);
	border-radius: 2px;
	display: flex;
	align-items: center;
	padding: 0 var(--webcraft-space);
	margin: 2px 4px 2px 0;
}
.webcraft_combobox--multiple .webcraft_editor_control,
.webcraft_combobox--multiple .webcraft_combobox_value {
	height: 16px;
	overflow: hidden;
}

.webcraft_combobox--multiple input {
	min-width: 50px;
}

.webcraft_combobox--multiple .webcraft_editor_content {
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	max-height: 100px;
	overflow: auto;
	padding: var(--webcraft-space);
}
.webcraft_combobox--multiple .webcraft_control_wrapper {
	flex: 1;
}
.webcraft_timepicker input {
	text-align: center;
}

.webcraft_timepicker_separator {
	font-weight: 600;
	height: 100%;
}
.webcraft_timepicker_separator > .webcraft_box_content {
	padding: 0;
	text-align: center;
	font-size: 1.3em;
}
.webcraft_toggle {
	display: flex;
}
.webcraft_toggle > button {
	flex: 1 0;
}
.webcraft_radiogroup .webcraft_editor_content {
	display: flex;
}
.webcraft_radiogroup--column .webcraft_editor_content {
	flex-direction: column;
}
.webcraft_radiogroup--row .webcraft_editor_content {
	flex-direction: row;
}
.webcraft_radio_item {
	display: flex;
	flex: 1;
	align-items: center;
	padding: var(--webcraft-space);
}

.webcraft_radio_item label {
	margin-left: var(--webcraft-space);
}

.webcraft_radio {
	height: calc(var(--webcraft-space) * 4);
	width: calc(var(--webcraft-space) * 4);
	cursor: pointer;
	position: relative;
	background: #fff;
	transition: all 0.15s;
	border-width: var(--webcraft-border-width);
    border-color: var(--webcraft-border-color);
    border-radius: 50%;
    border-style: solid;
    outline: none;
	flex-shrink: 0;
}
.webcraft_radio > input {
	width: 0;
	height: 0;
}
.webcraft_radio--checked {
    border-color: var(--webcraft-color-primary);
}
.webcraft_radio--checked::after {
	content: '';
    left: calc(var(--webcraft-space) * 0.75);
    top: calc(var(--webcraft-space) * 0.75);
    width: calc(var(--webcraft-space) * 2.5);
    height: calc(var(--webcraft-space) * 2.5);
	border-radius: 50%;
    position: absolute;
	background-color: var(--webcraft-color-primary);
}

.webcraft_radio--disabled .webcraft_radio {
	background-color: var(--webcraft-color-gray-light);
	border-color: var(--webcraft-color-gray-medium);
	cursor: not-allowed;
}
.webcraft_radio--disabled .webcraft_radio--checked::after {
	background-color: var(--webcraft-color-gray-dark);
}

.webcraft_radiogroup > .webcraft_control_wrapper {
	height: fit-content;
}
.webcraft_popup_wrapper {
	position: fixed;
}
.webcraft_popup {
	background-color: var(--webcraft-color-white);
	border: var(--webcraft-border-size) solid var(--webcraft-border-color);	
	box-shadow: 0px calc(2 * var(--webcraft-space)) calc(6 * var(--webcraft-space))  0px var(--webcraft-color-gray-medium);
	pointer-events: auto;
}
.webcraft_button {
	cursor: pointer;
	border: none;
	outline: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--webcraft-font-size);
}
.webcraft_button--plain:disabled {
	cursor: not-allowed;
	color: var(--webcraft-color-gray-dark) !important;
	background: var(--webcraft-color-gray-lightest) !important;
}
.webcraft_button--filled:disabled {
	cursor: not-allowed;
	color: var(--webcraft-color-gray-darkest) !important;
	background: var(--webcraft-color-gray-medium) !important;
}
.webcraft_button_icon,
.webcraft_button_text {
	pointer-events: none;
}
.webcraft_button--plain {
	background-color: transparent;
}
.webcraft_button--primary.webcraft_button--filled {
	background-color: var(--webcraft-color-primary);
	color: var(--webcraft-color-white);
}
.webcraft_button--primary.webcraft_button--filled:hover,
.webcraft_button--primary.webcraft_button--filled:focus {
	background-color: var(--webcraft-color-primary-dark);
}
.webcraft_button--primary.webcraft_button--filled:active {
	background-color: var(--webcraft-color-primary-darkest);
}
.webcraft_button--secondary.webcraft_button--filled {
	background-color: var(--webcraft-color-secondary);
	color: var(--webcraft-color-white);
}
.webcraft_button--secondary.webcraft_button--filled:hover,
.webcraft_button--secondary.webcraft_button--filled:focus {
	background-color: var(--webcraft-color-secondary-dark);
}
.webcraft_button--secondary.webcraft_button--filled:active {
	background-color: var(--webcraft-color-secondary-darkest);
}
.webcraft_button--success.webcraft_button--filled {
	background-color: var(--webcraft-color-success);
	color: var(--webcraft-color-white);
}
.webcraft_button--success.webcraft_button--filled:hover,
.webcraft_button--success.webcraft_button--filled:focus {
	background-color: var(--webcraft-color-success-dark);
}
.webcraft_button--success.webcraft_button--filled:active {
	background-color: var(--webcraft-color-success-darkest);
}
.webcraft_button--warning.webcraft_button--filled {
	background-color: var(--webcraft-color-warning);
	color: var(--webcraft-color-white);
}
.webcraft_button--warning.webcraft_button--filled:hover,
.webcraft_button--warning.webcraft_button--filled:focus {
	background-color: var(--webcraft-color-warning-dark);
}
.webcraft_button--warning.webcraft_button--filled:active {
	background-color: var(--webcraft-color-warning-darkest);
}
.webcraft_button--danger.webcraft_button--filled {
	background-color: var(--webcraft-color-danger);
	color: var(--webcraft-color-white);
}
.webcraft_button--danger.webcraft_button--filled:hover,
.webcraft_button--danger.webcraft_button--filled:focus {
	background-color: var(--webcraft-color-danger-dark);
}
.webcraft_button--danger.webcraft_button--filled:active {
	background-color: var(--webcraft-color-danger-darkest);
}

.webcraft_button--primary.webcraft_button--plain {
	color: var(--webcraft-color-primary);
}
.webcraft_button--primary.webcraft_button--plain:hover,
.webcraft_button--primary.webcraft_button--plain:focus {
	background-color: var(--webcraft-color-primary-lightest);
}
.webcraft_button--primary.webcraft_button--plain:active {
	background-color: var(--webcraft-color-primary-light);
}
.webcraft_button--secondary.webcraft_button--plain {
	color: var(--webcraft-color-secondary);
}
.webcraft_button--secondary.webcraft_button--plain:hover,
.webcraft_button--secondary.webcraft_button--plain:focus {
	background-color: var(--webcraft-color-secondary-lightest);
}
.webcraft_button--secondary.webcraft_button--plain:active {
	background-color: var(--webcraft-color-secondary-light);
}
.webcraft_button--success.webcraft_button--plain {
	color: var(--webcraft-color-success);
}
.webcraft_button--success.webcraft_button--plain:hover,
.webcraft_button--success.webcraft_button--plain:focus {
	background-color: var(--webcraft-color-success-lightest);
}
.webcraft_button--success.webcraft_button--plain:active {
	background-color: var(--webcraft-color-success-light);
}
.webcraft_button--warning.webcraft_button--plain {
	color: var(--webcraft-color-warning);
}
.webcraft_button--warning.webcraft_button--plain:hover,
.webcraft_button--warning.webcraft_button--plain:focus {
	background-color: var(--webcraft-color-warning-lightest);
}
.webcraft_button--warning.webcraft_button--plain:active {
	background-color: var(--webcraft-color-warning-light);
}
.webcraft_button--danger.webcraft_button--plain {
	color: var(--webcraft-color-danger);
}
.webcraft_button--danger.webcraft_button--plain:hover,
.webcraft_button--danger.webcraft_button--plain:focus {
	background-color: var(--webcraft-color-danger-lightest);
}
.webcraft_button--danger.webcraft_button--plain:active {
	background-color: var(--webcraft-color-danger-light);
}
.webcraft_button--small {
	padding: calc(1 * var(--webcraft-space)) calc(2 * var(--webcraft-space));
	font-size: 0.8em;
}
.webcraft_button--medium {
	padding: calc(2 * var(--webcraft-space)) calc(4 * var(--webcraft-space));
}
.webcraft_button--large {
	padding: calc(3 * var(--webcraft-space)) calc(6 * var(--webcraft-space));
	font-size: 1.2em;
}
.webcraft_button--round {
	border-radius: 50%;
	padding: 0;
	overflow: hidden;
}
.webcraft_button--small.webcraft_button--round {
	width: calc(6 * var(--webcraft-space));
	height: calc(6 * var(--webcraft-space));
}
.webcraft_button--medium.webcraft_button--round {
	width: calc(8 * var(--webcraft-space));
	height: calc(8 * var(--webcraft-space));
}
.webcraft_button--large.webcraft_button--round {
	width: calc(10 * var(--webcraft-space));
	height: calc(10 * var(--webcraft-space));
}