/* webkuban */
html, body	{
	color: #000; background-color: #f2f2f2; font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal; font-style: normal; font-size: 10pt; margin: 0; padding: 0; line-height: 1.5; 
}
html	{height: 100%; }
body	{height: auto; min-height:100%; min-width: 1000px;}
img		{border: 0; display: block;}
table, td	{padding: 0; margin: 0; border-collapse: collapse; font-size:10pt;}
h1, h2, h3, h4, h5, h6 	{padding: 0; margin: 0; color: #31750b; font-weight: normal;}
tr	{vertical-align: top;}

.w100	{width: 100%;}
.w50	{width: 50%;}

h1	{font-size: 1.4em;}
h2	{font-size: 1.3em;}
h3	{font-size: 1.2em;}
h4	{font-size: 1.1em;}

h1 a, h2 a, h3 a, h4 a	{color: #31750b;}

#page	{width:1000px; min-width:1000px;}

#enter	{width: 250px; border: 1px solid #999; border-radius: 10px;}

#start	{margin-top: 250px; width: 300px;}

.addForm	{width: 500px; border: 1px solid #999; border-radius: 10px;}

#enter div	{padding: 5px 10px;}

.formTitle	{border-bottom: 1px solid #999;}

#page, #enter, .red, .center, #start	{margin-left:auto; margin-right:auto;}

#menu, .list	{width: 1000px; min-width: 1000px;}

#menu	{margin: 0 0 20px 0;}

td.ms	{width: 1px;}

td.mb	{width: 11px;}

td.m,td.ma 	{background: url(/img/mbg.png) repeat-x; height: 43px; padding: 0; margin: 0; white-space: nowrap; text-align: center;}

td.m a, td.ma a	{padding: 10px 25px 10px 25px; display: block;}

td.ma 		{background: url(/img/mbga.png) repeat-x;}

#menu a	{color: #ffffff; text-decoration: none; text-shadow: #222222 2px 1px 2px;  font-size: 1.1em;}



.ten	{padding: 10px;}

.list td, .list th	{padding: 5px; border: 1px solid #999;}

.alert, .red	{color: red;}

.red	{border-bottom: 2px solid red; padding: 10px; width: 250px; font-weight: bold;}

.green	{color: #31750b; padding: 3px;}
.bggreen	{background-color:#cef9b7;}
.gr	{color:#31750b;}
.rd {color:red;}
.rdi {color:red; background: url(/p/img/lock.png) no-repeat; background-position: right; padding-right: 20px;}
.p5	{padding: 5px 0 0 0;}


/* modal */
.exitbutt{cursor:pointer; padding: 4px 6px; float:right; margin: 10px 0 0;}
#modal	{display: none; cursor: default; text-align: left; padding: 10px; }
div.modalContent	{min-height: 200px; max-height: 720px; overflow: auto; margin: 5px;}
input.check { float: left; position: relative; top: 0; width: 20px; }

label { display: block; padding: 0 0.5em 0 2em; cursor: pointer;}

input.mini	{width: 25px;}
input.small	{width: 50px;}
input.little	{width: 100px;}
input.medium{width: 200px;}
input.big	{width: 500px;}
input.submit {margin: 10px 0;}

select.medium	{width: 100px; padding: 2px;}

textarea.medium	{width: 200px; height: 90px;}
textarea.big	{width: 400px; height: 100px;}

input.error, .errorBlock	{border: 1px solid red; background-color: #FF9966; }
.errorBlock	{padding: 10px;}


.bul, .bcl, .bfl, .bur, .bcr, .bfr	{width: 12px;}

.bul, .buc, .bur, .bfl, .bfc, .bfr	{height: 13px; }

.buc, .bfc	{width: 100%;}

.bcc		{background: #ffffff; padding: 0;}

.buc		{background: url(/img/2.png) repeat-x;}

.bfc		{background: url(/img/7.png) repeat-x;}

.bcl		{height: 100%; background: url(/img/4.png) repeat-y;}

.bcr		{height: 100%; background: url(/img/5.png) repeat-y;}

.submitGreen {border:none!important;width:171px!important;height:38px!important;cursor:pointer!important;color:#fff!important;}

#sort .h {background-color: #e6EEEE; cursor: default;font-weight:bold;}

#sort td, .mess	{padding:5px;border: 1px solid #999;}

#itogo	{display:inline;font-weight:bold;}
.itogo	{background-color:#e6EEEE;}
.buyField	{float: left;padding: 10px 10px 0 0;}
.clear	{clear:both; padding: 5px 0;}

.finish	{margin: 5px 0;}
.finish td	{padding: 5px;}

img.im, img.ip	{padding: 3px 5px; cursor:pointer;}

/* tablesorter */

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #999;
}
table.tablesorter thead tr .header {
	background-image: url(/p/img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter tbody tr {
	cursor: pointer;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/p/img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/p/img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #66cc66;
}
th	{
	text-align: left; 
}

    .cbanner {
        font-family: "Arial";
        position: sticky;
		float: right;
		margin: -250px 10px;
        display: grid;
        place-items: end;
        z-index: 100;
        pointer-events: none;
    }
  
    @media (min-width: 640px) { .cbanner { inset: auto 60px 25px auto; } }
  
    .cbanner__card {
        max-width: 400px;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        padding: 30px;
        position: relative;
        pointer-events: none;
        opacity: 0;
        transition: opacity .15s ease, transform .15s ease;
    }
    .cbanner[aria-hidden="false"] .cbanner__card,
    .cbanner:not([hidden]) .cbanner__card {
      opacity: 1;
      transform: translateY(0);
      pointer-events: all;
    }
  
    .cbanner__title {
        margin: 0 0 10px 0;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #1D1D1D;
    }
    .cbanner__text {
        margin: 0 0 20px 0;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #676767;
    }
    .cbanner__link {
      color: #277506;
      text-decoration: underline;
    }
  
    .cbanner__actions {
      display: flex;
      gap: 10px;
    }
  
    .cbanner__btn {
        min-width: 165px;
        padding: 14px 30px;
        appearance: none;
        border: 0;
        border-radius: 10px;
        font-weight: 400;
        font-size: 16px;
        line-height: 14px;
        text-transform: uppercase;
        color: #54AF0A;
        cursor: pointer;
        transition: transform .06s ease, filter .2s ease, background-color .2s ease;
        outline-offset: 2px;
    }
  
    .cbanner__btn--accept {
        color: #fff;
        background: linear-gradient(180deg, #82D848 0%, #54AF0A 52.23%, #82D848 100%);
        border: 1px solid #84C52B;
        border: none;
        outline: none !important;
        transition: .3s;
    }
    @media(min-width: 1025px) {
        .cbanner__btn--accept:hover { 
            box-shadow: 3px 3px 14px rgba(67, 138, 11, 0.5);
        }
    }
    .cbanner__btn--reject {
        color: #84C52B;
        background: transparent;
        border: 1px solid #84C52B;
        transition: .3s;
    }
    @media(min-width: 1025px) {
        .cbanner__btn--reject:hover {         
            box-shadow: 3px 3px 14px rgba(67, 138, 11, 0.5);
        }
    }


    @media(max-width: 767px) {
        .cbanner__card {
            max-width: 280px;
            padding: 20px;
        }
        .cbanner__title {
            font-size: 16px;
            line-height: 24px;
        }
        .cbanner__text {
            margin: 0 0 20px 0;
            font-size: 14px;
            line-height: 18px;
        }
        .cbanner__btn {
            min-width: 115px;
            padding: 12px 30px;
        }
    }