/* Если элемент на нескольких страницах, то стили в этом файле, а если на одной, то в том файле страницы */
/* Если элемент немного разный на разных страницах, то общие стили могут быть тут, а различающиеся на др стр-х */
/* цвета #fc9; #ea7; #210; */

@media (min-width: 600px) and (max-width: 1200px) {
  

  #header {
    line-height: 7vh;
    height: 7vh;
    
    font-size: 5vw;
  }

  #content {
    min-height: 79vh;
  }

  #footer {
    height: 9vh;
  }

  

  .link-right {
    font-size: 4.5vw;
    width: 40vw;
    height: 7vh;
    line-height: 7vh;
    border-left: solid 10vw #ea7;

    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
    text-align: left;
  }

  .buts {
    
    width: 30vw;
    height: 10vh;
    line-height: 9vh;
    
  }

  .next,
  #butDataTabPoint,
  #butDelTabPoint {
    width: 33vw;
    height: 7vh;
    line-height: 7vh;
    font-size: 3vw;
  }

 

  .rowOffice,
  .rowFactory,
  .rowPoints {
  
    margin: 0px auto;
    width: 100vw;
    height: 4vh;
  }

  .cell1,
  .cell2,
  .cell3,
  .cell4,
  .cell5 {
    
    font-size: 3vw;
    line-height: 3.5vh;
    height: 4vh;
  }

 /* ********** */

  .win {
   /* display: block; */
    
    width: 100vw;
    font-size: 5vw;
    

    border: 5vw solid #ea7;
  }

  #winNameProduct {
    margin: 5vh auto;
    font-size: 7vw;

  }

  #winWeight {
    margin: 5vh auto;
    
    
  }

  #winWeight * {
    
    border: solid 2px #fc9;
    width: 30vw;
    height: 7vh;
   
    outline: 0;
    font-size: 5vw;
    text-align: center;
    line-height: 6vh;
    
  }

  #winButs {
    width: 100%;
    height: 20%;
    
    margin: 5vh auto;
    /* border: solid 2px red; */
  }

  .win-but {
    width: 30vw;
    height: 8vh;

    /* line-height: 7vh; */
    font-size: 5vw;
    border: solid 3px #fc9;
    
  }


  /* ------------------ */

  .heading {
    border: solid 5px #ea7;
    width: 80vw;
    padding: 5vh;
  }

  .text {
    border: solid 5px #ea7;
    width: 95vw;
    padding: 10px;
    font-size: 4vw;
  }
  /* -------------------- */

  #butSignal {
    
    /* margin: 7vh auto; */
    width: 80vw;
    /* height: 25vh; */
    padding: 5vh;
    
    font-size: 6vw;
  }

  .displayNone {
    /* display: none; */
    
    width: 0;
    height: 0;
    font-size: 0;
    border: 0;
  }

  /* 8888 */

  #warning {
    /* display: block; */
    /* margin: 2vh auto; */
    width: 100vw;
    /* min-height: 100vh; */
    /* line-height: 7vh; */
    font-size: 4.5vw;
    
    
    padding: 10px;

    /* border: 1vh solid #ea7; */
  }

  .warningOrders {
    /* border: 2px solid red; */
    width: 90vw;
    /* height: 8vh; */
    margin: 1vh auto;

    
  }

  .warningOrders > div {
    /* border: 2px solid white; */
    padding: 7px;
    margin: 3px;
    border-radius: 100px;
  }

  

  #warningOrdersWeight {
    /* border: 2px solid white; */
    border-radius: 0;
  }

 

  #warningButs {
    margin: auto;
    width: 98%;
    height: 35%;
    /* border: 2px solid white; */
    
  }

  

  /* *** */

  .but-rules {
   
    width: 80vw;
    height: 5vh;
    font-size: 2.4vw;
    
    padding: 3px;
    
    line-height: 4vh;
  }

  .span-highlight-ea7 {
    background: #ea7;
  }

  .span-highlight-f75 {
    background: #f75;
  }

  .span-underline-210 {
    text-decoration: underline;
    text-decoration-thickness: 3px; /* толщина линии */
    text-decoration-color: #210; /* цвет линии (опционально) */
    text-underline-offset: 1px;
  }

  .span-underline-red {
    text-decoration: underline;
    text-decoration-thickness: 5px; /* толщина линии */
    text-decoration-color: red; /* цвет линии (опционально) */
    text-underline-offset: 1px;
  }

  .text-rules {
    text-align: left;
    padding: 7px;
    text-indent: 20px;
    font-size: 5.5vw;
  }

  .paragraph-num-rules {
    margin-top: 10px;
  }

  /* ********* */
}