img.mb_bgimage{
	position:fixed;
	left:0px;
	top:0px;

	width:100%;
	height:100%;
	opacity:1;
	z-index:1;
}
img.mb_bgimage1{
	position:fixed;
	left:0px;
	top:0px;
 opacity: 0.1;
	width:100%;
	height:100%;

  
}
  .table1{
    position: relative;
    float: top;
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 100px;
    width: 80%;
    opacity: 1;
    border-color:#3366FF; 
     
 
  }
   td, th {
     text-align: center;
    background: #eee; /* Цвет фона ячеек */
    padding: 5px; /* Поля вокруг текста */
   }
   .ssaelka { width:100%; height:100%;}

body{
    background-color: rgba(108, 188, 206, 0.68);
}
.bg-ground{
   background-color:rgba(0, 123, 167, 0.55);
   height: 662px;
   width: 60px;
     box-shadow: 0 0 10px rgba(0,0,0,0.5);


}
.sidebar-menu {
  display: block;
  position: fixed;
  list-style:none;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
  width: 600px;
  background-color: #eee;
  height: 100%;
  top: 0;
  left: -600px;
  transition: left .2s;
  z-index: 2;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.sidebar-menu-ticker {
  display: none;
 
}
.btn-menu {
  
  color: #fff;
  background-color: #3366FF;
  padding: 5px;
  position: fixed;
  top: 5px;
  left: 5px;
  cursor: pointer;
  transition: left .23s;
  z-index: 3;
  width: 40px;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.btn-menu span {
  display: block;
  height: 5px;
  background-color: #fff;
  margin: 5px 0 0;
  transition: all .1s linear .23s;
  position: relative;
}
.btn-menu span.first {
  margin-top: 0;
}
.sidebar-menu-ticker:checked ~ .btn-menu {
  left: 600px;
}
.sidebar-menu-ticker:checked ~ .sidebar-menu {
  left: 0;
}
.sidebar-menu-ticker:checked ~ .btn-menu span.first {
  -webkit-transform: rotate(45deg);
  top: 10px;
}
.sidebar-menu-ticker:checked ~ .btn-menu span.second {
  opacity: 0;
}
.sidebar-menu-ticker:checked ~ .btn-menu span.third {
  -webkit-transform: rotate(-45deg);
  top: -10px;
}
.sidebar-menu {
  top:0;
  width:600px; 
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight:bold;
  background-color: #aacbfd; 
  position:absolute;
}
  .sidebar-menu > li {
    position: relative;
    margin: 0;
    padding: 0; 
	display: block;
    border-bottom: solid 1px #3184a1;
    border-top: solid 1px #aacbfd;}
    .sidebar-menu > li > a {
      padding: 12px 5px 12px 15px;
      display: block;
      border-left: 3px solid transparent;
      color: #000000; }
      .sidebar-menu > li > a > .fa {
        width: 20px; }
    .sidebar-menu > li:hover > a, .sidebar-menu > li.active > a {
      color: #fff;
      background: #3399FF;
      border-left-color: #3c8dbc; }
    .sidebar-menu > li > .treeview-menu {
      margin: 0 1px;
      background: #aacbfd; }
    .sidebar-menu > li .label,
    .sidebar-menu > li .badge {
      margin-top: 3px;
      margin-right: 5px; }
  .sidebar-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
    color: #000000;
    background: #aacbfd; }
  .sidebar-menu li > a > .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
    margin-top: 3px; }
  .sidebar-menu li.active > a > .fa-angle-left {
    transform: rotate(-90deg); }
  .sidebar-menu li.active > .treeview-menu {
    display: block; }
  .sidebar-menu a {
    color: #000000;
    text-decoration: none; }
  .sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px; }
    .sidebar-menu .treeview-menu .treeview-menu {
      padding-left: 20px; }
    .sidebar-menu .treeview-menu > li {
      margin: 0; }
      .sidebar-menu .treeview-menu > li > a {
        padding: 5px 5px 5px 15px;
        display: block;
        font-size: 14px;
        color: #000000; }
        .sidebar-menu .treeview-menu > li > a > .fa {
          width: 20px; }
        .sidebar-menu .treeview-menu > li > a > .fa-angle-left,
        .sidebar-menu .treeview-menu > li > a > .fa-angle-down {
          width: auto; }
      .sidebar-menu .treeview-menu > li.active > a, .sidebar-menu .treeview-menu > li > a:hover {
        color: #fff; 
		background:#3366FF;}