/* * {
  box-sizing: border-box;
}
body {
  font: 16px Arial;  
}
*/
.combi-wrapper {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
/* input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}
 */
 
.combi-toggle {
    position: absolute;
	right: 1px;
	top: 1px;
    bottom: 1px;
    /* height: 100%; */
    width: 16px;
    background-color: white;
	
    margin-right: 0px;
    border: 0;
    vertical-align: middle;

    background-size: 16px 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAINJREFUOE/d0zEKAkEMheFvO29jqYWCJ7AUvKJosweQLdfS2wg2EnFABrMg022qIW/yk7yZdBqja6w3Q8ASC9wSb1Z44F702oM1ehwwVJAdTthjzACR3+CCI66fi1ucq9xbyl7hG/LMiqcAoZWW4/xrpMkOyohhWkRm6hw/0t+71bxML1mSEhEMIMZdAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: center;
}

.combi-pad {
  position: absolute;
  border: 1px solid #d4d4d4;
  /* border-bottom: none; */
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  /* max-height: 200px; */
  /* overflow-y: overlay; */
}

.combi-item-actions {
	background-color: #f1f1f1;
	border-bottom: 1px solid #d4d4d4;
}
.combi-item-actions span {
	cursor: pointer;
    padding: 4px 4px 4px 8px;
}

.combi-items {
  /* position: absolute; */
  /* border: 1px solid #d4d4d4; */
  /* border-bottom: none; */
  /* border-top: none; */
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  max-height: 200px;
  overflow-y: overlay;
}

.combi-items div {
  padding: 4px 4px 4px 8px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
  text-align: left;
}
.combi-items div.combi-item:last-child {
	border-bottom: none; 
}
.combi-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.combi-active-item {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
/* .ui-combobox-list
{
	display: none;
}

.ui-combobox-toggle.ui-corner-all
{
	border-top-left-radius:7px;
	border-bottom-left-radius:0;
	border-top-right-radius:0;
	border-bottom-right-radius:7px;
}

.ui-combobox {
	position: relative;
}

.ui-combobox-toggle {
	position: absolute;
#	top: -1px;
	bottom: 0;
	right: 1px;
	width: 16px;
	height:100%;
	margin-right: 0px;
	padding-bottom: 1px;
	border: 0;

	*height: 1.7em;
	*top: 0.1em;
	vertical-align: middle;
}
.ui-combobox-input {

}

.ui-combobox-toggle:hover{
cursor: default;
}

.ui-autocomplete .ui-state-hover
{
    background-color: #3399ff !important;
    background-image: none !important;
    color: White;
}

.ui-autocomplete.ui-menu .ui-menu-item a
{
    padding: 2 0 0 0 !important;
    line-height: 1 !important;
}

.ui-autocomplete.ui-widget
{
    font-family: Sans-Serif !important;
    font-size: 1em !important;
}

.ui-autocomplete.ui-corner-all
{
    border-radius: 0 !important;
} */

.checki-wrapper {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.checki-button {
	padding: 0;
	width: 22px;
	height: 22px;
	/*
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABACAYAAABoWTVaAAABj0lEQVRoQ+2XwRLCMAhE0y9X/9yh0zixJmFhqbYOvXiwLK9AAizl5M9ycr6SgGyGMoIZQTYCrH3WYEaQjQBrr9XgfXNQf1l/e3tVfwYoxrdN8VFKiYaE9EeArXH96khIWL8H2DOOhDTp7wFnxhGQZv0WEDFmIF36FdBi7IF06wugx9gCSemzgAI6O90M3KrNpLi9dHuQNJxk13tIeh2lhQyBEyeea2bW7gRSntqBPK3xLRvWi9rj0GLzUSqWVmdx5Hm3e9jQYcHj0GIzvAmQcYupJwRyOoRogOKAPZHaoZqOcQjgUZDQ+IYCRkNCcL17UKuZiHTDcH8HGBE9yxS0vovWYCScCRIBPAIOhtQAj4SDIC/b6r4Ruf2VBg8Lv4AbpvtSAysbuUNH/ki4mq4QzUusncyXIo2f0mf2YgSOSfeq792LLXAeyJe+55rxwFkgqb2YgUMgqb04Am4GCbe6nkgknEkfGbfqwqTtK57/68o5XD01QI/TUJsEZMOZEcwIshFg7bMGM4JsBFj709fgE8EdeEEOtcS6AAAAAElFTkSuQmCC);
	background-size: 16px 22px;
	background-position: 3px -1px;
	*/
	background-repeat: no-repeat;
	/*
	background-image: url(data:image/png;base64,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);
	background-size: 20px 20px;
	background-position: 0 0;
	*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAABACAYAAACz4p94AAADQ0lEQVRoQ+3Zu2sUQRwH8P3NXpCoh9h4sTjPCCpaamNyuYi5Exux0+YeWIjgv2BnaWtlYxHxQbjKnJgTuyiJiKCCSBCEO2xsFCwUc9mbkRV2Cfv6zcz+ZpGwaXdvZj7zndl5BKwd8Ac7wGDliP8lxTyJPAnCHsiHE2FnpioqTyJV9xH+WCqJt6ev79636+fBo2tLXwjrTixqcKZ9olL+8xm63TFWJ4pwAaU9o54F1klntHluev3xBlZo2ueD+dYsgN0HAc/KpV9NDJKI8ADAYMFtmBDim2mIB7CBFd06ORdLGCQWEQR4vWsSEgR4dWKQSEQcwCRkWGtWLVZY8RIIDskkSAiBAUxAMACWSAgxPNvp2WBflJmcFENLFuC1Z8z53crq4o3t7QshBvPtBRvspwAwaRriAoDZfQb2Xpm6OBffHe7Uj7x68CER4T7MAkIFcNsb+3UyCaEEJCJMJUINQBHuC8Nas87YRI9ijgyr7TkowIrKHBg7o8b02qP3SXMG3XZQQUwBpJLweiBNIqoAwfkPx9mqYwl4bZNKwofMdRrMZssqQ0uMxU3LFndkh5AqQCkJXYjM99/fBSgmoJWESYhOAqkQ/ya74tBKSiQNQGs4bW/MsNo6zwqFJ7JzJAriAsZbonF4/f47laGHbjtUCksDoQCkTsKfIxqJUAHIEIPZzgxMwPO4A03kMCI86iqtE1GN0QH4n1QiSCpEGgAlRBtBAaCCaCEoARQQZYQJQFqIEkIV4J6JheC3GGO3ZRdEncsHaYQOwDvUqy6IqhApRBqA7oKoAkERFADd3a8sJBFBCTAJib+yUdxKxF1sRa3yqtt4LJFIhIkEghhKSPga02ACIQjRdVAI8bV2tQ82XJA5U6gMobjyVG9ROOf3Dq0uXks8FG0cv1ScnNrvbqtnkiAUAH+ySybCOV9+Xfp9+Uq3O0JPdhiEEiALiQMkHoriICYAHiTuEjsJgJ7sghCTgDgIBkAR7gseBAQci/oHh8wHQPUdLxEhxIuoORAsD912+JADxXLl5cNPqg3SfX9Qa516M7X5MTiJo8qTQug2JKvf5YisehqrJ08C66GsnudJZNXTWD15ElgPZfU8TyKrnsbq+Qt3BiRuCmStNwAAAABJRU5ErkJggg==);
	background-size: 16px 20px;
    background-position: 3px 0px;
	
}

.checki-checked {
	/* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAABACAYAAABcIPRGAAABnklEQVRoQ+2Y6w6DIAxG8ck333whkYW5AuXrBUzqH7fM4jn9vMCO9PDteDh/CoHVCUYCkYCwA3EJCRsoLo8ExC0UDhAJCBs4Kn9fB5T93/E7J5ChXxfxmVIiJXYVqOFL10mJHQUo+KbEbgI9eFJiJwEO/J/ELgIz8D8SOwgg8F+J1QIS+CxxrhQQw+d3wyoBFfgcwQoBNfgVAqrw3gLq8J4CJvBeAmbwHIHhfHwwoTeFHwmw5uMdAXP4ngB7Pt4QcIFvCUzNxwkBN3hKgHPy5vLuWvaVZeBovUv93hubHK9+E3Pge8u7mXoV+DoB5OR1t5D6WmK686U4JyA5eT5x3lwvm9pcKoBc5yqdrxPInyUpoBLwZXNPoHz3lFCBRx+jaMd7TzB4TGpBY5mEWufv98C9AxYS6vC9uZD2jW0CPxLQkjCD5whIJUzhuQKohDn8jMCshAv8rABXwg0eERhJuMKjAi0Jd3iJwF1iCbxUoEjUe3hOgxau+HMXZSXrQkC1ncBgkQDQNNWSSEC1ncBgkQDQNNWSSEC1ncBgj0/gA/0BW0FaJaWrAAAAAElFTkSuQmCC); */
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACs0lEQVR4Xu3aO3MTMRDA8ZVMhzsgFSVtaGmdFNi4TGIaYAj0FBT0/ghQ0OVBqJjEoeAVGiYJDQmfhYpHw8xpGTnxjXHurZW0Ol9qj3z/3+1dzrIFzPmfmPN+aACaCZhzgeYSqOMAdHa7N7Alny1E7Sd7d/f+ZjXWbgJ0vBDyECRcVwreLWB7kIVQK4Dp+MlZR4D316L2WhpCbQCS4osg1AIgK36CIBA+XFHt1dlJCB6gSHwWQtAAZeLTEIIFqBKfhBAkgEl8/EygxMereHklOACS+HMFAfAmKADKeFDql2yJbjAANuK/rHz+FgSArXh9JbAHsBnPHsB2PGsAF/FsAVzFswRwGc8OwHU8KwAf8YUBlkb9W4drn05t7R/6ii8EsDS68xgQNhDgxdHg4Ck1gs/4XIDlt/1HGOEmyLMHJlTwnBLBd3wmgI6PMNqQIOX0WadC4BCfCpAWH28yGk4Cl/hEgM5+bx0BN2fP/Oy1X3USOMVfACgaX3USuMX/B9AZ9R6iwK28M191EjjGxwBV44tOAtf4MYBpfB4C5/gxwPJ+fxsB1ykecGZvjNzjxwDD4VAeL568AhAPKBFCiI/vAdQISsCWjOC2/oraGPV891ZvYBqvlbBAvCdIjUBysJbjLzwHsEJwEJ/4JMgCwVF86mcBjfD15vcdRLxPMsplFnEYn/lp0AuC4/jc/QCnCB7icwH0C5wgeIovBGAdwWN8YQBrCJ7jSwFMEI4XT18DwL0yN/bE1zKILw1AhsAkvhKAMQKj+MoAlRGYxRsBlEZgGG8MoBcY7A5aP1q/dzJvjEzjSQByERjHkwGkISiEn5ck9mxtZhj/K6b+kdT05aDjhYDu0erBCcWB2lqD/FdiZwh/XgLCts2v1KlAyAGoDszVOg2AK2mu79NMANcz4+q45n4C/gEPNDoK1iHb1QAAAABJRU5ErkJggg==);
	background-size: 16px 16px;
    background-position: 3px 2px;
}

.checki-text {
	display: inline-block;
	vertical-align: super;
	margin-left: 4px;
}

.switchi-wrapper {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}

.switchi-value {
	display: none;
}

.switchi-button {
	padding: 0;
	width: 22px;
	height: 22px;

	background-repeat: no-repeat;
}

.switchi-text {
	display: inline-block;
	vertical-align: super;
	margin-left: 4px;
}

.switchi-off {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAABACAYAAACz4p94AAADQ0lEQVRoQ+3Zu2sUQRwH8P3NXpCoh9h4sTjPCCpaamNyuYi5Exux0+YeWIjgv2BnaWtlYxHxQbjKnJgTuyiJiKCCSBCEO2xsFCwUc9mbkRV2Cfv6zcz+ZpGwaXdvZj7zndl5BKwd8Ac7wGDliP8lxTyJPAnCHsiHE2FnpioqTyJV9xH+WCqJt6ev79636+fBo2tLXwjrTixqcKZ9olL+8xm63TFWJ4pwAaU9o54F1klntHluev3xBlZo2ueD+dYsgN0HAc/KpV9NDJKI8ADAYMFtmBDim2mIB7CBFd06ORdLGCQWEQR4vWsSEgR4dWKQSEQcwCRkWGtWLVZY8RIIDskkSAiBAUxAMACWSAgxPNvp2WBflJmcFENLFuC1Z8z53crq4o3t7QshBvPtBRvspwAwaRriAoDZfQb2Xpm6OBffHe7Uj7x68CER4T7MAkIFcNsb+3UyCaEEJCJMJUINQBHuC8Nas87YRI9ijgyr7TkowIrKHBg7o8b02qP3SXMG3XZQQUwBpJLweiBNIqoAwfkPx9mqYwl4bZNKwofMdRrMZssqQ0uMxU3LFndkh5AqQCkJXYjM99/fBSgmoJWESYhOAqkQ/ya74tBKSiQNQGs4bW/MsNo6zwqFJ7JzJAriAsZbonF4/f47laGHbjtUCksDoQCkTsKfIxqJUAHIEIPZzgxMwPO4A03kMCI86iqtE1GN0QH4n1QiSCpEGgAlRBtBAaCCaCEoARQQZYQJQFqIEkIV4J6JheC3GGO3ZRdEncsHaYQOwDvUqy6IqhApRBqA7oKoAkERFADd3a8sJBFBCTAJib+yUdxKxF1sRa3yqtt4LJFIhIkEghhKSPga02ACIQjRdVAI8bV2tQ82XJA5U6gMobjyVG9ROOf3Dq0uXks8FG0cv1ScnNrvbqtnkiAUAH+ySybCOV9+Xfp9+Uq3O0JPdhiEEiALiQMkHoriICYAHiTuEjsJgJ7sghCTgDgIBkAR7gseBAQci/oHh8wHQPUdLxEhxIuoORAsD912+JADxXLl5cNPqg3SfX9Qa516M7X5MTiJo8qTQug2JKvf5YisehqrJ08C66GsnudJZNXTWD15ElgPZfU8TyKrnsbq+Qt3BiRuCmStNwAAAABJRU5ErkJggg==);
	background-size: 16px 20px;
    background-position: 3px 0px;
}

.switchi-on {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACs0lEQVR4Xu3aO3MTMRDA8ZVMhzsgFSVtaGmdFNi4TGIaYAj0FBT0/ghQ0OVBqJjEoeAVGiYJDQmfhYpHw8xpGTnxjXHurZW0Ol9qj3z/3+1dzrIFzPmfmPN+aACaCZhzgeYSqOMAdHa7N7Alny1E7Sd7d/f+ZjXWbgJ0vBDyECRcVwreLWB7kIVQK4Dp+MlZR4D316L2WhpCbQCS4osg1AIgK36CIBA+XFHt1dlJCB6gSHwWQtAAZeLTEIIFqBKfhBAkgEl8/EygxMereHklOACS+HMFAfAmKADKeFDql2yJbjAANuK/rHz+FgSArXh9JbAHsBnPHsB2PGsAF/FsAVzFswRwGc8OwHU8KwAf8YUBlkb9W4drn05t7R/6ii8EsDS68xgQNhDgxdHg4Ck1gs/4XIDlt/1HGOEmyLMHJlTwnBLBd3wmgI6PMNqQIOX0WadC4BCfCpAWH28yGk4Cl/hEgM5+bx0BN2fP/Oy1X3USOMVfACgaX3USuMX/B9AZ9R6iwK28M191EjjGxwBV44tOAtf4MYBpfB4C5/gxwPJ+fxsB1ykecGZvjNzjxwDD4VAeL568AhAPKBFCiI/vAdQISsCWjOC2/oraGPV891ZvYBqvlbBAvCdIjUBysJbjLzwHsEJwEJ/4JMgCwVF86mcBjfD15vcdRLxPMsplFnEYn/lp0AuC4/jc/QCnCB7icwH0C5wgeIovBGAdwWN8YQBrCJ7jSwFMEI4XT18DwL0yN/bE1zKILw1AhsAkvhKAMQKj+MoAlRGYxRsBlEZgGG8MoBcY7A5aP1q/dzJvjEzjSQByERjHkwGkISiEn5ck9mxtZhj/K6b+kdT05aDjhYDu0erBCcWB2lqD/FdiZwh/XgLCts2v1KlAyAGoDszVOg2AK2mu79NMANcz4+q45n4C/gEPNDoK1iHb1QAAAABJRU5ErkJggg==);
	background-size: 16px 16px;
    background-position: 3px 2px;
}