@font-face {
    font-family: "PTSans";
    src: url("font/PTSans/PTSansRegular/PTSansRegular.eot");
    src: url("font/PTSans/PTSansRegular/PTSansRegular.eot?#iefix") format("embedded-opentype"),
    url("font/PTSans/PTSansRegular/PTSansRegular.woff") format("woff"),
    url("font/PTSans/PTSansRegular/PTSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "PTSans Bold";
    src: url("font/PTSans/PTSansBold/PTSansBold.eot");
    src: url("font/PTSans/PTSansBold/PTSansBold.eot?#iefix") format("embedded-opentype"),
    url("font/PTSans/PTSansBold/PTSansBold.woff") format("woff"),
    url("font/PTSans/PTSansBold/PTSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "PTSans Italic";
    src: url("font/PTSans/PTSansItalic/PTSansItalic.eot");
    src: url("font/PTSans/PTSansItalic/PTSansItalic.eot?#iefix") format("embedded-opentype"),
    url("font/PTSans/PTSansItalic/PTSansItalic.woff") format("woff"),
    url("font/PTSans/PTSansItalic/PTSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


html {
    /* height: 100%; */
    margin: 0;
    padding: 0;
}

body {
    /* width: 100%;
    height: 100%; */
    margin: 0;
    padding: 0;
    /* background-color: #429871; */
    font-family: "PTSans";
}

ul {
    list-style-type: none;
}

ol, ul {
    list-style: none;
}

li {
    list-style: none;
    margin: 0;
}

a {
    cursor: pointer;
    text-decoration: underline;
    font-family: "PTSans";
}

a:hover {
    text-decoration: none;
}

.h {
    display: none !important;
}

.clear {
    clear: both;
}

.fz16 {
    font-size: 16px;
}

.fz14 {
    font-size: 14px;
}

.fb {
    font-weight: bold;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cw {
    color: #fff;
}

.ml0 {
    margin-left: 0 !important;
}

.ml3 {
    margin-left: 3px;
}

.mr0 {
    margin-right: 0 !important;
}

.mr1 {
    margin-right: 1em !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mb1 {
    margin-bottom: 1em !important;
}

.mt1 {
    margin-top: 1em !important;
}
.mt2 {
    margin-top: 2em !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pt1 {
    padding-top: 1em !important;
}

.pt0 {
    padding-top: 0 !important;
}

.p3 {
    padding: 3px !important;
}

.p5 {
    padding: 5px !important;
}

.c {
    text-align: center !important;
}

.r {
    text-align: right !important;
}

.nb {
    border: 0 none !important;
}

.l {
    text-align: left !important;
}

.m1 {
    margin: 1em;
}

.w100 {
    width: 99% !important;
}

.w95 {
    width: 94%;
}

.w90 {
    width: 89%;
}

.w80 {
    width: 79%;
}

.w75 {
    width: 74%;
}

.w70 {
    width: 69%;
}

.w66 {
    width: 65%;
}

.w60 {
    width: 59%;
}

.w55 {
    width: 54%;
}

.w50 {
    width: 49%;
}

.w45 {
    width: 44%;
}

.w40 {
    width: 39%;
}

.w33 {
    width: 32%;
}

.w30 {
    width: 29%;
}

.w25 {
    width: 24%;
}

.w20 {
    width: 19%;
}

.w16 {
    width: 15.5%;
}

.w15 {
    width: 14%;
}

.w10 {
    width: 9%;
}

.w5 {
    width: 4%;
}

.w100, .w95, .w90, .w80, .w75, .w70, .w66, .w60, .w55, .w50, .w45, .w40, .w30, .w33, .w25, .w20, .w16, .w15, .w10, .w5 {
    /*  float: left;
     margin-left: 0.5%;
     margin-right: 0.5%; */
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.red {
    color: #ff0000;
}

.green {
    color: green;
}

.bg-gray {
    background: #dddddd;
    background: -moz-linear-gradient(top, #dddddd 0%, #e4e4e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #e4e4e4));
    background: -webkit-linear-gradient(top, #dddddd 0%, #e4e4e4 100%);
    background: -o-linear-gradient(top, #dddddd 0%, #e4e4e4 100%);
    background: -ms-linear-gradient(top, #dddddd 0%, #e4e4e4 100%);
    background: linear-gradient(to bottom, #dddddd 0%, #e4e4e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#e4e4e4', GradientType=0);
}

.bg-green {
    background: #bbdeab;
}

.bg-silver-even tbody:nth-child(odd), .bg-silver-even > tr#stroka:nth-child(odd) {
    background: #fdfdfd;
    background: -moz-linear-gradient(top, #fdfdfd 0%, #fafafa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #fafafa));
    background: -webkit-linear-gradient(top, #fdfdfd 0%, #fafafa 100%);
    background: -o-linear-gradient(top, #fdfdfd 0%, #fafafa 100%);
    background: -ms-linear-gradient(top, #fdfdfd 0%, #fafafa 100%);
    background: linear-gradient(to bottom, #fdfdfd 0%, #fafafa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#fafafa', GradientType=0);
}

.bg-silver-even tbody:nth-child(even), .bg-silver-even > tr#stroka:nth-child(even) {
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f3f3f3));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f3f3f3', GradientType=0);
}

.bg-silver {
    background: #fcfcfc;
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1));
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1', GradientType=0);
}

.bg-blue {
    background: #d3dee0 url('../images/bg-form.png');
}

.bt1 {
    border-top: 1px solid #ccc;
}

.wrapper {
    /* min-width: 420px; */
    /* max-width: 1200px; */
    margin: 0 auto;
}

header {
    height: 100px;
    background: #2277aa;
    position: relative;
}

.logo {
    position: absolute;
    /* margin: 2px 0px 0px 60px; */
    top: 3px;
    left: 30px;
}

.logo a {

    color: #ffffff;
    text-decoration: none;
    font-size: 30px;
    display: block;
}

header .formLogin {
    /* float: right;
    margin: 24px 67px 0px 0px; */
    position: absolute;
    right: 20px;
    top: 40px;
}

header .formLogin input[type=password], header .formLogin input[type=text] {
    height: 30px;
    background-color: #fff;
    padding: 2px 10px 0px 10px;
    color: #000;
    border: none;
    line-height: 30px;
    box-shadow: inset 0 0 0 5px #fff;
    width: 200px;
    box-sizing: border-box;
}

header .formLogin .button {
    color: #fff;
    padding: 4px 10px 5px 10px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    transition: .3s all ease;
    cursor: pointer;
    text-align: center;
    align-items: center;
    font-size: 15px;
    font-family: "PTSans";
}

.button_login {
    background-color: #42B570;
    border-color: #75BF8E;
}

.button_reg {
    background-color: #FD852F;
    border-color: #FE9D56;
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 5px;
}

header .forgot {
    /* float: right; */
    color: #ffffff;
    /* margin: 0px 0px 0px 205px; */
    top: 72px;
    right: 51px;
    font-size: 11px;
    position: absolute;
    text-decoration: none;
}

header .forgot:hover {
    text-decoration: underline;
}


/* меню верхнее */
.menu {
    /* width: 100%;  */
    /* display: table; */
    /* position: absolute; */
    /* top: 48px; */
    float: right;
    margin-top: 47px;
    /* right: 3px; */
    margin-right: 4px;
}

.menu ul {
    display: table-row;
}

.menu li {
    display: table-cell;
    position: relative;
    background: rgb(8 173 205 / 80%);
}

.menu li a {
    display: block;
    padding: 15px 15px;
    color: #fff;
    text-align: center;
    border-right: 1px solid #ccc;
}

.menu li:last-child a {
    border-right: 0
}

.menu-caret:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 3px solid;
    border-right: 3px solid transparent;
    border-bottom: 0;
    border-left: 3px solid transparent;
}

/* .menu ul li:hover, .menu ul li a:hover {
	background: rgb(183 187 156 / 50%);
} */
.menu li:hover ul {
    display: block;
    position: absolute;
    top: 100%;
    /*left: -100px;*/
    right: 0;
    background: rgb(119 135 143 / 60%);
    margin: 0;
    padding: 0 0 4px 0;
    min-width: 650px;
    z-index: 9999;
}

.menu ul ul {
    display: none;
}

.menu ul ul li {
    display: block;
    background: rgb(83 155 169 / 80%);
    padding: 3px;
    margin: 3px 0px 0 7px;
    color: #fff;
    float: left;
    border: 1px solid #ccc;
    width: 306px;
    /* height:30px; */
    font-weight: bold;
}

.menu ul ul li a {
    display: block;
    float: left;
    padding: 3px;
    /* background: #666; */
    width: 315px;
    text-align: left;
    border-right: 0;
    text-decoration: none;
    font-weight: normal;
}

.menu ul ul li:hover {
    background: #96c2cf;
}

.menu ul ul li a.newDok {
    background: rgb(229 229 227 / 80%) url('../images/plus.png') no-repeat center;
    /* display: block; */
    width: 20px;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

/* меню мобильной версии */
.menu-triger {
    background: url('../images/menu.png') 0 0 repeat;
    display: none;
    width: 25px;
    height: 17px;
    position: absolute;
    right: 15px;
    top: 61px;
}

.menu-close {
    background: url('../images/close.png') 0 0 repeat;
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
}

.menu-popup {
    /* background: #2c2e3e; */
    display: none;
    position: absolute;
    right: -110%;
    top: 0;
    /* width: 250px; */
    box-sizing: border-box;
    padding: 30px;
    z-index: 9999;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: rgb(8 173 205 / 100%);
}

.menu-popup ul {
    margin: 0;
    padding: 0;
}

.menu-popup li {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.menu-popup li a {
    font-size: 18px;
    /* font-family: "Arial"; */
    color: rgb(255, 255, 255);
    line-height: 1.4;
    text-decoration: none;
}

.menu-popup li.lm {
    margin: 0;
    padding-left: 5px;
    border-bottom: 1px solid #ccc;
}

.menu-popup li.lm a {
    color: dimgray;
}

.menu-popup li.lm .newDok {
    width: 10px;
    height: 10px;
    float: right;
    color: #fff;
    margin: 1px 7px 0 0;
}

.left {
    width: 250px;
    float: left;
    /* padding: 10px; */
    margin-left: -100%;
    background: #ddd;
}

.menu-left {
    /* background-color:#429871; */
    background-color: #ebe6ce;
    position: relative;
    z-index: 2;
}

.menu-left ul {
    margin: 0 5px;
    padding: 3px 0 0 0;
    /* background-color:#ccc; */
}

.menu-left ul li {
    margin: 3px;
}

.menu-left ul li a {
    padding: 5px;
}

.menu-left ul li ul {
    margin: 0px;
    padding: 0 0 0 2px;
}

.menu-left ul li ul li {
    position: relative;
    width: 232px;
}

.menu-left ul li ul li a {
    padding: 0;
    width: 232px;
    background-color: #209120;
}

.menu-left a, .menu-left .menu-blue {
    /* border:1px solid #878484; */
    /* padding:5px 0 5px 5px; */
    /* background-color:#4a8c27; */
    background-color: #58b9d1;
    /* margin:5px; */
    display: block;
    width: 227px;
    color: #fff;
    text-decoration: none;

}

.menu-left .menu-blue {
    padding: 5px;
}

.menu-left a:hover {
    background-color: #64a8d1;
    -webkit-box-shadow: 0px 0px 13px 4px rgba(34, 60, 80, 0.22);
    -moz-box-shadow: 0px 0px 13px 4px rgba(34, 60, 80, 0.22);
    box-shadow: 0px 0px 13px 4px rgba(34, 60, 80, 0.22);
}

.menu-left a span {
    padding: 5px;
    display: block;
}

.menu-left a.newDok {
    border: 0;
    width: 25px;
    height: 100%;
    background-color: #75cf42;
    /* border:1px solid #878484; */
    display: block;
    /* float:right; */
    position: absolute;
    top: 0;
    right: 0;
}

.menu-left a.newDok:before {
    content: "+";
    /* font-family: 'Dancing Script', cursive; */
    color: #cf6546;
    font-size: 30px;
    /* text-shadow: 1px 1px 2px grey; */
    position: absolute;
    /* top: 50%; */
    /* right: 50%; */
    /* left: 50%; */
    /* bottom: 50%; */
    /* text-align: center; */
    margin: 0;
    padding: 0;
    text-align: center;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.menu-left a.newDok:hover:before {
    color: #fff;
}


main {
    width: 100%;
    float: left;
}

main .content {
    margin: 0 320px 0 250px;
    padding: 0px;
    /* background-color:#787171; */
}

.right {
    width: 300px;
    float: left;
    padding: 10px;
    margin-left: -320px;
    background: #ccc;
    min-height: 1000px;
}

footer {
    clear: both;
    height: 100px;
    background: #2277aa;
    position: relative;
}

footer .edition {
    position: absolute;
    bottom: 10px;
    left: 30px;
}

footer .edition a {
    color: #fff;
}

.main-title {
    background-color: #505050;
    color: #FFF;
    padding: 3px 20px 3px 20px;
    background: url('../images/topstory.png') 0 0 repeat-x;
    margin: 0px -5px 0px -5px;
    line-height: 34px;
}

.main-title a {
    color: #ffffff;
}

.padding {
    /* background-color: #c7c7c7; */
    background-color: #edebe1;
    padding: 9px;
    margin: 5px;
    border: 1px solid #999999;
    text-align: left;
    margin-top: 5px;
    font-size: 16px;
    font-family: "arial", sans-serif;
}

.padding a {
    /* font-size: 16px; */
    font-family: "arial", sans-serif;
}

.padding fieldset {
    /* margin-top:15px; */
    border-radius: 6px;
    /* margin-bottom:11px; */
    position: relative;
    padding-top: 45px;
    background-color: #dddddd;
}

.padding fieldset:hover {
    box-shadow: 0px 1px 11px 2px rgb(0 0 0 / 50%);
}

.padding fieldset legend {
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    top: 11px;
    left: 14px;
}

.padding .legend {
    font-weight: bold;
    font-size: 16px;
}

.padding fieldset fieldset {
    margin-top: 15px;
    margin-left: -12px;
    margin-right: -12px;
    border-radius: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    background-color: #dddddd;
}

.padding fieldset fieldset:hover {
    box-shadow: none;
}

.padding input {
    font-size: 16px;
    padding: 3px;
}


.print {
    display: inline-block;
    box-sizing: border-box;
    padding: 1px 25px !important;
    margin: 0 15px 2px 0;
    outline: none;
    border: none;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    /* font-size: 14px !important; */
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    background-color: #3775dd;
    box-shadow: 0 2px #21487f;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
    vertical-align: top;
}

.search_submit {
    display: inline-block;
    box-sizing: border-box;
    padding: 1px 23px !important;
    margin: 0 15px 2px 0;
    outline: none;
    border: none;
    border-radius: 4px;
    height: 26px;
    line-height: 26px;
    /* font-size: 14px !important; */
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    background-color: #3775dd;
    box-shadow: 0 2px #21487f;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
    vertical-align: top;
}

.divForm {
    width: 100%;
}

.divForm tr td:first-child {
    width: 200px;
    padding: 6px;
}

.divForm label {
    cursor: pointer;
}

.divForm .in {
    width: 99%;
    font-family: arial;
    font-size: 16px !important;
}
.divForm .ins {
    width: 100%;
    font-family: arial;
    font-size: 16px !important;
}

.divForm .ind {
    margin-top: 3px;
}

.divForm .selectOpt {
    font-size: 16px;
    width: 205px;
    padding: 2px 2px;
    float: left;
}

.divForm .imgLogo {
    position: relative;
}

.divForm .imgLogo .banner {
    /* width: 100%;*/
}

.divForm .imgLogo .podpis {
    width: auto;
    max-width: 200px;
}

.divForm .imgLogo .delete {
    position: absolute;
    right: 8px;
    top: 8px;
    border: 1px solid #ccc;
    padding: 5px;
    background: aliceblue;
    text-decoration: none;
}

.divForm .imgLogo .delete:hover {
    background: antiquewhite;
}

.divForm .fill_so {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

.table-org {
    border: 1px solid #00b5f9;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
}

.table-org .del_bank {
    color: #0f74a8;
}

.comment {
    padding-left: 1em;
    font-size: 0.7em;
    line-height: 1.25em;
    color: #6d6d6d;
    text-overflow: ellipsis;
}

.comment u {
    cursor: pointer;
}

.buttonInput {
    position: relative;
}

p.inputOrg {
    margin: 0px;
}

.inputOrg, .inputBank {
    position: relative;
}

.inputOrg .select {
}

.inputOrg .select, .buttonInput .select, .inputBank .select {
    width: 21px;
    height: 24px;
    /*border-left: 1px solid #b8ced9;*/
    position: absolute;
    right: 0px;
    top: 2px;
    background: #fff url(/templates/images/search.png) no-repeat 0px 2px;
    cursor: pointer;
    /* padding-right: 3px; */
}
.inputOrg .select:hover, .buttonInput .select:hover, .inputBank .select:hover{

}

.inputOrg .new {
    display: none;
    width: 20px;
    height: 26px;
    border-left: 1px solid #c9d5db;
    position: absolute;
    right: 19px;
    top: 1px;
    background: url(/templates/images/plus1.png) no-repeat 5px 6px;
    cursor: pointer;
    padding-right: 5px;
}

/* input {
	margin: 0px;
	padding: 0px;
	width: 100%;
	outline: none;
	height: 30px;
	border-radius: 5px;
} */
.divForm .saveKlient {
    position: absolute;
    border-radius: 3px;
    right: 2px;
    z-index: 2;
    border: none;
    top: 3px;
    height: 14px;
    /* width: 50px; */
    cursor: pointer;
    color: white;
    background-color: #1e90ff;
    transform: translateX(2px);
    font-size: 12px;
    padding: 4px 5px;
    text-align: center;
}

.divForm .selectKlient, .divForm .selectOrg {
    position: absolute;
    border-radius: 3px;
    right: 2px;
    z-index: 2;
    border: none;
    top: 3px;
    height: 14px;
    /* width: 50px; */
    cursor: pointer;
    color: white;
    background-color: #1e90ff;
    transform: translateX(2px);
    font-size: 12px;
    padding: 4px 5px;
    text-align: center;
}

.divForm .selectKlient:hover, .divForm .selectOrg:hover {
    background-color: #26313c;
}

.klientSelect {
    border: 1px solid #ccc;
    margin: 5px 0;
    padding: 5px;
    position: relative;
}

.klientSelect:hover {
    background-color: #ccc;
}

.klientSelect .sk {
    position: absolute;
    right: 0;
    top: 0;
    width: 61px;
    /* height:100%; */
    background-color: #edebeb;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    color: blue;
}

.klientSelect .sk:hover {
    background-color: #70766f;
    color: #fff;
}

.xls_nom {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    overflow: hidden;
}

.xls_nom thead tr th {
    font-size: 0.9em;
    padding: 2px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.xls_nom tbody tr td {
    font-size: 1em;
    padding: 2px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.xls_nom .ints_xls {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    font-size: 0.9em;
    width: 100%;
    box-sizing: border-box;
}

.xls_nom .textArea {
    font-size: 0.9em;
    font-family: "arial";
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
}


.xls_nom th, .xls_nom td {
    /* border: 1px solid #888; */
    /* padding: 10px; */
    /*text-align: center;*/
    vertical-align: middle;
    position: relative;
}

.xls_nom td:hover {
    background: #fffabe;
}

.xls_nom td:hover:before {
    background-color: #eee;
    content: '';
    height: 100%;
    left: -5000px;
    position: absolute;
    top: 0;
    width: 10000px;
    z-index: -2;
}

.xls_nom td:hover:after {
    background-color: #eee;
    content: '';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
    z-index: -1;
}

.xls_nom .del_stroka_xls {
    display: block;
    opacity: 0.7;
    /*margin-left: 5px;*/
    cursor: pointer;
    width: 18px;
    height: 18px;
    background: url('/templates/images/delete.png') no-repeat;
}

.xls_nom .del_stroka_xls:hover {
    opacity: 1;
}

.xls_nom tfoot tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.xls_nom > tfoot > tr > td a.add_stroka_xls {
    float: left;
    /* width: 110px; */
    padding-left: 20px;
    font-weight: normal;
    margin-left: 3px;
    background: url('/templates/images/add.png') 3px 5px no-repeat;
}

.xls_nom > tfoot > tr > td a.add_stroka_xls:hover {
    background-color: #ccc;
}

.form_tbl {
    margin: 0 auto;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #F1F1F1;
    font-size: 16px;
    position: relative;
}

.form_tbl thead {
    font-size: 14px;
    font-weight: bold;
}

.form_tbl tr td, .form_tbl tr th {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    padding: 2px;
}

.form_tbl .showGoods {
    width: 20px;
    height: 22px;
    background: url('../images/search.png') no-repeat;
    display: block;
    margin-left: 2px;
    cursor: pointer;
    text-align: center;
}

.form_tbl .upDown, #banks .upDown, .list_dogovor .upDown {
    width: 9px;
    height: 22px;
    background-image: url('../images/up-down.png');
    display: block;
    margin-top: 10px;
    cursor: move;
    text-align: center;
}

.form_tbl .disableTr {
    background-color: #d1d1d1;
}

.form_tbl .background_alice {
    background-color: aliceblue;
}

.form_tbl .background_antiquewhite {
    background-color: antiquewhite;
}

#banks .upDown {
    margin-top: -3px !important;
    margin-right: 10px;
}

.list_dogovor .upDown {
    position: absolute;
}

.form_tbl textarea {
    width: calc(99%);
    font-size: 16px;
    height: 70px;
    font-family: arial;
}

.form_tbl input {
    border: 1px solid #ccc;
    width: 98%;
    padding: 2px 0px;
    margin: 1px 0;
}

.form_tbl .add_tab {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 20px;
    height: 20px;
    /* padding-left: 20px; */
    font-weight: normal;
    /* margin: 3px; */
    background: url('../images/add.png') 0px 3px no-repeat;
    color: #007251;
    font-family: "PTSans";
}

.form_tbl .del {
    width: 18px;
    height: 17px;
    background: url('../images/delete.png') no-repeat;
    display: block;
    margin-left: 2px;
    cursor: pointer;
    text-align: center;
}

.form_tbl .add {
    float: left;
    display: flex;
    width: 150px;
    padding-left: 20px;
    font-weight: normal;
    margin: 3px;
    background: url('../images/add.png') 0px 3px no-repeat;
    color: #007251;
    font-family: "PTSans";
}

.form_tbl .text_header {
    height: 20px;
}

.inner {
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    padding-top: 3px;
    text-align: center;
    height: 22px;
}

.radioNum {

}

.form_radio_btn {
    /*display: inline-block;*/
    margin: 3px;
}

.form_radio_btn input[type=radio] {
    display: none;
}

.form_radio_btn label {
    display: inline-block;
    cursor: pointer;
    padding: 0px 15px;
    line-height: 34px;
    border: 1px solid #999;
    border-radius: 6px;
    user-select: none;
}

/* Checked */
.form_radio_btn input[type=radio]:checked + label {
    background: #ffe0a6;
}

/* Hover */
.form_radio_btn label:hover {
    color: #666;
}

/* Disabled */
.form_radio_btn input[type=radio]:disabled + label {
    background: #efefef;
    color: #666;
}


.ckeditor {
    font-size: 20px !important;
}

.select_document {
    font-size: 16px;
    width: 212px;
    padding: 3px 2px;
    margin-right: 15px;
}

.select_document24 {
    font-size: 16px;
    width: 112px;
    padding: 7px 2px;
    margin-right: 15px;
}

.marginGruz {
    /* margin: 15px; */
}

.marginGruz label {
    cursor: pointer;
    margin-right: 30px;
    font-size: 16px;
}

.auto_inn {
    position: absolute;
    right: 7px;
    top: 9px;
}

.toggle-filter {
    border: 1px solid #756868;
    border-radius: 6px;
    /*padding: 7px;*/
    background-color: #fbf6dd;
}

.toggle-filter > label {
    line-height: 33px;
    cursor: pointer;
    color: #1ab9f5;
    font-weight: bold;
    border-bottom: 1px dashed #353b5d;
}

.toggle-filter > label:hover {
    border-bottom: 0;
}

.toggle-filter > label > span {
    float: left;
}

.toggle-filter > div {
    display: none;
    margin-top: 0.5em;
}

input:checked + .toggle-filter > div {
    display: block;
}

input:checked + .toggle-filter > label > span:first-child {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

input:checked + .toggle-filter > label > .ico_filter {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.toggle-filter .label-info { /* font-weight:bold; border-bottom:2px dashed #4a8c27; */
    color: #0889ba;
}

.toggle-filter .label-info:hover {
    border-bottom: none;
}

.toggle-filter .ico_filter {
    display: inline-block;
    width: 11px;
    height: 6px;
    margin: 0.9em 0.4em 0 0.8em;
    background: url('../images/st.png') no-repeat;
}

.lk {

}

.lk .filter {
    margin: 7px;

}

.lk .filter .item {
    position: relative;
    margin: 10px 0 0 0;
    /*padding: 16px 0 0 0;*/
}

/*.lk .filter .item label{
    position: absolute;
    top: 0;
    color: #a75b5b;
    font-weight: bold;
}*/
.lk .filter .item input {
    margin: 0 10px 0 0;
}

.filterSort {
    background-color: #f3eed6;
    padding: 7px 10px;
    border-radius: 0 0 6px 6px;
    font-size: 14px;
}

.filterSort a {
    text-decoration: none;
    color: #0f74a8;
}

.lk .search_document {
    width: 205px;
    padding: 3px 2px;
}

.lk .new_document {
    background: #f2f3d0 url('../images/new.png') no-repeat 4px 6px;
    font-size: 16px;
    width: 205px;
    height: 10px;
    padding: 7px 8px 7px 27px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.lk .new_document:hover {
    background: #e0e7df url('../images/new.png') no-repeat 4px 6px;
}

.lk .org_name, .lk .klient_name {
    display: inline;
    position: relative;
}

.lk .org_name::after, .lk .klient_name::after {
    background: url('../images/st.png') no-repeat 0px 0px;
    display: inline-block;
    width: 12px;
    height: 6px;
    content: "";
    position: absolute;
    right: 18px;
    top: 7px;
}


/* прелоадер начало */
/* #preloader{
	background: url('../images/load.gif') no-repeat 50% 50%;
	background-color: #64676b;
    opacity: 0.8;
    position: fixed;
    display: none;
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
} */
#preloader {
    background-color: #64676b;
    opacity: 0.8;
    position: fixed;
    display: none;
    margin: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

#preloader .text {
    display: block;
    position: relative;
    width: 200px;
    /* height: 80px; */
    top: 47%;
    right: 50%;
    left: 47%;
    bottom: 50%;
    text-align: center;
    color: #fff;
    font-size: 20px;
}

#preloader .text .green {
    background-color: #000;
    padding: 10px;
    display: block;
    font-weight: bold;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    top: 50%;
    right: 50%;
    left: 50%;
    bottom: 50%;
}

.lds-spinner div {
    transform-origin: 40px 40px;
    animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 37px;
    width: 6px;
    height: 18px;
    border-radius: 20%;
    background: #fff;
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/* прелоадер конец */

.goods_sort {
    text-align: left !important;
    padding: 5px;
}

.select_sort {
    font-size: 16px !important;
    width: 130px;
    padding: 3px 2px;
}

.goods {
    width: 99%;
    border-collapse: collapse;
    margin: 10px auto;
    /* min-width: 890px; */
}

.goods th {
    background: #3498db;
    color: white;
    font-weight: bold;
}

.goods td, .goods th {
    padding: 10px;
    border: 1px solid #ccc;
    /* text-align: left;  */
    font-size: 18px;
}

.goods .labels tr td {
    background-color: #2cc16a;
    font-weight: bold;
    color: #fff;
}

.goods .labels tr td:hover {
    background-color: #94b198;
}

.goods .labels tr td label {
    /* display: block; */
    /* min-width:70%; */
    padding-bottom: 3px;
    /* border-bottom:1px dashed #ccc; */
}

.goods .labels label {
    cursor: pointer;
}

.goods .labels [data-toggle="toggle"] {
    display: none;
}

.goods .labels .editCat, .goods .labels .deleteCat {
    font-size: 14px;
    padding: 1px 12px;
}

.goods .labels .deleteCat {
    margin-left: 15px;
}

.goods .labels .editCat:hover, .goods .labels .deleteCat:hover {

}

.goods .hide {
    display: contents;
}

.goods .hide .art {
    font-size: 14px;
    color: #938686;
}

.goods .hide tr td {
    position: relative;
}

.goods .hide tr:hover {
    background-color: #edeaea;
}

.goods .hide .editGood, .goods .hide .insertGood, .goods .hide .deleteGood {
    /* position:absolute; */
    border: 1px solid #ccc;
    /* border-radius:4px; */
    padding: 1px 8px;
    cursor: pointer;
    background: url('../images/bg1.png');
    font-size: 15px;
}

.goods .hide .insertGood {
    margin-top: 10px;
}

.goods .hide .editGood {
    margin-top: 10px;
}

.goods .hide .deleteGood {
    margin-top: 10px;
    margin-left: 25px;
}

.goods .hide .editGood:hover, .goods .hide .insertGood:hover, .goods .hide .deleteGood:hover {

}

.goods .newCat, .goods .newGood {
    padding: 3px 13px;
    /* margin:5px; */
}

.goods .cat {
    cursor: pointer;
    color: #584444;
    background-color: beige;
    border: 1px dashed #ccc;
    font-weight: normal;
    /* float:left; */
    margin: 5px 10px 0 10px;
}

.goods .cat:hover {
    color: #fff;
    border: 1px dashed #333;
    background-color: #bdbd91;
}

.goods .newCat:hover, .goods .newGood:hover {

}

.goods .newGood {
    /* margin-left:20px; */
}


.goodEdit {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-color: #fff;
}

.goodEdit tr td {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.goodEdit .selectCat {
    width: 300px;
    font-size: 16px;
    padding: 7px 5px;
}

.goodEdit .textArea {
    width: 90%;
    font-size: 16px;
    font-family: Arial;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
}

.goodEdit .inputText {
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
}

.goodEdit .comment1 {
    font-size: 0.7em;
    color: darkblue;
    line-height: 0px;
}

.ui-dialog {
    /* min-width:600px !important; */
    /* position: fixed !important; */
    /* top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%); */
}

#data1 {
    height: 100%;
}

#wrap1, #wrap2 {
    display: none;
    opacity: 0.8;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 16px;
    background-color: rgba(1, 1, 1, 0.725);
    overflow: auto;
}

#wrap1 {
    z-index: 97;
}

#wrap2 {
    z-index: 99;
}


.lk_items {
    overflow: auto;
}

.lk_items .item {
    background: #fcfcfc;
    margin: 13px 0;
    border: 2px solid #cf7a00;
    border-radius: 7px;
}

.lk_items .item:hover {
    background: #fffff3;
    box-shadow: 0px 1px 11px 2px rgb(8 11 12 / 50%);
}

.lk_items .item .header {
    background: #b9d5df;
    padding: 5px;
    position: relative;
    border-radius: 5px 5px 0 0;
}

.lk_items .item .header .f {
    float: left;
}

.lk_items .item .header .f .name {
    font-size: 18px;
    color: blue;
}

.lk_items .item .header .leftCol {
    float: left;
    margin: 3px 0;
}

.lk_items .item .header .leftCol .copy {
    margin: 1px 0 0 11px
}

.lk_items .item .header .rightCol {
    float: right;
    margin: 3px 0;
    width: 340px;
    text-align: right;
}

.lk_items .item .header .rightCol input {
    /* font-size:14px; */
}

.lk_items .item select, .lk_items .item select {
    width: 110px;
    padding: 4px;
    font-size: 12px;
}

.lk_items .item .delete {
    width: 20px;
    height: 20px;
    background: url('../images/delete.png') no-repeat;
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer;
}

.lk_items .item .com, .lk_items .hide .com {
    font-size: 12px;
    color: #333;
    font-style: italic;
    margin-top: 3px;
}

.lk_items .item .header .oplata {
    margin-left: 80px;
}

.lk_items .item .body {
    padding: 5px;
    font-size: 14px;
}

.lk_items .item .body .n {
    margin: 3px 0 7px 3px;
    font-size: 16px;
}

.lk_items .selectDoc {
    position: relative;
}

.lk_items .selectDoc input {
    position: relative;
    margin: 7px 0 0 0;
}

.lk_items .selectDocBlock {
    font-size: 14px;
    color: #0b3b72;
    cursor: pointer;
    margin: 4px 0 0 0;
    border-bottom: 1px dashed #fa0101;
    position: absolute;
    left: 16px;
}

.lk_items .selectDocBlock:hover {
    border-bottom: 0;
}

.lk_items .item.add {
    border-color: #2849ef;
    box-shadow: 0px 1px 11px 2px rgb(8 11 12 / 50%);
}

.lk_items .item.add .header {
    background: #b9ced5;
}

.lk_items .item.add .body {
    background: #ccc;
    border-radius: 0 0 4px 4px;
}

/* табличный вид */
.lk_items .item_table {
    width: 100%;
    /* flex-wrap: nowrap; */

}

.lk_items .item_table {
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    margin-top: 10px;
}

.lk_items .item_table tr td {
    border-bottom: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.lk_items .item_table thead tr {
    background-color: #0889ba;

}

.lk_items .item_table thead tr td {
    color: #fff;
    padding: 10px;
    font-size: 1em;
}

.lk_items .item_table thead tr td:nth-child(2) {
    min-width: 200px !important;
}

.lk_items .item_table tbody tr td:first-child {
    padding: 4px;
}

.lk_items .item_table tbody tr td:not(:first-child) {
    padding: 12px;
}

.lk_items .item_table tbody.item {
    background-color: #fcfcfc;
}

.lk_items .item_table tbody.item a {
    color: #1a2023;
}

/* .lk_item .item_table tbody:nth-child(4n+2){
	background-color:#f3f3f3;
} */
.lk_items .item_table tbody.item:nth-child(4n+2) {
    background-color: #f3f3f3;
    /*position: relative;*/
}

.lk_items .item_table tbody.hide {
    background-color: #e8e8e8;
}

.lk_items .item_table tbody.hide td:first-child {
    padding: 0 !important;

}

.lk_items .item_table tbody.hide .very_div {
    border-left: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    border-bottom: 1px solid #ff0000;
    padding: 5px;
}

.lk_items .item_table .item .delete {
    position: relative;
    right: auto;
    top: auto;
}

.lk_items .item_table .item .selectDoc input {
    width: 17px;
    cursor: pointer;
}

.lk_items .item_table tbody.tab_lab a.name {
    text-decoration: none;
}

.lk_items .item_table tbody.tab_lab a.name:hover {
    text-decoration: underline;
}

.lk_items .item_table tbody.tab_lab .ico_in {
    margin: 0.3em 0.3em 0 0;
}

.lk_items .item_table tbody.tab_lab .in-add-info, .lk_items .item_table tbody.tab_lab .ico_in {
    cursor: pointer;
    font-size: 12px;
}

.lk_items .item_table tbody.tab_lab .in-add-info:hover {
    text-decoration: underline;
}

.lk_items .item_table tbody.tab_lab .date {
    color: #333e50;
    font-size: 0.8em;
}

.lk_items .item_table tbody.hide .very_div {
    overflow-x: scroll;
    position: relative;
    /*height: 50px;*/
}

.lk_items .item_table tbody.hide .very_div table {
    /*position:absolute;*/
    width: 100%
}

.in-add-info {
    margin: 6px 0px 0px 1px;
    font-size: 0.9em;
    color: #0889ba;
}

[data-toggle="toggle"] {
    display: none;
}

.hide {
    display: none;
}

.border_table_left {
    border-left: 1px solid #ff0000 !important;
}

.border_table_right {
    border-right: 1px solid #ff0000 !important;
}

.ico_in {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0.4em 0.5em 0.2em 0.5em;
    background: url('../images/in_add.png') no-repeat;
}

.transform_span {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.lk_items .item_table .labelButton {
    margin: 10px 0 0 0;
}

.lk_items .item_table tbody.hide tr:first-child > td {
    border-right: 0;
    border-bottom: 0;
}

#iframe {
    margin-top: -21px;
}

#data {
    height: 94%;
}

#data h3 {
    margin: 0;
}

#data p {
    margin: 0;
    padding: 0;
}

#workDoc {
    border: 2px solid #4b4b4d;
    border-radius: 6px;
    padding: 7px;
    background-color: #e1c35b;
    display: none;
    margin: 5px 0 0 0;
    position: sticky;
    top: 10px;
    z-index: 1;
}

.selectActDoc {

}

.selectActDoc a {
    display: inline-block;
    margin: 0px 10px;
    text-decoration: none;
    border: 1px solid #e95757;
    padding: 3px 10px;
    background-color: beige;
    border-radius: 5px;
}

.selectActDoc a:hover {
    background-color: #e4ff00;
}

/*.scrolling-wrapper{
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	&::-webkit-scrollbar {
		display: none;
	}
}*/

.scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    align-items: center;
}

.scrolling-wrapper .lk_table {
    cursor: ew-resize;
}

.scrolling-wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
}

#pay_form {
}

.adaptive-table {
    position: relative;
}

.border-blue {
    border: 1px solid #0889ba;
}

.block-table {
    width: 100%;
    min-width: 60%;
    max-width: 100%;
    text-shadow: 1px 1px 0px #ffffff;
    border: #ccc 1px solid;
    border-radius: 3px;
    margin: 1em auto;
    border-spacing: 0;
    position: relative;
    counter-reset: section;
}

.bg-light-blue {
    background: #e6f1f6 !important;
}
.bg-light-red {
    background: #efd0c6 !important;
}

.block-table > tbody > tr > td:first-child {
    text-align: left;
    border-left: 0;
}

.block-table > tbody > tr > td:first-child {
    text-align: left;
    border-left: 0;
}

.block-table > tbody > tr > td {
    padding: 10px 12px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #d2d2d2;
}

.block-table > tbody > tr > td {
    padding: 10px 12px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #d2d2d2;
}

.block-table td {
    border: 0 none;
}

.block-element {
    margin-bottom: 1em;
    margin-top: 0.5em;
    line-height: 24px;
    margin-left: 0.5%;
}

.block-element .label-left {
    text-indent: 1em;
    /* color: #a10d0d; */
    color: crimson;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-element label {
    display: block;
    position: relative;
    line-height: 24px;
}

.block-element .box {
    padding: 5px 0.8em;
    position: relative;
    min-height: 30px;
    background: linear-gradient(#FFF, #E6E6E6);
    box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0, 0, 0, .1);
}

.block-element label {
    display: block;
    position: relative;
    line-height: 24px;
}

.block-element input[type=text], .block-element input[type=email], .block-element input[type=password], .block-element textarea {
    width: 100%;
    color: #2a2a2a;
}

.block-element label input, .block-element label select.s_dog {
    font-size: 1em;
    line-height: 24px;
    border: 1px solid rgba(255, 255, 255, 0);
    height: 25px;
}

.block-element input, .block-element textarea, .block-element select {
    outline: 0 none;
    background-color: rgba(255, 255, 255, 0);
    display: block;
    font-family: sans-serif;
    hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
}

.border {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
}

#pay_form .upDown {
    width: 9px;
    height: 22px;
    background: url(/templates/images/up-down.png) no-repeat;
    display: block;
    /* margin-top: 10px; */
    cursor: move;
    text-align: center;
    position: absolute;
    left: 7px;
    top: 42px;
}

.pl2 {
    padding-left: 2em !important;
}

.block-table .del_pay {
    position: absolute;
    margin: 0;
    left: 0 !important;
    text-decoration: none;
    width: 13px;
    padding: 3px 5px;
}

.block-table .del_pay:hover {
    background-color: #ccc;
}

.block-table .del_pay::before {
    content: "✖";
    font-size: 14px;
    color: rgb(172, 18, 18);
    display: block;
}

.block-table .plus {
    /* top: 12px; */
    /* left: 2px; */
    /* bottom: 5px; */
    float: left;
    background: url(/templates/images/add.png) no-repeat;
    width: 15px;
    height: 15px;
    line-height: 10px;
    /* position: absolute; */
    /* display: inline-block; */
    margin: 6px 5px;
}

.block_paid {
    /*margin: 5px;*/
    font-size: 12px;
    cursor: pointer;
    border-radius: 3px;
}

.not_paid {
    padding: 3px 6px 3px 6px;
    border: 1px solid #c3b052;

    /* background-size: 11px; */
    color: sienna;
    background-color: aliceblue;
}

.not_paid:before {
    /*content: "–";
    padding-right: 7px;
    color: #000;
    font-weight: bold;*/
}

.paid {
    padding: 3px 6px 3px 6px;
    border: 1px solid #27259b;
    color: green;
    background-color: aliceblue;
    font-weight: bold;
}

.paid:before {
    content: "✔";
    color: #00aa44;
    font-weight: bold;
    padding-right: 3px;
}

.part_paid {
    padding: 3px 6px 3px 6px;
    border: 1px solid #c3b052;
    color: sienna;
    background-color: aliceblue;
}

.part_paid:before {
    content: "✔";
    color: #d4d4d4;
    font-weight: bold;
    padding-right: 3px;
}

.annul {

    display: inline-block;
    background: url(/templates/images/delete.png) no-repeat 3px #1ab9f5;
    padding: 3px 3px 3px 20px;
    border: 1px solid #c3b052;
    background-size: 11px;
    color: darkorchid;
}


.listDocument {

}

.listDocument .blockBlue {
    border: 1px solid #0889ba;
    background: #e6f1f6 !important;
    padding: 1em;
    border-radius: 5px;
    margin-bottom: 1em;
}

.listDocument .blockBlue .title {
    /*text-indent: 1em;*/
    /* color: #a10d0d; */
    color: crimson;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.listDocument ul {
    padding: 0;
}

/*
.scrolling-wrapper .item {
    flex: 0 0 auto;
    width: 20%;
    padding: 15px;
}

.scrolling-wrapper .item img {
    width: 100%;
    display: block;
}*/


/*.scrolling-wrapper::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scrolling-wrapper::-webkit-scrollbar-track {
    background-color: #4d4845;
    border-radius: 100px;
}

.scrolling-wrapper::-webkit-scrollbar-thumb {
    background-color: #b09354;
    border-radius: 100px;
}*/

/*@media (max-width: 900px) { .scrolling-wrapper .item {width: 25%;} }
@media (max-width: 720px) { .scrolling-wrapper .item {width: 33.33%;} }
@media (max-width: 480px) { .scrolling-wrapper .item {width: 50%;} }
@media (max-width: 300px) { .scrolling-wrapper .item {width: 100%;} }*/


abbr {
    /* font-style: italic; */
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    margin-bottom: -2px;
    background: url('../images/warning.png') no-repeat;
}

/* abbr.w {
	font-style: italic;
	position: relative;
} */

abbr:hover::after {
    background: #add8e6;
    border-radius: 4px;
    bottom: 100%;
    content: attr(title);
    display: block;
    left: 100%;
    padding: 1em;
    position: absolute;
    width: 280px;
    z-index: 1;
    border: 1px solid #666;
}

.lk_table {
    font-size: 14px;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    background: #f4f3f3;
    width: 100%;
    flex: 0 0 auto;
}

.lk_table tr th {
    background: #d8d4d4;
    padding: 3px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.lk_table tr td {
    padding: 3px !important;
    border-right: 1px solid #666 !important;
    border-bottom: 1px solid #666 !important;
}

.table-form-view {
    font-size: 14px;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    background: #f4f3f3;
    width: 100%;
    flex: 0 0 auto;
}

.table-form-view tr th {
    background: #d8d4d4;
    padding: 3px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.table-form-view tr td {
    padding: 3px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
}

.table-form-view tr td table {
    background-color: #fff;
    width: 100%;
}

.table-form-view tr td table tr td {
    border-right: 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.table-form-view tr td table tr td:hover {
    background-color: #ccc;
}

.table-form-view .upDown {
    width: 20px;
    height: 13px;
    background: url('../images/sort.png') no-repeat;
    display: block;
    /*margin-top: 10px;*/
    cursor: move;
    text-align: center;
    position: absolute;
    right: 25px;
    top: 5px;
}

.table-form-view .rarr {
    position: absolute;
    right: 7px;
    top: 2px;
    font-weight: bold;
}

.table-form-view .rarr, .table-form-view .larr {
    cursor: pointer;
}


/* .btn-3 {
    display: inline-block;
    box-sizing: border-box;
    padding: 1px 25px !important;
    margin: 0 15px 2px 0;
    outline: none;
    border: none;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    background-color: #129112;
    box-shadow: 0 2px #21487f;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
    vertical-align: top;
} */
.btn-2 {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 6px !important;
    margin: 0 1px 0px 0;
    outline: none;
    border: none;
    border-radius: 3px;
    height: 27px;
    line-height: 27px;
    font-size: 12px !important;
    /* text-transform: uppercase; */
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    background-color: #129112;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
    transition: box-shadow .18s ease-out, background .18s ease-out, color .18s ease-out;
}

.btn-2:focus-visible {
    box-shadow: 0 0 0 3px lightskyblue;
}

.btn-2:hover {
    box-shadow: 0px 0px 2px 1px #b3b2b2, 0 2px 5px 0 #cfcfcf;
    color: #111;
}

.btn-2:active {
    background-color: #058c38 !important;
}

.btn-2:disabled {
    background-color: #aed2bc;
    color: #444;
    pointer-events: none;
}

.btn-3 {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 7px !important;
    /* margin: 0 15px 15px 0; */
    outline: none;
    border: none;
    border-radius: 4px;
    /* height: 30px; */
    line-height: 25px;
    font-size: 12px !important;
    font-weight: normal;
    text-decoration: none;
    vertical-align: top;
    color: #fff;
    background-color: #5181b8;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
    overflow: hidden;
}

.btn-3:focus-visible {
    box-shadow: 0 0 0 3px lightskyblue;
}

.btn-3:hover {
    opacity: 0.88;
}

.btn-3:active {
    line-height: 26px;
}

.btn-3:disabled {
    pointer-events: none;
    opacity: 0.65;
}

.btn-4 {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 7px !important;
    /* margin: 0 15px 15px 0; */
    outline: none;
    border: 1px solid transparent;
    border-radius: 3px;
    /* height: 32px; */
    line-height: 23px;
    font-size: 12px !important;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    background-color: #129112;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
}

.btn-4:focus-visible {
    box-shadow: 0 0 0 3px lightskyblue;
}

.btn-4:hover {
    border-color: transparent;
    background-color: #4986a1;
    color: #fff;
}

.btn-4:active {
    border-color: #6f9cbc !important;
    background-color: #367089 !important;
}

.btn-4:disabled {
    background-color: #558cb7;
    color: #fff;
    pointer-events: none;
}


.page {
    height: 36px;
    border-radius: 5px;
    background: #183c4a;
    margin: 30px 0px 20px 0px;
    padding: 21px 0px 3px 30px;
    color: #FFFFFF;
}

.page .active {
    font-weight: bold;
    margin: 5px 9px;
    border: 1px solid #ccc;
    padding: 6px;
    background-color: #ccc;
}

.page a {
    color: #FFFFFF;
    padding: 6px;
    border: 1px solid #fff;
    margin: 5px 9px;
    text-decoration: none;
}

.page a:hover {
    background-color: #ccc;
}

.klient .delete {
    top: 9px !important;
}

.klient .rightCol {
    /*float:none !important;*/
}

/* .div_org, .div_ip, .div_fiz{
	display:none;
} */
.nds_view, .country_view {
    display: none;
}

.akt_text, .in_text {
    width: calc(100%);
    height: 80px;
    font-size: 16px;
}

.in_text {
    font-size: 16px;
    font-family: Arial;
}

.install {
    display: none;
}

.makeInfo {
    padding: 5px;
    font-size: 13px;
    background: antiquewhite;
    border-radius: 0 0 5px 5px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #666;
}

.makeInfo .deleteMake {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/delete.png) no-repeat;
    cursor: pointer;
    margin-left: 5px;
}

.makeInfo ul {
    margin: 0;
    padding: 0;
}

.makeInfo ul li {
}

.checkbox-other {
    display: block;
    /* margin: 0 0 10px 0;*/
    margin: 0;
    cursor: pointer;
    user-select: none;
    position: relative;
    padding: 5px 0 0 0; /*ttn2012 - не корректно*/
}

.checkbox-other input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.checkbox-other span {
    display: inline-block;
    margin: 3px;
    /* position: relative; */
    padding: 0 0 0 20px;
    line-height: 22px;
}

.checkbox-other span:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 2px;
    transition: background 0.3s ease;
    background: #ffffff url('../images/checkbox-1.png') 0 0 no-repeat;
}

.checkbox-other input[type=checkbox]:checked + span:before {
    background-image: url('../images/checkbox-2.png');
}

.tabs .org, .tabs .ip, .tabs .fiz, .tabs .paper, .tabs .electro, .tabs .show, .tabs .hide {
    display: none;
}

.electroHide {
    display: none;
}

.noActualForm {
    border: 2px solid #FF0000;
    margin: 5px;
    padding: 10px;
    font-size: 20px;
    background-color: #fff;
}

#divOther {
    display: none;
}

.priceOnPage {
    /*border: 1px solid #ccc;*/
    /*padding: 5px;*/
    border-radius: 5px;
}

/* техническая поддержка */
.support-container {
    display: flex;
    justify-content: space-between;
    margin: 10px;
    /* margin-right: -10px; */
}

.support-button {
    flex: 1;
    width: 100%;
    color: #3ac1ef;
    text-align: center;
    text-transform: uppercase;
    margin: 10px;
    padding: 10px;
    border: 1px solid #3ac1ef;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-color: #fff;
}

.support-button:hover {
    color: #ffffff;
    background-color: #3ac1ef;
}

.support-button-selected {
    cursor: default;
    color: #ffffff !important;
    font-weight: bold;
    background-color: #3ac1ef;
    /* pointer-events: none; */
    cursor: pointer;
}

.support-button-send {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    padding: 0px 10px 0px 10px;
    height: 42px;
    border: 1px solid #3ac1ef;
    color: #3ac1ef;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s linear;
    background-color: #fff;
    margin: 25px 0 10px 0;
}

.support-button-send:hover {
    color: #ffffff;
    background-color: #3ac1ef;
}

.support-history-table {
    display: flex;
    justify-content: space-between;
    background-color: #dddbdb;
    padding: 15px 20px;
    margin: 0 20px 0;
}

.width-column1 {
    width: 250px;
    position: relative;
}

.width-column2 {
    width: 200px;
    position: relative;
}

.width-column3 {
    width: 150px;
}

.support-history-container {
    display: block;
    margin: 0 20px 0;
}

.support-history-row {
    display: flex;
    background-color: #fff;
    justify-content: space-between;
    padding: 20px 20px;
    color: #6d6d6d;
    align-items: center;
    border-bottom: 1px solid #d0d0d0;
}

.support-history-row:nth-of-type(even) {
    background-color: #f8f8f8;
}

.support-history-row a {
    /* color:#000 */
}

.support-history-notickets {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

.support-ticket {
    /* max-width: 700px; */
    margin: 0 20px 0;
}

.support-subject {
    padding-top: 10px;
    font-size: 24px;
}

.support-ticketinfo {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 15px;
}

.support-subjectmsg {
    margin-top: 15px;
    padding: 30px 40px;
    background-color: #d6e1bd;
    border-radius: 5px;
    overflow: auto;
}

.support-supportmsg {
    margin-top: 15px;
    padding-left: 90px;
}

.support-supportmsg-container {
    display: flex;
    align-items: center;
    color: #cacaca;
    font-size: 15px;
}

.support-supportmsg-msgdate, .support-usermsg-msgdate {
    font-size: 12px;
    color: #cacaca;
}

.support-supportmsg-supportmsg {
    padding: 30px 40px;
    background-color: #c2e4ef;
    border-radius: 5px;
    overflow: auto;
}

.support-mainmsg {
    margin-top: 15px;
    padding-right: 90px;
}

.support-usermsg {
    margin-top: 15px;
    padding-right: 90px;
}

.support-usermsg-title {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.support-usermsg-usermsg {
    padding: 30px 40px;
    border: 1px solid #3ac1ef;
    border-radius: 5px;
    overflow: auto;
    background-color: #e7f1d0;
}

.support-attached {
    margin-top: 30px;
}

.support-attached-header {
    margin-top: 30px;
}

.support-attached-file {
    display: flex;
    flex-direction: row;
}

.support-attached-file div {
    margin-left: 10px;
}

.table_border {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.table_border tr td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px;
}

.question {
    margin: 20px
}

.question .qTD {

}

.question .qTD div {
    color: #a0a0a0;
    font-size: 16px;
    padding: 15px 0px 14px 15px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.question .qTD input[type="text"], .question .qTD textarea {
    position: relative;
    background-color: transparent;
    z-index: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;

    line-height: 21px;
    margin: 0px;
    background: #ffffff;
    border: 1px solid #1a1a1a;
    border-radius: 2px;
    outline: 0;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;

    color: #1a1a1a;
    width: 100%;
    font-size: 16px;
    font-family: "PTSans";
    padding: 12px 14px;
    box-sizing: border-box;
}

.question .info_description {
    font-size: 12px;
}

.question .error {
    margin: 15px 0 0 0;
    color: red;
}

.support-fileadd {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.support-fileadd-icon {
    padding-right: 15px;
}

.support-fileadd-href {
    text-transform: uppercase;
    color: #3ac1ef;
    cursor: pointer;
}

.support-attach {
    position: absolute;
    opacity: 0;
    width: 195px;
    height: 40px;
}

.support-replytitle {
    margin-top: 25px;
    color: #3ac1ef;
    font-size: 20px;
}

#oooops {
    margin: 10px;
    padding: 10px;
    border: 2px solid #f60;
    border-radius: 4px;
    display: none;
}

.new_message {
    padding: 2px 5px !important;
    background-color: #ff0000;
    margin-left: 7px;
    position: absolute;
    /* width: 15px; */
    /* top: -10px; */
    /* left: 20px; */
    /* display: block; */
    /* float: right; */
    border-radius: 12px;
    color: #fff;
    border: none;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
}


/*FILEAPI загрузка файлов*/
.b-file {
    /* height: 40px; */
    min-width: 300px;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background-color: #fcfcfc;
    background: -webkit-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background: -moz-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #fcfcfc 0%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #fcfcfc 0%, #f6f6f6 100%);
    clear: both;
}

.b-file__left {
    float: left;
    margin: 1px 0 0 2px;
    line-height: 0;
}

.b-file__left_border {
    border: 2px solid #fff;
    border-radius: 4px;
}

.b-file__right {
    margin-left: 45px;
}

.b-file__name {
    color: #36c;
    cursor: pointer;
    border-bottom: 1px dotted #36c;
    text-decoration: none;
}

.b-file__name:hover {
    color: #f00;
    border-bottom-color: #f00;
}

.b-file__info {
    color: #666;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
}

.b-file__bar {
    padding-top: 4px;
}

.b-file__error {
    color: #c00;
}

.b-file__done {
    color: #2fbb40;
}

.b-file__abort {
    top: 10px;
    right: 0px;
    bottom: 0px;
    width: 15px;
    height: 15px;
    position: absolute;
    color: #c00;
    cursor: pointer;
    font-size: 20px;
    /* display: none; */
}

.b-file_upload .b-file__abort {
    display: block;
}


.toggle > label {
    line-height: 24px;
    cursor: pointer;
}

.toggle > label > span {
    float: left;
}

.toggle > div {
    display: none;
    margin-top: 0.5em;
}

input:checked + .toggle > div {
    display: block;
}

/* input:checked + .toggle > label > span:first-child {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
input:checked + .toggle > label > .ico_filter_back {-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} */

.index {
}

.index ul {
    margin: 0px 0;
}

.index ul li.first {
    margin-top: 16px;
}

.index ul li {
    margin: 6px;
}

.klient_hide {
    display: none;
}

#klient_result {
    display: none; /* border:1px solid #000; background-color:#fff; */
    color: blue;
}

.select_klient {
}

.select_klient h2 {
    margin: 0 5px 5px 0;
}

#search_klient_arr {
    padding: 3px;
}

.border_red {
    border: 1px solid #ff0000;
}

.select_dogovor option {
    font-size: 16px;
}

.open_dogovor {
    border: 1px solid #c3dfff;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    text-align: center;
    border-radius: 5px;
    background-color: #3775dd;
    color: #fff;
    cursor: pointer;
    margin: 5px;
}

.open_dogovor:active {
    background-color: #719ee9;
}

.table_dogovor {
    font-size: 14px;
    background-color: #ffff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
}

.table_dogovor thead tr td {

    font-weight: bold;
}

.table_dogovor tr td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.table_dogovor textarea {
    font-size: 14px;
    font-family: arial;
    width: 100%;
    height: 65px;
}

.button_yellow {
    color: #fff;
    border: 1px solid #3ab2e9;
    padding: 5px 30px 5px 30px;
    cursor: pointer;
    text-decoration: none;
    z-index: 1;
    text-align: center;
    /* background-color: #ffd325; */
    border-radius: 3px;
    background: linear-gradient(#ffcc01, #ffd325);
    /* box-shadow: inset 1px -1px #f1f1f1, inset -1px 0 #f1f1f1, 0 1px 2px rgb(0 0 0 / 10%); */
    display: inline-block;
    margin-bottom: 10px;
    width: 20em;
    font-weight: bold;
}

.button_yellow:hover {
    color: crimson;
    background: linear-gradient(#eac11b, #e8cb58);
}

.button_yellow:active {
    color: blue;
    background: linear-gradient(#edcb42, #dfbf3f);
}

.hide_right_block {
    background-color: yellow;
    color: crimson;
    text-align: center;
    position: absolute;
    right: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    cursor: pointer;
    z-index: 9998;
    /* width:290px; */
}

.hide_right_block:hover {
    color: #000;
}


.you-widget {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background: #ffffff;
    box-shadow: var(--shadow-content-default);
    /* box-sizing: border-box; */
    width: 100%;
    max-width: 460px;
}

.you-widget .qa-amount-label {
    margin: 0;
    margin-bottom: 8px;
    display: block;
    font-weight: 400;
}

.you-widget .qa-amount-input {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: top;
    width: 100%;
    font-size: var(--form-control-size-m-font-size);
    line-height: var(--form-control-size-m-line-height);
}

.you-widget .qa-amount-input .mui {
    box-sizing: border-box;
    position: relative;
    cursor: text;
    display: inline-flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    border-radius: 4px;
    padding-right: 14px;
    border: 1px solid #ccc;
}

.you-widget .qa-amount-input .mui .mui-input {
    outline: 0;
    font: inherit;
    letter-spacing: inherit;
    color: currentColor;
    border: 0;
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0;
    width: 100%;
    -webkit-animation-name: mui-auto-fill-cancel;
    animation-name: mui-auto-fill-cancel;
    -webkit-animation-duration: 10ms;
    animation-duration: 10ms;
    padding: 16.5px 14px;
    padding-right: 0;
}

.you-widget .qa-amount-input .mui input[type="number"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

.you-widget .qa-amount-input .mui input[type="number"]::-webkit-outer-spin-button,
.you-widget .qa-amount-input .mui input[type="number"]::-webkit-inner-spin-button {
    display: none;
}

.button_pay {
    background-color: #EA624A;
    height: 46px;
    width: 100%;
    padding-left: var(--space-l);
    padding-right: var(--space-l);
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    border-radius: 4px;
    border: 0px;
    -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.button_pay:hover {
    background: linear-gradient(0deg, #00000026, #00000026), #EA624A;
}

.logo_money {
    background: url('/templates/images/youmoney.png') no-repeat 0px 0px;
    left: 30px;
    top: 12px;
    width: 30px;
    height: 30px;
    position: absolute;
}

.text_money {
    font-size: 18px;
    color: #fff;
    font-family: "PTSans";
}

.ammount_money {
    position: absolute;
    right: 25px;
    top: 12px;
    font-size: 18px;
    color: #fff;
    font-family: "PTSans";
    font-weight: 700;
}

.aid_info_day {
    margin: 5px 0;
    border: 1px solid #ccc;
    padding: 10px;
    background-color: cadetblue;
    border-radius: 5px;
}

.aid_info_day .info {
    font-weight: 600;
    color: #fff;
    margin: 5px 0;
    font-size: 18px;
}

.aid_info_day .com {
    color: #000;
    line-height: 29px;
    font-size: 14px;
}

.list_setting {
    margin: 0 -20px 0 0;
    overflow: hidden;
}

.list_setting .list-item {
    /* width: 45%; */
    /* float: left; */
    margin: 0 20px 20px 0;
    border: 3px solid orange;
    padding: 15px 20px;
    background-color: cornsilk;
}

.list_setting .list-item .name {
    display: block;
    font-size: 20px;
}

.list_setting .list-item .txt {
    display: block;
    margin-top: 5px;
}

.list_dogovor {
    margin: 0 -20px 0 0;
    overflow: hidden;
}

.list_dogovor .item {
    /* width: 45%; */
    /* float: left; */
    margin: 0 20px 20px 0;
    border: 3px solid orange;
    padding: 10px 11px;
    background-color: cornsilk;
    position: relative;
}

.list_dogovor .item .header {
    margin-left: 20px;
}

.list_dogovor .item .header p.name, .list_dogovor .item .header a.name {
    margin: 5px 0;
    display: block;
}

.list_dogovor .item .date {
    font-size: 13px;
}

.list_dogovor .item .delete {
    width: 20px;
    height: 20px;
    background: url('../images/delete.png') no-repeat;
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
}

.list_dogovor .item .edit, .list_dogovor .item .copy {
    color: #6f5eaf;
    font-size: 14px;
}

.list_dogovor .item .header .hide_templ {
    position: absolute;
    right: 23px;
    top: 7px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.list_dogovor .item .header abbr {
    position: absolute;
    right: 3px;
    top: 7px;
}

.list_dogovor .item .header abbr:hover::after {
    right: 0% !important;
    left: auto !important;

}

.dogovor_editor {
    padding-top: 17px !important;
}

.dogovor_editor .in_name {
    width: 99%;
}

.dogovor_editor .mlpx {
    margin: 10px 0;
}

.dogovor_editor .button {
    cursor: inherit;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    display: inline-block;
}

/*#div_editor .button_icon{
	background-image:url('/inc/ckeditor/plugins/icons.png');
	background-position:0 -456px;
	background-size:auto;
	margin-top:4px;
}*/
.dogovor_editor .view_bottom {
    background-image: url('/templates/images/view.png');
    background-position: 0 0;
    background-size: auto;
    margin-top: 3px;
    margin-left: 10px;
    cursor: pointer;
}

.dogovor_editor .view_right {
    background-image: url('/templates/images/view.png');
    background-position: -27px 0;
    background-size: auto;
    margin-top: 3px;
    margin-left: 3px;
    cursor: pointer;
}

.dogovor_hint label {
    font-size: 18px;
}

#div_hint .ckeditor_insert {
    margin-top: 12px;
    padding: 2px;
    height: 700px;
    background: #fff; /* цвет фона, белый */
    border: 1px solid #C1C1C1; /* размер и цвет границы блока */
    overflow-y: scroll; /* прокрутка по вертикали */
}

.ckeditor_insert input[type=text], .ckeditor_insert textarea {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 1em;
    font-family: sans-serif;
    background-color: rgba(255, 255, 255, 0);
    display: block;
}

/* #new_mark input[type=button]{
	background:#0889ba;
	color: #fff !important;
    text-decoration: none !important;
    cursor: pointer;
	border-radius: 4px;
    border: 0 none !important;
    padding: 8px 34px 8px 34px;
} */
#new_mark {
    background-color: #fbfbfb;
}

.mark_hint {
    padding: 5px;
    margin-left: 2px;
    background-color: #fbfbfb;
    font-size: 13px;
    height: 700px;
    overflow: auto;
}

.mark_hint .mark_value {
    background-color: bisque;
    font-style: italic;
}

.mark_hint label {
    font-size: 18px;
}

.ckeditor_insert table {
    /*margin: 5px;*/
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 100%;
}

.ckeditor_insert table tr td {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 3px;
}

.ckeditor_insert .mark_edit {
    position: relative;
}

.ckeditor_insert .mark_edit .edit {
    background: url(/templates/images/pencil.png) no-repeat;
    left: 3px;
}

.ckeditor_insert .mark_edit .delete {
    background: url(/templates/images/delete2.png) no-repeat;
    right: 2px;
}

.ckeditor_insert .mark_edit .edit, .ckeditor_insert .mark_edit .delete {
    position: absolute;
    opacity: 0.7;
    cursor: pointer;
    width: 18px;
    height: 18px;
    bottom: 2px;
}

.ckeditor_insert .insertSelect {
    cursor: pointer;
    display: block;
    font-size: 15px;
    border: 1px solid #f0ebeb;
    margin: 6px 0 28px 0;
    text-align: center;
}

.ckeditor_insert .insertSelect:hover {
    /*border-bottom: 1px dotted #1ab9f5;*/
    /*text-decoration: underline;*/
    color: #FF0000;

}


.flex-box {
    display: flex;
}

.flex-item {
    width: 100%;
    float: left;
    margin: 5px;
    border: 2px solid #87a6a3;
    border-radius: 4px;
    padding: 15px 20px;
    background-color: cornsilk;
}

.flex-item .name {
    /*display:block;*/
    font-size: 20px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center bottom 1px;
    background-size: 100% 1px;
    background-image: linear-gradient(to right, red, #19f109);
}

.flex-item .name:hover {
    background-image: linear-gradient(to right, blue, #e70505);
}

.flex-item p {
    margin: 5px 0;
}

.flex-item .txt {
    display: block;
    margin-top: 5px;
}

.flex-item .form select {
    font-size: 16px;
    width: 205px;
    padding: 2px;
    margin: 4px 0;
}

/*.news {

}

.news .item {
    width: 100%;
    float: left;
    margin: 5px;
    border: 2px solid #87a6a3;
    border-radius: 4px;
    padding: 15px 20px;
    background-color: cornsilk;
}*/

/* Новости */
.news {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px
}

.news-body {
    padding: 15px;
    font-family: "PTSans";
    font-size: 18px !important;
}

.news-body a {
    font-family: "PTSans";
    font-size: 1em !important;
}

.news-body h3 {
    margin: 10px 0px;
}

.news-body p {
    margin: 5px 0px;
}

.news-body ul {
    margin: 10px 20px;
}

.news-body ol {
    margin: 10px 20px;
}

.news-body ol li, .news-body ul li {
    list-style: auto;
    margin: 9px 0;
}

.news-body hr {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #dce7d7;
    margin: 10px 0 5px 0;
}

.news-body .date-edit {
    font-size: 0.7em;
    font-style: italic;
}

.news-body .green {
    color: #038046;
}

.news-body .blue {
    color: #006DAE;
}

.news-body .red {
    color: #CC0000;
}

.news-body .list-file {
    margin: 10px 0 0 0;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
}

.news-body .list-file .info-file {
    margin: 5px 0 15px 0;
    color: #ed9999;
    font-size: 14px;
}

.news-body .list-file .list {
}

.news-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}


.news-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2em;
    color: inherit
}

.news-title > .small {
    font-size: 0.8em;
}

.news-title > .small,
.news-title > .small > a,
.news-title > a,
.news-title > small,
.news-title > small > a {
    color: inherit
}

.news-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.news-default {
    border-color: #ddd
}

.news-default > .news-heading {
    color: #000;
    background-color: #f5f5f5;
    border-color: #ddd
}

.news-default > .news-heading + .news-collapse > .news-body {
    border-top-color: #ddd
}

.news-default > .news-heading .badge {
    color: #f5f5f5;
    background-color: #000
}

.news-default > .news-footer + .news-collapse > .news-body {
    border-bottom-color: #ddd
}

.news-primary {
    border-color: #006DAE
}

.news-primary > .news-heading {
    color: #fff;
    background-color: #006DAE;
    border-color: #006DAE
}

.news-primary > .news-heading + .news-collapse > .news-body {
    border-top-color: #006DAE
}

.news-primary > .news-heading .badge {
    color: #006DAE;
    background-color: #fff
}

.news-primary > .news-footer + .news-collapse > .news-body {
    border-bottom-color: #006DAE
}

.news-success {
    /* border-color: #d6e9c6; */
    border: 2px solid #85d145
}

.news-success > .news-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.news-success > .news-heading + .news-collapse > .news-body {
    border-top-color: #d6e9c6
}

.news-success > .news-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.news-success > .news-footer + .news-collapse > .news-body {
    border-bottom-color: #d6e9c6
}

.news-info {
    border-color: #bce8f1
}

.news-info .news-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.news-info .news-admin {
    background-color: #75e7e6;
    border-color: #1d7081;
}

.news-info .news-heading .news-title {
    color: #305668;
    font-size: 1.1em;
}

.news-info > .news-heading + .news-collapse > .news-body {
    border-top-color: #bce8f1
}

.news-info > .news-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.news-info > .news-footer + .news-collapse > .news-body {
    border-bottom-color: #bce8f1
}

.news-info .news-footers {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    margin-bottom: 3px;
}

.news-info .news-footers.foot, .news-info .news-body.foot {
    border-left: 1px solid #ddd;
}

.news-info .news-footers p {
    margin: 0;
}

.news-info .news-footers a {
    font-size: 12px;
}

.news-info .news-body hr {
    margin: 20px 0 5px 0;
    padding: 0;
    height: 0;
    border: none;
    border-top: 2px dotted #ddd;
}


.news .news-second {
    border-left: 1px solid #bce8f1;
    border-radius: 5px 0 0 0;
}

.news-warning {
    border-color: #faebcc
}

.news-warning > .news-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.news-warning > .news-heading + .news-collapse > .news-body {
    border-top-color: #faebcc
}

.news-warning > .news-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.news-warning > .news-footer + .news-collapse > .news-body {
    border-bottom-color: #faebcc
}

.news-danger {
    border-color: #CC0000
}

.news-danger > .news-heading {
    color: #fff;
    background-color: #CC0000;
    border-color: #CC0000
}

.news-danger > .news-heading + .news-collapse > .news-body {
    border-top-color: #CC0000
}

.news-danger > .news-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.news-danger > .news-heading > .news-title {
    color: #fff
}

.news-danger > .news-footer + .news-collapse > .news-body {
    border-bottom-color: #ebccd1
}

.news-comments {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.news-comments .row-item-name {
    position: relative;
    flex: 1 0 250px;
    margin: 0 5px;
}

.news-comments .row-item-name label {
    position: relative;
    display: inline-block;
}

.news-comments .row-item-name .input_load input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.news-comments .row-item-name .input_load span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 18px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 4px;
    background-color: #419152;
    line-height: 22px;
    height: 34px;
    padding: 5px 20px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s;
    font-family: "PTSans";
}

.news-comments .row-item-name .maxSizeFile {
    font-size: 12px
}

.news-comments .form__input {
    display: block;
    width: 96%;
    /*height: 120px;*/
    /* margin: 0 0 10px; */
    padding: 9px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fdfdfd;
    background-repeat: no-repeat;
    color: inherit;
    font: inherit;
    line-height: 1.3;
    transition: .2s;
}

.news-comments .form__input_save {
    /*display: block;
    padding: 9px 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fdfdfd;
    background-repeat: no-repeat;
    color: inherit;
    font-size: 1em;
    cursor: pointer;
    line-height: 1.3;
    transition: .2s;*/
}


.news-footer .comments-number {
    padding: 0 0 0 19px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='612' height='6da%3E%3Cpath d='M401.625 325.125h-191.25c-10.557 0-19.125 8.568-19.125 19.125s8.568 19.125 19.125 19.125h191.25c10.557 0 19.125-8.568 19.125-19.125s-8.568-19.125-19.125-19.125zm38.25-114.75h-267.75c-10.557 0-19.125 8.568-19.125 19.125s8.568 19.125 19.125 19.125h267.75c10.557 0 19.125-8.568 19.125-19.125s-8.568-19.125-19.125-19.125zM306 0C137.012 0 0 119.875 0 267.75c0 84.514 44.848 159.751 114.75 208.826V612l134.047-81.339c18.552 3.061 37.638 4.839 57.203 4.839 169.008 0 306-119.875 306-267.75S475.008 0 306 0zm0 497.25c-22.338 0-43.911-2.601-64.643-7.019l-90.041 54.123 1.205-88.701C83.5 414.133 38.25 345.513 38.25 267.75c0-126.741 119.875-229.5 267.75-229.5s267.75 102.759 267.75 229.5S453.875 497.25 306 497.25z' fill='%23E9573F'/%3E%3C/svg%3E") no-repeat 0/12px 12px
}

.news-footer .item_comments {
    margin: 0 10px;
}

.news .active .news-body {
    animation-name: blinker;
    animation-iteration-count: infinite;
    /*animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);*/
    animation-timing-function: linear;
    animation-duration: 2s;
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    /*-webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);*/
    /*-webkit-animation-timing-function: linear;*/
    -webkit-animation-duration: 2s;
    background-color: #e9e7d5;
}

@keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 1.0;
    }
}

@-webkit-keyframes blinker {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.0;
    }
}

.load_file, .load_file_upload {
    border: 1px solid #ccc;

    margin: 5px 0;
}

.load_file b, .load_file_upload b {
    padding: 5px;
}

.load_file .input-file-list-item, .load_file_upload .input-file-list-item {
    padding: 3px;
}

.load_file .input-file-list-remove, .load_file_upload .input-file-list-remove {
    color: red;
    text-decoration: none;
    display: inline-block;
    margin-left: 5px;
}


.big-table {
    width: 100%;
    /*max-height: 600px;*/
    overflow: scroll;
    position: relative;
}

.big-table table {
    position: relative;
    border-collapse: collapse;
}

.big-table table td, .big-table table th {
    padding: 0.25em;
}

.big-table table thead th {
    position: sticky;
    top: 0;
    background: #dbdbdb;
    color: #000;
    border: 1px solid #8e8c8c;
    z-index: 1;
}

.big-table table thead th:first-child, .big-table table thead th:nth-child(2) {
    left: 0;
    z-index: 1;
}

.big-table table tbody th {
    position: sticky;
    left: 0;
    background: #dbdbdb;
    border: 1px solid #8e8c8c;
}


.big-table table tbody textarea {
    width: 98%;
}

.big-table .weekend {
    background-color: #f2dcdb;
}

.big-table .active {
    background-color: #ebebcf;
    border: 2px solid #ff0000;
}

.big-table .full-size {
    width: 20px;
    height: 20px;
    background: url('/templates/images/full-size.png') no-repeat;
    display: block;
    cursor: pointer;
}

.big-full-table {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100% !important;
    z-index: 9999 !important;
    background-color: aliceblue;
    padding: 10px;
}

.big-full-table .full-size {
    width: 20px;
    height: 20px;
    background: url('/templates/images/full-size-under.png') no-repeat;
    display: block;
    cursor: pointer;
}

.big-full-table .hide_view_full_table {
    display: block !important;
    font-weight: bold;
    color: blueviolet;
    cursor: pointer;
}

.upIdown {
    position: relative;
}

.up, .down {
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #e3d9a7;
    border-radius: 3px;
    background-color: #fcf8e9;
    width: 20px;
    text-align: center;
    top: 3px;
    padding-bottom: 2px;
    padding-top: 0px;
}

.up {
    left: 0px
}

.down {
    left: 30px
}

.how {
    color: #e4935a;
    text-decoration: none;
    border-bottom: 1px dashed #83a6b4;
    font-size: 14px;
}

.stick {
    display: block;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    min-height: 3em;
    padding: 1em;
    background-color: white;
}

.stick a.title {
    color: #c61212;
    border-bottom: 1px dashed #c61212;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.2em;
}

.stick a.title:hover {
    border-bottom: none;
}

details {
    display: block;
    background: #fff;
    /*width: 400px;*/
    box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

summary::-webkit-details-marker {
    display: none;
}

summary::-moz-list-bullet {
    list-style-type: none;
}

summary::marker {
    display: none;
}

summary {
    display: block;
    padding: .3em .3em .3em 1.4em;
    font-size: 1.4em;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #e2e8f0;
}

summary:before {
    top: .4em;
    left: .3em;
    color: transparent;
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
    width: 1em;
    height: 1em;
    content: "";
    position: absolute;
    transition: transform .5s;
}

details[open] > summary:before {
    transform: rotateZ(90deg);
}

summary ~ * {
    padding: 0 1em 0px 2em;
}

/*summary p {
    padding: 0;
}*/

details[open] summary ~ * {
    animation: sweep .5s ease-in-out;
}

@keyframes sweep {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

summary:focus {
    outline: 0;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.3);
}


.countInfoDoc .loader {
    width: 13px;
    height: 13px;
    border: 2px dotted #1fa8dc;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.blockTb {
    margin: 0 0px 20px 0;
    border: 3px solid orange;
    padding: 15px 20px;
    background-color: cornsilk;
}

.input-file {
    position: relative;
    display: inline-block;
}

.input-file span {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    font-size: 18px;
    vertical-align: middle;
    color: rgb(255 255 255);
    text-align: center;
    border-radius: 4px;
    background-color: #419152;
    line-height: 22px;
    height: 44px;
    padding: 10px 24px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    transition: background-color 0.2s;
    font-family: "PTSans";
}

.input-file input[type=file] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

/* Focus */
.input-file input[type=file]:focus + span {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

/* Hover/active */
.input-file:hover span {
    background-color: #59be6e;
}

.input-file:active span {
    background-color: #2E703A;
}

/* Disabled */
.input-file input[type=file]:disabled + span {
    background-color: #eee;
}


.list-temp {
    /* margin: 0 -20px 0 0; */
    margin: 0;
    overflow: hidden;
}

.list-item-temp {
    /* width: calc(40vh);
    float: left; */
    margin: 0 0px 20px 0;
    border: 3px solid indianred;
    padding: 10px 20px;
    position: relative;
}

.list-item-temp .img {
    float: left;
    margin-right: 10px;
    width: 150px;
    text-align: center;
}

.list-item-temp .img img {
    height: 150px;
    max-width: 150px;
}

.list-item-temp .name {
    min-height: 50px;
    /* margin:10px; */
    font-size: 18px;
}

.list-item-temp .text {
}

.list-item-temp .text ul {
    margin: 3px;
    /* padding:0px; */
}

.list-item-temp .text ul li {
    margin-bottom: 12px;
}


.img-zoom > input:checked + span {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: auto;
    width: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;

    text-align: center;
    overflow: auto;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    z-index: 9999;
}

.img-zoom > input:checked + span:after {
    display: none;
    content: "x";
    position: fixed;
    top: 0;
    right: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .25);
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}

.img-zoom > input:checked + span:after {
    display: block;
}

.img-zoom > input:checked + span:before {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle;
}

.img-zoom {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.img-zoom img {
    width: auto;
    height: auto;
    box-shadow: 1px 1px 3px 1px #a0a0a0;
    -webkit-box-shadow: 1px 1px 3px 1px #a0a0a0;
    -moz-box-shadow: 1px 1px 3px 1px #a0a0a0;
    -o-box-shadow: 1px 1px 3px 1px #a0a0a0;
}

.img-zoom > input:checked + span > img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    float: none;
    margin: 40px auto;
    vertical-align: middle;
}

.img-zoom > input {
    display: none;
}

@media (min-width: 481px) {
    .img-zoom img {
        max-width: 20em;
        width: 100%;
        margin: 1em;
        /* margin-bottom: 1.5em; */
        /* float: left; */
    }
}

@media (max-width: 480px) {
    .img-zoom img {
        max-width: 100%;
        max-height: 20em;
        margin-left: auto;
        margin-right: auto;
    }
}


@media only screen and (max-width: 1267px) {
    .hide_right_block {
        display: none;
    }

    .right, .menu {
        display: none;
    }

    main .content {
        margin-right: 0;
    }

    .menu-triger {
        display: block;
    }

    .logo {
        margin-right: 10px;
        width: 200px;
    }

    .logo a {
        font-size: 24px;
    }

    footer .logo {
        width: auto;
    }

    header .formLogin {
        right: 50px;
        top: 53px;
    }

    header .forgot {
        top: 83px;
        right: 72px;
    }

    .padding {
        padding: 1px;
    }
}

@media only screen and (max-width: 948px) {
    .left {
        display: none;
    }

    main .content {
        margin-left: 0;
    }

    .main-title {
        margin: 0;
    }

}

@media only screen and (max-width: 930px) {
    header .formLogin {
        display: none;
    }

    header .forgot {
        display: none;
    }

}

@media only screen and (max-width: 600px) {
    .divForm tr td:first-child {
        width: 100px;
    }

    .divForm .selectOpt {
        /* width: auto; */
    }

    .w15, .w20, .w25, .w60, .w30, .w70 {
        width: 100%;
    }

    .print, .search_submit {
        margin: 10px !important;
    }

    .select_document {
        margin: 10px !important;
    }

    .search_document, .lk .new_document {
        margin: 10px !important;
    }

    .lk .new_document {
        display: block;
        width: auto;
        padding-bottom: 13px;
    }

    .mobile {
        display: block;
        margin: 10px;
    }

    .lk_items .item .header .rightCol {
        float: none !important;
        text-align: left;
    }

    .divForm .ind {
        margin-top: 0;
    }

    .list-item-temp .text {
        clear: both;
    }

    .list-item-temp .text ul {
        padding: 0;
    }

    .list_dogovor .item .header .hide_templ, .list_dogovor .item .header abbr {
        display: none;
    }

}

.divAuto {
    border: 1px solid #ad7b6f;
    padding: 5px;
}


.countTable tbody {
    border-collapse: collapse;
    counter-reset: schetchik; /* счётчик с названием "schetchik" работает в рамках класса .demotable */
}

.countTable tbody tr {
    counter-increment: schetchik; /* при встрече тега tr счётчик с названием "schetchik" увеличивается на единицу */
}

.countTable tbody tr:before {
    content: counter(schetchik); /* значение счётчика с названием "schetchik" записывается в первую клетку строки */
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    text-align: center;
}

.tableBorder {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

.tableBorder tr td {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

#discountTableInput, .discountTable, .discountTableFooter2, .discountTableFooter5 {
    display: none;
}

#tooltip {
    z-index: 9999;
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    width: 250px;
    background-color: #f5f5f5;
    padding: 5px 10px 5px 10px;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 1px 2px #555;
}

.icon_info {
    display: inline-block;
    position: relative;
    width: 17px;
    height: 17px;
    margin-bottom: -2px;
    background: url(../images/warning.png) no-repeat;
}



.loaderSearch {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #de3500 #0000 #fff #0000;
    border-radius: 50%;
    box-sizing: border-box;
    animation: 1s rotate linear infinite;
}

.loaderSearch:before, .loaderSearch:after {
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    transform: translate(-10px, 19px) rotate(-35deg);
}

.loaderSearch:after {
    border-color: #de3500 #0000 #0000 #0000;
    transform: translate(32px, 3px) rotate(-35deg);
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}


.tableWebSearch {
    margin-top: 10px;
}

.tableWebSearch select {
    padding: 5px;
}

.tableWebSearch .search_input {
    padding: 6px;
    width: 98%;
}

.tableWebSearch .search_button {
    /*padding: 5px;*/
}

/*.tableSearch.divLoaderBackground {
    background-color: #f5f5f5;
}*/

.tableWebSearch .divLoader {
    text-align: center;
}

.tableWebSearch .clean{
    display: block;
    position: absolute;
    top: 0.6em;
    /* right: -0.2em; */
    opacity: 0.7;
    right: 0.7em;
    text-decoration: none;
}
.tableWebSearch .clean:before {
    content: "✖";
    font-size: 14px;
    color: #ac1212;
    display: block;
}


.tableWebSearch .items:first-child{
    /*margin-top: 16px;*/
    /*border-top: 1px solid #eeeae7;*/
}
.tableWebSearch .items{
    display: grid;
    grid-template-columns: 100px 2.5fr 1fr;
    gap: 24px;
    height: 130px;
    padding: 16px 0;
    border-top: 1px solid #eeeae7;
    font-size: 14px;
}
.tableWebSearch .item_thumbnail{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-top: 23px;
}
.tableWebSearch .item_thumbnail img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.tableWebSearch .item_content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tableWebSearch .item_content .item_content_name{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    font-weight: 400;
    /*line-height: 16px;*/
    color: #211d1b;
    margin: 0px;
}
.tableWebSearch .item_content .item_content_code{
    color: #787573;

}

.tableWebSearch .item_content .item_content_update_price{
    margin: 0;
    color: #787573;
}
.tableWebSearch .item_content .item_content_shop{
    display: flex;
    align-items: center;
    gap: 4px;
}
.tableWebSearch .item_content .item_content_shop_name{
    margin: 0;
    color: #9d450b;
}
.tableWebSearch .item_content .item_content_shop_name span{
    /*border: 1px solid #776d2f;*/
    padding: 3px;
    border-radius: 7px;
    margin-left: 20px;
}
.tableWebSearch .item_content .item_content_shop_name img{
    display: inline;
    width: 17px;
    position: absolute;
    margin: 1px 0 0 2px;
}


.tableWebSearch .item_content .item_content_shop_link{
    width: 14px;
    height: 14px;
    background: url('/templates/images/shop_arrow.png') no-repeat;
}

.tableWebSearch .item_content .item_content_region{
    display: flex;
    align-items: center;
    gap: 6px;
}
.tableWebSearch .item_content .item_content_region_name{
    /*margin: 0 0 0 40px !important;*/
    color: #914c1f;
}


.tableWebSearch .item_price{
    /*-webkit-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
    /*font-size: 17px;*/
    /*font-weight: bold;*/
    display: flex;
    align-items: center;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 17px;
    /*font-weight: bold;*/
    flex-direction: column;
    /*justify-content: space-between;*/
}
.tableWebSearch .item_price .item_price_indicator{
    display: flex;
    align-items: center;
    position: relative;
    float: right;
    margin-right: 20px;
}
.tableWebSearch .item_price .item_price_indicator_red{
    background: #ff1e10;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    flex-shrink: 0;
}
.tableWebSearch .item_price .item_price_current{
    margin: 0 0 0 5px !important;
    font-weight: 500;
}
.tableWebSearch .item_price .item_price_current span{
    font-size: 13px;
}
.tableWebSearch .item_add{
    display: flex;
    align-items: center;
    position: relative;
}
.tableWebSearch .item_add a{
    text-decoration: none;
    font-size: 15px;
    margin-top: 6px;
}

/*.tableWebResult {*/
/*    width: 100%;*/
/*}*/

/*.tableWebResult tr td {*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/

/*.tableWebResult .imagePrev {*/
/*    max-width: 100px;*/
/*}*/

/*.tableWebResult .name {*/
/*    font-weight: bold;*/
/*    font-size: 16px;*/
/*}*/

/*.tableWebResult .art {*/
/*    color: #666;*/
/*    font-size: 14px;*/
/*}*/

/*.tableWebResult .url {*/
/*    font-size: 14px;*/
/*}*/

/*.tableWebResult .url a {*/
/*    color: #0a84ff;*/
/*}*/

/*.tableWebResult .price {*/
/*    margin-top: 8px;*/
/*    float: left;*/
/*}*/

/*.tableWebResult .price span {*/
/*    color: chocolate;*/
/*    font-weight: bold;*/
/*}*/

/*.tableWebResult .selectOnCatalog {*/
/*    border: 1px solid #b1e1cb;*/
/*    background-color: #f5fbe3;*/
/*    padding: 1px 6px 3px 6px;*/
/*    float: right;*/
/*    border-radius: 5px;*/
/*    margin-top: 7px;*/
/*    cursor: pointer;*/
/*}*/

/*.tableWebResult .selectOnCatalog:hover {*/
/*    border: 1px solid #675a5a;*/
/*}*/
/*
.searchGoodsWeb {
    position: relative;
    !*border: 1px solid #0a84ff;*!
    padding: 3px 10px 3px 20px;
    !*border-radius: 3px;*!
    margin-left: 3px;
    !*background-color: #f6dd97;*!
    !*background: url(../images/bg2.png);*!
}
.searchGoodsWeb:before {
    content: '';
    position: absolute;
    left: 0;
    width: 19px;
    height: 17px;
    background: url(../images/searchWeb.png) 1px no-repeat;
    background-size: 17px 17px;
}*/

/*.searchGoodsWeb:hover {
}*/

.btnHabr{
    display: inline-block;
    box-sizing: border-box;
    padding: 7px 13px;
    /*margin: 0 15px 15px 0;*/
    outline: none;
    border: 1px solid transparent;
    border-radius: 3px;
    height: 32px;
    /*line-height: 32px;*/
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #fff;
    background-color: #65a3be;
    cursor: pointer;
    user-select: none;
    appearance: none;
    touch-action: manipulation;
}
.btnHabr:focus-visible {
    box-shadow: 0 0 0 3px lightskyblue;
}
.btnHabr:hover {
    border-color: transparent;
    background-color: #4986a1;
    color: #fff;
}
.btnHabr:active {
    border-color: #6f9cbc !important;
    background-color: #367089 !important;
}
.btnHabr:disabled {
    background-color: #558cb7;
    color: #fff;
    pointer-events: none;
}

.korr_top{
    margin-top: 8px;
    font-weight: bold;
}

.fill_upd_name {
    color: brown;
    cursor: pointer;
    font-size: 14px;
}