/*------------------------------------------------------------------
FORMS.LESS

Every element for building forms (fields, labels, inputs, etc.)
See also:
    - buttons.less
    - forms.less
    - messages.less
    - contextmenu.less
    - tooltip.less
    - select.less
    - jQueryUI.less (date/time/datetime)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
MIXINS.LESS

Contains frequently used rules and helpers for prefixing.
Mixins which are only needed in one file are kept in that file.
Almost every .less file imports this file and config.less

More info: http://lesscss.org/
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-webkit-input-placeholder,
.placeholder {
  color: #666666;
  font-style: italic;
}
input[type=submit],
label[for],
select {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input,
textarea,
select {
  font-family: 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight: 400;
  background: white;
  border: solid 1px #bbbbbb;
  padding: 2px;
  margin: 0;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
input:hover,
textarea:hover,
select:hover {
  border-color: #959595;
}
input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #7b7b7b;
  -webkit-box-shadow: 0 0 4px #7b7b7b;
  -moz-box-shadow: 0 0 4px #7b7b7b;
  box-shadow: 0 0 4px #7b7b7b;
}
input.disabled,
textarea.disabled,
select.disabled,
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
input.busy,
textarea.busy,
select.busy {
  cursor: wait;
}
input[type=text],
input[type=password] {
  height: 23px;
}
input[type=text].disabled,
input[type=password].disabled,
input[type=text][disabled],
input[type=password][disabled] {
  color: #6f6f6f;
  border-color: #c8c8c8;
  background: #ebebeb;
}
input[type=radio],
input[type=checkbox] {
  height: auto;
  width: auto !important;
  padding: 2px 0 0 0;
  vertical-align: middle;
  border: none !important;
  margin: 0 10px 0 0;
}
textarea {
  overflow: auto;
}
select {
  height: 24px;
  padding: 0;
}
.input-prepend,
.input-append {
  *zoom: 1;
}
.input-prepend:before,
.input-append:before,
.input-prepend:after,
.input-append:after {
  display: table;
  content: "";
}
.input-prepend:after,
.input-append:after {
  clear: both;
}
.input-prepend .addon,
.input-append .addon {
  float: left;
}
.input-prepend span.addon,
.input-append span.addon {
  display: block;
  background: whitesmoke;
  padding: 0 8px;
  border: 1px solid #bbbbbb;
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-prepend span.addon:empty,
.input-append span.addon:empty {
  display: none;
}
.input-prepend .btn.addon,
.input-append .btn.addon {
  padding-top: 0;
  padding-bottom: 1px;
}
.input-prepend div.addon_field,
.input-append div.addon_field {
  overflow: hidden;
}
.input-prepend input,
.input-append input {
  float: left;
}
.input-prepend .addon {
  margin-right: -1px;
  float: left;
}
.input-append .addon {
  margin-left: -1px;
  float: right;
}
/* Show an icon inside the field (to the right) */

.item-inside {
  position: relative;
}
.item-inside input {
  padding-right: 20px;
}
.item-inside .inside {
  position: absolute;
  color: #6f6f6f;
  font-size: 1em;
  top: 1px;
  right: 4px;
}
.label,
.unknown {
  color: #6f6f6f;
}
.field {
  margin-bottom: 5px;
  padding: 2px;
  border: solid 1px transparent;
}
.field:before,
.field:after {
  content: '';
  display: table;
  line-height: 0;
}
.field:after {
  clear: both;
}
.field .label {
  float: left;
  height: auto;
  overflow: hidden;
  white-space: normal;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.field.mandatory .input:before {
  display: block;
  float: left;
  content: ' *';
  margin-left: -10px;
}
.field .input {
  float: left;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.field .input > .tooltip {
  float: left;
  margin: 5px 0 0 -20px;
}
.field input[type=radio],
.field input[type=checkbox] {
  float: left;
  margin-top: 5px;
}
.field input[type=radio] + label,
.field input[type=checkbox] + label {
  display: block;
  padding-left: 20px;
}
.field .row {
  margin-bottom: 5px;
}
.field.vertical {
  margin-bottom: 10px;
}
.field.vertical .label {
  display: block;
  float: none;
  width: 100% !important;
}
.field.vertical .input {
  padding-left: 0 !important;
}
.field .validation-message {
  display: none;
}
.field.field-validation-error {
  border-color: #fddf67;
  background: #feefb3;
}
.field.field-validation-error input,
.field.field-validation-error textarea,
.field.field-validation-error select {
  border: solid 1px #fcd535;
}
.field.field-validation-error input:hover,
.field.field-validation-error textarea:hover,
.field.field-validation-error select:hover {
  border-color: #fccf1c;
}
.field.field-validation-error input:focus,
.field.field-validation-error textarea:focus,
.field.field-validation-error select:focus {
  outline: none;
  border-color: #fbca03;
  -webkit-box-shadow: 0 0 4px #fcd535;
  -moz-box-shadow: 0 0 4px #fcd535;
  box-shadow: 0 0 4px #fcd535;
}
.field.field-validation-error .validation-message {
  display: block;
}
.field.lbl-hidden {
  padding-left: 0;
}
.field.lbl-hidden .label {
  display: none;
}
.field.lbl-xs {
  padding-left: 75px;
}
.field.lbl-xs .label {
  width: 50px;
  margin-left: -75px;
}
.field.lbl-s {
  padding-left: 100px;
}
.field.lbl-s .label {
  width: 75px;
  margin-left: -100px;
}
.field.lbl-m {
  padding-left: 150px;
}
.field.lbl-m .label {
  width: 125px;
  margin-left: -150px;
}
.field.lbl-l {
  padding-left: 200px;
}
.field.lbl-l .label {
  width: 175px;
  margin-left: -200px;
}
.field.lbl-xl {
  padding-left: 275px;
}
.field.lbl-xl .label {
  width: 250px;
  margin-left: -275px;
}
.field.input-xs .input {
  width: 30%;
  max-width: 80px;
}
.field.input-s .input {
  width: 40%;
  max-width: 185px;
}
.field.input-m .input {
  width: 60%;
  max-width: 290px;
}
.field.input-l .input {
  width: 75%;
  max-width: 395px;
}
.field.input-xl .input {
  width: 100%;
  max-width: 500px;
}
.form-actions {
  margin-top: 15px;
  padding-top: 7.5px;
  border-top: dotted 1px #d8d8d8;
  text-align: right;
}
.form-actions:before,
.form-actions:after {
  content: '';
  display: table;
  line-height: 0;
}
.form-actions:after {
  clear: both;
}
.datepicker {
  width: 90px;
}
.datetimepicker {
  width: 125px;
}
.timepicker {
  width: 55px;
}
.datepicker:focus + .ui-datepicker-trigger,
.datetimepicker:focus + .ui-datepicker-trigger,
.timepicker:focus + .ui-datepicker-trigger {
  outline: none;
  border-color: #7b7b7b !important;
  -webkit-box-shadow: 0 0 4px #7b7b7b;
  -moz-box-shadow: 0 0 4px #7b7b7b;
  box-shadow: 0 0 4px #7b7b7b;
}
.ui-datepicker-trigger {
  border-color: #bbbbbb !important;
  margin-left: -1px !important;
  height: 23px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  vertical-align: top !important;
}
.ui-datepicker-trigger i {
  vertical-align: text-top;
}
.ui-datepicker {
  z-index: 4010 !important;
}
.ui-datepicker .select2-container {
  width: 49% !important;
}
.ui-datepicker .ui-datepicker-month {
  margin-right: 1%;
}
.filters .filter-panel.filter-panel-error {
  border-left: 5px solid #d49418;
  background-color: #fffae5;
}
.filters .filter-panel.filter-panel-error .field-validation-error {
  color: #d49418;
}
.filters .filter-panel input[type=radio],
.filters .filter-panel div.field input[type=radio],
.filters .filter-panel input[type=checkbox],
.filters .filter-panel div.field input[type=checkbox] {
  float: left;
  margin-top: 5px;
}
.filters .filter-panel input[type=radio] + label,
.filters .filter-panel div.field input[type=radio] + label,
.filters .filter-panel input[type=checkbox] + label,
.filters .filter-panel div.field input[type=checkbox] + label {
  display: block;
  padding-left: 20px;
}
.filters .filter-panel.collapsible > label.label,
.filters .filter-panel div.field.collapsible > label.label {
  cursor: pointer;
  position: relative;
}
.filters .filter-panel.collapsible.collapsed > .input,
.filters .filter-panel div.field.collapsible.collapsed > .input {
  display: none;
}
.filters .filter-panel .input,
.filters .filter-panel div.field .input {
  float: left;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.filters .filter-panel .input > .tooltip,
.filters .filter-panel div.field .input > .tooltip {
  float: left;
  margin: 5px 0 0 -20px;
}
div.blockMsg {
  padding: 0;
  margin: 0;
  width: 30%;
  top: 40%;
  left: 35%;
  text-align: center;
  color: black;
  border: 2px solid #009beb;
  background-color: white;
  cursor: wait;
}
div.blockMsg img.loader {
  display: block;
  margin: 10px auto;
}
.progressbar {
  margin: 5px;
}
.progress-label {
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
  text-shadow: 1px 1px 0 white;
}
/*.spinner {
  background: white url('../images/loading.gif') 0 50% no-repeat;
  width: 30px;
  height: 30px;
}*/
