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;
}

a[role="menuitemradio"] .bi,
a[role="menuitem"] .bi,
li[role="menuitem"] .bi
{
    margin-right: 3px;
    margin-left: -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 0 15px 15px;
    margin-right: 3px;
    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);
    text-align: center; 
}

h1::after
{
    content: '';
    border-bottom: 3px double #EEEEEE;
    display: block;
    padding-top: 10px;
}

[data-bs-theme=dark] h1::after
{
    border-bottom-color: #4c5155;
}

img
{
    border: none;
}

input
{
    vertical-align: middle;
}

audio
{
    width: 100%;
}

.aspNetHidden
{
    display: none;
    visibility: hidden;
}

.logo
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    white-space: nowrap;
    padding: 12px 0;
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.logo a
{
    font-family: 'Segoe UI', Arial, sans-serif;
    font-weight: bold;
    color: maroon;
    text-decoration: none;
    line-height: 1;
    /* subtle shadow for better contrast */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6), 0 0 8px rgba(0, 0, 0, 0.2);
}

.logo a:hover
{
    color: maroon;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8), 0 0 10px rgba(52, 152, 219, 0.4);
}

[data-bs-theme=dark] .logo a
{
    color: #ff8c99; /* Light salmon/pink, maroon's light counterpart */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8), 0 0 12px rgba(255, 140, 153, 0.4); /* Dark shadow + subtle pink glow */
}

[data-bs-theme=dark] .logo a:hover
{
    color: #ffd700; /* Gold for hover pop */
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.9), 0 0 16px rgba(255, 215, 0, 0.6); /* Stronger dark shadow + gold glow */
}

.logo a img
{
    height: auto;
    max-height: 70px;
    vertical-align: middle;
}

.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);
}

.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;
    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;
    margin-right: 15px;
}

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 > .nav
{
    width: initial !important;
    border-spacing: 1rem 0;
}

#mainmenu,
#mainmenu > .nav,
#mainmenu .nav-pills > li
{
    float: none !important;
    white-space: nowrap;
}


#mainmenu .nav-pills > li + li
{
    margin-left: 0;
}

#mainmenu .nav-pills > li > a
{
    text-shadow: 1px 1px 3px rgba(90,90,90,0.1);
    font-weight: bold;
    font-size: large;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

#mainmenu .nav-pills > li > a.selected,
#mainmenu .nav-pills > li.active > a
{
    background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
}

#mainmenu .nav-pills > li > a:hover
{
    background-color: orange;
    color: white !important;
}

#mainmenu .nav-pills > li > a > .caret
{
    margin-left: 5px;
}

#mainmenu .nav-pills > li > a,
#mainmenu .nav-pills a.dynamic
{
    display: flex;
    align-items: center;
}

#mainmenu .nav-pills img
{
    height: 20px;
    margin-right: 5px;
}

@media only screen and (min-width: 768px)
{
    #mainmenu .nav-pills a.dynamic .caret
    {
        margin-left: 10px;
        margin-right: -10px;
        transform: rotate(-90deg); /* rotate caret to point right */
        color: silver;
        margin-left: auto;
        display: inline-flex;
        align-items: center;
    }

    #mainmenu .highlighted
    {
        color: white !important;
        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;
    }
}

.cont
{
    padding: 15px 10px 20px 10px;
    max-width: 968px;
    min-height: 400px;
    margin: 5px auto 50px auto;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    border-radius: 6px;
    background-color: white;
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column;
}

.cont
{
    background-image: url('../Images/BK.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

main.cont > div.col-lg-12
{
    flex: 1;
    display: flex;
    flex-direction: column;
}


main.cont .breadcrumb
{
    align-self: center;
    width: calc(100% + 20px);
    margin: 15px 0px -20px 0px;
}

.breadcrumb:empty,
.breadcrumb > .hidden + span
{
    display: none;
}

[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;
}

.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;
}

.pull-left > .navigation:not([rel="noopener"]),
.pull-right > .navigation[rel="noopener"]
{
    display: none;
}

.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-telegram
{
    color: #039BE5;
}

.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;
}

.menu-opened > ul
{
    display: block !important;
}

.nav li:hover > .dropdown-menu
{
    display: block;
}

.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;
}

[data-bs-theme=dark] .pay-bnrs img[src*="Bepaid"]
{
    filter: invert(100%) grayscale(1);
    opacity: 0.3;
}

.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;
    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%;
    }

    .container
    {
        padding-right: 0;
        padding-left: 0;
    }

    .pager-buttons a + a:not(:first-child,:last-child),
    .pager-buttons .active + a
    {
        display: none;
    }

    .text-xs-right
    {
        text-align: right;
    }

    #mainmenu
    {
        width: 100%;
    }

    #mainmenu .nav-pills .caret
    {
        margin-left: auto !important;
        display: inline-flex;
        align-items: center;
    }

    #mainmenu ul
    {
        width: 100% !important;
    }

    .nav li,
    .nav .dropdown-menu.dynamic
    {
        width: 100% !important;
        margin-left: 0 !important;
    }

    .nav a
    {
        width: 100% !important;
    }

    /* Override dropdown for mobile */
    .nav .dropdown-menu
    {
        display: block; /* always visible */
        position: static; /* inline flow */
        border: none;
        box-shadow: none;
        background: transparent;
        padding-left: 20px; /* indent to show hierarchy */
    }

    #mainmenu,
    #mainmenu .nav-pills > li
    {
        float: left !important;
    }

    #mainmenu .nav-pills > li > a
    {
        justify-content: start;
        padding-left: 20px;
        padding-right: 20px;
    }

    #mainmenu .nav-pills > li > a.selected,
    #mainmenu .nav-pills > li.active > a,
    #mainmenu .nav-pills > li.active > a:focus,
    #mainmenu .nav-pills > li.active > a:hover
    {
        border-radius: 0;
    }

    #mainmenu .nav-pills a.dynamic
    {
        padding-right: 15px;
    }

    .nav .dropdown-menu > li > a:focus,
    .nav .dropdown-menu > li > a:hover
    {
        background-image: none !important;
        background-color: transparent;
        color: black !important;
    }

    .nav .dropdown-menu > .active > a,
    .nav .dropdown-menu > .active > a:focus,
    .nav .dropdown-menu > .active > a:hover
    {
        background-image: none !important;
        background-color: transparent;
        color: black !important;
    }

    [data-bs-theme=dark] .nav .dropdown-menu > .active > a,
    [data-bs-theme=dark] .nav .dropdown-menu > .active > a:focus,
    [data-bs-theme=dark] .nav .dropdown-menu > .active > a:hover
    {
        color: white !important;
    }

    #mainmenu .nav .dropdown-menu.dynamic,
    #mainmenu .nav .dropdown-menu.dynamic > li
    {
        position: initial !important;
        padding-top: 0;
    }

    .menu-opened .nav-pills li.active:has(> ul.dynamic) > a > .caret,
    .menu-opened .nav-pills li.selected:has(> ul.dynamic) > a > .caret,
    .menu-opened .nav-pills li:has(> ul.dynamic:not([style*="display: none"])) > a > .caret
    {
        transform: rotate(-180deg);
    }

    .menu-opened .nav-pills li.active > ul.dynamic
    {
        display: block !important;
    }
}