.menu {
	z-index: 100;
    position: fixed;
    left: 0px;
    top: 10%;
    padding: 1px; 
   }
  .img-thumbnail {
    height: 75px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }  
#err1,#err2,#err3,#err4{
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  animation:blur .75s ease-out infinite;
  text-shadow:text-shadow: 0 0 5px #abc, 0 0 7px #abc;
}

@keyframes blur{
  from{
      text-shadow:0px 0px 10px #fff,
      0px 0px 10px #fff, 
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 25px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #fff,
      0px 0px 50px #7B96B8,
      0px 0px 150px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px 10px 100px #7B96B8,
      0px -10px 100px #7B96B8,
      0px -10px 100px #7B96B8;}
}

@keyframes shake {
    0% { transform: translate(1px, 0px) rotate(0deg); }

    50% { transform: translate(25px, 0px) rotate(0deg); }

    100% { transform: translate(1px, 0px) rotate(0deg); }
}



/* Style the links inside the sidenav */
#mySidenav a {
    position: absolute; /* Position them relative to the browser window */
    left: -216px; /* Position them outside of the screen */
    transition: 0.3s; /* Add transition on hover */
    padding: 10px; /* 15px padding */
	padding-right: 2px;
    width: 240px; /* Set a specific width */
    text-decoration: none; /* Remove underline */
    font-size: 20px; /* Increase font size */
    color: white; /* White text color */
    border-radius: 0 5px 5px 0; /* Rounded corners on the top right and bottom right side */
	z-index:998;
}


#mySidenav a:hover {
    left: 0; /* On mouse-over, make the elements appear as they should */
}


/* 270, 330, 390, 450 */
#add_det {
    top: 270px;
    background-color: #2c56a2;
}

#my_items {
    top: 330px;
    background-color: #fa0202;
}

#messages {
    top: 390px;
    background-color: #21a906; 	
}

#messages:hover {
	animation:none;
}

#messages_unread {
    top: 390px;
    background-color: #21a906; 
    animation: shake 1s; 
    animation-iteration-count: infinite;	
}
#messages_unread:hover {
	animation:none;
}

#feedback {
    top: 390px; 
    background-color: #6c6c6c
}


/*Затемнение картинок при наведении
#imgzat a img, #imgzat img {opacity:1.0;}
#imgzat a img:hover, #imgzat img:hover {opacity:0.3;}
*/
#imgzat div img {opacity:1.0;}
#imgzat div:hover img {opacity:0.3;}

.blink_text {
    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
	}

.grey_link {
	color: green;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.cnt {
	color: gray;
}

.responsive-content {
    position: relative;
    padding-bottom: 156.25%;
    padding-top: 60px; overflow: hidden;
}

.responsive-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete-loading {
background: white url("img/ui-anim_basic_16x16.gif") right center no-repeat;
}

/* NAVBAR CSS
-------------------------------------------------- */
.navbar-default {
  background-color: #337ab7;
  border-color: #dddddd;
}
.navbar-default .navbar-brand {
  color: #3e3e3e;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #f7210d;
}
.navbar-default .navbar-text {
  color: #3e3e3e;
}
.navbar-default .navbar-nav > li > a {
  /* color: #3e3e3e; */
  color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #f7210d;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #f7210d;
  background-color: #f5f5f5;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #f7210d;
  background-color: #f5f5f5;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #f5f5f5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #3e3e3e;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #3e3e3e;
}
.navbar-default .navbar-link {
  color: #3e3e3e;
}
.navbar-default .navbar-link:hover {
  color: #f7210d;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #3e3e3e;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f7210d;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f7210d;
    background-color: #f5f5f5;
  }
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

body > .container {
  padding: 15px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

a.line.delete  {
	color: #e91e63;
}
a.line.edit  {
	color: #3369b1;
}
a.line.enter  {
	color: #45b83b;
}
a.top.new  {
	color: #ff9800;
}
a.line.delete:hover,
a.line.edit:hover,
a.line.enter:hover,
a.top.new:hover {
	color: black;
}



/* Theme CSS
-------------------------------------------------- */
body {
  padding-top: 50px;
  padding-bottom: 10px;
  background-color: #fdfcfc;
  /* background: url(../img/fon.jpg); */
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 1px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.badge {
  background-color: #d9534f;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  /* background-color: #f5f5f5; */
  background-color: #337ab7;
  border-color: #dddddd;
}

.footer_title{font-size:14px;margin-bottom:5px;margin-top:5px;text-transform:uppercase;}
.footer_list{list-style-type:none;margin:0;padding:0;font-weight:400;font-size:12px}
.footer_list li{margin-bottom:2px}