html, body {
            padding: 0px;
            margin: 0px;
            width: 100%;
            height: 100%;

        }

        /*  Собираю  стили основной страницы*/
        /* Обнуляю отступы и поля */
        .nopadding {
            padding: 0 !important;
            margin: 0 !important;
        }

        .navbarh {
            height: 60px;
            max-height: 60px;
            overflow: hidden;
        }

        .main_container {
           /* background-color: yellow;
            border: 1px solid red; /* убрать после отладки */
            padding-top: 60px !important;

            width: 100%;
            height: 100% !important;
            min-height: 100% !important;
            overflow-y: auto;
            overflow: auto;
        }
        /* панель содержимого*/
        .content{
            height: 100%;
            min-height: 100%;
            /*background-color: #e0ffe0;*/
            display: block;
            border-right: 1px solid lightgrey;
            /*background-color: pink;*/
            overflow-y: auto;
            overflow:auto;

        }
        /* Заголовок над панелью контента*/
        .content_title_style{
            width:100%; height:60px;
            overflow:auto;
        }

        .content_container{
            width:100%;
            height:calc(100% - 60px);
            overflow:auto;
        }

        /*плавающий фрейм для html, pdf, апплетов*/
        .content_iframe{
            width:100%;
            height:calc(100% - 5px);
            min-height:calc(100% - 5px);

        }

        /* алаптивная картинка*/
        .image_100{
            dispay:block; width:100%; height:auto;
        }


        .displaynone {
            display: none !important;
        }

        /* оглавление */
        .toc {

            height: 100%;
            min-height: 100%;
            /*background: red;*/
            display: block;
            border-right: 1px solid lightgrey;
            /*background-color: pink;*/
            overflow-y: auto;
        }

        /* фиктивный класс для обращения к элементам оглавления*/
        .tocitem {
        }

        .displaynone {
            display: none !important;
        }

        /*оглавление */

        .just-padding {
            padding: 0px; /*15px;*/
        }

        .list-group.list-group-root {
            padding: 0;
            overflow: hidden;
            width: 100%;
        }

        .list-group.list-group-root .list-group {
            margin-bottom: 0;
        }

        .list-group.list-group-root .list-group-item {
            border-radius: 0;
            border-width: 1px 0 0 0;
            width: 100%;
        }

        .list-group.list-group-root > .list-group-item:first-child {
            border-top-width: 0;
        }

        .list-group.list-group-root > .list-group > .list-group-item {
            padding-left: 20px; /*30px;*/
        }

        .list-group.list-group-root > .list-group > .list-group > .list-group-item {
            padding-left: 30px; /*45px;*/
        }

        .list-group.list-group-root > .list-group > .list-group > .list-group > .list-group-item {
            padding-left: 40px;
        }

        .list-group.list-group-root > .list-group > .list-group > .list-group > .list-group > .list-group-item {
            padding-left: 50px;
        }

        .list-group-item .fa {
            margin-right: 5px;
        }

        /* по умолчанию страница не отображается, отображение запускается после загрузки */
        body{display:none;}