/* #region Combobox */
div.combobox {
  position: relative;
  margin: 6px 6px;
  background-color: white;
  height: 22px;
  width: 200px;
  display: inline-block;
}

div.combobox div.top,
div.combobox div.left,
div.combobox div.right,
div.combobox div.bottom {
  position: absolute;
  background-color: transparent;
}

div.combobox div.top {
  left: 0px;
  top: -1px;
  height: 1px;
  width: 200px;
  background-color: #D6D7DB;
}

div.combobox div.left {
  left: -6px;
  top: -1px;
  height: 24px;
  width: 6px;
}

div.combobox div.right {
  right: -6px;
  top: -1px;
  height: 24px;
  width: 6px;
}

div.combobox div.bottom {
  bottom: -1px;
  height: 1px;
  width: 200px;
  background-color: #D8D8D8;
  left: 0px;
}

div.combobox div.button {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0px;
  cursor: pointer;
  top: 3px;
  margin: 0px;
}

div.combobox input {
  height: 19px;
  margin: 0px;
  width: 180px;
  border: none;
  outline: none;
}

.ie.vr_7 div.combobox input {
  position: absolute;
  border: 0px;
  left: 0px;
}

div.combobox.disabled div.disabled,
div.combobox div.disabled {
  height: 19px;
  margin: 0px;
  width: 180px;
  display: block;
  position: absolute;
  top: 2px;
  background-color: white;
  z-index: 50;
  left: 0px;
  text-align: center;
}

/*   
        .ie.vr_7 div.combobox div.disabled {
            height: 14px;            
        }*/
div.combobox div.disabled {
  cursor: pointer;
}

div.combobox.disabled div.disabled {
  cursor: default;
}

div.combobox.watermark input,
div.combobox.watermark div.disabled {
  color: #AAAAAA;
  text-align: center;
}

div.combobox.autocomplete div.disabled {
  display: block;
}

div.combobox div.list {
  position: absolute;
  top: 19px;
  overflow-y: auto;
  overflow-x: hidden;
  left: -6px;
  max-height: 100px;
  z-index: 101;
  border: solid 1px #D8D8D8;
}

div.combobox div.list dl {
  width: 210px;
  margin: 0px;
  background-color: white;
}

div.combobox div.list dl dd {
  margin: 0px;
  padding: 0px 8px;
  text-align: left;
}

div.combobox div.list dl dd:hover {
  margin: 0px;
  background-color: #F0791F;
}

/* #endregion */
/* #region Textbox */
div.customtextbox {
  position: relative;
  margin: 6px 6px;
  height: 22px;
  width: 300px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

div.customtextbox div.top,
div.customtextbox div.left,
div.customtextbox div.right,
div.customtextbox div.bottom {
  position: absolute;
  background-color: transparent;
}

div.customtextbox div.top {
  left: 0px;
  top: -1px;
  height: 1px;
  width: 100%;
  background-color: #D6D7DB;
}

div.customtextbox div.left {
  left: -6px;
  top: -1px;
  height: 24px;
  width: 6px;
}

div.customtextbox div.right {
  right: -6px;
  top: -1px;
  height: 24px;
  width: 6px;
}

div.customtextbox div.bottom {
  bottom: -1px;
  left: 0px;
  height: 1px;
  width: 100%;
  background-color: #D8D8D8;
}

div.customtextbox input {
  height: 20px;
  margin: 0px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0px;
}

.ie.vr_7 div.customtextbox input {
  position: absolute;
  left: 0px;
  border: 0px;
}

div.customtextbox div.disabled {
  height: 19px;
  margin: 2px;
  width: 100%;
  display: none;
  position: absolute;
  top: 0px;
  background-color: white;
  z-index: 50;
}

.ie.vr_7 div.customtextbox div.disabled {
  position: absolute;
  left: -1px;
}

div.customtextbox.autocomplete div.disabled div.customtextbox.disabled div.disabled {
  display: block;
}

div.customtextbox.watermark input,
div.customtextbox.watermark div.disabled {
  color: #AAAAAA;
  text-align: center;
}

/* #endregion */
/* #region Button */
div.custombutton {
  position: relative;
  margin: 0px 6px;
  height: 35px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  cursor: pointer;
}

div.custombutton div.left,
div.custombutton div.right {
  position: absolute;
}

div.custombutton div.left {
  left: -9px;
  top: 0px;
  height: 35px;
  width: 10px;
  background-position: 0px -48px;
}

div.custombutton div.right {
  right: -8px;
  top: 0px;
  height: 35px;
  width: 10px;
  background-position: -9px -48px;
}

div.custombutton label {
  position: relative;
  top: 6px;
  margin: 0px 20px;
  cursor: pointer;
  color: white;
}

/* #endregion */
/* #region Rounded corners */
div.wr {
  position: relative;
  border: solid 1px #254360;
  border-radius: 4px;
}

div.s, div.e, div.w, div.n,
div.se, div.sw, div.nw, div.ne {
  position: absolute;
}

div.s, div.e, div.w, div.n {
  /*background-color: #254360;*/
}

div.e, div.w {
  height: 100%;
  width: 1px;
}

div.s, div.n {
  height: 1px;
  width: 100%;
}

div.se, div.sw, div.nw, div.ne {
  width: 4px;
  height: 4px;
}

div.s {
  bottom: 0px;
  left: 0px;
}

div.e {
  top: 0px;
  right: 0px;
}

div.w {
  top: 0px;
  left: 0px;
}

div.n {
  top: 0px;
  left: 0px;
}

div.se {
  bottom: 0px;
  right: 0px;
}

div.sw {
  left: 0px;
  bottom: 0px;
}

div.nw {
  left: 0px;
  top: 0px;
}

div.ne {
  top: 0px;
  right: 0px;
}

/* #endregion */
/* #region Removable item list */
div.ril {
  position: relative;
  text-align: left;
}

div.ril div.ri {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 0px 20px 1px 10px;
  margin: 1px 1px 1px 1px;
  border-width: 0px;
  background-color: #e6e6e6;
  font-weight: 400;
  font-size: 13px;
  color: #4d4d4d;
}

div.ril div.ri div.r {
  position: absolute;
  padding: 0 5px;
  top: -3px;
  right: 0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  color: #4d4d4d;
}

div.ril div.ri div.r:hover {
  color: #129cdd;
}

div.ril div.ri.ui-sortable-placeholder {
  visibility: visible !important;
  background-color: rgba(18, 156, 221, 0.1);
}

div.ril.sortable div.ri .dragger {
  position: absolute;
  left: 0px;
  padding: 0 5px;
  color: #aaa;
  letter-spacing: 1px;
  font-weight: 100;
}

div.ril.sortable div.ri {
  padding-left: 16px;
  cursor: move;
}

/* #endregion */
/* #region Validation group */
.validationGroup {
  color: red;
  border: 1px solid red;
  border-radius: 5px;
  padding: 5px;
}

/* #endregion */