html, body {
        height: 100%;
        margin: 0;
        padding: 0;
        /*background-image: url(image/35.jpg); /* Путь к фоновому изображению */
        /*background-color: #c7b39b; /* Цвет фона */
      }
#map {
        background: url("http://myhouse.report/image/35.jpg") no-repeat;
        -moz-background-size: 100%; /* Firefox 3.6+ */
        -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
        -o-background-size: 100%; /* Opera 9.6+ */
        background-size: 100%;
        opacity: 0.7;
        height: 100%;
      }
#floating-panel {
  position: absolute;
  top: 10px;
  left: 10%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}
#floating-panel-enter {
  position: absolute;
  top: 10px;
  right: 5%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}
#floating-search-panel {
  position: absolute;
  top: 150px;
  left: 5%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 100px;
  padding-left: 10px;
}
#floating-panel-ccenter {
  position: absolute;
  top: 10px;
  right: 55%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}
#all_window {
  position: absolute;
  top: 10px;
  right: 5%;
  z-index: 6;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 700px;
  padding-left: 500px;
}
#add_point {
  position: absolute;
  top: 10px;
  right: 5%;
  z-index: 6;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
 /* line-height: 100px;*/
  padding-left: 100px;
}
#floating-panel-maps {
  position: absolute;
  top: 10px;
  right: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}
.login_1{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.login_1 .login_2{
    margin:200px auto 0px auto;
    width:500px;
    height: 200px;
    padding:40px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

.in_system{
  position: absolute;
  top: 200px;
  right: 10%;
  z-index: 9;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}
.in_system .in_system_1{
  position: absolute;
  top: 200px;
  right: 10%;
  z-index: 9;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}
.dropdown-menu li {
    display: inline-flex;
    position: relative;
    white-space: nowrap;
}

.error { border-color: red; }

div.dragElement {font-size: large; border: thin solid black; padding:16px;}

.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

.navbar-form input, .navbar-form select {float:left;}

#allinput{
    max-height:200px;
    overflow-y: scroll;
    padding:0;
    margin:0;
    background-color: #fff;
    }
#allinput li{
margin:0;
padding:0;
} 
#work_avto textarea{
width:100%;
display:inline-block;
}
#work_avto{
/*background-color: #fff;*/
}

.nav-tabs{
background-color:#fff;
}
.nav-tabs li.active a{
background-color: #eee !important;
}

#in_system {
display: inline-block;
clear: both;

}
@media (min-width: 768px){
#in_system {
   float: left;
}}
@media (max-width: 768px){
#logo {
   float: none !important;
}}
#logo {
float:left;
padding-right:15px;
padding-botton:5px;
}
#in_system:after {
clear: both;
}



.login_1_1 {
position:fixed;
width:100%;
height:100%;
opacity:1;
-webkit-transition:all .3s ease;
-mz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease
}
.login_2_2 {
width:350px;
display:block;
min-width:150px;
background:#f5f5f5;
position:relative;
margin:auto;
border-radius:3px;
padding:10px;
top:1%;
-webkit-transition:all .5s ease;
-mz-transition:all .5s ease;
-ms-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease
}

.email_bat_nat input[type=checkbox] {
height: 20px;
width: 20px;

display:block;
}

.email_bat_nat input[type=checkbox] + label
{
/*background: url("http://aservice.center/image/simbols/mail_nat_50.png") no-repeat;*/
background-size: 10%;
height: 10px;
width: 10px;
display:inline-block;
padding: 0 0 0 0px;
opacity: 0.2;
}

.email_bat_nat input[type=checkbox]:checked + label
{
background: url("http://aservice.center/image/simbols/mail_nat_50.png") no-repeat;
background-size: 10%;
height: 10px;
width: 10px;
display:inline-block;
padding: 0 0 0 0px;
opacity:1;
}
.photo_doc_1{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.photo_doc_1 .photo_doc_2{
    margin:150px auto 0px auto;
    max-width:960px;
    max-height: 700px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
    overflow: auto;
}

.size_text {
    white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    padding: 1px; /* Поля */
    text-overflow: ellipsis; /* Многоточие */
   }
.size_tex:hover {
    background: #f0f0f0; /* Цвет фона */
    white-space: normal; /* Обычный перенос текста */
   }