﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.trhover {
    background-color: #2D74AF !important;
    color: #fff;
    cursor: pointer;
}

.trselected {
    background-color: #2D74AF !important;
    color: #fff;
}


.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: normal;
    overflow: auto;
    border-bottom: 1px solid #F2F3F4;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
    display: block;
    border-bottom: 1px solid #000;
}

.table th{
    text-align:center;    
}

.th_left th {
    text-align: left;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 2px;
}

#rep .table td, #rep .table th {
    border: 1px solid #212121 !important;
}

#rep .table th {
    text-align: left;
}

#ResultMessage {
    font-size: 18pt;
    color: red;
    margin-top: 20px;
}

.table > tbody > tr:nth-child(odd) > td, .table > tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9;
}

.table > thead > tr > th {
    background-color: #fffcf7;
}

.table, .table > thead > tr > th, .table > tbody > tr > td {
    border: 1px solid #dddddd;
    word-wrap: break-word;
}

/*.table > tbody > tr > td {
    vertical-align: middle;
}*/

.table {
    margin-top: 20px;
}

a {
    cursor: pointer;
}

.table td select, .table td input:not([type=checkbox]) {
    width: 100%;
    padding: 1px 0;
    height: 26px;
}

.filter {
    background-color: azure;
}

.td_adaptive {
   padding-left:30px;
   width:100%;
}

.editing{
    color: red;
}



/* ДЛЯ ЧАТа скрываем чекбоксы и блоки с содержанием */
.hide, .hide + label ~ div {
    display: none;
}
/* вид текста label */
.hide + label,
.hide:checked + label {
    padding: 0;
    color: green;
    cursor: pointer;
    border-bottom: 1px dotted green;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
    /* когда чекбокс активен показываем блоки с содержанием  */
    .hide:checked + label + div {
        display: block;
        background: #efefef;
        -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
        -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
        box-shadow: inset 3px 3px 10px #7d8e8f;
        padding: 10px;
    }