.hideLine { visibility: hidden; }

.T_center
{
  position: absolute;
  

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.noSelect
{
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Стандартный синтаксис */
}

.mainBl_velar-price
{
  /* border: 1px solid #000; */
  width: 100%;
  height: 930px;
}

.mainBlInternal_velar-price
{
  position: absolute;
  /* border: 1px solid red; */
  width: 100%;
  height: 650px;
  margin: 100px 0px;
  transition: 0.25s;
}

.Bl_instruction_velar-price
{
  position: absolute;
  color: #000;
  font-size: 16px;

  margin: 0px 0px;
}

.blTitleCalculator_velar-price
{
  position: absolute;
  border: 1px solid #000;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;

  margin: 10px 212px;
}

.btn_clearFields_velarPrice
{
  position: absolute;
  border-radius: 3px;
  background-color: #909090;
  width: 130px;
  height: 28px;
  cursor: pointer;

  transition: 0.25s;

  color: #ffffff;
  font-size: 15px;

  margin: 70px 0px;
}
.btn_clearFields_velarPrice:active
{
  transition: 0.25s;
  background-color: #a5a5a5;
}

.blBtnsForPage
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 320px;
  height: 110px;

  margin: 30px 0px;
}
.blBtnsDelAddPg
{
  position: absolute;
  width: 100%;
  height: 100%;

  left: 0%;
  top: 50%;
  transform: translate(-0%, -50%);
}
.btnDelPg
{
  position: absolute;
  border-radius: 3px;
  width: 150px;
  height: 28px;
  color: #ffffff;
  background-color: #E31E22;
  cursor: pointer;
  font-size: 88%;

  display: none;

  transition: 0.25s;

  left: 100%;
  top: 0%;
  transform: translate(-100%, -0%);
}
.btnDelPg:active
{
  transition: 0.25s;
  width: 145px;
  height: 25px;
  font-size: 83%;
  margin: 2px -2px;
}
.btnAddPg
{
  position: absolute;
  border-radius: 3px;
  width: 150px;
  height: 28px;
  color: #ffffff;
  background-color: #46c061;
  cursor: pointer;
  font-size: 88%;

  transition: 0.25s;

  left: 0%;
  top: 0%;
  transform: translate(-0%, -0%);
}
.btnAddPg:active
{
  transition: 0.25s;
  width: 145px;
  height: 25px;
  font-size: 83%;
  margin: 2px 2px;
}
.blBtnPrevNextPg
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 255px;
  height: 65px;

  left: 0%;
  top: 100%;
  transform: translate(-0%, -100%);
}
.btnPrevPg
{
  position: absolute;
  border: 2px solid #000000;
  border-radius: 5px;
  width: 120px;
  height: 25px;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 88%;

  transition: 0.25s;

  left: 0%;
  top: 0%;
  transform: translate(-0%, -0%);
}
.btnPrevPg:active
{
  transition: 0.25s;
  width: 115px;
  height: 23px;
  font-size: 83%;
  margin: 1px 2px;
}
.btnNextPg
{
  position: absolute;
  border: 2px solid #000000;
  border-radius: 5px;
  width: 120px;
  height: 25px;
  background-color: #ffffff;
  cursor: pointer;
  font-size: 88%;

  transition: 0.25s;

  left: 100%;
  top: 0%;
  transform: translate(-100%, -0%);
}
.btnNextPg:active
{
  transition: 0.25s;
  width: 115px;
  height: 23px;
  font-size: 83%;
  margin: 1px -2px;
}
.blNumPg
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 100px;
  height: 28px;
  font-size: 88%;

  left: 0%;
  top: 100%;
  transform: translate(-0%, -100%);
}

.bl_patternLine_velar-price
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 400px;
  height: 25px;
}

.T_patternLine_vp_L
{
  position: absolute;
  /* border: 1px solid #000; */
  font-size: 16px;

  left: 0%;
  top: 50%;
  transform: translate(-0%, -50%);
}
.T_patternLine_vp_R
{
  position: absolute;
  font-size: 16px;

  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}
.BlNote_patternLine_vp
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 510px;
  font-size: 12px;

  margin: 32px 0px;
}

.blBtn_patternLine_L
{
  position: absolute;
  /* border: 1px solid #000; */
  border-radius: 3px;
  width: 160px;
  height: 25px;

  left: 0%;
  top: 50%;
  transform: translate(-0%, -50%);
}
.blBtn_patternLine_R
{
  position: absolute;
  /* border: 1px solid #000; */
  border-radius: 3px;
  width: 170px;
  height: 25px;
  text-align: center;

  left: 100%;
  top: 50%;
  transform: translate(-100%, -50%);
}

.btnFieldActive
{
  background-color: #FFEB9B;
  cursor: pointer;
}

.TModelField
{
  /* border: 1px solid #000; */
  width: 300px;
}


.pLine_vp_1 { margin: 20px 0px; }
.pLine_vp_2 { margin: 60px 0px; }
.pLine_vp_3 { margin: 100px 0px; }
.pLine_vp_4 { margin: 140px 0px; }
.pLine_vp_5 { margin: 180px 0px; }
.pLine_vp_6 { margin: 220px 0px; }
.pLine_vp_7 { margin: 260px 0px; }
.pLine_vp_8 { margin: 310px 0px; }
.pLine_vp_9 { margin: 350px 0px; }
.pLine_vp_10 { margin: 390px 0px; }
.pLine_vp_11 { margin: 430px 0px; }
.pLine_vp_12 { margin: 470px 0px; }


.mainBlContextMenu_vr
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 100%;
  height: 100%;
  display: none;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mainBlContextMenuBackground_vr
{
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.25); */
  /* cursor: pointer; */

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.blContextMenu_velar-price
{
  position: absolute;
  /* border: 1px solid #000; */
  border-radius: 5px;
  width: 200px;
  height: 63px;
  background-color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

  margin: 500px 10px;
}

.blContextMenuSearch_velar-price
{
  position: absolute;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 32px;
  background-color: #313131;

  left: 50%;
  top: 0%;
  transform: translate(-50%, -0%);
}
.blContextMenuSearchInp_velar-price
{
  position: absolute;
  border-bottom: 1px solid #ffffff;
  border-top: none;
  border-left: none;
  border-right: none;

  width: 170px;
  background-color: #313131;
  outline: none;

  font-size: 14px;
  font-weight: bold;
  color: #ffffff;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.blContextMenuSearchInp_velar-price::placeholder
{
  color: #ffffff;
}

.blContextMenuListElm_velar-price
{
  position: absolute;
  /* border: 1px solid red; */
  width: 100%;
  height: 28px;
  overflow-y: auto;
  overflow-x: hidden;

  left: 50%;
  top: 100%;
  transform: translate(-50%, -100%);
}
.tableContextMenuListElm_velar-price
{
  width: 100%;
}
.tdElmContMen
{
  padding: 0px 20px;
}
.tdBlock
{
  position: absolute; 
  /* border: 1px solid red;  */
  width: 100%; 
  height: 20px;
  cursor: pointer;
}




.mainBlWinInput
{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mainBlWinInputBackground
{
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.25); */
  /* cursor: pointer; */

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.blWinInput
{
  position: absolute;
  border: 1px solid #000;
  border-radius: 5px;
  width: 135px;
  height: 34px; /* 62px */
  background-color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

  margin: 385px 247px;
}
.winInp
{
  position: absolute;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #000;
  width: 120px;
  height: 20px;
  outline: none;

  margin: 5px 5px;
}



.mainBlWinError
{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mainBlWinErrorBackground
{
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.25); */
  /* cursor: pointer; */

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.blWinError
{
  position: absolute;
  /* border: 1px solid #000; */
  border-radius: 5px;
  width: 200px;
  height: 130px;
  background-color: #ffffff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

  margin: 385px 215px;
}
.blImgError
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 36px;
  height: 36px;
  
  background-size: 50px;
  background-image: url("../img/warning.png");
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;

  left: 50%;
  top: 10%;
  transform: translate(-50%, -10%);
}
.blTError
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 95%;
  height: 30px;
  font-size: 85%;
  text-align: center;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.winInpBtnOK
{
  position: absolute;
  border-radius: 3px;
  width: 110px;
  height: 25px;
  color: #ffffff;
  background-color: #76C071;
  cursor: pointer;

  font-size: 95%;

  left: 50%;
  top: 90%;
  transform: translate(-50%, -90%);
}


.btn_downloadResulVR
{
  position: absolute;
  border-radius: 5px;
  width: 320px;
  height: 40px;
  cursor: pointer;

  display: block;

  background-color: #76C071;
  color: #ffffff;
  font-size: 18px;

  transition: 0.25s;

  margin: 770px 0px;
}

.blForm
{
  position: absolute;
  margin: 10px 500px;
  display: none;
}

.blStandbyMode
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 350px;
  height: 20px;
  color: #e04242;

  margin: 740px 0px;
}


.blWinContactDetails
{
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.blWinContactDetailsBg
{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.winContactDetails
{
  position: absolute;
  /* border: 1px solid #e70f0f; */
  border-radius: 5px;
  box-shadow: 0px 0px 6px 1px rgb(0, 0, 0, 0.25);
  width: 320px;
  height: 320px;
  background-color: #ffffff;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.blWinContactDetTitle
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 100%;
  height: 30px;
  font-size: 90%;
}
.blWinContactDetTitle_T
{
  position: absolute;
  margin: 7px 10px;
}
.btnCloseWinContactDetails
{
  position: absolute;
  width: 20px;
  height: 20px;

  background-size: 12px;
  background-image: url("../img/close.png");
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;

  cursor: pointer;

  margin: 5px 295px;
}
.mainBlWCDInpPattern
{
  position: absolute;
  /* border: 1px solid #c82020; */
  width: 300px;
  height: 40px;
}
.blWCDInpPattern_T
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 55px;
  height: 10px;
  font-size: 70%;

  left: 0%;
  top: 0%;
  transform: translate(-0%, -0%);
}
.blWCDInpPattern
{
  position: absolute;
  border: 1px solid #9e9e9e;
  border-radius: 4px;
  width: 100%;
  height: 25px;

  transition: 0.25s;

  left: 0%;
  top: 100%;
  transform: translate(-0%, -100%);
}
.inpWCDPattern
{
  position: absolute;
  border: none;
  /* background-color: #b1adad; */
  width: 290px;
  height: 20px;
  outline: none;

  margin: 2px 3px;
}

.blWCDInpCompany  { margin: 40px 10px; }
.blWCDInpFullName { margin: 90px 10px; }
.blWCDInpPhone    { margin: 140px 10px; }
.blWCDInpMail     { margin: 190px 10px; }

.mainBlWCDBtnSubmit
{
  position: absolute;
  /* border: 1px solid #000; */
  width: 100%;
  height: 30px;
  margin: 250px 0px;
}
.btnWCDSubmit
{
  position: absolute;
  border-radius: 3px;
  width: 300px;
  height: 30px;
  cursor: pointer;
  outline: none;

  background-color: #76C071;
  color: #ffffff;
  font-size: 15px;

  transition: 0.25s;

  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btnWCDSTmp
{
  position: absolute;
  border: none;
  background-color: #ffffff;
  outline: none;
  margin: 15px 20px;
}



@media only screen and (max-width: 510px)
{
  .mainBl_velar-price
  {
    position: absolute;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media only screen and (max-width: 320px)
{
  .winContactDetails
  {
    width: 300px;
  }
  .blWinContactDetTitle_T
  {
    font-size: 90%;
    margin: 7px 10px;
  }
  .btnCloseWinContactDetails
  {
    width: 20px;
    height: 20px;
    background-size: 12px;
    margin: 7px 275px;
  }
  .mainBlWCDInpPattern
  {
    width: 280px;
  }
  .blWCDInpPattern_T
  {
    width: 55px;
    height: 10px;
    font-size: 70%;
  }
  .inpWCDPattern
  {
    width: 270px;
    margin: 2px 3px;
  }
  .btnWCDSubmit
  {
    width: 280px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 300px)
{
  .winContactDetails
  {
    width: 280px;
  }
  .blWinContactDetTitle_T
  {
    font-size: 90%;
    margin: 7px 10px;
  }
  .btnCloseWinContactDetails
  {
    width: 20px;
    height: 20px;
    background-size: 12px;
    margin: 7px 255px;
  }
  .mainBlWCDInpPattern
  {
    width: 260px;
  }
  .blWCDInpPattern_T
  {
    width: 55px;
    height: 10px;
    font-size: 70%;
  }
  .inpWCDPattern
  {
    width: 250px;
    margin: 2px 3px;
  }
  .btnWCDSubmit
  {
    width: 260px;
    font-size: 90%;
  }
}

@media only screen and (max-width: 280px)
{
  .winContactDetails
  {
    width: 260px;
  }
  .blWinContactDetTitle_T
  {
    font-size: 88%;
    margin: 7px 10px;
  }
  .btnCloseWinContactDetails
  {
    width: 20px;
    height: 20px;
    background-size: 12px;
    margin: 7px 235px;
  }
  .mainBlWCDInpPattern
  {
    width: 240px;
  }
  .blWCDInpPattern_T
  {
    width: 55px;
    height: 10px;
    font-size: 70%;
  }
  .inpWCDPattern
  {
    width: 230px;
    margin: 2px 3px;
  }
  .btnWCDSubmit
  {
    width: 240px;
    font-size: 85%;
  }
}

@media only screen and (max-width: 260px)
{
  .winContactDetails
  {
    width: 240px;
  }
  .blWinContactDetTitle_T
  {
    font-size: 85%;
    margin: 7px 5px;
  }
  .btnCloseWinContactDetails
  {
    width: 20px;
    height: 20px;
    background-size: 10px;
    margin: 6px 220px;
  }
  .mainBlWCDInpPattern
  {
    width: 220px;
  }
  .blWCDInpPattern_T
  {
    width: 55px;
    height: 10px;
    font-size: 70%;
  }
  .inpWCDPattern
  {
    width: 210px;
    margin: 2px 3px;
  }
  .btnWCDSubmit
  {
    width: 220px;
    height: 25px;
    font-size: 80%;
  }
}

@media only screen and (max-width: 240px)
{
  .winContactDetails
  {
    width: 220px;
  }
  .blWinContactDetTitle_T
  {
    font-size: 78%;
    margin: 8px 5px;
  }
  .btnCloseWinContactDetails
  {
    width: 20px;
    height: 20px;
    background-size: 10px;
    margin: 5px 200px;
  }
  .mainBlWCDInpPattern
  {
    width: 200px;
  }
  .blWCDInpPattern_T
  {
    width: 55px;
    height: 10px;
    font-size: 70%;
  }
  .inpWCDPattern
  {
    width: 190px;
    margin: 2px 3px;
  }
  .btnWCDSubmit
  {
    width: 200px;
    height: 25px;
    font-size: 72%;
  }
}