.getinput-inline { display:inline-block; }
.getinput-activatum-inline { display:inline-block; margin-left:6px; }
.getinput-activatum-inline textarea { margin-top:-16px; } 
.getinput-activatum-under { display:block; margin-left:20px; }
.getinput-radios .rbtn, .getinput-checks .chkb { vertical-align:top; }

.holderof-activatum-textarea-inline .rbtn, .holderof-activatum-textarea-inline .chkb { }
.holderof-activatum-textarea-under .rbtn, .holderof-activatum-textarea-under .chkb { }
.holderof-activatum-text-inline .rbtn, .holderof-activatum-text-inline .chkb { vertical-align:middle; }
.holderof-activatum-text-under .rbtn, .holderof-activatum-text-under .chkb { }

.getinput-row {
	display:flex;
	width:100%;
	margin-bottom:-1px;
	position:relative;
}
.getinput-row > label, .selectboxit-container *, .input label {
	font-family: Verdana,Arial,sans-serif !important;
	font-size: 13px !important;
	font: 13px Verdana,Arial,sans-serif !important;
}
.selectboxit-container * {
	line-height:30px !important;
}
.getinput-row > label,
.getinput-row  > div.input {
	display:inline-block;
	vertical-align: top;
	border: 1px solid silver;
}
.getinput-row > label {
	width:calc(35% - 26px);
	padding: 11px 8px 8px 16px;
	text-align: right;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-right: 0px;
}
.getinput-row > label:after {
	content:": ";
}
.getinput-row > div.input, .row-static > .getinput-static {
	width: calc(65% - 18px);
}
.getinput-row > div.input {
	padding: 4px 8px;
	text-align: left;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-right:-4px;
}
.getinput-row > div.input .w100perc {
	width: calc(100% - 26px);
}
.getinput-row > div.input .w100perc-withhelp {
	width: calc(100% - 48px);
}
.getinput-row > div.input .getinput-radios {
	margin-top:3px;
}
.tabswidget .getinput-row > label {
	width:calc(34% - 26px);
}
.tabswidget .getinput-row > div.input {
	width:calc(66% - 8px);
}
.getinput-row > div.input .chkb > label,
.getinput-row > div.input .rbtn > label {
	padding-top:2px;
}
.stitle {
	border: 0px;
	background-color: transparent;
	padding: 12px 2px 6px 2px;
	color: #404040;
	font-size: 14px;
	font-weight: normal;
}
.buttons {
	text-align:center;
	padding:20px 0px 30px 0px;
}
.getinput-before {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#ffffff;
	opacity:0.7;
	background-image:url(/admin/inc/imgs/waiting_bigger.gif);
	background-position:center center;
	background-repeat:no-repeat;
	cursor:wait;
}
.langselector .ui-tabs-anchor img {
	vertical-align: middle;
	margin: -3px 4px 0px 0px;
}

input[type="button"].popup, input[type="submit"].popup {
	padding-right:22px;
}
.input-desc {
	display: inline-block;
  padding: 2px 8px;
  color: darkgray;
  font-size: 12px;
}
label.obligatory:after {
	content:":*";
}
.icon-help {
	cursor:pointer;
}
.justtext, .getinput-row > div.input.justtext {
	padding-top: 12px;
}
.for-id {
  font-weight: bold;
}

.cols-in1row > div {
	display:inline-block;
	margin-right: 16px;
}

/* SELECT; styled with HTML5: start */
.getinput-select {	
	font-size: 12px;
	padding: 0px 30px 0px 8px;
	height: 28px;
	line-height:28px;
	border-radius:4px;
	border:1px solid darkgray;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:#fff url(/admin/inc/imgs/dropdown-down.png) no-repeat right center;
}
.select-opened {
	background-image:url(/admin/inc/imgs/dropdown-up.png);
}
@-moz-document url-prefix() { /* Only for Firefox */
	.getinput-select {
		padding:2px 30px 2px 4px;
		line-height:unset;
	}
}
.getinput-select option {
	font-size: 12px;
	padding: 4px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:10px solid red;
}
.getinput-select option.dummy-option-for-chrome {
	font-size:4px;
	color:transparent;
}
/* SELECT; styled with HTML5: end */

/* SELECT; styled with jquery.selectBoxIt: start */
.selectboxit-container span.selectboxit, .selectboxit-container span.selectboxit-focus, .selectboxit-container span.selectboxit-open, .selectboxit-container .selectboxit-btn.selectboxit-enabled:hover {
	font-size: 12px;
	padding: 0px;
	border-radius:4px;
	border:1px solid darkgray;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	background:#fff none !important;
}
.selectboxit-arrow-container {
  background-color: #efefef;
  border-left: 1px solid darkgray;
}
.selectboxit-text {
	padding-right:5px;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.selectboxit-default-arrow {
	height: 7px;
	width: 7px;
	margin:-5px auto 0px auto;
	transform: rotate(45deg);
	transform-origin: center center;
	border-top:0px;
	border-left:0px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
.selectboxit.selectboxit-open .selectboxit-arrow-container .selectboxit-arrow.selectboxit-default-arrow {
	margin:-1px auto 0px auto;
	border-right:0px;
	border-bottom:0px;
	border-top: 1px solid black;
	border-left: 1px solid black;
}
.selectboxit-container .selectboxit-option, .sortable li.selectboxit-option,
.sortable-holder-focused .sortable li.selectboxit-option {
	border:0px !important;
	width: 100%;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}
/* SELECT; styled with jquery.selectBoxIt: end */

.input-disabled { background-color:#efefef !important; }
.getinput-static {
	font-size: 13px;
	padding: 8px 10px;
	border: 1px solid silver;
	display: inline-block;
	border-radius: 4px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.disabled-buttons {
	position:absolute;
	display:block;
	background-color:transparent;
	opacity:0.0;
}

input[type=text].textnew, input[type=password].textnew, input[type=email].textnew, textarea.textnew {
	border:1px solid darkgray;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px;
	-khtml-border-radius:4px;
	behavior:url(/admin/inc/styles/scripts/border-radius.htc);
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	padding:6px 14px 6px 10px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#555555;
	font-size:13px;
	font-weight:normal;
	background: white url("/admin/inc/imgs/editable.png") no-repeat center right;
}
textarea.textnew {
	background-position-y:4px;
}
textarea.textnew {
	width: calc(100% - 26px);
  height: 40px;
}
input[type=text].textnew.getinput-date {
	width:120px;
	background: white url(/admin/inc/imgs/getinput-date-back.png) no-repeat center right;
}
input[type="text"].for-spinner.textnew {
	width:20px;
	border:0px !important;
	background-image:none;
}
input[type="text"].for-spinner.textnew:focus {
	border:0px !important;
	box-shadow:none;
	outline: none;
}
.input .ui-spinner .ui-icon {
	left:50%;
}
.input .ui-spinner a.ui-spinner-button {
	background-color: #efefef;
	border-left: 1px solid silver;
}
.newline {
	clear:both;
	margin: 8px 0px;
}

/* colorpicker (spectrum):BEG */
.input .sp-replacer {
	border: 1px solid silver;
  border-radius: 2px;
  padding:0px;
}
.input .sp-replacer:hover, .input .sp-replacer.sp-active {
	border: 1px solid silver;
}
.input .sp-preview {
	height: 28px;
  border: 0px;
  width: 40px;
}
.input .sp-dd {
	padding: 0px 4px 0px 0px;
	background-image: url(/inc/vws/default/imgs/jquery-ui/ui-icons_222222_256x240.png);
	background-position: -67px -10px;
	color: transparent;
}
.sp-container {
	border:1px solid silver !important;
	border-radius: 4px !important;
  box-shadow: 4px 4px 6px silver;
}
#body .sp-cancel, #body .sp-choose {
	font-family:'Open Sans', sans-serif !important;
	font-size:11px !important;
	font-weight:normal !important;
	padding: 4px 12px !important;
	border-radius:0px !important;
	border:0px !important;
	cursor:pointer !important;
	box-shadow:0px 1px 1px silver !important;
	color: #f3f6fa !important;
	background: #647baf !important;
  background: -webkit-linear-gradient(#88aff0, #3d517e) !important;
  background: -o-linear-gradient(#88aff0, #3d517e) !important;
  background: -moz-linear-gradient(#88aff0, #3d517e) !important;
  background: linear-gradient(#88aff0, #3d517e) !important;
  margin-right:1px;
  line-height:unset !important;
  text-shadow:unset !important;
}
#body .sp-cancel:hover, #body .sp-choose:hover {
	color:#ffffff !important;
	box-shadow:none !important;
	text-decoration:none !important;
}

/* colorpicker (spectrum):END */

.getinput-comment {
	color:#999999;
	padding:10px;
	font-size:13px;
}





.chkb, .rbtn { padding:2px 0px; }
.chkb > input[type="checkbox"], .rbtn > input[type="radio"] { display:none; }
.chkb > label, .rbtn > label {
	background:transparent none no-repeat left 2px;
	padding: 4px 0px 0px 20px;
	min-height: 16px;
	display: inline-block;
	cursor:pointer;
}
.chkb > label  { background-image:url(/admin/inc/imgs/bg-checkbox.png); }
.rbtn > label { background-image:url(/admin/inc/imgs/bg-radio.png); }
.option-checked { font-weight:600; }
.option-checked > label { padding-left:19px; }
.option-disabled { opacity:0.5; }
.option-disabled > label { cursor:not-allowed; color:#444444; }
.chkb.option-disabled > label { background-image:url(/admin/inc/imgs/bg-checkbox-disabled.png) !important; }
.yes-no .rbtn,
.cols-limit3 .chkb,
.cols-limit3 .rbtn,
.cols-nolimit .cols-inter {
	display:inline-block;
	margin-right:16px;
	vertical-align:top;
}
.cols-nolimit { }
.cols-nolimit .cols-inter { max-width:calc(33.33% - 22px); }
.cols-nolimit .cols-inter:last-child { margin-right:0px;}
.dialog-title-suffix { font-style:italic; font-weight:normal; }



.getinput-button {
	color: #f3f6fa;
	background: #647baf;
	background: -webkit-linear-gradient(#88aff0, #3d517e);
	background: -o-linear-gradient(#88aff0, #3d517e);
	background: -moz-linear-gradient(#88aff0, #3d517e);
	background: linear-gradient(#88aff0, #3d517e);
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 9px 22px;
	border-radius: 4px;
	border: 0px;
	cursor: pointer;
	box-shadow: 0px 1px 1px silver;
}
.getinput-button:hover {
	color: #ffffff;
	box-shadow:none;
}
.frmblck-buttons {
	padding:30px;
	text-align:center;
}
.frmblck-buttons .frmblck-back, .frmblck-buttons .frmblck-submit {
	display:inline-block;
	margin:0px 4px;
}

.getinput-fullname { display:flex; flex-direction: column; }
.getinput-fullname-col { display:inline-block; width:50%; width: calc(50% - 10px); }
.getinput-fullname-col-trio { width: calc(33% - 10px); }
.getinput-fullname-col input[type="text"] { width: calc(100% - 24px); }
.getinput-fullname-label-pre { display:none; }

.input-notes {
	width: calc(100% - 19px) !important;
	margin: 0px !important;
}


/* -- BLUE variant -- */
.getinput-row > label {
	background-color:#ccd6f5;
}
.getinput-row > div.input {
	background-color:#eeeeee;
}
input[type="button"].popup, input[type="submit"].popup {
	background: #647baf;
	background: url(/admin/inc/imgs/icon-popup-white.png) right center no-repeat, -webkit-linear-gradient(#88aff0, #3d517e);
  background: url(/admin/inc/imgs/icon-popup-white.png) right center no-repeat, -o-linear-gradient(#88aff0, #3d517e);
  background: url(/admin/inc/imgs/icon-popup-white.png) right center no-repeat, -moz-linear-gradient(#88aff0, #3d517e);
  background: url(/admin/inc/imgs/icon-popup-white.png) right center no-repeat, linear-gradient(#88aff0, #3d517e);
}
.chkb.option-checked > label { background-image:url(/admin/inc/imgs/bg-checkbox-BLUE.png); }
.rbtn.option-checked > label { background-image:url(/admin/inc/imgs/bg-radio-BLUE.png); }
.function-error {
	padding: 6px;
	color: red;
	font-weight: bold;
	border: 1px solid red;
	margin: 6px 0px;
	text-align: center;
	background-color: #f9e1e1;
	border-radius: 3px;
	box-shadow: 4px 4px 4px darkgray;
}
.frmblck-field-hidden {
	display:none;
}
.cols-1col .chkb, .cols-1col .rbtn {
	display:block !important;
}
.chkb .input-disabled, .rbtn .input-disabled {
	cursor: default !important;
	background-color: transparent !important;
	opacity: 0.3;
}

.getinput-hpblock {
	position:absolute;
	top:-5000px;
	left:-5000px;
}

.city-autofill-list {
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	width: 300px;
	max-width: calc(100vw - 20px);
	height: 230px;
	padding: 0px;
	box-shadow: 4px 4px 6px silver;
}
.city-autofill-list > div {
	width:100%;
	height: 230px;
	background-color: white;
	border:0px;
	overflow-x: hidden;
	padding-right: 20px;
}
.city-autofill-list table {
	width:100%;
	margin:0px;
	border:0px;
}
.city-autofill-list td {
	border:0px;
	padding:2px 12px;
	cursor:pointer;
	white-space: nowrap;
}



.chk-rad-box {
  display: block;
  position: relative;
	padding-left: 1.5em;
	margin: 0.4em 0;
	cursor: pointer;
	font-size: 1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cols-limit3 .chk-rad-box,
.cols-in1row .chk-rad-box {
  display: inline-block;
	margin-right: 0.7em;
}
.chk-rad-box.input-disabled {
	cursor: default;
	opacity: 0.3;
	filter: grayscale(100%);
}
.chk-rad-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.chk-rad-box.chk-box input { height: 0; width: 0; }
.chk-rad-box .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.2em;
  width: 1.2em;
  background-color: #fff;
  border: 1px solid darkgray;
}
.chk-rad-box.chk-box .checkmark { border-radius: 0.2em; }
.chk-rad-box.rad-box .checkmark { border-radius: 50%; }
.chk-rad-box:hover input ~ .checkmark {
  background-color: #f4f4f4;
}
.chk-rad-box.chk-box input:checked ~ .checkmark { background-color: #2196F3; }
.chk-rad-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.chk-rad-box input:checked ~ .checkmark:after {
  display: block;
}
.chk-rad-box.chk-box .checkmark:after {
	left: 0.45em;
	top: 0.13em;
	width: 0.25em;
	height: 0.6em;
  border: solid white;
  border-width: 0 0.15em 0.15em 0;
  border-radius: 0.1em;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.chk-rad-box.rad-box .checkmark:after {
	top: 0.12em;
	left: 0.13em;
	width: 77%;
	height: 77%;
	border-radius: 50%;
	background: #2196F3;
}
.chk-rad-box.tooltipstered {
	padding-right: 1.5em;
}
.chk-rad-box.tooltipstered .icon-help {
	top: 0;
	right: 0;
}