@charset "UTF-8";
.inlineForm {
  clear: both;
  float: left;
  min-height: 34px;
  margin-bottom: 20px;
  width: 100%; }

.inlineForm > .moreOneLinesBlock {
  float: left;
  min-height: 34px; }

.inlineForm > .moreOneLinesBlock > .radioLabel {
  cursor: pointer;
  float: left;
  width: auto; }
  .inlineForm > .moreOneLinesBlock > .radioLabel .radio {
    margin-right: 10px; }
  .inlineForm > .moreOneLinesBlock > .radioLabel span {
    margin-top: 0px; }

.inlineForm .moreOneLinesBlock > label {
  display: block;
  float: left;
  height: 34px;
  line-height: 34px;
  position: relative; }

.inlineForm .moreOneLinesBlock > label > input[type='radio'] {
  float: left;
  margin-right: 10px; }

.inlineForm .moreOneLinesBlock > label > span {
  display: block;
  float: left;
  height: 32px;
  line-height: 32px;
  margin: 0 10px 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.inlineForm > .buttonRightSide {
  float: left;
  height: 34px; }

.inlineForm > .labelInfo {
  float: left;
  line-height: 34px;
  text-align: right; }

.inlineForm > .textLabel {
  box-sizing: border-box;
  padding: 8px 0 0 0;
  float: left;
  font-size: 14px;
  line-height: 18px;
  color: #242424;
  width: 300px; }

.moreOneLinesBlock .costLabel, .inlineForm .costLabel {
  background: url("../images/rubIcon.png") right center no-repeat;
  float: right;
  font-weight: 500;
  color: #242424;
  font-size: 18px;
  box-sizing: border-box;
  margin-top: 2px;
  padding-right: 15px;
  text-align: right;
  width: 120px; }

.userSallesBlock > .costLabel {
  float: right;
  color: #242424;
  font-size: 18px;
  line-height: 64px;
  box-sizing: border-box;
  margin-top: 2px;
  text-align: right;
  width: 120px; }

.inlineForm > label {
  float: left;
  margin-right: 20px;
  line-height: 34px;
  text-align: right;
  width: 150px; }

.innerRouteTreeBlocksDopInfo .inlineForm > .labelInfo {
  width: 380px; }

.inlineForm input[type='radio'] {
  height: 34px;
  line-height: 34px;
  border: 1px solid red; }

.inlineForm input[type='text'] {
  float: left; }

.inlineForm input[type='text']:focus {
  border: 1px solid #888; }

.inlineForm label .radio {
  background: url("../images/radio.png") 0 center no-repeat;
  cursor: pointer;
  height: 34px;
  float: left;
  margin-right: 5px;
  width: 14px; }

.inlineForm label .radio:hover {
  background: url("../images/radio.png") -14px center no-repeat; }

.inlineForm label .radio.active {
  background: url("../images/radio.png") -28px center no-repeat; }

.inlineForm label .radio > input, .inlineForm label .checkbox > input {
  display: none;
  border: 1px solid red; }

.inlineForm label .checkbox {
  background: url("../images/checkbox.png") 0 center no-repeat;
  cursor: pointer;
  height: 34px;
  float: left;
  width: 14px; }

.inlineForm label .checkbox:hover {
  background: url("../images/checkbox.png") -14px center no-repeat; }

.inlineForm label .checkbox.active {
  background: url("../images/checkbox.png") -28px center no-repeat; }

.formInput {
  background: #f4f4f4;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
  border-radius: 2px;
  box-shadow: inset 0 2px 2px #d2d2d2;
  font-weight: 300;
  height: 36px;
  padding: 3px 5px;
  width: 300px; }

.textareaInput {
  background: #f4f4f4;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
  box-shadow: inset 0 2px 2px #d2d2d2;
  font-weight: 300;
  line-height: 24px;
  height: 74px;
  min-height: 74px;
  padding: 3px 5px;
  resize: vertical;
  width: 290px; }

.formInput.successInput {
  background: #f5ffe9;
  border: 1px solid #79b52b !important;
  border-radius: 2px;
  box-shadow: inset 0 2px 2px #79b52b;
  height: 28px;
  padding: 3px 5px;
  width: 290px; }

.formInput.errorInput {
  background: #fdf2f2;
  border: 1px solid #d24a43 !important;
  border-radius: 2px;
  box-shadow: inset 0 2px 2px #d24a43;
  /*height: 28px;*/
  padding: 3px 5px;
  width: 290px; }

.withPrefix {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  float: left;
  height: 34px;
  position: relative;
  width: 300px; }

.withPrefix > div {
  background: #e7e7e7;
  border-right: 1px solid #c6c6c6;
  color: #4f4f4f;
  height: 34px;
  left: 1px;
  line-height: 34px;
  text-align: center;
  top: 1px;
  position: absolute;
  width: 33px;
  z-index: 10; }

.withPrefix .glyphicons {
  height: 34px;
  padding: 0;
  width: 33px; }

.withPrefix .glyphicons:before {
  color: #4f4f4f;
  height: 34px;
  line-height: 34px;
  margin-left: 10px; }

.withPrefix .formInput {
  background: #f4f4f4;
  border: 1px solid #c6c6c6;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: inset 0 2px 2px #d2d2d2;
  box-sizing: border-box;
  height: 36px;
  padding: 3px 5px 3px 40px;
  position: relative;
  width: 300px;
  z-index: 5; }

.withPrefix:focus {
  border: 1px solid #888; }

.mainButton {
  background: #d0335f;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  text-align: center; }
  .mainButton:hover {
    background: #d93c68;
    color: #fff; }
  .mainButton:active {
    background: #ba2458; }

*:focus {
  outline: none; }

/*Кабинет*/
.content .inlineForm label {
  width: 200px; }
  .content .inlineForm label .docSuccess {
    background: url("../images/greenSuccess.png") left center no-repeat;
    height: 36px;
    line-height: 36px;
    padding-left: 20px; }
  .content .inlineForm label .docError {
    background: url("../images/redCross.png") left center no-repeat;
    height: 36px;
    line-height: 36px;
    padding-left: 20px; }

.submitButtonWithIMG, .submitButtonWithIMGNoAction, .mainActionButtonDeleteWithIMG {
  background: #d0335f;
  border: none;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 36px;
  line-height: 34px;
  padding: 0 10px;
  text-align: center; }
  .submitButtonWithIMG:hover, .submitButtonWithIMGNoAction:hover, .mainActionButtonDeleteWithIMG:hover {
    background: #d93c68;
    color: #fff; }
  .submitButtonWithIMG:active, .submitButtonWithIMGNoAction:active, .mainActionButtonDeleteWithIMG:active {
    background: #ba2458; }
  .submitButtonWithIMG .glyphicons, .submitButtonWithIMGNoAction .glyphicons, .mainActionButtonDeleteWithIMG .glyphicons {
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    width: 20px; }
    .submitButtonWithIMG .glyphicons:before, .submitButtonWithIMGNoAction .glyphicons:before, .mainActionButtonDeleteWithIMG .glyphicons:before {
      color: #fff;
      position: relative; }
  .submitButtonWithIMG .text, .submitButtonWithIMGNoAction .text, .mainActionButtonDeleteWithIMG .text {
    color: #fff;
    float: left;
    height: 34px; }
  .submitButtonWithIMG.greenButton, .submitButtonWithIMGNoAction.greenButton, .mainActionButtonDeleteWithIMG.greenButton {
    background: #99c02f; }
    .submitButtonWithIMG.greenButton:hover, .submitButtonWithIMGNoAction.greenButton:hover, .mainActionButtonDeleteWithIMG.greenButton:hover {
      background: #a5cd37;
      color: #fff; }
    .submitButtonWithIMG.greenButton:active, .submitButtonWithIMGNoAction.greenButton:active, .mainActionButtonDeleteWithIMG.greenButton:active {
      background: #8cb129; }
    .submitButtonWithIMG.greenButton .glyphicons:before, .submitButtonWithIMGNoAction.greenButton .glyphicons:before, .mainActionButtonDeleteWithIMG.greenButton .glyphicons:before {
      color: #fff; }

.grayBG {
  background: #e8e8e8;
  border: none;
  border-radius: 2px;
  color: #000;
  cursor: pointer;
  float: left;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 300;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  text-align: center; }

.grayBG .glyphicons:before {
  color: #000;
  position: relative; }

.grayBG .text {
  color: #000;
  float: left;
  height: 34px; }

/*# sourceMappingURL=form.css.map */