body  {font-size:18px; background-color: antiquewhite;}
.back  {display: table; background-color:#fafafa; padding:3px;margin: 7px auto 25px;
        border: 2px #bad9bc solid; Border-radius:10px; box-shadow: 10px 10px 5px #b1c4af;}
        
.back4 {display: table; background-color: #fafafa; padding: 0 40px;    margin: 10px auto 30px;    
        border: 2px #bad9bc solid; Border-radius: 10px;    box-shadow: 10px 10px 5px #b1c4af;}
        
.back5 {display: table; background-color: #fafafa; padding: 0 40px; margin: 30px auto;
        border: 2px #bad9bc solid; Border-radius: 10px;    box-shadow: 10px 10px 5px #b1c4af;}

.gr, caption {text-align: center; color:green; }
table {border-left: 1px #333 solid;border-top: 1px #333 solid;background-color:#fafafa}
th {border: 1px #333 solid;background-color:#fafafa}
td {border: 1px #333 solid;background-color:#fafafa}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.small{ font-size:12px;}
.fs14 { font-size:14px;}
.fs15 { font-size:15px;}
.fs16 { font-size:15px;}
.fs18 {font-size:18px;}
.purpur  {font-size:20px; color:#9400d3;  font-weight:600 !Important; } /*#9900cc */
.purpur4 {font-size:18px; color:#9400d3;  } /*#9900cc */


textarea {
  width: 100%; 
  overflow-x: hidden; /* Убираем горизонтальный скроллинг */
  overflow-y: hidden; /* Убираем вертикальный скроллинг */
  resize: none; /* Запрещаем ручное изменение размера */
  min-height: 20px; /* Минимальная высота */
  height: auto; /* Авто-высота */
}
textarea:focus, textarea:active {outline: none;}
td {  vertical-align: top;} /* Выравнивание содержимого ячейки по верхнему краю */


.no-bord, .no-bord td{border: 0;}
table {   margin: 20px auto;  border-spacing: 0;}
tbody {  white-space: nowrap; text-align: right;}
th,td {  padding: 5px 10px;  border-top-width: 0;  border-left-width: 0;}
th    {  position: sticky;  top: 0; vertical-align: bottom;}
.butt {padding:5px 10px;margin:10px 20px; border: 1px #ddd solid; border-radius:7px;background: #b2c5ae;text-decoration:none; font-size:28px;}
.bor_bot td{border-bottom: 2px #bad9bc solid;}
.pad10 {padding:1.5%;}
h5, .center {text-align:center;}
h5 {margin:5px 0 0 0;}
.left {text-align:left;} 
.right {text-align:right;} 
.cb span{font-weight:600; color:blue;}
.red {color:red;}
p, .ave {color:black; font-size:16px;}
.col3 {color:#8a10d4;}
.inline-bl a {display:block;}
.red-bold {color:red; font-size:22px;} 

.comm4 {font-style: italic; color:green;font-size:14px;}

aa  {padding: 5px 10px;
  margin: 10px;
  display: block;
  background: #b4d9df;
  text-align: center;
  border-radius: 10px;
  color: black;
  }
  
.btn4 {padding: 5px 10px;
  margin: 10px;
  display: block;
  background: cadetblue;
  text-align: center;
  border-radius: 10px;
  color: black;
  text-decoration-line: none;}
 

.btnImport {padding: 5px;
  margin: 10px auto;
  display: block;
  background: cadetblue;
  text-align: center;
  border-radius: 10px;
  color: black;
  text-decoration-line: none;}
  
.btn4:hover, .btnImport:hover { background: #43686a; color:white;}  


.tops {vertical-align: top; }
.btnDel {
  background-color: #407569;
  border: none;
  color: white;
  padding: 1px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 1px;
  cursor: pointer;
  border-radius:4px;
}
.btn34:hover,.btn:hover { background: #43686a; color:white;}  

.btn34  {
  background-color: #bdd1ea;
  color : black;
  border: none;
  padding: 2px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 2px;
  cursor: pointer;
  border-radius:7px;
}
.c-green {color :green;}
.c-red   {color :red;}
.c-blue   {color :blue;}
.c-yellow   {color :yellow;}
.c-brown   {color :brown;}

  #g-container-main .g-container {width: 100% !Important;}
  #g-container-main .g-content {  margin: 0 3px !Important;}
  .row > * {padding-right: 2px;padding-left: 2px;}
  textarea {padding:5px !Important; border:0;}
  .pad0 {padding:0  !Important;}
  .open-links-btn {background-color: coral; border-radius: 10px; color: yellow;}
  .open-links-btn:hover {background-color: blueviolet;}
  .vert-bottom {vertical-align: bottom;}
  .scroll-x { overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
  hr {margin: 5px 0; border-bottom: 1px solid #b4b4b6;}
 
    .btnSource, .btnGood, .btnGoogle {
      padding: 5px 10px;
      margin: 5px;
      border: none;
      border-radius: 7px;
      background: #186ecb;
      color: white;
      font-size: 14px;
      cursor: pointer;    }
    .btnSource:hover, btnGood:hover, .btnGoogle:hover  {background: #309399;}
    .blockk {opacity: .5;pointer-events: none;}


.form-filtr {
  max-width: 590px;
  min-width: 590px;
  margin: 3px auto;
  padding: 6px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #f9f9f9;
  font-family: Arial, sans-serif;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.date-range {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
}

.date-group {  flex: 1;}

select,
input[type="date"] {
  width: 100%;
  padding: 8px 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  transition: border 0.3s ease;
}

select:focus,
input[type="date"]:focus {
  border-color: #007bff;
  outline: none;
}

.button_form {
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.button_form:hover {
  background-color: #0056b3;
}
  .fs22 {font-size:22px;}
.param-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.param-line label {
  flex: 1;
  margin-right: 10px;
}

.param-line input[type="number"],
.param-line select {
  width: 70px;
  padding: 4px;
  font-size: 14px;
}
  
  .filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.filter-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}

.filter-list li:nth-child(odd) {
  background-color: #ebf0e5;
}

.filter-list li:nth-child(even) {
  background-color:  #cffcff;
}

.filter-list label {
  flex: 1;
  margin-right: 10px;
}

.filter-list input[type="number"],
.filter-list select {
  width: 70px;
  padding: 4px;
  font-size: 14px;
}

    .csv-upload-form {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-family: sans-serif;
        font-size: 14px;
        white-space: nowrap;
    }
  .csv-upload-form label {margin-bottom: 0; }
  
    .csv-upload-form input[type="file"] {
        font-size: 14px;
        margin-left: 0;
        padding: 12px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background-color: white;
        color: #333;
        cursor: pointer;
        min-width: 400px;
        box-sizing: border-box;
    }
  .csv-upload-form button {
        font-size: 14px;
        padding: 12px;
        background-color: #5c9ead;
        color: white;
        border: none;
        border-radius: 6px;
        cursor: pointer;
    }

    .csv-upload-form button:hover {
        background-color: #497f8f;
    }


.inputButton {display: flex; align-items: center; gap: 10px; margin: 10px;}