/* Общая таблица стилей */
/**/
/********************************************************************************
Содержание:
   0 Общий внешний вид
   1 Шапка
   2 Основной контент
      2.1 Заголовок страницы
      2.2 Материал статьи на странице
   3 Левое навигационное меню
      3.1 Элементы навигационного меню
      3.2 Панель авторизации
   4 Футер
   5 Личный кабинет
   6 Добавила Ольга
   7 Смена секции в личном кабинете председателя / секретаря секции
   8 Подтверждение на использование cookies

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



/* 0 Общий внешний вид
------------------------------------------------------------------------------*/
.spacer{
   height: 30px;
   width: 100%;
}
.L1pageWrapper{
   min-height: 100%;
   height: auto !important;
   height: 100%;
   width: 100%;
}
.L1ContentWrapper{
  overflow: hidden;
  height: 100%;
  min-width: 1000px;
}
.L2ContentWrapper{
  overflow: hidden;
  margin: 7px 10px;
}

.nohyp{
   white-space: nowrap;
}

a:link{
   color: #235db4;
   text-decoration: underline;
}
a:visited{
color: #bb471f;
}
a:hover{
   text-decoration: none;
}

a.inv:link{
   color: #F8DF09;
   text-decoration: underline;
}
a.inv:visited{

}
a.inv:hover{
   text-decoration: none;
}

body{
   background: #D8D7DE url("../img/bgBody.gif") repeat;
   font: 12px/1.2 Arial, Verdana, Tahoma, sans serif;
   height: 100%;
   width: 100%;
}
html{
   height: 100%;
}
img{
   border: 0;
}

.styledBtn{
   display: block;
   background-color: #C6C5CC;
   border: solid #1753fe 1px; /*33C*/
   color: #1753fe; /*33C*/
   padding: 0.1em 0;
   width: 100px;
}
.styledBtn:hover{
   background-color: #D7D6DD;
   border: solid #bb471f 1px;
   color: #bb471f;
}


/* 1 Шапка
------------------------------------------------------------------------------*/
.header{
   background: url("../img/bgHeaderShadowB.gif") repeat-x bottom;
   padding-top: 18px;
   min-width: 1000px;
   outline: solid #3232C9;
}
.header .L1HeaderWrapper{
   background: url("../img/bgHeaderShadowT.gif") repeat-x top;
   padding: 7px 0 0 0;
   min-height: 128px;
}
.header .L2HeaderWrapper{
   background: #1753fe;
}
.header .L3HeaderWrapper{
   background: #1753fe;
   margin: 0 auto;
   width: 100%;
}
.header .L4HeaderWrapper{
   display: flex;
   align-items: center;
   background: url("../img/bgHeaderR.jpg") no-repeat right top;
   min-height: 128px;
}
.header .L5HeaderWrapper{
   display: flex;
   align-items: stretch;				 
}
.header .ownerLogoSection .ellipsis{
	flex: none;
	position: absolute;
	top: 25px;	
	left: 179px;
}
.header .ownerLogoSection,
.header .partnerLogoSection{
   padding: 0 20px;
   border-right: 1px solid #ffffff;
   box-sizing: border-box;
   min-height: 100px;
   min-width: 250px;
}
.header .ownerLogoSection,
.header .partnerLogoSection,
.header .confNameSection {
   display: flex;
   align-items: center;
}
.header .confNameSection a:active, 
.header .confNameSection a:hover,
.header .confNameSection a{
  text-decoration: none;
  color: #ffffff;
}
.header .confNameSection .title1{
   font-size: 18px;
   font-weight: normal;						  
   padding-left: 35px;
   color: #ffffff;
   word-break: break-word;
   overflow-wrap: break-word;
   white-space: normal;
}
.header .confNameSection .title2{
   color: #ffffff;
   font-size: 25px;
   font-weight: bold;
   padding-left: 20px;
   word-break: break-word;
   overflow-wrap: break-word;
   white-space: normal;
}

.header .confNameSection {
   flex: 1 1 auto;
   min-width: 0;
   padding-right: 20px;
}

@media (max-width: 1460px) {
   .header .confNameSection .title1 {
       font-size: 16px;
       padding-left: 33px;
   }
   .header .confNameSection .title2 {
       font-size: 22px;
   }
}

@media (max-width: 1350px) {
   .header .confNameSection .title1 {
       font-size: 14px;
       padding-left: 30px;
   }
   .header .confNameSection .title2 {
       font-size: 18px;
   }
}

@media (max-width: 1210px) {
   .header .confNameSection {
       width: 50%;
       flex: 0 0 auto;
       padding-right: 30px;
       overflow: hidden;
   }
   .header .confNameSection .NameSection {
       width: 100%;
   }
}

@media (max-width: 1140px) {
   .header .confNameSection {
       width: 40%;               /* было 50% – теперь уже */
       flex: 0 0 auto;
       padding-right: 30px;
       overflow: hidden;
   }
   .header .confNameSection .NameSection {
       width: 100%;
   }
}

/* 2 Основной контент
------------------------------------------------------------------------------*/
.L3ContentWrapper{
   float: right;
   margin-left: -235px;
   padding-bottom: 32000px;
   margin-bottom: -32000px;
   min-width: 945px;
   width: 100%;
}
.L4ContentWrapper{
   /* background: url("../img/blockShadowTC.png") left top repeat-x; */
   margin-left: 245px;
}
.L5ContentWrapper{
   /* background: url("../img/blockShadowTL.png") left top no-repeat; */
}
.L6ContentWrapper{
   /* background: url("../img/blockShadowTR.png") right top no-repeat; */
}
.L7ContentWrapper{
   /* background: url("../img/blockShadowBC.png") left bottom repeat-x; */
}
.L8ContentWrapper{
   /* background: url("../img/blockShadowBL.png") left bottom no-repeat; */
}
.L9ContentWrapper{
   /* background: url("../img/blockShadowBR.png") right bottom no-repeat; */
   padding-top: 6px;
   padding-bottom: 6px;
}
.L10ContentWrapper{
   /* background: url("../img/blockShadowL.png") left top repeat-y; */
}
.L11ContentWrapper{
   /* background: url("../img/blockShadowR.png") right top repeat-y; */
   padding-left: 5px;
   padding-right: 5px;
}


   /* 2.1 Заголовок страницы
   ------------------------------------------------------------------------------*/
   .L3ContentWrapper .L1TitleWrapper{
      background: #1753fe; /*33C*/
      overflow: hidden;
      border-top: 5px solid #1753fe;
      border-radius: 5px 5px 0px 0px;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.7);
   }
   .L3ContentWrapper .titleSection h1{
      float: left;
      background: #1753fe; /*33C*/
      color: white;
      font-size: 14px;
      font-weight: normal;
      padding: 0.5em 12px 32000px 14px;
      margin-bottom: -31993px;
      width: 500px;
   }
   .L3ContentWrapper .titleLetter {
	   float: right;
	   margin: 2px 15px 0px 0px;
   }
   .L3ContentWrapper .titleLetter span {
	   color: white;
	   float: left;
       padding: 7px 7px 32000px 0px;
       margin-bottom: -31993px;
   }
   .L3ContentWrapper .searchSection{
      float: right;
      background: #1753fe; /*33C*/
      padding: 1px 12px 32000px 12px;
      margin-bottom: -31993px;
      width: 224px;
   }
   .L3ContentWrapper .searchSection .inputHint{
      float: left;
      width: 130px;
   }
   #searchLabel{
      position: relative;
      float: left;
      display: block;
      margin: 0.2em 0 -1.5em 0.3em;
      color: #0f2c44;
      font-size: 14px;
      font-style: italic;
      cursor: text;
   }
   #nojs #searchLabel{
      visibility: hidden;
   }
   #searchInput{
      color: #0f2c44;
      width: 130px;
   }
   #searchBtn{
      float: right;
      width: 85px;
   }


   /* 2.2 Материал статьи на странице
   ------------------------------------------------------------------------------*/
   .L3ContentWrapper .content{
	  background: white; /*background: #E6D298;*/
	  background-size: cover;
      border-left: solid #1753fe 3px; /*#33C*/
      border-right: solid #1753fe 3px; /*#33C*/
      color: #393939; /*#43478F;*/
      font-size: 12px;
      padding: 10px 30px;
      min-height:576px;
      border-bottom: 3px solid #1753fe;
      border-radius: 0px 0px 5px 5px;
      box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.7);
   }
   .content p,
   .content ul,
   .content ol,
   .content table{
      margin-top: 1em;
      width: 100%;
   }

   .content table caption{
      text-align: left;
      padding: 1em 0;
	  color: #393939;
	  font-size: 10.5pt;
	  font-weight: bold;
   }
   .content table th,
   .content table td{
      text-align: left;
      padding: 1em 0.5em;
   }
   .content table td.alt{
      background: url("../img/bgSidebarElementAlt.png") left top;
   }
   .content table tr:hover td{
      background: none;
   }
   .content table th{
      background: url("../img/bgTableHead.png") left top;
      text-align: center;
   }
   .content table td.centered{
      text-align: center;
   }
   /* для таблицы Образец оформления на странице Требования к оформлению */
   .sampleDesign{
      border: 1px solid #1753fe;
      width: 70%;
   }
   /* внимание на ошибку */
   .textError{
	  color: red;
   }
   /* внимание к подтвержденным действиям */
   .textConfirmed{
	  color: green;
   }
   /* Автор не из ОГУ */
   .notFromOSU{
	  background: Lavender;
   }


/* 3 Левое навигационное меню
------------------------------------------------------------------------------*/
.L1sidebarWrapper{
   float: left;
   /* background: url("../img/blockShadowTC.png") left top repeat-x; */
   width: 235px;
}
.L2sidebarWrapper{
   /* background: url("../img/blockShadowTL.png") left top no-repeat; */
}
.L3sidebarWrapper{
   /* background: url("../img/blockShadowTR.png") right top no-repeat; */
}
.L4sidebarWrapper{
   /* background: url("../img/blockShadowBC.png") left bottom repeat-x; */
}
.L5sidebarWrapper{
   /* background: url("../img/blockShadowBL.png") left bottom no-repeat; */
}
.L6sidebarWrapper{
   /* background: url("../img/blockShadowBR.png") right bottom no-repeat; */
   padding-top: 6px;
   padding-bottom: 6px;
}
.L7sidebarWrapper{
   /* background: url("../img/blockShadowL.png") left top repeat-y; */
}
.L8sidebarWrapper{
   /* background: url("../img/blockShadowR.png") right top repeat-y; */
   padding-left: 5px;
   padding-right: 5px;
}
.sidebar{
   border-left: 3px solid #1753fe; /*33C*/
   border-right: 3px solid #1753fe; /*33C*/
   border-top: 5px solid #1753fe;
   border-bottom: 3px solid #1753fe;
   border-radius: 5px 5px 5px 5px;
   box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.7);
}
.sidebar .section{
   background: white; /*background: #E6D298;*/
   background-size: cover;
   padding-bottom: 0.5em;
}
.sidebar .section h4{
   background: #1753fe; /*33C*/
   color: white;
   font-size: 14px;
   font-weight: normal;
   text-align: left;
   padding: 0.5em 12px;
}
.sidebar .section ul{
   padding: 0.5em 0 0.2em 0;
}


   /* 3.1 Элементы навигационного меню
   ------------------------------------------------------------------------------*/
   .sidebar .section li:hover{
      background: #002590;
   }
   .sidebar .section li:hover .L1SectionWrapper a{
      color: #fff;
      background: #002590;
      text-align: left;
      display: block;
      padding-left: 10px;
   }
   .sidebar .section li .L1SectionWrapper{
      /*font-style: italic;*/
      text-align: left;
      display: block;
      padding-left: 10px;
   }
   .sidebar .section li.active .L1SectionWrapper{
      // background: url("../img/sidebarElementSelectedArrow.png") no-repeat left center;
   }
   .sidebar .section li.active .L2SectionWrapper,
   .sidebar .section a{
      color: #002590;
      text-align: left;
      display: block;
      padding: 0.5em 5px 0.5em 12px;
      width: 160px;
      height: 100%;
   }

   .sidebar .section a{
      text-decoration: none;
   }
   .sidebar .section a:link,
   .sidebar .section a:visited{
      color: #0f2c44;
   }
   .sidebar .section a:hover{
      text-decoration: underline;
      text-decoration: none;
   }


   /* 3.2 Панель авторизации
   ------------------------------------------------------------------------------*/
   .sidebar .loginForm div{
      clear: both;
      color: #0f2c44;
      margin: 0 auto;
      padding-top: 0.5em;
      width: 165px;
   }
   .sidebar .loginForm div a:hover{
	   color: #bb471f;
   }
   .sidebar .loginForm {
    border-radius: 0px 0px 2px 2px;
}
   #loginLabel,
   #passwordLabel{
      float: left;
      position: relative;
      display: block;
      color: #0f2c44;
      font-size: 14px;
      font-style: italic;
      cursor: text;
      margin: 0.2em 0 -1.5em 60px;
      
   }
   #userLogin, #userPassword{
      float: left;
      display: block;
      color: #0f2c44;
      width: 160px;
   }
   #cmdweblogin{
      margin: 0 auto;
      width: 130px;
   }
   #nojs #searchLabel{
      visibility: hidden;
   }
   #nojs #loginLabel,
   #nojs #passwordLabel{
      visibility: hidden;
   }



/* 4 Футер
------------------------------------------------------------------------------*/
.footer{
	background: #1753fe; /*background: #E6D298 no-repeat left top;*/
	clear: both;
	text-align: left;
	height: 30px;
	margin: -30px 0 0 0;
	min-width: 1000px;
	width: 100%;
        display: flex;
        justify-content: space-between;
        outline: solid #3232C9;
}
.footer p{
	color: #ffffff;
	padding-top: 6px;
	padding-left: 15px;
        padding-right: 15px;
	margin: 0; /* Убираем лишние отступы у p */
}
.footer a {
    text-decoration: none;
    color: #ffffff; /* Наследуем цвет от p или задаем явно */
    transition: opacity 0.2s ease; /* Плавный эффект при наведении */
}

.footer a:hover {
    text-decoration: underline; /* Подчеркивание при наведении для ясности */
    opacity: 0.9;
}

/* 5 Личный кабинет
------------------------------------------------------------------------------*/
div.pers_menu{
   display: inline-block; 
   text-align: center; 
   padding: 0 32px 15px 0;
   vertical-align: top;
}
div.pers_menu a
{
	color: #235db4; /*3333CC*/
	font-weight: bold;
}
table.base
{
	width: 600px;
	margin-top: 0;
} 
table.base td
{
	text-align: left;
	padding: 0.2em 0.7em;
}
table.base .td1
{
	width: 170px;
}
select[disabled]{
color:black
}
form.info input[type="text"]{
width: 98%;
}
form.info select {
width: 100%;
}
h2 {
	font-size: 10.5pt;
	color: #393939; /*3333CC*/
}
h3 {
	margin-bottom: 7px;
	font-size: 10pt;
	text-transform: uppercase;
}
h4 {
	font-size: 10pt;
}

/* 6 Добавила Ольга */
.extrabg{
      background: url("../img/bgBlock.png");
      border: solid #1753fe 3px; /*33C*/
      color: #43478F;
      font-size: 12px;
      padding: 10px 30px;
}

   
   .content table td.alt, .alt{
      background: url("../img/bgSidebarElementAlt.png") left top;
   }
#alt
{     text-align: left;
      padding: 0.5em;
      margin-top: 0em;
}


   .content table td.alt_r{
      background: url("../img/bgSidebarElementAlt_ready.png") left top;
   }
   .content table td.alt_tr{
      background: url("../img/bgSidebarElementAlt_tready.png") left top;
   }

.norma{
margin-top: 10px;
}

/* 7 Смена секции в личном кабинете председателя / секретаря секции
------------------------------------------------------------------------------*/
.chairman-cabinet__section-title b{
	font-size: 12pt;
}
.chairman-cabinet__change-section-button{
	font-weight: bold; 
	text-decoration: underline; 
	padding-left: 32px;
}
.chairman-cabinet__change-section-button:hover{
	text-decoration: none; 
	cursor: pointer;
}
.chairman-cabinet__change-section-form{
	display: inline-block;
}
.chairman-cabinet__elem_hidden{
	display: none;
}

/* 8 Подтверждение на использование cookies
------------------------------------------------------------------------------*/
/* Уведомление об использовании метрических программ */
.metric-program-notification__wrapper
{
  display: none;
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000;
  background-color: rgba(23, 83, 254, .90); /* изменить цвет в соответствии с цветовой гаммой конференции */
  color: #fff;
}
.metric-program-notification__wrapper_show
{
  display: block;
}
.metric-program-notification__form
{
  display: flex;
  position: relative;
  min-width: 576px;
  width: 60%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 1400px)
{
  .metric-program-notification__form
  {
    width: 75%;
  }
}
@media screen and (max-width: 1100px)
{
  .metric-program-notification__form
  {
    width: 100%;
  }
}
@media screen and (max-width: 720px)
{
  .metric-program-notification__form
  {
    min-width: auto;
    flex-direction: column;
  }
}
.metric-program-notification__content
{
  padding-right: 30px;
}
.metric-program-notification__button-close
{
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
  padding: 0;
  border: none;
  color: #fff;
  cursor: pointer;
  /*background-color: #136ca9;*/
  background-color: transparent;
  font-size: 30px;
  line-height: 30px;
  transition: background-color .5s ease-out;
  z-index: 1;
}
.metric-program-notification__button-close div
{
  width: 100%;
  height: 100%;
  position: relative;
}
/*.metric-program-notification__button-close div:after
{
  display: inline-block;
  content: "\00d7";
  font-size: 30px;
  line-height: 22px;
  position: absolute;
  left: 3px;
}*/
.metric-program-notification__button-close div
{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.metric-program-notification__button-close div:before,
.metric-program-notification__button-close div:after
{
  position: absolute;
  content: ' ';
  height: 25px;
  width: 2px;
  top: 3px;
  background-color: #fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
  .metric-program-notification__button-close div
  {
    margin-left: -2px;
  }
}
.metric-program-notification__button-close div:before
{
  transform: rotate(45deg);
}
.metric-program-notification__button-close div:after
{
  transform: rotate(-45deg);
}
.metric-program-notification__button-close:hover
{
  background-color: #2782c1;
}
.metric-program-notification__button-accept
{
  min-width: 135px;
  height: 100%;
  align-self: center;
  background-color: transparent;
  border: 1px solid #1753fe;
  color: #1753fe;
  padding: 5px 25px;
  font-size: 105%;
  cursor: pointer;
  background-color: #C6C5CC;
  transition: background-color .5s ease-out;
}
.metric-program-notification__button-accept:hover
{
  background-color: #D7D6DD;
  color: #bb471f;
}