#upper {
    position: fixed; /* Фиксированное положение */
    left: 0px; /* Левый нижний угол */
    padding: 1px; /* Поля вокруг текста */
    margin: 0px;
#background: #39b54a; /* Цвет фона */
#background: blue; /* А это работает */
background: rgba(100, 250, 250, 0.25);
    color: #000; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    z-index: 10; /*слой. чем больше значение тем выше*/
   }

   #upper2 {
    position: fixed; /* Фиксированное положение */
    left: 0px; /* Левый нижний угол */
    padding: 1px; /* Поля вокруг текста */
    margin: 0px;
    color: #000; /* Цвет текста */
    width: 100%; /* Ширина слоя */
    font-weight: bold;
    text-align: center;
    text-decoration: underline;
    z-index: 1; /*слой. чем больше значение тем выше*/
   }

   #footer {
    position: fixed; /* Фиксированное положение */
    left: 0; bottom: 0; /* Левый нижний угол */
    padding: 3px; /* Поля вокруг текста */
#background: #39b54a; /* Цвет фона */
#background: blue; /* А это работает */
background: rgba(100, 205, 110, 0.5);
    color: #000; /* Цвет текста */
    width: 100%; /* Ширина слоя */
   }

body{
margin: 0px;
}

table{
margin: auto;
}

  .hide{
    display:none;
    word-break:break-all;
  }
 .tg{
  border-collapse:collapse;
  border-spacing:0;
  border-color:#999;
}

.tg td{
  font-family:Arial,sans-serif;
  font-size:14px;
  padding:0px 0px;
  border-style:solid;
  border-width:0px;
  word-break:normal;
  border-color:#999;
  color:#000;
  background-color:#F7FDFA;
}

.tg th{
  font-family:Arial,sans-serif;
  font-size:14px;
  font-weight:normal;
  padding:0px 0px;
  border-style:solid;
  border-width:0px;
  overflow:hidden;
  word-break:normal;
  border-color:#999;
  color:#fff;
  background-color:#26ADE4;
}

.tg .tg-yw4l{
  vertical-align:middle;
}

th.tg-sort-header::-moz-selection{
  background:transparent;
}

th.tg-sort-header::selection{
  background:transparent;
}

th.tg-sort-header{
  cursor:pointer;
}

table th.tg-sort-header:after{
  content:'';
  float:right;
  margin-top:5px;
  border-width:0 4px 4px;
  border-style:solid;
  border-color:#404040 transparent;
  visibility:hidden;
}

table th.tg-sort-header:hover:after{
  visibility:visible;
}

table th.tg-sort-desc:after,table th.tg-sort-asc:after,table th.tg-sort-asc:hover:after{
  visibility:visible;
  opacity:0.4;
}

table th.tg-sort-desc:after{
  border-bottom:none;
  border-width:4px 4px 0;
}

table td{
    vertical-align: top;
}


p.red::selection {
background: #ffb7b7;
}
p.red::-moz-selection {
background: #ffb7b7;
}
p.blue::selection {
background: #a8d1ff;
}
p.blue::-moz-selection {
background: #a8d1ff;
}
p.yellow::selection {
background: #fff2a8;
}
p.yellow::-moz-selection {
background: #fff2a8;
}

span.red {
	background: #fe6699;
	padding: 2px;
}
span.blue {
	background: #a8d1ff;
	padding: 2px;
}
span.yellow {
	background: #fff2a8;
	padding: 2px;
}

tr.shop_center
{
	background: #aabbaa;
	text-align: center;
	font-weight: bold;
}


tr.line10
{
background: #66ffcc;
}

tr.line11
{
background: #ccffcc;
}

tr.line13
{
background: #885599;
color: #0ca;
#font-weight: bold;
}

.linkButton { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

td.lrborders
{
	border-right: solid 1px #f00; 
	border-left: solid 1px #f00;
}


#right1 {
  float: right;
  width: 10em;
  max-width: 100%;
  min-height: 2em;
}

.view-source-other-style {
	width:100%;
	text-align:center;
	display:block;
	background:#ccc;
	
}

wrapper {
    margin: 10px auto;
    padding: 5px 10px;
    max-width: 600px;
    min-width: 300px;
    width: 90%;
}
.form-row {
    padding: 10px;
}
label {
    display: block;
    margin: 3px 0;
}
.form-row input {
    width: 220px;
    padding: 3px 1px;
}
.date-time input[type="date"] {
    width: 130px;
}
.date-time input[type="time"] {
    width: 85px;
}
.currency-style input {
    text-align: right;
}
[class*="animate-"] .ws-popover {
    overflow: visible;
}
.ws-popover.ws-po-visible .ws-po-outerbox {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.animate-2 .ws-popover {
    overflow: visible;
    -webkit-perspective: 600px;
    -webkit-transform-style: preserve-3d;
    perspective: 600px;
    transform-style: preserve-3d;
}
.animate-2 .ws-po-outerbox {
    -webkit-transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0 0;
    transform: rotateX(-60deg);
    transform-origin: 50% 0 0;
}
.animate-2 [data-vertical="bottom"] .ws-po-outerbox {
    -webkit-transform: rotateX(60deg);
    -webkit-transform-origin: -50% 100% 0;
    transform-origin: -50% 100% 0;
    transform: rotateX(60deg);
}

div.completed
{
 width:100%;
 border:solid 1px #cecece;
 display:inline-block;
 vertical-align:top;
 box-sizing:border-box;
 padding:10px;
 color:#333;
 position:relative;
margin-top:10px;
margin-bottom:10px;
}

div.completed.sample:after
{
 content:"ВЫПОЛНЕНО";
 position:absolute;
 text-align:center;
 vertical-align:bottom;
 top:65px;
 left:13%;
 right:13%;
 z-index:1;
 font-family:Arial,sans-serif;
 -webkit-transform: rotate(-30deg); /* Safari */
 -moz-transform: rotate(-30deg); /* Firefox */
 -ms-transform: rotate(-30deg); /* IE */
 -o-transform: rotate(-30deg); /* Opera */
 transform: rotate(-30deg);
 font-size:30px;
 color:#c10;
 background:#fff;
 border:solid 4px #c00;
 padding:5px;
 border-radius:7px;
 zoom:1;
 filter:alpha(opacity=30);
 opacity:0.15;
 -webkit-text-shadow: 0 0 2px #c00;
 text-shadow: 0 0 2px #c00;
 box-shadow: 0 0 2px #c00;
}