@charset "utf-8";
input, textarea, button:hover, button:focus{outline: none!important;}

.nom-cats{width: 250px;float: left;}
.nom-products{width: 550px;float: left;}
.table .has-error .help-block{font-size: 12px;}

@media (max-width: 991px) {
.table-list th{display:none}
.table-list tr td{display: block;border-top: none!important;padding: 4px 8px!important;}
.table-list tr{border-bottom: 1px solid #ddd;padding-top: 10px;padding-bottom: 10px;display: block;}
.table-list tr td:nth-child(1) b{font-size: 20px;}
.table-list tr td:before{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 13px;font-weight: bold;color: #000;}
.table-list tr td:nth-child(1):before{content:"№ ";}
.table-list tr td:nth-child(2):before{content:"Статус: ";}
.table-list tr td:nth-child(3):before{content:"Интервал: ";}
.table-list tr td:nth-child(4):before{content:"Клиент: ";}
.table-list tr td:nth-child(5):before{content:"Адрес: ";}
.table-list tr td:nth-child(6):before{content:"Телефон(ы): ";}
.table-list tr td:nth-child(7):before{content:"Комментарий: ";}
.table-list tr td:nth-child(8):before{content:"Стоимость, руб: ";}
.table-list tr:last-child td:before{content:" ";}
.table-list tr:last-child td:nth-child(1),.table-list tr:last-child td:nth-child(2){display: inline-block;}
.table-list tr:last-child{border-bottom: none;}

.table-calc-main th, .table-calc-manager th{display:none}
.table-calc-main tr td,.table-calc-manager tr td{display: block;border-top: none!important;padding: 4px 8px!important;}
.table-calc-main tr,.table-calc-manager tr{border-bottom: 1px solid #ddd;padding-top: 10px;padding-bottom: 10px;display: block;}
.table-calc-main tr td:before,.table-calc-manager tr td:before{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 13px;font-weight: bold;color: #000;}
.table-calc-main tr td:nth-child(1):before,.table-calc-manager tr td:nth-child(1):before{content:"id ";}
.table-calc-main tr td:nth-child(2):before,.table-calc-manager tr td:nth-child(2):before{content:"Наименование: ";}
.table-calc-main tr td:nth-child(3):before,.table-calc-manager tr td:nth-child(3):before{content:"Ед.изм: ";}
.table-calc-main tr td:nth-child(4):before,.table-calc-manager tr td:nth-child(4):before{content:"Цена, руб: ";}
.table-calc-main tr td:nth-child(5):before,.table-calc-manager tr td:nth-child(5):before{content:"Кол-во: ";}
.table-calc-main tr td:nth-child(6):before,.table-calc-manager tr td:nth-child(6):before{content:"Стоимость, руб: ";}
.table-calc-main tr td:nth-child(7):before,.table-calc-manager tr td:nth-child(7):before{content:"Скидка, %: ";}
.table-calc-main tr td:nth-child(8):before,.table-calc-manager tr td:nth-child(8):before{content:"Итого, руб: ";}
.table-calc-main tr:last-child td:before,.table-calc-manager tr:last-child td:before{content:" ";}
.table-calc-main tr:last-child td:nth-child(1),.table-calc-main tr:last-child td:nth-child(2),.table-calc-manager tr:last-child td:nth-child(1),.table-calc-manager tr:last-child td:nth-child(2){display: inline-block;}
.table-calc-main tr:last-child,.table-calc-manager tr:last-child{border-bottom: none;}

.panel-body ul,.panel-body  ol {padding-left: 15px!important;}


.nom-cats{width: 180px;padding-left: 0px;font-size: 12px;}
.nom-products {width: 500px;float: left;}
}
@media (max-width: 730px) {
.nom-products {width: 350px;}
.table-nom-find td{display: block;border-top: none!important;padding: 0px!important;}
.table-nom-find tr{padding-top: 10px;padding-bottom: 10px;display: block;}
.table-nom-find tr td:nth-child(3){margin-top: -20px;}
.table-nom td{display: block;border-top: none!important;padding: 4px 8px!important;}
.table-nom tr{border-top: 1px solid #ddd;padding-top: 10px;padding-bottom: 0px;display: block;}
.table-nom tr td:nth-child(1):before{content:"id ";}
.table-nom tr td:nth-child(1){font-weight: bold;}
.table-nom tr td:nth-child(4) .btn.btn-success {margin-top: -95px;}
.table-nom tr td:nth-child(3) .form-group {margin-bottom: 10px;}
.table-nom .list-at-kit {padding-left: 15px;}
.table-nom tr td:nth-child(3) {width: 100%;}
.table-nom tr td:nth-child(3) .form-group.field-nom-price{float: left;display: inline-block;width: 100px;margin-right: 20px;}
.table-nom tr td:nth-child(3) .form-group.field-nom-amount{float: left;display: inline-block;width: 90px;}
.table-nom tr td:nth-child(4) {clear: both;}
}
@media (max-width: 630px) {
.nom-products h3{font-size: 19px;margin-top: 24px;}
}
@media (max-width: 580px) {
.nom-cats{padding-right: 0px;width: 150px;}
.nom-products {width: 300px;}
.nom-cats ul{margin-left: 15px!important;}
.table-nom-find tr td:nth-child(2){width: 100%!important;}
.table-nom tr td:nth-child(3) {width: 120px;}
.table-nom tr td:nth-child(3) .form-group.field-nom-price{float: none;display: block;width: 100px;margin-right: 0px;}
.table-nom tr td:nth-child(3) .form-group.field-nom-amount{float: none;display: block;width: 100px;}
.table-nom tr td:nth-child(4) {clear: inherit;}
}
@media (max-width: 530px) {
.nom-products h3 {font-size: 17px;margin-top: 26px;}
}
@media (max-width: 500px) {
.nom-products {width: 250px;}
.nom-products h3 {font-size: 15px;margin-top: 28px;}
}
@media (max-width: 450px) {
.table-rev-list{font-size: 12px;}
.nom-products h3 {word-break: break-all;}
.nom-products {width: 200px;}
}
@media (max-width: 400px) {
.nom-products {width: 150px;}
}