:root {
  --color_red: #e4615d;
  --color_green: #6cdb9b;
  --color_blue: #00a0e3; /* #ADD8E6;  */
  --color_gray: #808080;
}

.mainEkz input[type="submit"], .mainEkz input[type="submit"].clButton, .mainEkz input[type="submit"].clButVop, button
{
    border-radius: 0.2rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius: 0.2rem;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0.2rem;
}

#divReg button, #divChendgPasw button {
    margin: 0.5rem;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}

#divReg button.bicon {
    margin: 0 0 0 0.5rem;
    padding: 0;
    border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -webkit-border-radius: 0.3rem;
    border-width: 0;
    background-color: rgba(0,0,0,0);
}

.inline_block {
    display: inline-block;
}

#divReg p, #divChendgPasw p {
    margin: 0.5rem;
    padding: 0.2rem 0.5rem 0.2rem 0.5rem;
}

#divReg form  { border: 4px double #008a77; }


.mainEkz {  width: 100%;}

.row {
    margin: 0;
    padding: 0;
}

.row1 {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.row2  {
    margin: 0;
    padding: 0.375rem;
}

.row2 label  { margin-right: 2rem; }

#divSelectEkzamen label, #divParamEkzamen label {
    display: block;
    margin: 0.5rem;
}

#divReg label { margin: 0.5rem; }

.hr1 {
    border: 0;
    background-color: #e4e4e4;
    margin: 0;
    padding: 0;
    height: 2px;
}

.title_long {
    display: inline;
    padding: 0.1875rem 0.375rem;
    margin: 0.375rem 0.375rem 0.375rem 0.375rem;
}

.title_long_bold {
    display: inline;
    font-weight: bold;
    padding: 0.1875rem 0.375rem;
    margin: 0.375rem 0.375rem 0.375rem 0.375rem;
}
.p_err {
    display: inline;
    font-weight: bold;
    padding: 0.1875rem 0.375rem;
    margin: 0.375rem 0.375rem 0.375rem 0.375rem;
    color: red;
}

#butBilet {
    margin: 0.2rem;
    width: 3rem;
}

#butBiletRandom {
    margin: 0.2rem;
    width: 15rem;
}

.p_inline { display: inline; }

#divReg .divIm {
    height: 1.5rem;
    width: 2rem; background-size :
    contain; vertical-align:middle;
    background-repeat : no-repeat;
    margin-left: 0.5rem;
}

/*========== Окна сообщений ===============*/
.m_link {
  display:inline-block;
  margin: 0 0 0 1rem;
  text-decoration:underline;
  cursor:pointer;
  color: #0000FF;
}

.text_center { text-align:center; }

#divHelp, .divPopup {
  position: absolute;
  font-size: 1rem;
  padding: 0.625em;
  background: #F5F5F5;
  border: 10px groove #e3e3e3;
  border-radius: 0.5rem;
  z-index: 100;
}
#divHelp p {
  padding: 0px;
  margin: 0.1875rem 0.375rem 0.1875rem 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

input.clButtonRezOk
{
    margin: 0.2rem;
    padding: 0.2rem 1rem 0.2rem 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    vertical-align: middle;
}

/*========== Виртуальная клавиатура ===============*/

#divVirtKey {
  position: absolute;
  padding: 0.3rem;
  margin: 0;
  background: #F5F5F5;
  z-index: 150;
  width: 30rem;
  max-width: 100%;
  border: 1px solid #666;
  border-radius: 0.2rem;
  background: #000;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

#divVirtKey #TextVirtKey {
    text-align: left;
    margin: 0.3rem 0.5rem 0.5rem 0.5rem;
    padding: 0.1rem 0.5rem;
    display: inline;
    width: 94%;
    background: #dcdcdc;
}

.divInput {
    display: inline-block;
    text-align: center;
    width: 100%;

}

#divVirtKey .key-button {
    border: 1px solid #666;
    border-radius: 0.2rem;
    background: #555;
    color: #eee;
    height: 2rem;
    min-width: 2.2rem;
    margin: 0.1rem;
    cursor: pointer;
    overflow: hidden;
    line-height: 1em;
}
#divVirtKey .key-dbl-width { min-width: 4.6rem; }
#divVirtKey .key-dbl-margin { margin-left: 5rem; }
#divVirtKey .key-dbl-margin2 { margin-left: 4.7rem; }
.key-dbl-margin { margin-left: 5rem;}

#divVirtKey .clButtonSubm {
    border: 1px solid #666;
    border-radius: 0.2rem;
    background: #F58400;
    color: #eee;
    height: 2rem;
    margin: .1em;
    cursor: pointer;
    overflow: hidden;
    line-height: 2rem;
    min-width: 9.5rem;
}

#divVirtKey p {
  padding: 0px;
  margin: 0.1875rem 0.375rem 0.1875rem 0.375rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
/*============== РЕГИСТРАЦИЯ=================*/

.ButRegMain { margin: 0.3rem 0.3rem 0.3rem 2rem; }
.ButRegRun  { margin: 0.3rem 0.3rem 0.3rem 1rem; }

#divRegViewState .div_preg5 {
    display: inline-block;
    width: 4rem;
    margin: 0;
    padding: 0;
}

#divRegViewState label {
    display: block;
    margin: 0.5rem;
}

#divErrRegUs p {
    color: red;
    padding: 0px;
    margin: 0.1875rem 0.375rem 0.1875rem 0.375rem;
}

#divRegList input[type="text"], #divRegList input[type="number"], #divRegList input[type="submit"], #divRegList select
{
    padding: 0.1875rem 0.375rem;
    margin: 0.1rem 0.4rem;
}

#divRegList #divAdmTableEdit input[type="text"], #divRegList #divAdmTableEdit input[type="submit"]
{
  padding: 0.1875rem 0.375rem;
  border-radius: 0.25rem;
  margin: 0.375rem;
}

#divRegList #butRunAsUs { margin-left: 2rem; }
/*============= ОКНО ЭКЗАМЕНА===================*/
.divTopLine { border-top: 1px solid black; }
.divTopLine2 { border-top: 1px solid black; }
.divBottomLine { border-bottom: 1px solid black; }

input.clButtonT {
    margin: 1rem 0.3rem 0.3rem 3.1rem;
    font-size: 1.5rem;
    vertical-align: middle;
}

.div_l0 {  padding: 0.3125rem 0.3125rem 0.3125rem 0.3125rem; }

#TitleE p {
    display: inline;
    padding: 0.1rem 0.375rem 0.1rem 0;
    margin: 0.1rem;
    font-size: 1rem;
}
#TitleE #pTitleE12, #TitleE #pTitleE31
{   margin-right: 2rem; }

#pTitleE12, #pTitleE22, #pTitleE42, #pTitleE43
{   font-weight: bold; }

#divWork p, #divBil p {
  padding: 0px;
  margin: 0.1875rem 0.375rem 0.1875rem 0.4rem;
  line-height: 2rem;
}
#divWork p.clPOtv { padding-left: 0.5rem; }

.clPVop {
  font-size: 1.5rem;
  font-weight: bold;
}

.clPOtv { font-size: 1.5rem; }

.clPPrim {
  font-size: 1.5rem;
  font-style: italic;
}

.clSc
{ position: relative;
  border: 0;
  height: 4.7rem;
  margin: 0 auto;
  -moz-box-sizing: border-box; /* Для Firefox */
  -webkit-box-sizing: border-box; /* Для Safari и Chrome */
  box-sizing: border-box; /* Для IE и Opera */
}
.clScNo {
  border: 1px solid #C1C1C1;
  margin: 0 auto;
  -moz-box-sizing: border-box; /* Для Firefox */
  -webkit-box-sizing: border-box; /* Для Safari и Chrome */
  box-sizing: border-box; /* Для IE и Opera */
  width: 100%;
}

.clSc DIV {
  position: absolute;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.clSc .clScL, .clSc .clScR {
    border: 1px solid #C1C1C1;
    height: 3.6rem;
    width: 2.8rem;
    padding: 0.2rem;
}
.clSc .clScC { height: 4.7rem; }
.hide { display: none; }
.clScL {}
.clScR { right: 0; }

.clScC {
  left: 2.8rem;
  right: 2.8rem;
  overflow: hidden;
  overflow-x: auto;
  white-space:nowrap;
  padding: 0 0 0.3125rem 0;
}
.clNoScC {
    left: 0;
    right: 0;
    padding: 0 0 0.3125rem 0;
}

.ImSc {
    max-width:100%;
    height:auto;
    display:block; margin:0 auto;
    padding-top: 0.3rem;
    cursor: pointer;
}

.overflow { overflow: auto; }

input[name="butVop"]:not(.clColorOk):not(.clColorNo):not(.clColorUnrez):not(.clColorChenge):hover
{
  background: linear-gradient(to top, #b8dbfd, #f0f0f0);
  color: #000;
}

input.clButVop {
  margin: 0.3125rem;
  width: 2.8rem;
  height: 2.2rem;
  font-size: 1.3rem;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  color: #004d99;
  font-weight: bold;
}

input[type="submit"].clButVopSel {
  border: 1px solid black;
  width: 2.8rem;
  height: 2.5rem;
  margin: 0 0.3125rem 0 0.3125rem;
}

.clTextOk
{   color: #00ff00;
    color: var(--color_green, #00ff00);
}
.clTextNo
{color: #ff0000;
 color: var(--color_red, #ff0000);
}

input[type="submit"].clColorOk, .clColorOk, i.clColorOk {
  background: #00ff00;
  background: var(--color_green, #00ff00);
}
input[type="submit"].clColorNo, .clColorNo, i.clColorNo {
  background: #ff0000;
  background: var(--color_red,#ff0000);
}
input[type="submit"].clColorUnrez, .clColorUnrez {
    background: #0000ff;
    background: var(--color_blue,#0000ff);
}
input[type="submit"].clColorChenge, .clColorChenge
{
    background: #808080; /*#696969;*/
    background: var(--color_gray,#808080);
}

.clSc .clColorOk, .clSc .clColorNo, .clScNo .clColorOk, .clScNo .clColorNo,
.clSc .clColorUnrez, .clSc .clColorChenge, .clScNo .clColorUnrez, .clScNo .clColorChenge
{   color: #fff; }

.clL.clColorOk, .clL.clColorNo,
.clL.clColorUnrez, .clL.clColorChenge
{  color: #fff; }
.clColorOk:hover, .clColorNo:hover,
.clColorUnrez:hover, .clColorChenge:hover
{  color: #000; }

.clButVopNav {
  margin: 0.3125rem;
  width: 8rem;
}

input.clButOtv {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  color: #004d99;
  font-weight: bold;
  z-index: 10;
}

.clBoth { clear: both; }

.div_otv {
    display: block;
    width: 100%;
    vertical-align: baseline;
    position: relative;
    margin: 0 0 0.6rem 0;
    min-height: 2.5rem;
}

.clL {
    position: absolute;
    padding: 0;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.clR {
    padding: 0.3rem 0.3rem 0.3rem 3.3rem;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #000;
    position: relative;
    z-index: 5;
}

.ImVop {
    max-width:100%;
    max-height:30vh;
    height:auto;
}
/*============= ОКНО ЭКЗАМЕНА Лентой===================*/
.div_otv_l {
    margin: 0 0 0.3rem 0;
    display: block;
    width: 100%;
    vertical-align: baseline;
    position: relative;
    cursor: pointer;
}

.clL_l {
    position: absolute;
    box-sizing: border-box;
    background: #fff;
    display: block;
    width: 2rem;
    height: 2rem;
    left: 0.5rem;
    top: 36%;
    margin-top: -10px;
    border: 2px solid #000;
    -o-transition: border-width .15s ease-out;
    transition: border-width .15s ease-out;
    background-position-x: 0.2rem !important;
    background-position-y: 0.2rem !important;
}

.clR_l {
    font-size: 1.5rem;
    line-height: 1.3;
    color: #000;
    padding: 0.3rem 0.3rem 0.3rem 3.4rem;
    position: relative;
    max-width: 95%;
}
.div_otv_l:hover .clL_l { border-width: 3px!important; }

.clCheck {
    background: #fff url(../img/ok.png)  no-repeat;
    background-size: 80%;
}

/*======================= ПРАКТИЧЕСКИЕ =====================*/
#divWork input[type="text"] {
    width: 5rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    display: block;
    position: absolute;
    top: 20%;
    text-align: center;
    z-index: 10;
}
#divWork .clDblWidth input[type="text"] { width: 7rem; }
.clDblWidth .clR_lab {  padding: 0.3rem 0.3rem 0.3rem 7.9rem; }

.clPOtvLab {
    display: inline;
    padding: 0.1875rem 0.375rem;
    margin: 0.375rem 0.375rem 0.375rem 0.375rem;
    font-size: 1.5rem;
    line-height: 2rem;
}

.clR_lab {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #000;
    padding: 0.3rem 0.3rem 0.3rem 5.9rem;
    position: relative;
    display: inline-block;
}

#divWork { }
.TextOtvUs {
    padding: 1px 0;
    margin: 0;

}
/*=======сворачиваемое меню=========*/
.hide,
.hide + label ~ #divSetupBazMenu {
    display: none;
}
/* вид текста label */
.hide + label {
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: inline-block;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + #divSetupBazMenu {
    display: block;
}

.hide + label:before {
    background-color: #1e90ff;
    color: #fff;
    content: "\002B";
    display: block;
    float: left;
    font-size: 1.2rem;
    font-weight: bold;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: 0.1rem 0.2rem;
    text-align: center;
    width: 1.2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.hide:checked + label:before {
    content: "\2212";
}
/*========================================*/
.nullTextArea { background: #F0FFF0; }

.divEditBaz .divOtvEdVopLab textarea { width: 60%; }

.divEditBaz .divOtvEdVopLab p, .divEditBaz .divOtvEdVopLab textarea, .divEditBaz .divOtvEdVopLab img
{    vertical-align	: middle; }

.divEditBaz input[type="submit"].dbl-margin-left, #mainEkz .dbl-margin-left
{ margin-left: 5rem;}

.bcolor1 { background-color: #7FFFD4; }
.bcolor2 { background-color: #AFEEEE; }
.bcolor3 { background-color: #E0FFFF; }

/*============== ВСПЛЫВАЮЩЕЕ ОКНО ================*/
.clScH {
  overflow: hidden;
  overflow-y: auto;
}

.divImSelect {
    margin: 0;
    padding: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    border: 4px double black;
}

.divImSelect label { margin-top: 0.5rem; }

.ImSelect {
    height:auto;
    max-width:50rem;
    display: block;
    min-width: 8rem;
    padding-bottom: 0.5rem;
}

.divPopup input[type="text"], .divPopup input[type="submit"], .divPopup input[type="file"], .divPopup textarea {
    padding: 0.1875rem 0.375rem;
    border-radius: 0.25rem;
    margin: 0.375rem;
}

.divPrim {
    background: #F0F0F0;   /* #F8F8F8;*/
    width: 100%;
}

.divPrim hr {
    width: 30%;
    margin-left: 0;
}

#divWork .divPrim p {
    line-height: 1.5em;
}