/* Управление предложениями */
.offerManageBox {
  position: relative;
  padding: 0;
  font: 11px Arial, sans-serif;
}
.offerManageBox h2 {
  font-size: 16px;
  padding: 0 0 10px;
  margin-top: 18px;
}
.offerManageBox h2 a {
  text-decoration: none;
  border-bottom: 1px dotted #3691C9
}
.offerManageBox h2 a:hover { border-bottom: 1px dotted #FF5223 }

.offerManageBox .count, .offerManageBox .addico {
  height: 24px;
  width: 24px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 22px;
  font-weight: bold;
  font-size: 12px;
  background: #a1c5e4;
  color: #fff;
}
.offerManageBox .update { padding: 0 0 10px 15px; }

.offerManageBox .deleteBtn {
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  top: 48px;
  background-image: url("/img/offer/offer_manage_icons.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
}
.offerManageBox .deleteBtn:hover { background-position: -24px 0; }

.offerManageBox .duplicateBtn {
  /*position:absolute;
  left:0;
  top:24px;
  width:24px;
  height:24px;
  overflow:hidden;
  background-image:url("/img/offer/offer_manage_icons.png");
  background-position:0 -24px;
  background-repeat:no-repeat;
  cursor:pointer;*/
  display: none;
}
.offerManageBox .duplicateBtn:hover { background-position: -24px -24px; }

.offerManageBox .hideBtn {
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  top: 24px;
  background-image: url("/img/offer/offer_manage_icons.png");
  background-position: 0 -48px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.offerManageBox .hideBtn:hover { background-position: -24px -48px; }

.offerManageBox .inputField {
  display: inline-block;
  position: relative;
  white-space: nowrap;
  padding: 0 2px 5px;
  width: 32%;
}
.offerManageBox .descriptionField { width: 52%; }

.offerManageBox label {
  font-weight: bold;
  display: inline-block; /*width:113px;*/
  width: 105px;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
  margin: 0 5px 0 0;
}
.offerManageBox .f-inp-lbl label {
  width:auto;
  text-align:left;
  font-weight:normal;
}
.offerManageBox .i-submit { padding-left:12em; }
.offerManageBox .f-inp { margin-bottom:1em }
.offerManageBox label .comment {
  font-weight: normal;
  background: none;
}
/*Стандартное текстовое поле*/
.offerManageBox .inputField .textInput {
  font:11px Tahoma, sans-serif;
  width: 50%;
  padding: 2px;
  border: 1px solid #999;
}
.offerManageBox .offerForm {
  background: #fff7c0;
  padding: 10px 10px 10px 30px;
  margin: 0;
  position: relative;
}
.offerManageBox .offerItem {
  background: #efefef;
  padding: 10px 10px 10px 30px;
  margin: 0;
  position: relative;
  border-top: 1px solid #d4d4d4
}
.offerManageBox .systemBtn {
  padding: 0 0 0 121px;
  position: absolute;
  bottom: 7px
}
.offerManageBox .button {
  font:12px Tahoma, sans-serif;
  height: auto;
  padding: 2px 5px;
}
.offerManageBox .addImage {
  display:block;
  width:35em;
  margin:0 auto 10px auto;
}
.offerManageBox .addImage a {
  display:inline-block;
  cursor:pointer;
  margin:10px 0 10px 12.78em;
}

/*Сюда вписываем классы длинных текстовых полей*/
.offerManageBox .description {
/*width:90% !important;*/
/*width:75% !important;*/
  width: 98%;
}
#offerManageBox_service .description { width: 50% !important; }

/*Сюда вписываем классы коротких текстовых полей*/
.offerManageBox .weight, .offerManageBox .pack_count, .offerManageBox .pack_weight { width: 40px !important; }

.offerManageBox .imageLoadForm {
  width: 45em;
  margin: 0 auto;
  padding: 10px 0 0; /*overflow:hidden;*/
  font: 1.27em Arial, Verdana, sans-serif;
}

.offerManageBox .imageLoadForm label {
  float: left;
  width: 12.5em;
  padding: 0 11px 0 0;
  font-weight: normal;
}
.offerManageBox .imageLoadForm input { font-size: .77em; }

.offerManageBox .imageList { float: left; }

.offerManageBox .imageList .image {
  float: left;
  padding-right: 10px;
  text-align: center;
  margin-bottom: 30px;
}

.offerManageBox .imageList .image a {
  display: block;
  width: 40px;
  border: 1px solid #999;
  padding: 2px;
  margin: 0 5px 1px;
  text-align: center;
  height: 40px;
  line-height: 36px;
  background: #fff;
}

.offerManageBox .imageList .image a img {
  display: inline-block;
  vertical-align: middle;
}

.offerManageBox .imageList .image input {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  display:inline-block;
}

.offerManageBox .imageList .image:hover a { border: 1px solid #333; }
.offerManageBox .imageList .image:hover input { opacity: 1; }
.offerManageBox .invisible { display: none; }
.offerManageBox .doVisible .uncollapser { display: inline; }
.offerManageBox .doVisible .collapser { display: none; }
.offerManageBox .uncollapser { display: none; }
.offerManageBox .tooltip { color: #ccc; }

.offerManageBox-wrap h2 a,
.offerManageBox-wrap h2 a:hover { border-bottom: none; }
.offerManageBox-wrap h2 a em { border-bottom: 1px dashed #3691C9 }
.offerManageBox-wrap h2 a:hover em { border-bottom: 1px dashed #FF5223 }
.offerManageBox-wrap h2 em { font-style: normal; }

.offerManageBox-wrap .form-addNewOffer {
  margin: 0 0 2.5em 0;
  padding: 20px 0;
  background-color: #fff7c0;
}
.offerManageBox-wrap .form-addNewOffer .tooltip {
  position:static;
  color: #b3b0b7;
}

.offerManageBox-wrap .form-addNewOffer form {
/*width:490px;*/
  width: 35em;
  font: normal 1.27em Arial, Verdana, sans-serif;
  margin: 0 auto;
}
.form p { margin: 0; }

.form .f-text {
  clear: both;
  float: none;
  padding: 0 0 8px 0;
}

.form .i-submit img { vertical-align: middle; }

.offerManageBox-wrap .form-addNewOffer form legend { display: none; }

.offerManageBox-wrap .form-addNewOffer form label {
  display: inline;
  width: auto;
  font-weight: normal;
  overflow: visible;
}

.offerManageBox-wrap .form-addNewOffer form .f-lbl {
  float: left;
  width: 13em;
  padding: 0 11px 0 0;
}

.offerManageBox-wrap .form-addNewOffer form .i-radio radio,
.offerManageBox-wrap .form-addNewOffer form .i-select select,
.offerManageBox-wrap .form-addNewOffer form .i-text input,
.offerManageBox-wrap .form-addNewOffer form .i-textarea textarea { background-color: #fefee9; }

.offerManageBox-wrap .form-addNewOffer form #price { font-size: 1em; }

.offerManageBox-wrap .form-addNewOffer form .i-text input {
  width: 20em;
  padding: .1em .2em;
  border: 1px solid #7F9DB9;
}

.offerManageBox-wrap .form-addNewOffer form .i-textarea textarea {
  width: 20em;
  height: 7em;
  padding: .1em .2em;
  border: 1px solid #7F9DB9;
}

.offerManageBox-wrap .form-addNewOffer form .f-lbl { text-align: right; }

.offerManageBox-wrap .form-addNewOffer form .f-wrap p {
  clear: none;
  float: left;
  padding-left: 0;
}
.offerManageBox-wrap .form-addNewOffer form .f-inp { padding: 0 0 11px 13.78em; }
.offerManageBox-wrap .form-addNewOffer form .f-lbl-inp { padding: 0 0 9px 0; }
.offerManageBox-wrap .form-addNewOffer form .f-inp-lbl { padding: 0 0 9px 13.78em; }
.offerManageBox-wrap .form-addNewOffer form .i-submit { margin: 0 0 10px 0; }

table.offersList {}

table.offersList .first { width:73px; }
table.offersList td { padding: 6px 8px; }
table.offersList tr.even td { padding: 8px 8px 9px 8px; }

table.offersList .groupType {
  margin: 0 !important;
  padding: 0 !important;
  font: 11px Tahoma, Verdana, sans-serif;
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  position: relative;
  left: 50px;
  bottom: 12px;
  cursor: help;
}

/*table.offersList-home .td-user { padding:5px 8px 5px 0; }
table.offersList-home tr.even .td-user { padding:8px 8px 9px 0; }*/

@media screen and (max-width: 900px) {
  table.offersList {
    display: block;
    overflow-x: scroll;
  }
}