body {
   margin: 50px;
   }

 #accordion .glyphicon {
   margin-right: 10px;
 }

 div.faq_item_body   a  {
   font-size: 16px !important;
 }

 .panel-collapse>.list-group .list-group-item:first-child {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }

 .open>.dropdown-menu {
  display: flex !important;
  flex-direction: column !important;
  padding: 5px 10px !important;
}

.faq_item_body{
  display: flex !important;
  flex-direction: column !important;
  padding: 5px !important;
}

 .panel-collapse>.list-group .list-group-item {
   border-width: 1px 0;
 }

 .panel-collapse>.list-group {
   margin-bottom: 0;
 }

 .panel-collapse .list-group-item {
   border-radius: 0;
 }

 .panel-collapse .list-group .list-group {
   margin: 0;
   margin-top: 10px;
 }

 .panel-collapse .list-group-item li.list-group-item {
   margin: 0 -15px;
   border-top: 1px solid #ddd;
   border-bottom: 0;
   padding-left: 30px;
 }

 .panel-collapse .list-group-item li.list-group-item:last-child {
   padding-bottom: 0;
 }

 .panel-collapse div.list-group div.list-group {
   margin: 0;
 }

 .panel-collapse div.list-group .list-group a.list-group-item {
   border-top: 1px solid #ddd;
   border-bottom: 0;
   padding-left: 30px;
 }

 .panel-group .panel-heading a:hover {
   color: #ffa366;
   text-decoration: none;
 }

 .panel-group .panel-heading a[aria-expanded="true"] {
   color: #ff6600;
   text-decoration: none;
 }

 /*.panel-collapse .list-group a.list-group-item:hover{background-color:#ffa366; color:#ffffff;}*/
 .panel-collapse .list-group a.list-group-item.active {
   background-color: #ffa366;
   color: #ffffff;
   border-color: #ddd;
 }

 .container {
   width: 1400px;
 }

 /* ----FONT-STYLE----begin */
 .n {
   font-style: normal
 }

 .b {
   font-weight: bold
 }

 .nb {
   font-weight: normal !important
 }

 .it,
 .i {
   font-style: italic
 }

 .j {
   text-align: justify;
 }

 .ib,
 .emb {
   font-style: italic;
   font-weight: bold
 }

 .u,
 .under {
   text-decoration: underline
 }

 .ub {
   font-weight: bold;
   text-decoration: underline
 }

 .strike {
   text-decoration: line-through
 }

 /* ----FONT-STYLE----end */

 /* ----TEXT-BLOCK-ALIGN----begin */
 .c {
   text-align: center
 }

 .l {
   text-align: left
 }

 .r {
   text-align: right
 }

 .cn,
 .centerblock {
   margin: 0 auto;
 }

 .srcb {
   /* ссылка на автора, литературу, источник */
   margin-top: 10px;
   font-size: 0.8em;
   text-align: right
 }



 .rd {
   text-indent: 1.5em;
   margin: 0 0 1px !important
 }

 p {
   margin-top: 10px;
 }

 /* ----TEXT-BLOCK-ALIGN----end */

 /* ----MARGIN----begin */
 .mtop10 {
   margin-top: 10px
 }

 .mtop20 {
   margin-top: 20px
 }

 .mtop50 {
   margin-top: 50px
 }

 .mtop70 {
   margin-top: 70px
 }

 .mtop150 {
   margin-top: 150px
 }

 .mbottom20 {
   margin-bottom: 20 px
 }

 .divright {
   float: right;
   width: 40%;
   margin: 120px 10px 10px 0;
 }

 .divbottom {
   clear: both;
   margin: 350px auto 0 auto;
   width: 50%;
   text-align: center;
 }

 .m10 {
   margin: 10px 0
 }

 .m20 {
   margin: 20px 0
 }

 .m30 {
   margin: 30px 0
 }

 .m40 {
   margin: 40px 0
 }

 .m50 {
   margin: 50px 0
 }

 .m60 {
   margin: 60px 0
 }

 .m1e {
   margin: 1em 0
 }

 .m2e {
   margin: 2em 0
 }

 .m3e {
   margin: 3em 0
 }

 .m4e {
   margin: 4em 0
 }

 .m5e {
   margin: 5em 0
 }

 .m6e {
   margin: 6em 0
 }

 /* ----MARGIN----end */

 /* ----ADD----begin */

 .hdr {
   font-size: 18px;
   font-weight: bold;
   color: #575757;
   text-align: center;
 }

 .hdr-title {
   font-size: 20px;
 }

 .subtopic p {
   margin: 0px;
 }

 .tt,
 .ut,
 .et {
   font-weight: bold;
   margin: 15px 0 5px 0;
   text-indent: 0
 }

 .rd,
 .rd div {
   text-indent: 1.5em
 }

 .c,
 .cn,
 .l,
 .r,
 table p {
   text-indent: 0
 }

 .pt {
   text-align: center;
   font-weight: bold;
 }

 div.pt {
   margin-bottom: 10px
 }

 table {
   border-collapse: collapse;
   width: 100%;
   border: solid 1px #dcdcdc;
   /* #E2E2E2; */
   margin-bottom: 10px;
 }

 table td {
   vertical-align: top;
   border-collapse: collapse;
   border: solid 1px #dcdcdc;
   padding: 3px;
 }

 table p {
   margin: 0;
   padding-left: 5px
 }

 table.num td:first-child {
   width: 1.8em
 }

 table.num td:nth-child(2) {
   width: 20%
 }

 table.center2-5 td:nth-child(3n+2)>p {
   text-align: center;
   padding: 0
 }

 table.inf td {
   border: 1px solid #cccccc
 }

 table.inf tr:first-child>td {
   text-align: center;
   font-weight: bold;
   color: black
     /* #6c6c6c */
 }

 .ut {
   text-align: center
 }

 .valeurs-title {
   text-align: center;
   font-weight: bold;
 }

 .t-h {
   font-size: larger !important;
   font-family: Courier;
 }

 label {
   font-weight: normal !important;
 }

 .color {
   color: #155183
 }

 .nav-list {
   padding-right: 15px;
   padding-left: 15px;
   margin-bottom: 0;
 }

 .header,
 .marketing,
 .footer {
   padding-right: 15px;
   padding-left: 15px;
 }

 /* Custom page header */
 .header {
   border-bottom: 1px solid #e5e5e5;
 }

 a.text-muted {
   color: #ff8533;
   font-weight: bold;
 }

 a.text-muted:hover {
   color: #ff8533;
   font-weight: bold;
   text-decoration: none;
 }

 /* Make the masthead heading the same height as the navigation */
 .header h3 {
   padding-bottom: 19px;
   margin-top: 0;
   margin-bottom: 0;
   line-height: 40px;
 }

 /* Custom page footer */
 .footer {
   padding-top: 19px;
   color: #777;
   border-top: 1px solid #e5e5e5;
 }

 /* Customize container */

 

 .container-narrow>hr {
   margin: 30px 0;
 }


 /* Supporting marketing content */
 .marketing {
   margin: 40px 0;
 }

 .marketing p+h4 {
   margin-top: 28px;
 }

 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {

   /* Remove the padding we set earlier */
   .header,
   .marketing,
   .footer {
     padding-right: 0;
     padding-left: 0;
   }

   /* Space out the masthead */
   .header {
     margin-bottom: 30px;
   }

   .header a {
     padding-bottom: 19px;
     margin-top: 0;
     margin-bottom: 0;
     line-height: 40px;
     font-size: 24px;
   }

   .nav>li>a {
     padding: 5px 10px !important;
   }

   /* 2nd level */
   .tree>li>label {
     padding: 10px 10px;
   }

   /* 3rd level */
   .tree>li>ul>li>a {
     color: #cc0000;
     font-size: 10pt;
     margin-left: 10px;
     padding: 3px 10px;
   }

   .nav {
     padding-top: 0px
   }

   .letspacing {
     letter-spacing: 5px;
   }

   .goTop {
     cursor: pointer;
     margin: 10px 0;
   }

   .list-submenu-items-block {
     padding-top: 20px;
     padding-left: 20px;
   }

   .table-vertical-text {
     transform: rotate(-90deg);
     display: inline-block;
     width: 30px;
     margin-top: 100px;
   }

   .cell-va-center {
     vertical-align: middle;
     text-align: center;
   }

   .title-of-part {
     text-align: center;
     font-weight: bold;
     font-size: 20px;
     padding-bottom: 20px;
   }

   .image {
     text-align: center;
     padding: 10px 0;
   }
  }