@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet');

:root
{
  --fsw:1vw;
  --fsh:1vh;  
  --bgctwo:#e4eaeb;
  --fntClr:#115286;/* #1b6099; цвет фона шрифта input */
  --lblfntClr:#1f4161;/* #1f4161; цвет фона шрифта lbl */
  --bgcOne:#f7f6ef;/*#f7f6ef лучший цвет фона ; запасной вариант  fafaf6*/
  --bgtxtinp:#e4eaeb;/*#e4eaeb; лучший цвет фона*/
  --bgcMyField:#f7f6ef;/* #f7f6ef; цвет фона myFlield */ 
  --bgcMainField:#8e9292;/* #f7f6ef; цвет фона myFlield */ 
  --bgclr2:   #e4e4e1;
   --bgcMylbl:#e9e8e0;/* #f7f6ef; цвет фона myFlield */
}

/* УБРАЛИ СТРЕЛОЧКИ В ЧИСЛОВЫХ ПОЛЯХ*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; 

}
input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}
/*  КОНЕЦ КОДА СТРЕЛОЧЕК ЦИФРОВЫХ ПОЛЕЙ*/
/*-----------------------------------------------*/



/* стиль для fieldset*/
.myFlield
{
    width: 340px;
    height: 605px;
    margin-left: 10px; 
    margin-top: 10px; 
    border-radius: 3px;
    border-color: rgb(201, 199, 199);
    /* border: none; */
    /* line-height: 0.5;  */
    background-color: var(--bgcOne); 
    padding-top: 12px;
}
.fldTitle{
  font-weight: bold;
  text-align: center;
  font-family: 'AA Stetica Light', Courier, monospace;
  color:var(--navClr);
}

#fldPGMTXT{
  justify-content:space-between;
   /* border: none; */
  /* background-color:rgb(138, 145, 145);  */
}


/* стиль для label*/
.myLabel
{ 
  font-weight:600;
  font-size: 14px;
  font-family: 'Courier New', Courier, monospace;
  text-align: right;
  display: block;
  color: var(--lblfntClr); 
  text-transform: uppercase;
}
#sumKadrov
{ 
  text-align: center;
}

/* .myInput:hover{
  background-color:#1f2122;
  color:#f7f6ef;
} */

/* стиль для кнопок*/
.mBaton{
  border-radius: 2px;
  text-align: center;
  width: 90px;
  height: 25px;
  font-weight: bold;
  text-align: center;
  margin-left: 13px;
 /* margin-bottom: 12px; */
  color:#115286;
}

.mBaton:hover
{
  background-color:#115286;
  border-color: #e4e4e1;
  color: #e4e4e1;
  transition: 0.5s; 
  /* transition: color 10s; */
}
.myInput:focus{
  background-color:#115286;
  color:var(--bgtxtinp);
  transition: background-color 0.5s;
  
}

.myLabel:hover{
  color: #0d41a2;;/*#770518;*/
  background-color: var(--bgcMylbl);
}

/* стиль для inputs*/
.myInput,.mySelect
{
 margin: 1px;
 width:63px;
 font-family: monospace;
 text-align:center;
 font-weight: 600;
 font-size: 14px;
 /*border: none;*/
 border: 1px solid;
 border-radius: 2px;
 background-color: var(--bgtxtinp);
 color: var(--fntClr);
}

/* стиль для mySelect*/
/* .mySelect
{
 width:68px;
} */

.outCodePGM
{
  height: 480px;
  width: 327px;
  border-radius: 2px;
  margin-left: 3px;
  overflow: auto;
  resize: none;
  display:flex;
  padding-top: 13px;
  padding-left:  3px;
  font-family: monospace; 
  text-align: left;
  font-weight:400;
  font-size: 14px;
  border: 1px solid;
  border-color: gray;
  text-align: left;
  background-color:var(--bgtxtinp);
  color:var(--fntClr);
} 
/* стиль для формы */
.frmOne{
 display: flexbox;
}