#header {
    /* height: 140px !important; */
    /* position: fixed; */
    background: #fff;
    z-index: 1000;
}

#content div.columns {
    margin-top: 0 !important;
}

/* #content>div.container {
    margin-top: 122px !important;
} */
#app div.navbar-menu div.navbar-end div.dropdown-menu {
    position: absolute !important;
}

div.navbar-start a.navbar-item {
    font-size: 14pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: 500;
    display: inline-block;
    position: relative;
    color: black;
    /*задаём цвет ссылки*/
    cursor: pointer;
    line-height: 1;
    /*задаём высоту строки*/
    text-decoration: none;
    padding-bottom: 5px;
    /*убираем подчёркивание*/
    /* background: lightgrey;
    margin: 0 5px 0 5px;
    border: 2px solid black;
    border-radius: 3px;
    padding: 10px 20px 2px 20px; */
}

div.navbar-start a.navbar-item:hover {
    background: transparent;
}

div.navbar-start a.navbar-item:after {
    display: block;
    position: absolute;
    left: 0;
    /*изменить на right:0;, чтобы изменить направление подчёркивания */
    width: 0;
    /*задаём длинну линии до наведения курсора*/
    height: 3px;
    /*задаём ширину линии*/
    background-color: #276cda;
    ;
    /*задаём цвет линии*/
    content: "";
    /* transition: width 0.3s ease-out; */
    left: 50%;
    margin-top: 5px;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    /*задаём время анимации*/
    /* display: block;
    content: "";
    background-color: #07aa19;
    height: 3px;
    width: 0%;
    left: 50%;
    position: absolute;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); */
}

div.navbar-start a.navbar-item:hover:after,
div.navbar-start a.navbar-item:focus:after {
    width: 97%;
    /*устанавливаем значение 100% чтобы ссылка подчёркивалась полностью*/
}

nav.navbar_opacity {
    /* opacity: 0.5; */
    background: rgba(102, 204, 255, 0.5) !important;
    /* background-color:  */
}

body {
    padding-top: 0 !important;
}

#app .column .box-x {
    border-top: 2px solid var(--dc-darkblue);
}

#header ul.navbar-nav {
    /* background: rgba(102, 204, 255, 1); */
    border: 1px solid black;
    border-radius: 3px;
}

#header ul.navbar-nav a:hover {
    background: rgba(102, 204, 255, 0.5);
}

#header ul.navbar-nav a {
    color: black;
    font-weight: 600;
}

nav.navbar {
    display: block;
    box-sizing: border-box;
    padding: 5px 20px 5px 20px;
    background: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 2;
    margin: 0;
    width: 100%;
}

.has-background-success-middlelight {
    background-color: #bdffc8;
}

.has-background-success-middle2light {
    background-color: #D2FFE3;
}

.has-background-warning-middlelight {
    background-color: #fff3c2;
}

.has-background-info-middlelight {
    background-color: #cbe3f6;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

p.label {
    width: 150px;
    font-weight: 600;
    font-size: 10pt;
    text-align: right;
    margin-right: 10px;
    margin-top: 5px
}

/* отображение модального окна по центру страницы при скроле, а не по центру стартового окна */
.dialog.has-custom-container {
    position: fixed !important;
}
.dropdown-menu.dropdown-menu-right.show{
    display: block!important;
    width: 100%;
}



/* моадльное окно авторизации */
 .text-md-right{
  display: inline-block; 
 }

 /* КОРОТКИЕ ОБЩИЕ СТИЛИ ДЛЯ АТРИБУТОВ */
 .underline{
     text-decoration: underline;
 }
 .col_gray{
     color: gray;
 }
 .col_green{
    color: green;
}
.col_blue{
    color: blue;
}
.col_black{
    color: black!important;
}
.back_col_green{
    background-color: lightgreen;
}
.bold{
    font-weight: 600;
}
.thin{
    font-weight: 400!important;
}
.text_shadow_unset{
    text-shadow: none!important;
}
.fs_6{
    font-size: 6pt;
}
.fs_7{
    font-size: 7pt;
}
.fs_8{
    font-size: 8pt;
}
.fs_9{
    font-size: 9pt;
}
.fs_10{
    font-size: 10pt;
}
.fs_11{
    font-size: 11pt;
}
.fs_12{
    font-size: 12pt;
}