*{                                                  /*Обнуление всех рамок и отступов, шрифт по умолчанию веде устанавливаем 16, от него будем отталкиваться...*/
    padding: 0;
    margin: 0;
    font-size: 14px;
    border: 0 ;
    font-family: "Times_New_Roman", sans-serif;
}

html{
    background:  url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку  без повтроения*/
    background-attachment: fixed;                   /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;                          /*Покрываем всю видимую часть страницы картинкой*/
    width: 100%;                                    /*Ширина блока*/
    height: 100%;                                   /*Высота блока*/
}

body{
    background: rgba(255, 255, 17, 0.02) no-repeat; /* Осветление виидимой части с контентом*/
}

.wrapper, .wrapper_add {

    width: 99%;                                  /*Делаем зазор блока по отношению к другому блоку*/
    margin: 0 auto;                              /*распологаем вложенный блок по центру относительно родителя по горизонтали*/
    min-height: 100%;                                /*Мин. высота блока,  чтобы это заработало а не выставлялось по ширине контента надо установить ширину контента у всех родительских элементов то есть у  body и у html так как усли только у body то сам body выстроится равный 100% самому себе то есть по контенту...)*/
    height: 100%;
    background-attachment: fixed;                   /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;                          /*Покрываем всю видимую часть страницы картинкой*/
}
.wrapper {
    /*background: rgba(255,255,255,.2) no-repeat;  Осветление виидимой части с контентом*/
    /*border: 3px solid #395ae0;  Рамку блоку толщину и цвет*/
}

/*--------------------------------------Основное меню начало--------------------------------------------------------------------------------------*/


.main_menu{
      height: 60px;                             /* ограничиваем высотру в блоке, у него будет далее флекс*/
      width: 100%;                              /* ограничиваем ширину в блоке, у него будет далее флекс*/

}

.main_menu_header{
    display: flex;                              /*  делаем css3  Flex  */
    /* align-items: stretch;                      Растягиванием по высоте до размера блока  flex -блоки*/
    height: 60px;                               /*Ограничиваем высоту блока*/
    position: fixed;                            /*Фиксация  блока*/
    width: 99%;                                /* Процентное соотношение flex блока*/
    background: url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку  без повтроения*/
    background-attachment: fixed;               /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;                      /*Покрываем всю видимую часть страницы картинкой*/
    /*border: 2px solid #ff321b;*/
    overflow-x: auto;
    overflow-y: hidden;
}

.main_menu_header_logo{
    width: fit-content;                               /*Процентное соотношение flex блока*/
    font-size: 0;                               /*убираем полосу выглядывающую из за картинки убирая размер шрифта*/
    /*background: rgba(0,0,0,.2) no-repeat ;      Затемнение видимой части с контентом*/
    /*border: 2px solid #ffe11b;*/
    justify-content: flex-start;
}

.main_menu_header_info {
    width: 50%;                              /*   Процентное соотношение flex блока*/
    /*background: rgba(0,0,0,.2) no-repeat ;      Затемнение виидимой части с контентом*/
    font-size: 1.8em;                           /*Размер шрифта текста в блоке*/
    color: #56bff5;                             /*Цвет текста в блоке*/
    padding: 15px 0px 15px 10px;                /*Внутренние отступы основного меню надписи названия сайта внутри блока*/
    text-align: center ;                        /* Текст блока по центру*/
    /*border: 3px solid #395ae0;  Рамку блоку толщину и цвет*/
    margin: auto;
    max-height: 60px;                               /*Ограничиваем высоту блока*/

}

.main_menu_header_logo_img {
    max-width:100%;                             /*Максимально допустимый размер элемента*/
    max-height:100%;                            /*Минимально допустимый размер элемента*/
    opacity: 0.5;                               /*Прозрачность элемента*/
}

.main_menu_header_nav {
    /*width: revert;                                 Процентное соотношение flex блока*/
    /*background: rgba(0,0,0,.2) no-repeat ;      Затемнение видимой части с контентом*/
    padding-top: 18px;                          /*Внутренние отступы сверху основного меню блока навигации*/
    text-align: center ;                        /* Текст блока по центру*/
    /*border: 3px solid #da39e0;  Рамку блоку толщину и цвет*/
    margin-left: auto;
}
.main_menu_header_nav ul{
    display: flex;                              /*  делае   м css3  Flex  */
    justify-content: flex-end;                  /* размещаем флекс контент в конце блока  */
    flex-wrap: wrap;                            /* Переносим элементы флекс блока если они не помещаются в одну строку в родителе */
    list-style-type: none;                      /* убираем маркеры в  списке навигации */
}

.main_menu_header_nav li{
    text-decoration: none;                      /* убираем подчеркивание ссылок */
    color: #56bff5;                             /* устанавливаем серый цвет в  ссылке */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    padding: 5px 5px 5px 5px;                   /*Внутренние отступы основного меню ссылок внутри блока*/
    margin: 5px;                                /*Внешние отступы основного меню  блока ссылок */
    font-size: 0.9em;                           /*Размер шрифта текста в блоке*/

    box-shadow: 0 0 10px rgba(150,176,155,1);   /* отбрасывание тени элемента*/
    background: rgba(255,255,255,.2) no-repeat fixed; /*Осветление виидимой части с контентом*/
}


.main_menu_header_link{
    text-decoration: none;                      /* убираем подчеркивание ссылок */
    color: #56bff5;                             /* устанавливаем серый цвет в  ссылке */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    padding: 5px 5px 5px 5px;                   /*Внутренние отступы основного меню ссылок внутри блока*/
    margin: 5px;                                /*Внешние отступы основного меню  блока ссылок */
    font-size: 0.9em;                           /*Размер шрифта текста в блоке*/

    background: url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку  без повтроения*/
    background-attachment: fixed;               /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;                      /*Покрываем всю видимую часть страницы картинкой*/
    box-shadow: 0 0 10px rgba(150,176,155,1);   /* отбрасывание тени элемента*/
}


.main_menu_header_nav li a:hover {
    background: #011da6;                        /* устанавливаем   цвет в  ссылках при наведении*/
    box-shadow: 0 0 5px rgba(150,176,155,1);    /* отбрасывание тени элемента*/
    color: #000000;                             /* устанавливаем серый цвет в  ссылке */
}

a{
    text-decoration: none;                      /* убираем у всех ссылок стандартное подчеркивание */
}

/*Хлебные крошки навигации таблицы*/
.bread_crumb{
    width: 70%;                                 /*Процентное соотношение flex блока*/
    /*background: rgba(0,0,0,.2) no-repeat ;      Затемнение видимой части с контентом*/
    padding-top: 5px;                          /*Внутренние отступы сверху основного меню блока навигации*/
    padding-bottom: 5px;                          /*Внутренние отступы сверху основного меню блока навигации*/
    text-align: left;                        /* Текст блока по центру*/
    /*border: 3px solid #395ae0;  Рамку блоку толщину и цвет*/
}
.bread_crumb ul {
    display: flex; /*  делаем css3  Flex  */
    justify-content: flex-start; /* размещаем флекс контент в конце блока  */
    flex-wrap: wrap; /* Переносим элементы флекс блока если они не помещаются в одну строку в родителе */
    list-style-type: none; /* убираем маркеры в  списке навигации */
    /*border: 3px solid #395ae0;  Рамку блоку толщину и цвет*/

}
.bread_crumb li {
    display: flex; /*  делаем css3  Flex  */
    background: rgba(241, 241, 34, 0.15) no-repeat fixed; /*Осветление виидимой части с контентом*/
}
.bread_crumb_link{
    text-decoration: none;                      /* убираем подчеркивание ссылок */
    color: #56bff5;                             /* устанавливаем серый цвет в  ссылке */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    padding: 5px 10px 5px 10px;                   /*Внутренние отступы основного меню ссылок внутри блока*/
    margin: 5px;                                /*Внешние отступы основного меню  блока ссылок */
    font-size: 0.9em;                           /*Размер шрифта текста в блоке*/
    /*border: 3px solid #efbf00;  Рамку блоку толщину и цвет*/

    background: url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку  без повтроения*/
    background-attachment: fixed;               /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;                      /*Покрываем всю видимую часть страницы картинкой*/
    box-shadow: 0 0 10px rgba(150,176,155,1);   /* отбрасывание тени элемента*/
}

.bread_crumb li a:hover {
    background: #011da6;                        /* устанавливаем   цвет в  ссылках при наведении*/
    box-shadow: 0 0 5px rgba(150,176,155,1);    /* отбрасывание тени элемента*/
    color: #000000;                             /* устанавливаем серый цвет в  ссылке */
}



/* -----------------------------------------------------------------------------Авторизация-------------------------------------------------------------------------------------*/

.main_content_auth{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 8px solid #010723;/**/
    padding: 20px;
}

.check_auth_text,.incorrect_password{
    margin: 3px;                /*Внешние отступы текстового блока*/
    font-size: 1.5em;           /*Увеличиваем шрифт текстового блока*/
    text-align: center;         /*Располагаем по центру текстовый блок*/
    color: #ffffff;             /*Белый  цвет текстового блока*/
}
.incorrect_password{
    color: #ff321b;             /*Белый  цвет текстового блока*/
}

.check_auth_input{
    width:340px;                /**/
    text-align: center;         /**/
    margin-top: 3px;            /**/
    margin-left: 5px;            /**/
    font-size: 1.5em;           /*Увеличиваем шрифт текстового блока*/
}
.check_auth_captcha_group_div{
    width:340px;                /**/
    float:left;                 /**/
}
.check_auth_captcha_div{
    margin-left: 5px;            /**/
    margin-right: 5px;          /**/
    width: 120px;               /**/
    height: 60px;               /**/
    float:left;                 /**/
}
.check_auth_captcha_input_div{
    width:210px;                 /**/
    float:right;                 /**/
    margin: 18px 0 25px 0;             /**/
}

.check_auth_captcha_input{
    text-align: center;         /**/
    width:210px;                 /**/
    font-size: 1.5em;           /*Увеличиваем шрифт текстового блока*/
}


.check_auth_input_btn_p{
    text-align: center;         /**/
    margin-bottom: 5px;            /**/
    margin-top: 10px;            /**/


}
.check_auth_input_btn{
    width:130px;                /**/
    font-size: 1.5em;           /*Увеличиваем шрифт текстового блока*/

}


/*-----------------------------------------Главный контент кнопки добавить и удалить--------------------------------------------------------------*/


.main_content {

}

.main_content_nav, .main_content_add_new, .main_content_del_elem,main_content_breadcrumb {
     position: fixed;
     width: 99%;                                /*Процентное соотношение flex блока*/
     background: url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку  без повтроения*/
     background-attachment: fixed;              /*Фиксируем картинку на видимой части страницы*/
     background-size:cover;                     /*Покрываем всю видимую часть страницы картинкой*/
     height: 27px;                              /*Ограничиваем высоту блока*/
     top: 60px;                                 /*Смещаем вниз зафиксированный блок относительно области просмотра*/
    /* box-shadow: 0 5px 10px rgba(150,176,155,1);   отбрасывание тени элемента*/

}


.main_content_nav_ul {
    display: flex;                              /*  делаем css3  Flex  */
    justify-content: flex-start;                /*  размещаем флекс контент в начале блока  */
    list-style-type: none;                      /* убираем маркеры в  списке навигации */
    /*background: rgba(0,0,0,.2) no-repeat ;      Затемнение видимой части с контентом*/
}

.main_content_nav_li{
    margin: 5px 5px 5px 0px;                    /*Отступ внешний */
    font-weight: bold;                          /* Делаем жирнее ссылку */
}

.main_content_nav_link{
    color: #56bff5;                             /* устанавливаем серый цвет в  ссылке */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    box-shadow: 0 0 10px rgba(150,176,155,1);   /* отбрасывание тени элемента*/
    padding:3px 5px 3px 5px;                    /* Внутреннние отступы основого контента навиационных ссылок*/
}

.main_content_nav_link:hover{
    color: #000000;                             /* устанавливаем серый цвет в  ссылке */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    box-shadow: 0 0 10px rgb(80, 78, 87);       /* отбрасывание тени элемента*/
    padding:3px 5px 3px 5px;                    /* Внутреннние отступы основого контента навиационных ссылок*/
    background: #96b09b;                        /* устанавливаем   цвет в  ссылках при наведении*/
}

.main_content_add_new, .main_content_del_elem{
    top: 85px;                                 /*Смещаем вниз зафиксированный блок относительно области просмотра*/
    text-align: left;
    /*background: rgba(0,0,0,.2) no-repeat ;      Затемнение видимой части с контентом*/
    /* border: 3px solid #3eff01;  Рамку блоку толщину и цвет*/

}

.main_content_add_new_btn, .main_content_del_elem_btn, #add_pic_btn {
    background: url('../images/fon.jpg') no-repeat ;/*Устанавливаем фоновую картинку  без повтроения*/
    background-attachment: fixed;              /*Фиксируем картинку на видимой части страницы*/
    background-size:cover;                     /*Покрываем всю видимую часть страницы картинкой*/
    color: #56bff5; /* Цвет шрифта */
    font-size: 9pt; /* Размер шрифта в пунктах */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    padding: 4px;
    margin:3px;
    /*background: rgba(255,255,255,.1) no-repeat ; Осветление виидимой части с контентом*/
    box-shadow: 0 0 10px rgba(150,176,155,1);   /* отбрасывание тени элемента*/
}

.main_content_add_new_btn:hover, .main_content_del_elem_btn:hover {
    color: #000000;                             /* устанавливаем серый цвет в  ссылке */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    box-shadow: 0 0 10px rgb(80, 78, 87);       /* отбрасывание тени элемента*/
    padding:3px 5px 3px 5px;                    /* Внутреннние отступы основого контента навиационных ссылок*/
    background: #96b09b;                        /* устанавливаем   цвет в  ссылках при наведении*/
}

/*-----------------------------------------------------Собственно сам контент таблицы и прочее-------------------------------------------*/
/*-----------------------------------------------------таблицы-------------------------------------------*/


.main_content_table_type1, .main_content_table_type2, .main_content_table{
    border-collapse: collapse;                  /* Убираем задвоение рамок таблицы*/
    width:100%;                                 /* Ширина на всего родителя*/
}

.main_content_table{
    /* margin-top: 54px;                           Сдвижка таблицы относительно родителя вниз*/
}




.main_content_data, .main_content_table_short{
    margin-top: 30px;                           /* Сдвижка таблицы относительно родителя вниз*/
}

.main_content_table_short_index{
    margin-top: 1px;                           /* Сдвижка таблицы относительно родителя вниз*/
}

.main_content_thead {
    background: rgba(255, 255, 255, .3) no-repeat;    /*Затемнение видимой части с контентом*/
}

td, th {
    border: 1px solid #000;                     /* Задаем границу в ячейках таблицы */
    color: #000;                                /* Задаем цвет в ячейках таблицы  */
    padding: 10px 5px;                         /* Задаем внутрненние отступы в ячейках таблицы  */
    background: rgba(255, 255, 255, .3) no-repeat;    /*Затемнение видимой части с контентом*/
    text-align: left;
}

tr:hover {
    background: rgba(0, 0, 0, .6) no-repeat; /*Затемнение видимой части с контентом*/
}

td a {
    color: #000;                                /* Черный цвет ссылок */
    font-weight: bold;                          /* Делаем жирнее ссылку */
}

#main_content_table_ref_col1{
    width: 40px;
}
#main_content_table_ref_col2{
}
#main_content_table_ref_col3{
    width: 80px;
}

.table1_col1{
    width: 80px;
}



.width_40{
    width: 40px
}
.table_layer1:hover{
    background: rgba(0,0,0,.3) no-repeat ;      /*Затемнение видимой части с контентом*/
}

select.col_information{
    width: 300px;
}


/*-----------------------------------------------------Добавление новых документов и элементов справочников---------------------------------------*/

.add_elem{
    border: 3px solid #5a5a5a;
    margin-top: 30px;
    color: #56bff5; /* Цвет шрифта */
    width: 700px;
    box-shadow: 2px 2px 20px rgb(86, 191, 245);   /* отбрасывание тени элемента*/

}
.add_elem_head{
    color: #56bff5; /* Цвет шрифта */
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
}

.add_new_elem_textarea, .add_new_elem_lable, .add_new_elem_text, .add_new_elem_number, .add_new_elem_option,.add_new_elem_form{
    padding-top: 3px;
    color: #56bff5;                             /* Цвет шрифта */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    margin-left:3px;
    float: left;
}


.add_new_elem_textarea_same_line_left, .add_new_elem_lable_same_line_left, .add_new_elem_text_same_line_left, .add_new_elem_number_same_line_left, .add_new_elem_option_same_line_left, .add_new_elem_form_same_line_left{
    padding-top: 3px;
    color: #56bff5;                             /* Цвет шрифта */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    margin:3px;
    float: left;
}

.add_new_elem_textarea_same_line_right, .add_new_elem_lable_same_line_right, .add_new_elem_text_same_line_right, .add_new_elem_number_same_line_right, .add_new_elem_option_same_line_right, .add_new_elem_form_same_line_right{
    padding-top: 3px;
    color: #56bff5;                             /* Цвет шрифта */
    font-weight: bold;                          /* Делаем жирнее ссылку */
    margin:3px;
    float: right;
}

.clear_float{
    clear: both;
}

.add_new_elem_textarea{
    width: 700px;
    height: 90px;
}

.add_new_elem_text{
    width: 700px;
    size:200px;
}

.add_new_elem_btn_div{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left:3px;
}

.add_new_elem_btn{
    margin-top:3px;
    width:165px;
    height:30px;
}


/*-----------------------------------------------------Карточка справочника------------------------------------------*/


.main_content_ref_card, .main_content_doc_card{
    margin-top: 25px;                           /* Сдвижка таблицы относительно родителя вниз*/
    float: left;
    width:100%;
    min-height:100%;
    background-size: cover;
    /*border: 2px solid #ff321b*/;
}

.ref_main_content_pic_div{
    width:330px;
    /*height:430px;*/
    float: left;
    color: #56bff5; /* Цвет шрифта */
    margin-left: 3px;
    margin-top: 3px;
    background-size: cover;
}


.ref_main_content_pic{
    width:330px;
    /*height:380px;*/
    float: left;
    /*border: 2px solid #ff321b;*/
}
.ref_main_content_head, .doc_main_content_head{
    margin-bottom: 10px;
    text-align: center;
    /*border: 2px solid #ff321b;*/
}
.ref_main_content_head, .ref_main_content_description, .ref_main_content_other_requisites
{
    margin-left: 340px;
    font-size: 2em;           /*Увеличиваем шрифт текстового блока*/
    font-weight: bold;                          /* Делаем жирнее ссылку */
    display: block;             /*Делаем блочным элемент чтобы располагался на всю ширину блока*/
    color: #56bff5; /* Цвет шрифта */
}

.doc_main_content_head, .doc_main_content_other_requisites, .doc_main_content_table{
    margin-left: 10px;
    font-size: 3em;           /*Увеличиваем шрифт текстового блока*/
    font-weight: bold;                          /* Делаем жирнее ссылку */
    display: block;             /*Делаем блочным элемент чтобы располагался на всю ширину блока*/
    color: #56bff5; /* Цвет шрифта */



}
.doc_main_content_table {
    text-align: center;
    font-size: 2em;           /*Увеличиваем шрифт текстового блока*/
    /*border: 2px solid #ff321b;*/
}

.doc_main_content_table caption, th{
    font-size: 1.5em;           /*Увеличиваем шрифт текстового блока*/

}

.ref_main_content_description, .ref_main_content_other_requisites,
.doc_main_content_description, .doc_main_content_other_requisites{
    font-size: 1.2em;           /*Увеличиваем шрифт текстового блока*/
}
.ref_main_content_description{
    margin-top: 10px;
}
.doc_main_content_table{
    margin-top: 10px;/* */
}

.ref_main_content_pic_input{
 margin-top: 3px;
 width: 100%;
}

.send_btn,  .choice_btn{
 width: 100%;
 height: 1.3em;
 margin-top: 3px;
}

/* для странички по загрузке из 1С все что после шапки */


.main_content_upload_from1c{
    margin-top: 8px;                           /* Сдвижка таблицы относительно родителя вниз*/
    color: #56bff5; /* Цвет шрифта */
}
.main_content_upload_from1c_path{
    margin-top: 10px;                           /* Сдвижка таблицы относительно родителя вниз*/
}

.main_content_upload_from1c_flags{
    margin-top: 15px;                           /* Сдвижка таблицы относительно родителя вниз*/
}

.main_content_upload_from1c_span{
    margin: 5px 2px;
}

.main_content_upload_from1c_submit{
    margin: 5px 2px;
}
fieldset{
    border: solid 1px #696969;
    padding: 10px;
}
legend, .temporary{
    font-size: 0.8em;           /*Увеличиваем шрифт текстового блока*/
}

.main_content_upload_from1c_btn{
    width: 46em;
    padding: 5px;
}
.main_content_update_from1c_btn{
   width: 15em;
   padding: 5px;
   margin: -8px;

}
.main_content_delete_from1c_btn{
   width: 36em;
   padding: 5px;
   margin: 8px;
}