button{
	outline: none;
}
input[name="pay_service"]{
	display: initial;
	height: auto;
}
h1.itemTitle{
	margin: 20px 0 !important;
}
h1.itemTitle.complaints{
	margin: 20px 0 0 0 !important;
}
h3.complaints{
	text-align:center;
}
.login-form{
	width: 320px;
    margin: 0 auto 10px auto;
	text-align:center;
	background: url(/images/bg_calc.png) repeat;
	border: solid 1px #ebd39d;
	padding: 10px;
}
.inputbox{
	width:100%;
	text-align:center;
}
.logout{
	margin:0 10px 10px;
	text-align:right;
}
.user_name{
	padding: 5px 8px;
	line-height: 30px;
	color: #fff;
	background: #f76403;
	background: -moz-linear-gradient(top, #f76403 0%, #ff812e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76403), color-stop(100%,#ff812e));
	background: -webkit-linear-gradient(top, #f76403 0%,#ff812e 100%);
	background: -o-linear-gradient(top, #f76403 0%,#ff812e 100%);
	background: -ms-linear-gradient(top, #f76403 0%,#ff812e 100%);
	background: linear-gradient(to bottom, #f76403 0%,#ff812e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76403', endColorstr='#ff812e',GradientType=0 );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.skladovkaim {
	cursor: pointer;
	width: 126px;
	height: 125px;
	margin-left: 0px;
	margin-top:-137px;
	background: url(knopka_skladovka_im_kab.png);
	}
#logoutbtn{
	padding: 10px 20px;
	margin-left: 5px;
	color: #fff;
	background: #555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
#logoutbtn:hover{
	background: #BDBDBD;
}
#restoremsg{
	color: #44BB6E;
	font-size: 16px;
}
#restoremsg.error{
	color: red;
}
.page{
	margin-top:20px;
	font-family: 'Cuprum', sans-serif;
}
.page_full form table{
	width:330px;
	margin:0 auto;
}
.page_full form table tr td{
	width:50%;
	text-align:left;
}
.page_full form table tr td:first-child{
	text-align:right;
}
.page_full input,.page_full textarea{
	width:200px;
}

.page form table{
	width:100%;
}
.page form,
.page input,
.page textarea,
.page select{
	margin-bottom: 0;
	color: #000;
}
.page input:disabled,
.page textarea:disabled {
	background: #DAD7D7;
	border: 1px solid #837575;
	border-radius: 4px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000000;
}
.page .support {
	color: red;
	font-size: 16px;
	margin: 20px 10px;
}
.page .nav_tabs{
	display: inline-block;
}
.tab0{
	font-family: 'Cuprum', sans-serif;
	font-size: 25px;
	padding: 3px 10px 10px 40px;
	float: left;
	font-weight:bold;
}
.page .tab{
	font-family: 'Cuprum', sans-serif;
	font-size: 20px;
	padding: 17px;
	float: left;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.page .tabb{
	font-family: 'Cuprum', sans-serif;
	font-size: 20px;
	padding: 17px;
	float: left;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.page .tabbb{
	font-family: 'Cuprum', sans-serif;
	font-size: 20px;
	padding: 17px;
	float: left;
    margin-top: 3px;
	margin-left: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.page span.tab{
	color: #FA741B;
	border: 1px solid #FA741B;
}
.page span.tabb{
	color: #18b272;
	border: 1px solid #18b272;
}
.page a.tabb{
	color: #18b272;
	border: 1px solid #18b272;
}
.page span.tabbb{
	color: #18b272;
	border: 1px solid #18b272;
}
.page a.tabbb{
	color: #18b272;
	border: 1px solid #18b272;
}
.page a.tab{
	color: #333;
	border: 1px solid #ccc;
}
.page .contract{
	margin: 10px 0;
	font-size: 16px;
}
.page .contract th{
	width: 1%;
}
.page .contract ul{
	list-style-type: none;
	float: left;
	width: 50%;
}
.page .contract li{
	width: 100%;
	display: inline-block;
}
.page .contract li>strong{
	float: left;
	margin-left: 5px;
}
.page .contract li>span, .page .contract li>a{
	float: right;
	margin-right: 5px;
}
.page hr {
	margin: 10px 0;
	border: dashed #ccc;
	border-width: 1px 0 0 0;
}
.techsupport{
	color: red;
	font-size: 10px;
	font-weight: bold;
	font-family: 'Cuprum', sans-serif;
	text-align: center;
	line-height: 12px;
	margin-bottom: 15px;
}
.button_mobile.complaints{
	background: #289aca;
	text-shadow: 0 -1px 0 #2489a7;
	margin-bottom: 10px;
}
.complaints_text{
	font-family: 'Cuprum', sans-serif;
	background: #dedede;
	margin: 0 10px 10px;
	text-align: center;
	font-size: 20px;
	line-height: 30px;
}
.button_bay{
	background: #FA741B;
	margin: 0px 5px 0;
	border: none;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	float: left;
	font-family: 'Cuprum', sans-serif;
	font-size: 20px;
	color: #fff;
}
.button_bay:hover,
.button_bay:focus{
	background: #f76403;
	text-decoration: none;
	color: #fff;
}

#loginbtn,#passrestore,#baybtn,#complbtn,#personalbtn,#registration_button {
	padding: 10px 20px;
	font-size: 20px;
	font-family: inherit;
	display: block;
	margin: 0 auto;
	color: #fff;
	background: #ff812e;
	background: -moz-linear-gradient(top, #ff812e 0%, #f76403 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff812e), color-stop(100%,#f76403));
	background: -webkit-linear-gradient(top, #ff812e 0%,#f76403 100%);
	background: -o-linear-gradient(top, #ff812e 0%,#f76403 100%);
	background: -ms-linear-gradient(top, #ff812e 0%,#f76403 100%);
	background: linear-gradient(to bottom, #ff812e 0%,#f76403 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff812e', endColorstr='#f76403',GradientType=0 );
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border:none;
}
#loginbtn{
	padding: 10px 40px;
}
#passrestore{
    margin-bottom: 20px;
    display: inline-block;
    cursor: pointer;
    background: #289aca;
    color: #f3f3f3;
    font-size: 13px;
    padding: 5px 18px;
    border-radius: 6px;
}
#passrestore:hover{
    color:white;
    background: #1187b9;
}
#registration{
	cursor: pointer;
	font-size:18px;
}
#registration_send_ok{
	height: 34px;
	width: 34px;
	float: left;
}
#registration_form td{
	padding: 5px;
}
#registration_form #msg{
	padding:0;
	text-align: center;
}
#registration_form td input{
	margin: 0;
}
.page_full #closecompl{
	width:74px;
	text-decoration:none;
}
#closecompl{
	padding: 10px 20px;
	font-size: 20px;
	background: #555;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	border:none;
	color: #fff;
	margin: 0 auto;
}
#msg{
	padding:0;
	text-align: center;
}
#msg.error a {
    text-decoration: underline;
}
#to,#sum,#contract_id {
	width:140px;
	margin:0;
}

.ver_full{
	padding:10px;
	width:100%;
	text-align:center;
	display:inline-block;
	color:#000;
	background:#ccc;
	font-family:'Cuprum', sans-serif;
	font-size: 26px;
	line-height: 36px;
}
.center{
	text-align:center;
}
#phone td:first-child {
	width: 407px;
}
.fancybox-inner{
	height: 500px !important;
}

.itogo{
	position:relative;
	font-size:20px;
}
.itogo:before{
	content: "\}";
	position: absolute;
	color: #ddd;
	font-size: 80px;
	left: -20px;
	line-height: 14px;
}

.buttontehpod{
	text-decoration:none;
	text-align:center;
	padding:5px 20px;
	border:solid 2px #ff0000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff0505;
	background:#ffffff;
	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}
.buttontehpod:hover{
	padding:5px 20px;
	border:solid 2px #ff0000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff0505;
	background:#ffffff;
	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}
.buttontehpod:active{
	padding:5px 20px;
	border:solid 2px #ff0000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ff0505;
	background:#ffffff;
	-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
	-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
	box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}

/* Всплывающее окно */
.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click {
    background: #fff;
    max-width: 600px;
    width:70%;
    margin: 5% auto;
	padding: 5px 20px 13px 20px;
	border: 10px solid #ffffff;
	position: relative;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup h2, .popup_click h2 {
    font:28px;
    font-weight: bold;
	text-align: center;
	color: #008000;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
.popup h3, .popup_click h3 {
    font:24px Monotype Corsiva, Arial;
	color: #008000;
	text-align: left;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 24px;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}

/*-------------*/
.close1 {
    background-color: #ffffff;
    border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -8px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    top: -9px;
    width: 70px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
     box-shadow: 1px 1px 3px #000;
}
.close1:before {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close1:hover {
    background-color: rgba(0, 122, 200, 0.8);
}
/*-------------*/

/* Лавров всплывающее окно */
#parent_popup {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup {
  background: #fff;
  min-width: 300px;
  max-width: 650px;
  min-height: 230px;
  font-family: 'Cuprum', sans-serif;
  font-size: 25px;
  line-height: 1.5;
  margin: 10% auto;
  border: 10px solid #ffffff;
  position: relative;
  -webkit-box-shadow: 0px 0px 20px #000;
  -moz-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
   border-radius: 15px;
}

/* ====== INV TABLE ====== */
/* ==========================
   INV TABLE (desktop + mobile)
   ========================== */

.inv_tbl{
  margin: 20px 0;
  width: 100%;
  font-size: 16px;
}

.inv_tbl input[type=checkbox]{
  display: inline;
  vertical-align: middle;
}

.inv_tbl a.js,
.inv_tbl label > span.hl{
  color: #289ACA;
  border-bottom: dotted #289ACA 1px;
  font-weight: normal;
  text-decoration: none;
}

.inv_tbl .inv_hdr{
  font-size: 20px;
  height: 32px;
  border-top: #aaaaaa dashed 1px;
  color: #FA741B;
}

.inv_tbl .select_all_box{
  float: right;
  font-size: 14px;
  color: gray;
}

.inv_tbl:not(.inv_tbl_mobile) .select_all_box{
  margin-right: 20px;
  line-height: 35px;
}

.inv_tbl_mobile .inv_hdr{
  padding: 25px 0 0;
}

.inv_tbl a.js:hover{
  border-bottom-color: #005580;
}

/* Сообщения */
.inv_tbl_mobile #msg_result.error{
  padding: 0 10px 30px 10px;
  line-height: 20px;
}

.inv_tbl #msg_result button{
  display: block;
  text-align: center;
  padding: 3px 13px;
  margin: 10px auto;
}

/* Кнопка оплатить (общая) */
.inv_tbl .button_bay.disabled{
  background: #c5c5c5;
  cursor: default;
}

.inv_tbl:not(.inv_tbl_mobile) .button_bay{
  margin: 0;
  float: right;
  display: inline-block;
}

.inv_tbl.inv_tbl_mobile .button_bay{
  display: block;
  float: none;
}

/* Disabled payments */
.disabled-payments{
  padding: 7px;
  margin: 0;
  color: gray;
  border: gray solid 1px;
  border-radius: 7px;
  font-weight: normal;
  font-size: 15px;
}

.inv_tbl_desktop .disabled-payments{
  display: inline-block;
  float: right;
}

.inv_tbl_mobile .disabled-payments{
  text-align: center;
  max-width: 200px;
  margin: 0 auto;
}

/* Placeholder */
.inv_tbl ::placeholder { color: #414141; opacity: 1; }
.inv_tbl :-ms-input-placeholder { color: #414141; }
.inv_tbl ::-ms-input-placeholder { color: #414141; }

/* Ошибки */
input.error, textarea.error, select.error{
  background: #ff8383 !important;
}

/* Списки в описании счета */
.inv_tbl .inv_items{
  list-style: none;
  margin: 4px 0;
  padding-left: 0;
}

.inv_tbl .inv_items li{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.inv_tbl .inv_items li:not(:first-child):not(:last-child){
  margin: 5px 0;
}

/* Мобильная таблица (у вас она div-верстка) — оставляем как было */
.inv_tbl_mobile th,
.inv_tbl_mobile td{
  padding: 5px 15px;
}

.inv_tbl_mobile .inv_amount{
  font-size: 20px;
}

.inv_tbl_mobile .subitem_descr{
  color: #636363;
}

.inv_tbl_mobile .subitem_attrs{
  font-weight: bold;
}

.inv_tbl_mobile .button_bay_selected{
  display: block;
  text-align: center;
  line-height: 25px;
}

.inv_tbl input[name=sum]{
  width: 140px;
}

/* ==========================
   DESKTOP: новый рендер (один tbody, группы через tr[data-group])
   ========================== */

.inv_tbl.inv_tbl_desktop{
  border-collapse: separate;
  border-spacing: 0;
}

/* Псевдо-разделитель между группами */
.inv_tbl.inv_tbl_desktop tr.inv_sep td{
  padding: 0;
  height: 15px;
  background: transparent;
  border: 0;
}

/* Базовый фон группы: красим строки, а не tbody */
.inv_tbl.inv_tbl_desktop tr.pay_invoice td{
  background: #ffffc9;
  color: #636363;
  padding: 5px 10px;
  background-clip: padding-box;
}

/* Выбранная группа */
.inv_tbl.inv_tbl_desktop tr.pay_invoice.selected td{
  background: #ffff76;
  color: #636363;
}

/* Колонки-числа — вправо */
.inv_tbl.inv_tbl_desktop td.inv_amount,
.inv_tbl.inv_tbl_desktop th.inv_amount,
.inv_tbl.inv_tbl_desktop td.inv_i{
  text-align: right;
  padding-right: 10px;
}

/* Contract invoice: описание чуть с отступом */
.inv_tbl:not(.inv_tbl_mobile) .contract_invoice .descr{
  padding-left: 20px;
}

.inv_tbl .contract_invoice .descr,
.inv_tbl .inv_i{
  font-weight: bold;
}

/* Подсветка поля суммы */
.inv_tbl tbody tr.pay_invoice.selected .inv_amount label > span{
  color: red;
}

.inv_tbl .inv_amount label > span{
  color: red;
  padding-right: 7px;
}

.inv_tbl .inv_amount input{
  display: inline-block;
}

/* labels */
.inv_tbl label{
  color: gray;
}

.inv_tbl.inv_tbl_desktop tbody{
  background: #ffffc9;
  border-radius: 8px;
  overflow: hidden;
}
.inv_tbl.inv_tbl_desktop tbody.selected{
  background: #ffff76;
}
.inv_tbl.inv_tbl_desktop tbody td{
  background: transparent;
  padding: 0;
}

.inv_tbl_mobile tbody{
  background: #ffffc9;
  padding: 0;
}
.inv_tbl_mobile tbody.selected{
  background: #ffff76;
}

.inv_tbl:not(.inv_tbl_mobile) tbody tr:last-child td {
    padding-bottom: 10px;
}

.inv_tbl:not(.inv_tbl_mobile) tbody:not(.selected) td,
.inv_tbl:not(.inv_tbl_mobile) tbody:not(.selected) td input,
.inv_tbl_mobile tbody:not(.selected),
.inv_tbl_mobile tbody:not(.selected) input {
    color: #636363;
}

.inv_tbl_mobile #msg_result.error {
    padding: 0 10px 30px 10px;
    line-height: 20px;
}
.inv_tbl #msg_result button {
    display: block;
    text-align: center;
    padding: 3px 13px;
    margin: 10px auto;
}
.inv_tbl tbody.selected .inv_amount label>span,
.inv_tbl tbody.selected .inv_amount.inp {
    color: red;
}
.inv_tbl .inv_amount label>span,
.inv_tbl .inv_amount.inp {
    color: red;
}
.inv_tbl .inv_amount label>span {
    padding-right: 7px;
    display: block;
    height: 24px;
}
.inv_tbl .inv_amount input {
    display:inline-block;
}
.inv_tbl th.r {
    text-align: right;
    padding-right: 5px;
}
.inv_tbl:not(.inv_tbl_mobile) .button_bay {
    margin: 0;
    display: inline-block;
}
.inv_tbl.inv_tbl_mobile .button_bay {
    display: block;
    float: none;
}
.inv_tbl .button_bay.disabled {
    background:#c5c5c5;
    cursor:default;
}
.inv_tbl:not(.inv_tbl_mobile) tbody td.inv_amount {
    padding-right: 30px;
    font-size: 20px;
}
.inv_tbl.inv_tbl_mobile .inv_amount {
    font-size: 20px;
}
.inv_tbl_mobile th {
    font-weight: bold;
}
.inv_tbl_mobile th,
.inv_tbl_mobile td {
    padding: 5px 15px;
}
.inv_tbl_mobile tbody tr:first-child td {
    padding-top: 15px;
}
.inv_tbl_mobile .subitem_descr {
    color: #636363;
}
.inv_tbl_mobile .subitem_attrs {
    font-weight: bold;
}
.inv_tbl:not(.inv_tbl_mobile) th:not(:first-child) {
    padding-left: 0px;
}
.inv_tbl_mobile tbody tr:last-child td,
.inv_tbl_mobile tbody td.sel,
.inv_tbl_mobile tbody tr:last-child th {
    padding-bottom: 20px;
}
.inv_tbl:not(.inv_tbl_mobile) td.sel {
    text-align: right;
    padding-right: 33px;
}
.inv_tbl_mobile tbody td.l {
    padding-left: 5px;
}

/* ====== FIX #3: убрать точки у списков внутри tbody ====== */
.inv_tbl .inv_items {
    list-style: none;
    margin: 4px 0;
    padding-left: 0;
}
.inv_tbl .inv_items li{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.inv_tbl .inv_items li:not(:first-child):not(:last-child) {
    margin: 5px 0;
}

.inv_tbl label {
    color: gray;
}
.inv_tbl_mobile .button_bay_selected {
    display: block;
    text-align: center;
    line-height: 25px;
}
.inv_tbl input[name=sum] {
    width: 140px;
}
input.error, textarea.error, select.error {
    background: #ff8383 !important;
}
.inv_tbl:not(.inv_tbl_mobile) .contract_invoice .descr {
    padding-left: 20px;
}
.inv_tbl .contract_invoice .descr,
.inv_tbl .inv_i{
    font-weight: bold;
}
.inv_tbl ::placeholder {
  color: #414141;
  opacity: 1;
}
.inv_tbl :-ms-input-placeholder {
  color: #414141;
}
.inv_tbl ::-ms-input-placeholder {
  color: #414141;
}
body.payment_landing {
    text-align: center;
    margin: 5%;
    padding: 2%;
    border: gray solid 1px;
}
body.payment_landing,
body.payment_landing a {
    color: #499e24;
}
body.payment_landing.fail {
    color: #f06262;
}
body.payment_landing a {
    font-size: 18px;
}
body.payment_landing a:hover {
    color: red;
}
.disabled-payments {
    padding: 7px;
    margin: 0;
    color: gray;
    border: gray solid 1px;
    border-radius: 7px;
    font-weight: normal;
    font-size: 15px;
}
.inv_tbl_desktop .disabled-payments {
    display: inline-block;
    float: right;
}
.inv_tbl_mobile .disabled-payments {
    text-align: center;
    max-width: 200px;
    margin: 0 auto;
}
#card-bindings-form>table {
    width:100%;
    max-width:565px;
    border-spacing: 10px;
    border-collapse: separate;
}
#card-bindings-form .loading {
    color:gray;
}
#card-bindings-form .list-empty {
    color:green;
}
#card-bindings-form .item-card .csystem {
    font-weight: bold;
}
#card-bindings-form .item-card .ctitle>span,
#card-bindings-list-cards label span.clabel {
    padding: 0 4px;
}

#card-bindings-form .item-card .autopay label {
    color:green;
    font-style: italic;
}
#card-bindings-form .item-card button.delete {
    color: red;
    width: 110px;
}
#card-bindings-form #msg {
    color: red;
}
#card-bindings-form input[type=radio],
#card-bindings-form input[type=checkbox],
#card-bindings-list-cards input[type=radio] {
    display: inline-block;
    margin: 0 3px 0 0;
    height: 14px;
    position: relative;
    top: 2px;
}
#card-bindings-form label,
#card-bindings-list-cards label{
    cursor: pointer;
}
#card-bindings-form label span,
#card-bindings-list-cards label span{
    color: inherit;
    font-weight: normal;
}
#card-bindings-form label span .l2 {
    font-size: 0.9em;
    display: block;
    padding-left: 20px;
}
#card-bindings-list {
    color: #2e2e2e;
    border: #FA741B dashed 2px;
    padding: 10px;
    width: 300px;
}
#card-bindings-list-cards {
    list-style: none;
    margin: 10px 0;
}
#card-bindings-list-cards input[type=radio]{
    display: inline-block;
    margin: 0 3px 0 0;
    height: 14px;
    position: relative;
    top: 2px;
}
#card-binding-enabled input {
    display: inline-block;
    height: inherit;
    position: relative;
    top: 2px;
}
#card-bindings-list-title {
    font-size: 15px;
}

/* art правки*/
.auth-name__wrapper {
	margin-bottom: 20px;
}
.user_name {
	padding: 9px 8px;
}

@media screen and (max-device-width: 640px) {
    #card-bindings-list-title {
        margin-top: 10px;
    }
    #card-bindings-list {
        width: auto;
        min-width: 220px;
    }
    #card-bindings-list-cards li {
        margin: 12px 0;
    }
	.to-home {
		font-weight: 400;
		font-size: 16px;
		line-height: 0px;
		text-align: center;
		color: #000000;
		background: #FFFEFE;
		border: 1px solid #C9CDCE;
		border-radius: 3px;
		padding: 15px 11px;
	}
	.auth-name__wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.user_name {
		padding: 0px 3px;
	}
}

.news-list { display:none; }

/* модалка субконтрактов */

.sc-open{
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
}

.sc-modal{ display: none; }
.sc-modal.is-open{ display: block; }

.sc-modal__backdrop{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  z-index: 9998;
}

.sc-modal__dialog{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: min(520px, calc(100vw - 24px));
  max-height: min(70vh, 560px);
  overflow: auto;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
  z-index: 9999;
}

.sc-modal__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #eee;
}

.sc-modal__title{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
}

.sc-modal__close{
  border: 0;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.sc-modal__body{ padding: 12px 16px; }

.sc-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.sc-item{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed #eee;
}

.sc-item:last-child{ border-bottom: none; }

.sc-rate{
  white-space: nowrap;
  font-weight: 600;
}

.sc-empty{ opacity: .75; }

.sc-modal__footer{
  padding: 12px 16px;
  border-top: 1px solid #eee;
}



/* 1) inv_amount - текст вправо */
.inv_tbl.inv_tbl_desktop td.inv_amount,
.inv_tbl.inv_tbl_desktop th.inv_amount {
  text-align: right;
  padding-right: 10px;
}

/* (если числа в .inv_i тоже должны быть вправо) */
.inv_tbl.inv_tbl_desktop td.inv_i {
  text-align: right;
  padding-right: 10px;
}

/* 3) FIX: составные tbody (несколько tr + rowspan)
   Не красим tbody, красим tr/td — так одинаково во всех браузерах */
.inv_tbl.inv_tbl_desktop tbody {
  background: transparent !important; /* важно: отключаем фон tbody */
}

/* базовая заливка */
.inv_tbl.inv_tbl_desktop tbody tr td {
  background: #ffffc9;
}

/* заливка выбранного */
.inv_tbl.inv_tbl_desktop tbody.selected tr td {
  background: #ffff76;
}

/* чтобы скругления были видны корректно */
.inv_tbl.inv_tbl_desktop tbody tr td {
  background-clip: padding-box;
}

/* убрать точки у списков в счетах (на всякий случай фиксируем для desktop тоже) */
.inv_tbl.inv_tbl_desktop tbody ul,
.inv_tbl.inv_tbl_desktop tbody li {
  list-style: none;
}
.inv_tbl.inv_tbl_desktop tbody ul {
  margin: 4px 0;
  padding-left: 0;
}

.inv_tbl.inv_tbl_desktop tbody
{
    border-collapse: collapse;
}