﻿body
{
    min-width: 250px;
    padding-left: 0;
    padding-right: 0;
    background-color: #F9F8FE;
}

[data-bs-theme=dark] body
{
    background-color: #212529;
}

html
{
    scrollbar-gutter: stable;
}

a,
a:focus
{
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: orange;
}

a:hover
{
    color: darkorange;
}

a.ajaxlink
{
    text-decoration: underline dotted;
    cursor: pointer;
}

a.ajaxlink:hover
{
    cursor: pointer;
}

a[role="menuitemradio"],
a[role="menuitem"],
li[role="menuitem"] > a
{
    text-decoration: none;
}

a[role="menuitemradio"]:hover,
a[role="menuitem"]:hover,
li[role="menuitem"] > a:hover
{
    color: darkorange !important;
}

li[role="menuitem"] .bi
{
    margin-right: 3px;
}

a[data-bs-theme-value]
{
    cursor: pointer;
}

.has-popup.dynamic:before
{
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: 0.2;
    background-image: url('../Images/treeexpand.gif');
    background-position: top 6px right 2px;
    background-repeat: no-repeat;
}

a.pdf:before
{
    content: '';
    position: relative;
    background: url('../Images/pdf.svg') center no-repeat;
    padding: 5px 0px 15px 15px;
    margin-right: 5px;
    top: -5px;
}

a.pdf
{
    outline: none;
    line-height: 22px;
}

a.nolink,
a.btn
{
    text-decoration: none;
}

a.collapsed:not(.active) .caret,
a.collapsed:not(.active) .glyphicon-chevron-down,
button.collapsed:not(.active) .glyphicon-triangle-bottom
{
    transition: transform .15s ease-in-out;
    transform: rotate(0);
}

a.collapsed.active .caret,
a.collapsed.active .glyphicon-chevron-down,
button.collapsed.active .glyphicon-triangle-bottom
{
    transition: transform .15s ease-in-out;
    transform: rotate(180deg);
}

::-moz-selection
{
    color: white;
    background: #E87E04;
}

::selection
{
    color: white;
    background: #E87E04;
}

h1
{
    text-shadow: 1px 1px 3px rgba(80,80,80,0.3);
}

h2
{
    font-size: medium;
}

img
{
    border: none;
}

input
{
    vertical-align: middle;
}

audio
{
    width: 100%;
}

.aspNetHidden
{
    display: none;
    visibility: hidden;
}

.logo img
{
    max-width: 100%;
    transition: transform .8s ease-in-out;
    -webkit-transition: -webkit-transform .8s ease-in-out;
}

.logo img:hover
{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.logo-row > .pull-right:last-child > *
{
    margin-right: 5px;
}

.langbar
{
    margin: 10px 5px 0 0;
}

.langbar .btn-warning
{
    pointer-events: none;
}

.dropdown-menu .selected
{
    text-decoration: none;
    font-weight: bold;
}

[data-bs-theme=dark] .dropdown-menu .selected
{
    color: white;
}

html:not([data-bs-theme=dark]) .dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu li > a:hover
{
    color: white !important;
    background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

.navbar-collapse
{
    box-shadow: none !important;
}

.navbar-collapse.collapse.in
{
    overflow-y: visible;
}

[data-bs-theme=dark] .nav-pills > li > a
{
    background: none;
    border-color: transparent;
}

[data-bs-theme=dark] .img-thumbnail
{
    background-color: #212529;
    border-color: rgba(0,0,0,0.3);
}

.icon-bar
{
    background-color: orange;
}

.btn-warning .line-one
{
    transform: rotate(-45deg) translate(-4px, 4px);
    background-color: white;
}

.btn-warning .line-two
{
    opacity: 0;
}

.btn-warning .line-three
{
    transform: rotate(45deg) translate(-4px, -5px);
    background-color: white;
}

.line-one,
.line-two,
.line-three
{
    backface-visibility: hidden;
    transition: all 0.3s;
}

.navbar-toggle
{
    border-color: orange;
    margin-right: 0;
    margin-top: 4px;
    margin-left: 8px;
}

table.table-borderless td,
table.table-borderless th
{
    border: none !important;
}

.table-vcenter th
{
    text-align: center;
    vertical-align: middle !important;
}

.table-vcenter td
{
    vertical-align: middle !important;
}

th.sortasc a
{
    display: block;
    padding: 0 15px 0 4px;
    background: url(../Images/asc.gif) no-repeat;
    background-position: right center;
}

th.sortdesc a
{
    display: block;
    padding: 0 15px 0 4px;
    background: url('../Images/desc.gif') no-repeat;
    background-position: right center;
}

#mainmenu
{
    width: 100%;
    margin: 0 auto;
    float: none !important;
}

#mainmenu .selected,
#mainmenu li > a:has(+ ul a.selected)
{
    font-weight: bold;
}

#mainmenu a > .bi
{
    margin-right: 8px;
    margin-left: -8px;
}

@media only screen and (min-width: 768px)
{
    #mainmenu .highlighted
    {
        color: white !important;
        background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
        background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
        background-repeat: repeat-x;
        border-color: #e38d13;
    }

    #mainmenu .highlighted .caret,
    #mainmenu .highlighted .bi
    {
        color: white !important;
    }

    #mainmenu .has-popup.dynamic:has(.highlighted):before
    {
        opacity: 1;
        filter: invert(100%);
    }

    #mainmenu .has-popup.dynamic:has(> ul a.selected):before
    {
        opacity: 1;
    }
}

/*#mainmenu .bi-youtube
{
    font-size: 15px;
    vertical-align: top;
}*/

#mainmenu .dynamic .expander
{
    display: none;
}

.expander
{
    pointer-events: none;
    margin-left: 5px;
}

.row > div[class*="col-"] > img[src*="svg"]
{
    opacity: 0.2;
}

/* left menu*/
/*.cont div > .well
{
    margin-top: 25px;
    margin-left: -15px;
}*/
.cont
{
    padding: 15px 10px 20px 10px;
    max-width: 968px;
    margin: 5px auto 50px auto;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    border-radius: 6px;
    background-color: white;
}

.cont:has(> div > .pageblock)
{
    background-image: url('../Images/BK.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}

[data-bs-theme=dark] .cont
{
    box-shadow: none !important;
    background-color: #282D31;
    background-blend-mode: color-burn;
}

[data-bs-theme=dark] .cont h2:not(:first-child),
[data-bs-theme=dark] .cont h3
{
    color: #F5F5F5;
}

[data-bs-theme=dark] .cont .alert.alert-warning a
{
    color: #FFDA6A;
    font-weight: bold;
}

[data-bs-theme=dark] .cont .alert.alert-warning a:hover
{
    color: orange;
}

[data-bs-theme=dark] blockquote
{
    border-left-color: #9A7505;
    color: #FFDA6A;
}

[data-bs-theme=dark] blockquote.blockquote-reverse
{
    border-right-color: #9A7505;
}

.cont ul:not([class]),
.cont ol:not([class])
{
    padding-left: 25px;
}

.cont ul:not([class]) li:not(:has(h4)),
.cont ol:not([class]) li:not(:has(h4))
{
    margin-top: 5px;
    margin-bottom: 5px;
}

html[lang="ru"] .cont ul:not([class]) li:not(:has(h4))::marker
{
    content: '– ';
}

.pageblock
{
    position: relative;
}

.pageblock .controlbuttons
{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 5px 2px 5px;
    line-height: normal;
    border: 1px solid #FF9933;
    background-color: #FFFACD;
    z-index: 1100;
}

.pageblock:hover .controlbuttons,
.pageblock:focus-within .controlbuttons
{
    display: block;
}

[data-bs-theme=dark] .controlbuttons
{
    background-color: #332701 !important;
}

.editable
{
    border: 1px dotted #FF9933;
    margin: -1px;
}

.required
{
    color: #B66;
    background-color: #FFEEFF !important;
    border: 1px solid red !important;
    box-shadow: 0px 0px 4px #FF3C00;
}

[data-bs-theme=dark] .required
{
    background-color: #402629 !important;
    border: 1px solid #EA868F !important;
    box-shadow: 0px 0px 4px #EA868F;
}

.navigation
{
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: middle;
    font-size: larger;
    text-decoration: none !important;
}

.navigation.aspNetDisabled.text-warning
{
    color: orange;
}

#bd-theme:not(:active)
{
    border-color: transparent;
}

.navigation .bi-youtube
{
    color: red;
    font-size: 20px;
    vertical-align: middle;
}

.btn.dropdown-toggle > span[id*="LoginName"]
{
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
}

.bi-instagram
{
    color: #c13584;
}

.bi-telegram
{
    color: #039BE5;
}

.search
{
    margin-top: -1px;
    background-color: transparent !important;
}

.currnode
{
    font-weight: bold;
}

.form-control:focus
{
    border-color: #E87E04;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(232, 126, 4,.6);
}

[data-bs-theme=dark] .input-group-addon
{
    padding-top: 6px;
    padding-bottom: 6px;
}

[data-bs-theme=dark] .input-group-btn .btn-sm
{
    padding-top: 4px;
    padding-bottom: 4px;
    border: 1px solid #999;
}

[data-bs-theme=dark] .input-group-btn .btn
{
    padding-top: 5px;
    padding-bottom: 5px;
}

[data-bs-theme=dark] .input-group-btn:has(>.refresh)
{
    border: 1px solid #999;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

[data-bs-theme=dark] .input-group-btn .refresh
{
    padding-top: 7px;
    padding-bottom: 7px;
}

.busy
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: silver;
    opacity: 0.5;
    z-index: 2000;
}

.busy .spinner-border
{
    position: relative;
    left: 50%;
    top: 50%;
    border-color: white;
    border-right-color: transparent;
}

.spinner-border
{
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    vertical-align: text-bottom;
    border: 0.35rem solid #ACACAC;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

[data-bs-theme=dark] .spinner-border
{
    border-color: #7A8288;
    border-right-color: transparent;
}

@keyframes spinner-border
{
    to
    {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.btn-top
{
    font-size: 24px;
    height: 60px;
    width: 60px;
    line-height: 63px;
    position: fixed;
    right: 26px;
    bottom: 21px;
    text-align: center;
    text-decoration: none;
    color: orange !important;
    outline: none !important;
}

.progress-scroll
{
    display: none;
    width: 52px;
    height: 52px;
    position: fixed;
    bottom: 80px;
    right: 30px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    z-index: 9999;
}

.is-visible
{
    visibility: visible;
    opacity: 1;
}

.pay-bnrs
{
}

.pay-bnrs img
{
    height: 25px !important;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    filter: grayscale(1);
    opacity: 0.5;
    transition: .4s;
}

[data-bs-theme=dark] .pay-bnrs img
{
    opacity: 1;
}

[data-bs-theme=dark] .pay-bnrs img[src*="VisaSecure"]
{
    filter: grayscale(1);
    opacity: 0.5;
}

[data-bs-theme=dark] .pay-bnrs img[src*="MastercardIDCheck"]
{
    filter: invert(100%) grayscale(1);
    opacity: 0.5;
}

.pay-bnrs img:hover
{
    filter: unset !important;
    opacity: 1 !important;
}

/* Error */
.error-sign
{
    display: inline-block;
    border: 5px solid #00AEFF;
    font-weight: bold;
    width: 140px;
    height: 140px;
    vertical-align: middle;
    border-radius: 90px;
    text-align: center;
    margin-left: 30px;
    margin-top: 20px;
}

.error-sign > div
{
    display: inline-block;
    background-color: #00AEFF;
    width: 120px;
    height: 120px;
    vertical-align: middle;
    line-height: 120px;
    border-radius: 90px;
    margin-top: 10px;
    text-align: center;
}

.error-sign > div > span
{
    margin-top: 46px;
    display: inline-block;
    width: 90px;
    height: 26px;
    background-color: White;
}

/* Slideshow */
ins.slideshow
{
    display: inline-block;
    width: 100% !important; 
    padding-bottom: 0;
    text-align: center;
}

p > ins.slideshow
{
    margin-bottom: -10px;
}

ins.slideshow ins
{
    position: relative;
    1float: left;
    clear: none;
    cursor: pointer;
}

img.slideshow:first-of-type
{
    position: static;
}

img.slideshow
{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    height: auto !important;
    max-width: 100% !important;
    border-radius: 10px;
}

ins.slideshow ins ins
{
    position: relative;
    margin-top: 12px;
    margin-bottom: 0;
    text-align: center;
    float: none;
    clear: none;
    display: block;
}

ins.slideshow ins ins ins
{
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 6px 6px 0;
    transition: all .3s ease;
    background-image: none;
    border: 2px solid #E87E04;
    border-radius: 50%;
}

ins.slideshow ins ins ins.selected
{
    transition: all .3s ease;
    background-color: #E87E04;
}

[data-bs-theme=dark] .cke_chrome
{
    border-color: #999;
}

/* For tablets phones */
@media only screen and (max-width: 767px)
{
    h1,
    h2
    {
        font-size: 150%;
    }

    .logo-row
    {
        padding-left: 0;
    }

    .container
    {
        padding-right: 0;
        padding-left: 0;
    }

    .container > .row:first-child
    {
        position: fixed;
        background-color: rgba(255, 255, 255, 0.85);
        left: 0;
        right: 0;
        padding-right: 15px;
        padding-left: 15px;
        z-index: 1000;
    }

    [data-bs-theme=dark] .container > .row:first-child
    {
        background-color: rgba(33, 37, 41, 0.85);
    }

    @supports (backdrop-filter: saturate(180%) blur(20px))
    {
        .container > .row:first-child
        {
            backdrop-filter: saturate(180%) blur(20px);
            background-color: rgba(255, 255, 255, 0.82);
        }

        [data-bs-theme=dark] .container > .row:first-child
        {
            background-color: rgba(33, 37, 41, 0.6);
        }
    }

    .menu-opened
    {
        overflow: hidden;
    }

    .menu-opened #GoTop
    {
        visibility: hidden;
    }

    .menu-opened .search
    {
        background-color: white;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1002;
   }

    .container .cont
    {
        margin-top: 54px;
        margin-bottom: 0;
        border-radius: 0;
        min-height: calc(100vh - 54px) !important;
    }

    #tinypager + div + div
    {
        margin-right: 10px !important;
    }

    #tinypager + div + div + div.pull-right
    {
        float: left !important;
        margin-right: 10px !important;
    }

    .pager-buttons a + a:not(:first-child,:last-child),
    .pager-buttons .active + a
    {
        display: none;
    }

    #mainmenu > ul > li
    {
        width: 100%;
        padding-right: 15px;
    }

    #mainmenu li a
    {
        text-align: left;
        white-space: normal;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        text-decoration: underline;
    }

    #mainmenu .highlighted:not(:hover)
    {
        background-color: initial;
        background-image: none;
    }

    #mainmenu .highlighted:hover
    {
        color: white !important;
        background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
        background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
        background-repeat: repeat-x;
        border-color: #E38D13;
        text-decoration: none;
        text-shadow: none;
    }

    #mainmenu .highlighted:hover .caret
    {
        color: white;
    }

    #mainmenu .has-popup.dynamic:before
    {
        display: none;
    }

    #mainmenu a.dynamic .caret
    {
        display: inline-block !important;
    }

    #mainmenu .notfound,
    #mainmenu .notfound + ul
    {
        display: none !important;
    }

    #mainmenu mark
    {
        color: orange;
        padding-left: 0;
        padding-right: 0;
        font-weight: bold;
    }

    #mainmenu .dropdown-menu
    {
        background-color: transparent;
    }

    #mainmenu .caret
    {
        color: dimgray;
    }

    #mainmenu a:not(:hover) > .bi
    {
        color: dimgrey;
    }

    [data-bs-theme=dark] #mainmenu a:not(:hover) > .bi
    {
        color: silver;
    }

    #mainmenu a > .bi
    {
        margin-left: 3px;
    }

    #mainmenu .level3.dynamic
    {
        margin-left: 13px;
        width: calc(100% - 13px);
    }

    .menu-opened .navbar-collapse .dynamic
    {
        display: block !important;
        position: initial !important;
        border-style: none;
        box-shadow: none;
        color: orange;
        width: 100%;
        padding-left: 6px;
        left: 0 !important;
        margin: 0;
    }

    .menu-opened .navbar-collapse .dynamic.collapse
    {
        display: none !important;
    }

    .menu-opened .navbar-collapse .dynamic > a.dynamic
    {
        padding: 10px 15px;
        border-radius: 4px;
    }

    .menu-opened .navbar-collapse .dynamic a.selected
    {
        color: black !important;
        text-decoration: none !important;
    }

    [data-bs-theme=dark] .menu-opened .navbar-collapse .dynamic a.selected
    {
        color: white !important;
    }

    .expander
    {
        float: left;
        pointer-events: all;
        display: inline !important;
        white-space: pre !important;
        margin-right: 4px;
        margin-left: -2px;
    }

    .expander .caret
    {
        transform: none;
    }

    .expander.up .caret
    {
        transform: rotate(270deg);
    }

    .navigation
    {
        margin-right: 3px;
        margin-left: 3px;
    }

    .navigation[id$='SearchLink']
    {
        display: none;
    }

    .search
    {
        display: table !important;
    }

    .offcanvas-collapse
    {
        position: fixed;
        top: 53px; /* Height of navbar */
        bottom: 0;
        left: 100%;
        width: 100%;
        height: 100%;
        height: calc(100vh - 53px);
        overflow-y: auto;
        visibility: hidden;
        background-color: white;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        z-index: 1001;
        background-color: #FFFFFF;
    }

    [data-bs-theme=dark] .offcanvas-collapse
    {
        background-color: #212529;
    }

    @supports (backdrop-filter: saturate(180%) blur(20px))
    {
        .offcanvas-collapse
        {
            backdrop-filter: saturate(180%) blur(20px);
            background-color: rgba(255, 255, 255, 0.82);
        }

        [data-bs-theme=dark] .offcanvas-collapse
        {
            background-color: rgba(33, 37, 41, 0.6);
        }
    }

    .menu-opened .offcanvas-collapse
    {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@media only screen and (max-width: 400px)
{
    .navbar-header ~ div:has(.navigation)
    {
        position: absolute;
        top: 38px;
        right: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
}

/*@media only screen and (max-width: 768px)
{
    .cont div > .well
    {
        margin-top: 0;
        margin-left: 0;
    }
}*/
