body{ font-family: Verdana;
font-size: 12px;
      /*background-color: #7c9ece; /* Цвет фона веб-страницы */
      background: #7bb4e3;*/}
h1{color:navy;}
img{width:150px;}

        table {
            /*width: 100%;
            margin-bottom: 10px;*/
            border: 5px solid #808080;
            border-top: 5px solid #8808080;
            /*border-collapse: collapse;*/
        }
        table th {
            font-weight: bold;

            background: #fff;
            border: none;

        }
        table td {
            padding: 5px;
            border: none;
            /*border-bottom: 1px solid #fff;*/
        }




        table tbody tr:nth-child(5n+1){
	background: #acc7e8;
}

/* Четные строки */
table tbody tr:nth-child(5n+2){
	background: #86a8c4;
}

table tbody tr:nth-child(5n+3){
	background: #86c1c4;
}

table tbody tr:nth-child(5n+4){
	background: #9199c6;
}

table tbody tr:nth-child(5n+5){
	background: #86c4a6;
}


/* кнопка





input[type="submit" i] {
    display: inline-flex;
    margin: 10px;
    text-decoration: none;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 12px 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', Тahoma, sans-serif;
    background: #337AB7;
    cursor: pointer;
    border: 2px solid #BFE2FF;
    outline: 1px solid;
    outline-color: #337AB7;
    outline-offset: 0px;
    text-shadow: none;
    transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
input[type="submit" i]:hover,
input[type="submit" i]:active,
input[type="submit" i]:focus {
    box-shadow: inset 0 0 20px #BFE2FF;
    outline-color: rgba(255, 255, 255, 0);
    outline-offset: 15px;
    color: #FFF;
}
*/

input[type="submit" i], button[type="button" i] {
  left: 330px;
  top: -80px;
  position: relative;
  display: inline-block;
  color: #777674;
  font-weight: bold;
  text-decoration: none;
  text-shadow: rgba(255,255,255,.5) 1px 1px, rgba(100,100,100,.3) 3px 7px 3px;
  user-select: none;
  padding: 1em 2em;
  outline: none;
  border-radius: 3px / 100%;
  background-image:
   linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%),
   linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0) 20%, rgba(255,255,255,0) 90%, rgba(255,255,255,.3)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(125,125,125,1), rgba(255,255,255,.9) 45%, rgba(125,125,125,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5)),
   linear-gradient(to right, rgba(223,190,170,1), rgba(255,255,255,.9) 45%, rgba(223,190,170,.5));
  background-repeat: no-repeat;
  background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px;
  background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
  box-shadow: rgba(0,0,0,.5) 3px 10px 10px -10px;
}


input[type="submit" i]:hover, button[type="button" i]:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px);
}
input[type="submit" i]:active, button[type="button" i]:active {
  top: -78px;
}

.no_resylt{
    color: red; /* Цвет символа */
    font-size: 200%; /* Размер шрифта */
}

.dataframe th.sorted[data-order="-1"]::after {
	content: "▼"
}

.dataframe th.sorted[data-order="1"]::after {
	content: "▲"
}

.dataframe th{
    cursor: pointer;
    color: #ff2400; /* Цвет символа */
    text-transform: uppercase; /* Заглавные буквы */
    vertical-align: center;
    text-align: center;
    border-spacing: 5px 5px;
}

.table_form{
            border: none;
            border-collapse: collapse;
}

.block_header div {
    display:table-caption;
}


.blocked {
    color: #d22630;
    font-size: 22pt;
    border: 2px solid #d22630;
    top: 20px;
    position: relative;
    text-decoration: none;
}

.top_filds{

    position: relative;
    left: 300px;

}

.left_filds{

    position: relative;fada5e

}

.right_filds{

    position: relative;
    left: 600px;
    top: -35px;

}

.label {

    white-space: nowrap;

}

.df{

    position: absolute;

}

.main_df{

    left: 585px;
    top: 30px;

}

.last_df{

    left: 1190px;
    top: 30px;

}

.red > td {

    background: #fada5e;

}

.green > td {

    background: #c7ea46;

}

.salesman {

    display: none;

}