@charset "UTF-8";
:root {
  --text-black: rgba(0,0,0,.7);
  --text-black-light: rgba(0,0,0,.3);
  --grey-light: rgba(245, 245, 245, 1);
  --link-hover: rgba(31, 109, 175, 1);
  --link: rgba(33,133,208,1);
  --color-border: rgba(34, 34, 34, 0.15);
  --blue-light: rgba(235, 244, 251, 1);
  --white: rgb(255, 255, 255); }

html {
  min-width: 1300px; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  padding: 0; }

/*Что бы все в размер*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

p, a, h1, h2, h3, h4, h5, h6 {
  font-family: 'Calibri';
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6, p {
  color: rgba(0, 0, 0, 0.7); }

.print p, .print h1, .print h2, .print h3, .print h4 {
  color: black; }

p.total, h1.total, h2.total, h3.total, h4.total {
  font-size: 1.1em; }
p.positive, h1.positive, h2.positive, h3.positive, h4.positive {
  color: #2c662d; }
p.warning, h1.warning, h2.warning, h3.warning, h4.warning {
  color: #573a08; }
p.negative, h1.negative, h2.negative, h3.negative, h4.negative {
  color: #9f3a38; }
p .print, h1 .print, h2 .print, h3 .print, h4 .print {
  color: black; }

hr {
  background: #e8e8e8;
  border: 0.5px solid #e8e8e8;
  width: 100%; }
  hr.bill {
    background: black;
    border: 1px solid black;
    width: 100%; }

header {
  background: #4e4e4e; }
  header.shadow {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5);
    position: relative; }

main {
  width: calc(100% - 150px);
  padding: 5px;
  overflow: auto; }

footer {
  height: 30px;
  background: #4e4e4e; }
  footer p {
    color: white; }

.main {
  min-height: calc(100vh - 51px - 30px);
  display: flex; 
  width: 100%;
  flex-grow: 1; }

nav {
  /*требует преработки*/ }
  nav.top ul {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  nav.top a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 1em 1em; }
    nav.top a:hover {
      background: #414141; }
  nav.top p {
    text-decoration: none;
    padding: 1em 1em; }
  nav.top li {
    border-right: 1px solid white; }
  nav.top li:last-of-type {
    border-right: none; }
  nav.top-dop {
    margin-bottom: 10px; }
    nav.top-dop ul {
      list-style: none;
      margin: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    nav.top-dop a {
      font-size: 1.1rem;
      color: rgba(0, 0, 0, 0.7);
      text-decoration: none;
      display: block;
      padding: 0.5em 0.5em;
      border-bottom: 2px solid whitesmoke; }
      nav.top-dop a:hover {
        border-bottom: 2px solid #e8e8e8; }
      nav.top-dop a.current {
        background: whitesmoke; }
  nav.left {
    background: whitesmoke;
    width: 150px; }
    nav.left ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column; }
      nav.left ul a {
        color: rgba(0, 0, 0, 0.7);
        text-decoration: none;
        display: block;
        padding: 0.7em 0.5em; }
        nav.left ul a > i {
          display: inline-block;
          width: 25px; }
        nav.left ul a:hover {
          background: #e8e8e8; }
        nav.left ul a.active {
          background: white; }
  nav.pagination {
    margin: 0;
    padding: 0; }
    nav.pagination ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: flex;
      border-radius: .25rem; }
    nav.pagination .page-link {
      position: relative;
      display: block;
      padding: .5rem .75rem;
      margin-left: -1px;
      line-height: 1.25;
      background-color: #fff;
      border: 1px solid #dee2e6; }
    nav.pagination .page-item:first-child .page-link {
      margin-left: 0;
      border-top-left-radius: .25rem;
      border-bottom-left-radius: .25rem; }
    nav.pagination .page-item:last-child .page-link {
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem; }
    nav.pagination .page-link:hover {
      z-index: 2;
      color: #0056b3;
      text-decoration: none;
      background-color: #e9ecef;
      border-color: #dee2e6; }
    nav.pagination .page-item.active .page-link {
      background: #2185d0;
      border-color: #2185d0;
      color: white; }

.btn {
  height: 40px;
  min-width: 40px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0; }

button.btn-primary {
  color: white;
  background-color: var(--link);
  border-color: var(--link); }
  button.btn-primary.icon {
    position: relative; }
  button.btn-primary:hover {
    color: #d0d0d0;
    background-color: var(--link-hover);
    border-color: var(--link-hover); }
button.btn-link {
  color: #2185d0;
  background-color: transparent; }
  button.btn-link:hover {
    color: #1f6daf; }

select {
  height: 40px;
  border: 1px solid var(--color-border);
  border-radius: 0.3rem;
  color: var(--text-black); }

form label {
  color: var(--text-black); }
  form label:focus-within {
    color: var(--link-hover); }
form textarea {
  border: 1px solid var(--color-border);
  border-radius: 0.3rem;
  padding-left: 0.5em;
  outline: 0; }
  form textarea:focus {
    color: var(--text-black);
    border-color: var(--link-hover);
    border-radius: .28571429rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; }
  form textarea::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form textarea::-moz-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form textarea:-moz-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form textarea:-ms-input-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form textarea:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form textarea:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form textarea:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
form input {
  height: 40px;
  border: 1px solid var(--color-border);
  border-radius: 0.3rem;
  color: var(--text-black);
  padding-left: 0.5em;
  outline: 0;
  tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: 0 0 0 0 transparent inset;
  box-shadow: 0 0 0 0 transparent inset;
  -webkit-transition: color .1s ease, border-color .1s ease;
  transition: color .1s ease, border-color .1s ease; }
  form input[type="date"]::-webkit-clear-button {
    display: none;
    -webkit-appearance: none; }
  form input[type="date"]::-webkit-inner-spin-button {
    display: none; }
  form input[type="time"]::-webkit-inner-spin-button {
    display: none; }
  form input::-webkit-input-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form input::-moz-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form input:-moz-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form input:-ms-input-placeholder {
    color: #aaa;
    opacity: 1;
    transition: opacity 500ms; }
  form input:focus::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form input:focus::-moz-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form input:focus:-moz-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form input:focus:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 500ms; }
  form input:focus {
    color: var(--text-black);
    border-color: var(--link-hover);
    border-radius: .28571429rem;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
    box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset; }
form.inline {
  float: left;
  margin-right: 0.5em; }
form.full input {
  width: 100%; }
  form.full input[type="checkbox"] {
    height: 20px;
    width: 20px;
    margin: 0px;
    vertical-align: -6px; }
form.full select {
  width: 100%; }
form.full > button {
  margin-top: 1em; }
form.full label {
  display: block;
  margin-top: 0.5em; }
  form.full label.in-line {
    display: inline; }
form.full textarea {
  width: 100%; }
form.col input {
  display: block; }
form.col select {
  display: block; }
form.col label {
  display: inline-block; }
form.padding {
  padding: 5px; }
form .file-upload {
  margin-top: 5px;
  background: #dddddd;
  height: 40px;
  min-width: 40px;
  font-weight: 400;
  border: 1px solid transparent;
  border-radius: 0.3rem;
  padding-left: 10px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
  form .file-upload input[type="file"] {
    display: none;
    /* скрываем input file */ }
  form .file-upload, form .file-upload label, form .file-upload span {
    cursor: pointer; }
  form .file-upload:hover {
    background: #d0d0d0; }

.flex {
  display: flex; }
  .flex.horizon.start {
    justify-content: flex-start; }
  .flex.horizon.center {
    justify-content: center; }
  .flex.horizon.between {
    justify-content: space-between; }
  .flex.horizon.end {
    justify-content: flex-end; }
  .flex.vertical.center {
    align-items: center; }
  .flex.vertical.stretch {
    align-items: stretch; }
  .flex.print p {
    color: black; }

.action-icon > div {
  width: 22px; }

div.container {
  padding: 5px; }
div .container {
  padding: 5px; }
div .table {
  display: table;
  height: 100%;
  width: 100%; }
div .cell {
  display: table-cell;
  height: 100%; }
  div .cell.v-center {
    vertical-align: middle; }
div.center123 {
  height: 100%;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  div.center123 * {
    text-align: center; }

/* Ссылка */
a {
  text-decoration: none;
  color: #2185d0; }
  a :hover {
    color: #1f6daf; }
  a.btn {
    color: white;
    padding: 0.5em 0.5em;
    display: inline-block; }
    a.btn:hover {
      color: white; }
    a.btn.btn-primary {
      color: white;
      text-align: center;
      background-color: var(--link);
      border-color: var(--link); }
      a.btn.btn-primary.icon {
        position: relative; }
      a.btn.btn-primary:hover {
        color: white;
        background-color: var(--link-hover);
        border-color: var(--link-hover); }
  a.logo {
    color: white;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold; }

/* Таблицы */
#grid thead th {
  cursor: pointer; }
  #grid thead th :hover {
    background: #e8e8e8; }

table.striped {
  width: 100%;
  background: #fff;
  margin: 1em 0;
  border: 1px solid rgba(34, 34, 34, 0.15);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0.3rem;
  text-align: left;
  border-collapse: separate;
  border-spacing: 0; }
  table.striped p {
    color: var(--text-black);
    font-size: 0.85em; }
  table.striped a {
    font-size: 0.85em; }
  table.striped thead {
    background: whitesmoke; }
    table.striped thead .sort {
      background: #e8e8e8; }
    table.striped thead h3 {
      font-size: 0.9em;
      color: var(--text-black);
      padding: 0.5em 0.5em; }
    table.striped thead th {
      border-bottom: 1px solid rgba(34, 34, 34, 0.15); }
    table.striped thead tr:first-child > th:first-child {
      border-radius: 0.3rem 0 0 0; }
    table.striped thead tr:first-child > th:last-child {
      border-radius: 0 0.3rem 0 0; }
  table.striped tfoot {
    background: whitesmoke; }
    table.striped tfoot p {
      font-weight: bold;
      font-size: 0.9em;
      color: var(--text-black);
      padding: 0.5em 0.5em; }
    table.striped tfoot td {
      height: 36px;
      border-top: 1px solid rgba(34, 34, 34, 0.15); }
    table.striped tfoot tr:first-child > th:first-child {
      border-radius: 0.3rem 0 0 0; }
    table.striped tfoot tr:first-child > th:last-child {
      border-radius: 0 0.3rem 0 0; }
  table.striped tbody tr:first-child td {
    border-top: none; }
  table.striped tbody tr td {
    border-top: 1px solid rgba(34, 34, 34, 0.15);
    padding: 0.5em 5px;
    border-right: 1px solid rgba(187, 187, 187, 0.15); }
  table.striped tbody tr > td:last-child {
    border-right: 0px solid white; }
  table.striped tbody tr:hover {
    background: var(--grey-light); }
  table.striped tbody tr.positive {
    background: #fcfff5 !important; }
    table.striped tbody tr.positive p {
      color: #2c662d !important; }
  table.striped tbody tr.warning {
    background: #fffaf3 !important; }
    table.striped tbody tr.warning p {
      color: #573a08 !important; }
  table.striped tbody tr.negative {
    background: #fff6f6 !important; }
    table.striped tbody tr.negative p {
      color: #9f3a38 !important; }
  table.striped tbody td.positive {
    background: #fcfff5 !important; }
    table.striped tbody td.positive p {
      color: #2c662d !important; }
  table.striped tbody td.warning {
    background: #fffaf3 !important; }
    table.striped tbody td.warning p {
      color: #573a08 !important; }
  table.striped tbody td.negative {
    background: #fff6f6 !important; }
    table.striped tbody td.negative p {
      color: #9f3a38 !important; }
table.print {
  border: 2px solid black; }
  table.print p {
    color: black;
    font-size: 0.75em; }
  table.print tbody tr:first-child td {
    border-top: none; }
  table.print tbody tr td {
    border-top: 1px solid black;
    padding: 2px 2px;
    border-right: 1px solid black; }
  table.print tbody tr > td:last-child {
    border-right: 0px solid white; }
  table.print tbody tr:hover {
    background: var(--grey-light); }
  table.print thead {
    background: whitesmoke; }
    table.print thead .sort {
      background: #e8e8e8; }
    table.print thead h3 {
      font-size: 0.8em;
      color: black;
      padding: 3px 3px; }
    table.print thead th {
      border-bottom: 1px solid black; }
    table.print thead tr:first-child > th:first-child {
      border-radius: 0.3rem 0 0 0; }
    table.print thead tr:first-child > th:last-child {
      border-radius: 0 0.3rem 0 0; }
  table.print tfoot {
    background: whitesmoke; }
    table.print tfoot p {
      font-weight: bold;
      font-size: 0.8em;
      color: black;
      padding: 2px 2px; }
    table.print tfoot td {
      height: 100%;
      border-top: 1px solid black; }
    table.print tfoot tr:first-child > th:first-child {
      border-radius: 0.3rem 0 0 0; }
    table.print tfoot tr:first-child > th:last-child {
      border-radius: 0 0.3rem 0 0; }
table.bill {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }
  table.bill p {
    color: black; }
  table.bill tbody td {
    border: 1px solid black;
    padding: 0.5em 5px; }

/*Стиль Внимание*/
.plank {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5em;
  background: var(--grey-light);
  border-radius: 0.3rem;
  border: 1px solid rgba(34, 34, 34, 0.15); }
  .plank h2 {
    color: var(--text-black);
    text-transform: uppercase;
    font-size: 1em;
    margin: 0px; }
  .plank.print {
    padding: 0.3em; }
    .plank.print h2, .plank.print p {
      color: black; }

.auth {
  border: 1px solid rebeccapurple; }

.empty {
  display: flex;
  height: 100px;
  justify-content: center;
  align-content: space-between;
  align-items: center;
  flex-direction: column; }

.mb-5 {
  margin-bottom: 5px; }

.mb-15 {
  margin-bottom: 15px; }

.mt-5 {
  margin-top: 5px; }

.mt-15 {
  margin-top: 15px; }

.mr-5 {
  margin-right: 5px; }

.mr-15 {
  margin-right: 15px; }

.ml-5 {
  margin-left: 5px; }

.ml-15 {
  margin-left: 15px; }

hr.style-eight {
  padding: 0;
  border: none;
  border-top: medium double #333;
  color: #333;
  text-align: center; }

hr.style-eight:after {
  display: inline-block;
  position: relative;
  top: -0.7em;
  font-size: 1.5em;
  background: white; }

@media print {
  table, thead, tbody, p, div {
    page-break-inside: avoid;
    page-break-inside: inherit;
    page-break-inside: initial;
    page-break-inside: unset;
    -webkit-region-break-inside: avoid; }

  p, h3, h4 {
    font-size: 0.85em; } }

/*# sourceMappingURL=style.css.map */