/*margin:10px 5px 15px 20px;*/
/*top margin is 10px*/
/*right margin is 5px*/
/*bottom margin is 15px*/
/*left margin is 20px           */

.delete_tire, .delete_wheel {
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  behavior: url(/js/PIE.htc);
  width: 16px;
  height: 16px;
}

input[type="text"], input[type="password"], select, textarea {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  /*background:#fff;*/
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /*behavior: url(/js/PIE.htc);*/
  zoom: 1;
  position: relative;
  border-collapse: collapse;
  border: 1px solid #aaa;
}

input[type="text"], input[type="password"] {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 4px 2px 4px 2px;
  margin: 1px 3px;
  /*text-align: center;*/
}

input[type="file"] {
  border: 0;
}

input, textarea, label, select {
  margin: 0 2px 0 2px;
  padding: 3px 0 3px 0;
  cursor: pointer;
}

textarea {
  width: auto;
}

a {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #EB6B01;
  text-decoration: underline;
  cursor: pointer;
}

a:hover {
  color: #CB5C01;
  text-decoration: none;
}

.link-title-color, .link-title-color:link, .link-title-color:active, .link-title-color:visited, .link-title-color:hover {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #EB6B01;
  text-decoration: underline;
  cursor: pointer;
}

.link-title-color:hover {
  color: #CB5C01;
  text-decoration: none;
}

.bgHeaderBottom {
  background: #FFFFFF url(../images/header-cebbg.gif) repeat-x;
}

.bgFooter {
  background: #FFA81F url(../images/footer-cecbg.gif) repeat-x;
}

.bgFooterLR {
  background-color: #FFA81F;
}

.fmItemBG {
  cursor: default;
}

.footer {
  margin-top: 15px;
}

#menu, #menu1, #menu2 {
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  text-align: center;
}

#menu li, #menu1 li, #menu2 li {
  text-align: center;
  border: 1px solid #FFF;
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  background-color: #CDC3B7;
  color: #000;
  float: left;
  padding: 8px 10px;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

#menu > li:hover, #menu1 > li:hover, #menu2 > li:hover {
  background-color: #FFFFFF;
  color: #000;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

#menu > li.menu-item-selected, #menu1 > li.menu-item-selected, #menu2 > li.menu-item-selected {
  background-color: #FFFFFF;
  color: #CB5C01;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.menu-table {
  /*width: 1366px;*/
  margin-top: 5px;
  background-color: #ede4d4;
  border: 1px solid #cdc3b7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;

}

.menu-table td {
  background-color: #ede4d4;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

/*#menu .ui-menu {*/
/*width : 1200px;*/
/*}*/

.bgLTCet1 {
  background: #FFFFFF url(../images/lt-cet1-bg.gif) repeat-x;
}

.bgLTCet2 {
  background: #FFA81F url(../images/lt-cet2-bg.gif) repeat-x;
  padding-bottom: 3px;
  padding-left: 30px;
}

.bgLTCer {
  background: #FFFFFF url(../images/lt-cer.gif) repeat-y;
}

.bgLT {
  padding-top: 15px;
  padding-bottom: 0;
  padding-left: 2px;
}

.txLTTitleB, .txLTTitleW {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

.txLTTitleB {
  color: #000000;
}

.txLTTitleW {
  color: #FFFFFF;
}

.txCopyr {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #7F7F7F;
  padding: 3px;
}

.bgHCTitleT, .bgHCTitleB {
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 3px;
  background-color: #EB6B01;
}

.bgHCTitleT {
  color: #000000;
}

.bgHCTitleB {
  color: #FFFFFF;
}

.bgHCCont, .bgHCContB {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  background-color: #C7C7C7;
}

.bgHCCont {
  padding: 7px;
}

.bgHPCB {
  background: #FFFFFF repeat;
}

.bgHBTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  background: #FFA81F url(../images/hb-cetbg.gif) repeat;
  padding-left: 5px;
  padding-right: 5px;
}

.bgHBCont {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #FFFFFF;
  background: #757575 url(../images/hb-cecbg.gif) repeat;
  padding: 12px;
}

.bgSPMain {
  background: #E9E9E9 url(../images/sp-main-cecbg.gif) repeat;
}

.bgSPMainB {
  background: #E9E9E9 url(../images/sp-main-cecbg.gif) repeat;
}

.bgSPMainT {
  background: #E9E9E9 url(../images/sp-main-cetbg.gif) repeat-x;
}

.bgSPMainL {
  background: #E9E9E9 url(../images/sp-main-celbg.gif) repeat-y;
}

.bgSPMainR {
  background: #E9E9E9 url(../images/sp-main-cerbg.gif) repeat-y;
}

.bgMGAdr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  background-color: #D8D8D8;
  padding: 5px 7px;
}

.dot-line {
  background: transparent url(../images/dot-h-bg.gif) repeat-x;
}

.bgOrderParamTable {
  margin-top: 15px;
  border: 1px solid #A3A3A3;
  border-collapse: collapse;
}

.bgOrderParamTable TD {
  border: 1px solid #A3A3A3;
}

.bgOrderParamHeader {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  height: 15px;
  color: #000000;
  background-color: #ede4d4;
  padding: 5px;
}

.bgProductTable {
  border: 1px solid #cdc3b7;
  border-collapse: collapse;
}

.bgProductTable TD {
  border: 1px solid #cdc3b7;
  border-collapse: collapse;
}

.bgProductHeader,
.bgProductLeftHeader,
.bgProductRightHeader,
.bgProductHeaderBorder0 {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  height: 25px;
  color: #000000;
  background: #ede4d4 url(../images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

.bgProductLeftHeader {
  text-align: left;
}

.bgProductRightHeader {
  text-align: right;
}

.bgProductTable .bgProductHeaderBorder0 {
  border: 0;
  text-align: left;
  padding: 11px 0 7px 5px;
  /*vertical-align: top;*/
}

.bgProductRow, .bgPR {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  height: 25px;
  color: #000;
  background-color: #fff;
  cursor: pointer;
}

.bgProductRowOver, .bgPRO {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  height: 25px;
  color: #fff;
  background-color: #FFAA11;
  cursor: pointer;
}

.bgProductCell, .bgPC,
.bgProductRightCell, .bgPRC,
.bgProductCenterCell, .bgPCC {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  padding: 3px 3px 3px 3px;
  vertical-align: middle;
}

.bgProductCenterCell, .bgPCC {
  text-align: center;
}

.bgProductRightCell, .bgPRC {
  text-align: right;
}

.bgOrderParam, .bgOrderParamTitle {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #fff;
  padding: 4px 3px;
}

.bgOrderParamTitle {
  font-weight: bold;
}

.inputOrderAddress {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  width: 300px;
  height: 70px;
  border: 1px solid #C7C7C7;
}

.inputOrderComment {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  width: 99%;
  height: 100px;
  border: 1px solid #C7C7C7;
}

.inputFeedback {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  width: 99%;
  height: 200px;
  border: none;
  /* border: 1px solid #C7C7C7; */
}

.inputFeedbackContact {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  width: 330px;
  height: 19px;
  border: 1px solid #C7C7C7;
}

.inputOrder {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  width: 300px;
  height: 19px;
  border: 1px solid #C7C7C7;
}

.inputOrderCol {
  text-align: center;
  width: 40px;
}

.inputLogin {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  width: auto;
  border: 1px solid #C7C7C7;
}

.inputRegister {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  height: 18px;
  border: 1px solid #C7C7C7;
  width: 99%;
}

.inputArea,
.inputRegisterArea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #000;
  border: 1px solid #C7C7C7;
  width: 99%;
  height: 100%;
}

.inputRegisterArea {
  width: 99%;
  height: 80px;
  font-weight: bold;
}

.bgProductCell .inputQuantity,
.bgProductCenterCell .inputQuantity,
.bgPCC .inputQuantity,
.bgPC .inputQuantity {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 1px 2px 3px;
  color: #000;
  text-align: center;
  margin: 0;
  border: 1px solid #C7C7C7;
  width: 28px;
}

.bgPC .iQ, .bgPCC .iQ {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  padding: 2px 1px 2px 3px;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  /*margin-right: 5px;*/
  border: 1px solid #C7C7C7;
  text-align: center;
  width: 40px;

}

.inputOrderDeliveryDate {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #000000;
  height: 22px;
  border: 1px solid #C7C7C7;
  width: 100px;
}

.btn_front,
.btn_basket,
.btn_vendor,
.btn_reservation,
.btn_shop_form,
.btn_down, .btn_up,
.btn_saldo_positive, .btn_saldo_negative {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  padding: 6px 4px;
  width: auto;
  overflow: visible;
  text-decoration: none;
  margin-left: 3px;
  margin-top: 0;
  margin-bottom: 0;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.btn_reservation {
  /*padding: 6px 4px;*/
  margin-left: 1px;
  color: #FFFFFF;
  background-color: #008000;
}

.btn_reservation:hover {
  background-color: #FFFFFF;
  color: #008000;
}

.btn_shop_form {
  margin-left: 1px;
  color: #FFFFFF;
  background-color: #f60;
}

.btn_shop_form:hover {
  background-color: #FFFFFF;
  color: #f60;
}

.btn_vendor {
  padding: 4px 2px;
  width: 100px;
  color: #FFFFFF;
  background-color: #FFA81F;
}

.btn_front {
  margin-left: 1px;
  color: #FFFFFF;
  background-color: #CC6600;
}

.btn_front:hover, .btn_vendor:hover, .btn_down {
  background-color: #ffffff;
  color: #CC6600;
}

.btn_front:disabled {
  background-color: #CC6600;
  color: #444444;
}

.btn_basket {
  width: 75px;
  /*padding-left:3px;*/
  /*padding-right:3px;*/
  background-color: #ffffff;
  color: red;
}

.btn_basket:hover {
  background-color: #ffffff;
  color: red;
}

.btn_down, .btn_up {
  background-color: #CC6600;
  color: #ffffff;
  width: 50px;
}

.btn_down:hover, .btn_up:hover {
  background-color: #ffffff;
  color: #CC6600;
}

.btn_saldo_positive, .btn_saldo_positive {
  font-size: 12px;
  width: 165px;
  padding-left: 7px;
  padding-right: 7px;
}

.btn_saldo_negative {
  background-color: red;
  color: white;
}

.btn_saldo_positive {
  background-color: green;
  color: white;
}

.btn_saldo_negative:hover {
  background-color: #ffffff;
  color: red;
}

.btn_saldo_positive:hover {
  background-color: #ffffff;
  color: green;
}

#follow {
  margin: 0;
  background: #e6eeee;
  z-index: 2;
  position: fixed;
  top: 300px;
  left: 0;
  width: 38px;
  height: 166px;
}

.basket-label {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 5px 7px;

  margin: 10px 0 0 40px;

  text-decoration: none;

  border: 1px solid #CB5C01;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #CB5C01;
  color: #fff;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
}

.basket-block {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 0 10px 40px;

  padding: 5px 5px 5px 7px;

  text-align: left;
  border: 1px solid #FFA81F;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
}

.box-label, .box-label-left, .box-label-right {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 5px 7px;
  margin: 0 20px 0 0;
  text-decoration: none;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #CB5C01;
  color: #fff;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
}

.box-label-right {
  margin-right: 0;
}

.box-label-left {
  background-color: red;
  text-align: left;
  margin-left: 0px;
}

.box-block, .box-block-right {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  margin: 0 20px 10px 0;
  padding: 5px 5px 5px 7px;
  text-align: left;
  border: 1px solid #FFA81F;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
}

.box-block-right {
  margin-right: 0;
}

/*1, "Заказ обрабатывается"*/
.order-status-1 {
  background: #4169E1;
  color: #fff;
  font-weight: bold;
}

/*2, "Заказ зарезервирован"*/
.order-status-2 {
  background: #458b00;
  color: #fff;
  font-weight: bold;
}

/*3, "Заказ отгружен"*/
.order-status-3 {
  background: #234D00;
  color: #fff;
  font-weight: bold;
}

/*4, "Заказ зарезервирован частично"*/
.order-status-4 {
  background: #B22222;
  color: #fff;
  font-weight: bold;
}

/*5, "Запрос на отмену заказа"*/
.order-status-5 {
  background: #7D1F1F;
  color: #fff;
  font-weight: bold;
}

/*6, "Заказ отменен"*/
.order-status-6 {
  background: #7D1F1F;
  color: #fff;
  font-weight: bold;
}

/*7, "Заказ редактируется клиентом"*/
.order-status-7 {
  background: #E12E12;
  color: #fff;
  font-weight: bold;
}

/*8, "Заказ не зарезервирован"*/
.order-status-8 {
  background: #E12E12;
  color: #fff;
  font-weight: bold;
}

.order-item-status-0, .vendor-order-item-status-0 {
  background: #4169E1;
  color: #fff;
}

.order-item-status-1, .vendor-order-item-status-1 {
  background: #cd0000;
  color: #fff;
}

.order-item-status-2, .vendor-order-item-status-2 {
  background: #458b00;
  color: #fff;
}

.partner-order-item-status-0 {
  background: #4169E1;
  color: #fff;
}

.partner-order-item-status-1 {
  background: #cd0000;
  color: #fff;
}

.partner-order-item-status-2 {
  background: #458b00;
  color: #fff;
}

/*1, "Заказ обрабатывается"*/
.vendor-order-status-1 {
  background: #4169E1;
  color: #fff;
  font-weight: bold;
}

/*2, "Заказ принят"*/
.vendor-order-status-2 {
  background: #458b00;
  color: #fff;
  font-weight: bold;
}

/*3, "Заказ готов"*/
.vendor-order-status-3 {
  background: #e1be00;
  color: #000;
  font-weight: bold;
}

/*4, "Заказ отменен"*/
.vendor-order-status-4 {
  background: #B22222;
  color: #fff;
  font-weight: bold;
}

.vendor-order-status-5 {
  background: #234D00;
  color: #fff;
  font-weight: bold;
}

.partner-order-status-1 {
  background: #4169E1;
  color: #fff;
  font-weight: bold;
}

.partner-order-status-2 {
  background: #458b00;
  color: #fff;
  font-weight: bold;
}

.partner-order-status-3 {
  background: #B22222;
  color: #fff;
  font-weight: bold;
}

.partner-order-status-4 {
  background: #285600;
  color: #fff;
  font-weight: bold;
}

.partner-order-status-5 {
  background: #000;
  color: #fff;
  font-weight: bold;
}

.partner-order-status-6 {
  background: #458b00;
  color: #fff;
  font-weight: bold;
}


/*1, "Заказ обрабатывается"*/
.season-out-order-status-1 {
  background: #4169E1;
  color: #fff;
  font-weight: bold;
}

/*2, "Заказ зарезервирован"*/
.season-out-order-status-2 {
  background: #458b00;
  color: #fff;
  font-weight: bold;
}

/*3, "Заказ зарезервирован частично"*/
.season-out-order-status-3 {
  background: #B22222;
  color: #fff;
  font-weight: bold;
}

/*4, "Заказ отменен"*/
.season-out-order-status-4 {
  background: #7D1F1F;
  color: #fff;
  font-weight: bold;
}

/*5, "Заказ отгружен"*/
.season-out-order-status-5 {
  background: #234D00;
  color: #fff;
  font-weight: bold;
}


.non-selected-payment-label, .selected-payment-label {
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
  padding: 5px;
}

.selected-payment-label, .non-selected-payment-label:hover {
  background-color: #CB5C01;
  color: #fff;
}

.non-selected-payment-label {
  background-color: #ede4d4;
  color: #000;
}

.selected-payment-label {
  background-color: #CB5C01;
  color: #fff;
}

.terminal {
  font: normal 12px Courier, sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
  border: 1px solid #aaa;
  /*width: 100%;*/
  height: 600px;
  overflow: auto;
  padding: 5px;

}

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.points-box {
  float: left;
  vertical-align: middle;
  zoom: 1;
  position: relative;
}

.points-label, .points-value {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  float: left;
  position: relative;
  vertical-align: middle;
  text-align: left;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ede4d4;
  color: #000;
  zoom: 1;
  border-collapse: collapse;
  padding: 5px;
  margin: 3px 2px;
}

.points-value {
  font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff;
  color: #000;
}

.points-btn {
  float: right;
  position: relative;
  vertical-align: middle;
  text-align: left;
  zoom: 1;
  padding: 5px;
  margin: 3px 2px;
}

.error {
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #FF0000;
  text-decoration: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.component-error {
  width: 50%;
  font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #ff0000;
  border: 2px solid #aaa;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-collapse: collapse;
  text-decoration: none;
  padding: 5px 10px;
}

.contract-payment-list {
  font: normal 13px Courier, sans-serif;
  text-align: right;
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

ul.contract-payment-list > li {
  font: normal 12px Courier, sans-serif;
  text-align: right;
  margin-top: 3px;
  padding-right: 5px;
  list-style-type: none;
}


.scrollable {
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
  border: 1px solid #aaa;
  height: 300px;
  overflow: auto;
  padding: 0;
}

.rating-1,
.rating-2,
.rating-3,
.rating-4,
.rating-5,
.rating-6,
.rating-7,
.rating-8,
.rating-9,
.rating-10 {
  padding: 10px;
  font: normal 12px Verdana, Arial, Courier, sans-serif;
  color: #fff;
}

.rating-10 {
  padding-left: 6px;
  padding-right: 6px;
}

td > .rating-1,
td > .rating-2,
td > .rating-3,
td > .rating-4,
td > .rating-5,
td > .rating-6,
td > .rating-7,
td > .rating-8,
td > .rating-9,
td > .rating-10 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.rating-1 {
  background: #000;
}

.rating-1::after {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px 8px 8px 0px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  color: #FFF;
  content: 'черная метка';
  margin-top: -24px;
  opacity: 0;
  padding: 3px 7px;
  position: absolute;
  visibility: hidden;

  transition: all 0.4s ease-in-out;
}

.rating-1:hover::after {
  opacity: 1;
  visibility: visible;
}

.rating-2,
.rating-3,
.rating-4 {
  background: #ff0000;
}

.rating-5,
.rating-6,
.rating-7 {
  background: #ffff00;
  color: #000;
}

.rating-8,
.rating-9,
.rating-10 {
  background: #458b00;
}

.points-box {
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  margin-top: 5px;
  margin-left: 15px;
  padding: 5px 6px;
  text-decoration: none;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #CB5C01;
  color: #fff;
  zoom: 1;
  position: relative;
  /*float: right;*/
  border-collapse: collapse;
}

.vertical-text {
  transform: rotate(90deg);
  transform-origin: left top 0;
  float: left;
}
.main-metric {
  width: 50%;
  font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  border: 2px solid #CB5C01;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
  padding: 5px;

}

.client-comment-value {
  width: 98%;
  height: 250px;
  padding: 5px;
}


.client-comment-history-list {
  zoom: 1;
  position: relative;
  height: 300px;
  overflow: auto;
  padding: 0;
  margin-bottom: 10px;
}

.client-comment-history {
  font: normal 14px Verdana, Arial, Helvetica, sans-serif;
  background-color: #eeeeee;
  border: 1px solid #CB5C01;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
  position: relative;
  border-collapse: collapse;
  padding: 5px;
  margin: 5px;
}