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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Times New Roman";
}

body {
  /* background: #897; */
  background: #fc9;
  /* background: #d96; */
  /* border: solid blue 2px; */
  /* font-family: "Times New Roman"; */
  /* font-family: Arial; */
}

#page {
  /* border: solid green 2px; */

  /* border: solid 1vw #210; */
  /* border: solid 5px #210; */

  /* display: flex;
  flex-direction: column;
  justify-content: center; */
  /* align-items: center; */
  width: 100vw;
  min-height: 100vh;
  color: #210;
  font-size: 4.5vh;
  text-align: center;
}

#header {
  /* border: solid red 2px; */

  line-height: 7vh;
  
  color: #fc9;
  /* color: #210; */
  background: #210;
  /* background: #ea7; */
  text-align: center;
  font-size: 2vw;
}



#content {
  /* border: solid red 2px; */
  /* width: 100vw; */
  
  min-height: 79vh;

  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  /* display: none; */
}

#footer {
  /* border: solid red 2px; */
  /* width: 80vw; */
  height: 9vh;
  display: flex;
  justify-content: space-between;
}

a {
  text-decoration: none;
  display: block;
  color: #210;
}

.link-right {
  background: #ea7;
  width: 30vw;
  height: 10vh;
  line-height: 9vh;
  /* border-left: solid 4vw #ea7; */

  /* border-right: solid 3vw red;
  border-top: solid 3vw red;
  box-sizing: content-box; */

  /* clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 50%, 100% 100%, 0 100%); */
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  text-align: center;
}

.buts {
  /* margin: auto; */
  background: #ea7;
  width: 30vw;
  height: 10vh;
  line-height: 9vh;
  border-radius: 100px;
  /* border: solid 3px #399; */
}

.next,
#butDataTabPoint,
#butDelTabPoint {
  /* background: #d96; */
  /* background: #fc9; */
  background: #ea7;
  color: #210;
  /* background: #786; */
  width: 15vw;
  height: 8vh;
  line-height: 7vh;
  font-size: 1.5vw;
  border: solid 3px #fc9;
  font-family: "Times New Roman";
}

.but-order,
.next,
#butDataTabPoint,
#butDelTabPoint:hover {
  cursor: pointer;
}

.tablePoint,
.tableFactory {
  /* margin-top: 6vh; */
}

.rowOffice,
.rowFactory,
.rowPoints {
  /* display: grid;
  grid-template-columns: 8fr 4fr 5fr 3fr;
  grid-template-rows: 1fr; */
  /* gap: 2px; */
  /* border: solid 2px yellow; */
  margin: 0px auto;
  width: 70vw;
  height: 4vh;
}

.cell1,
.cell2,
.cell3,
.cell4,
.cell5 {
  /* background: #d96; */
  background: #ea7;
  /* background: #c85; */
  /* border: solid 1px #fc9; */
  border: solid 1px #fc9;
  /* border: solid 1px #d96; */
  color: #210;
  /* color: #fc9; */
  font-size: 1.3vw;
  line-height: 2vw;
}


/* +++++++++++++ */

.win {
  display: none;
  /* margin: 20vh auto; */
  width: 50vw;
  /* height: 50vh; */
  /* line-height: 7vh; */
  font-size: 3vh;
  background: #ea7;
  color: #210;
  font-size: 5vh;
  text-align: center;

  border: 1vw solid #ea7;
}

#winNameProduct {
  margin: 5vh auto;

  /* padding: 10vh; */
  /* width: 300px;  */
}

#winWeight {
  margin: 5vh auto;
  display: flex;
  justify-content: center;
  /* border: solid 3px yellow; */
}

#winWeight * {
  display: block;
  background: #ea7;
  border: solid 2px #fc9;
  width: 8vw;
  height: 7vh;
  /* border: 0; */
  outline: 0;
  font-size: 4vh;
  text-align: center;
  line-height: 6vh;
  /* color: yellow; */
}

#winButs {
  width: 100%;
  height: 35%;
  display: flex;
  justify-content: space-between;
  margin: 5vh auto;
  /* border: solid 2px red; */
}

.win-but {
  width: 14vw;
  height: 15vh;

  background: #ea7;
  color: #210;

  /* line-height: 7vh; */
  font-size: 1.7vw;
  border: solid 3px #fc9;
  font-family: "Times New Roman";
}

/* width: 10vw;
height: 17vh; */
/* border: solid 6px red; */
/* background: #c96;
font-size: 1.5vw; */

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

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

.text {
  border: solid 5px #ea7;
  width: 90vw;
  padding: 2vh;
  font-size: 0.1vw;
  font-size: 2vw;
}
/* -------------------- */

#butSignal {
  /* display: none; */
  /* margin: 7vh auto; */
  width: 50vw;
  /* height: 25vh; */
  padding: 5vh;
  background: #ea7;
  border: 0;
  /* color: #897; */
  font-size: 4.5vh;
}

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

/* 8888 */

#warning {
  display: none;
  /* margin: 2vh auto; */
  width: 100vw;
  /* min-height: 100vh; */
  /* line-height: 7vh; */
  font-size: 3vh;
  background: #ea7;
  color: #210;

  text-align: center;
  padding: 10px;

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

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

  display: flex;
  justify-content: center;

  color: #ea7;
}

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

/* #warningOrdersTitle {
  border: 2px solid white;
  padding: 10px;
} */

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

/* #warningOrdersUnit {
  border: 2px solid white;
}  */

#warningButs {
  width: 90%;
  height: 35%;
  display: flex;
  justify-content: space-between;
  /* margin: 5vh auto; */
}

/* *** */

.but-rules {
  margin: auto;
  width: 60vw;
  height: 5vh;
  font-size: 1.3vw;
  background: #ea7;
  color: #210;
  padding: 3px;
  font-weight: bold;
  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;
}

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


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