:root {
    --BasicColor: #06bfc1;
    --SecondColor: #12f4ed;
    --GrayColor: gray;
    --BackGrondBasicColor: #101113;
    --BackGrondDarkColor: #161b21;
    --BackGrondBlackColor: #000;
    --BackGrondSecondColor: #0a111b;
    --BorderColor: #0e7d86;
    --ButtonColor: #ffffff;
    --BackGrondImage: linear-gradient(to right, #010d19,#041c20, #031313);
    --PrintPaddingTop: 20%;
}

.BackGrondImage {
    background-image: var(--BackGrondImage) !important;
}

.BackGrondBasicColor {
    background-color: var(--BackGrondBasicColor) !important;
}

.BackGrondDarkColor {
    background-color: var(--BackGrondDarkColor) !important;
}

.BackGrondBlackColor {
    background-color: var(--BackGrondBlackColor) !important;
}

.BasicColor {
    color: var(--BasicColor) !important;
}

.SecondColor {
    color: var(--SecondColor) !important;
}

body {
    width: 100%;
    overflow-x: hidden;
}

@media print {
    @page {
        margin-top: 0;
        margin-bottom: 0;
    }

    body {
        padding-top: var(--PrintPaddingTop);
        padding-bottom: 20%;
    }
}


.table-hover > tbody > tr:hover {
    background-color: darkgray !important;
}

.Changed {
    background-color: var(--BasicColor) !important;
}

.table-cursor:hover {
    cursor: pointer !important;
}

.btn-basic:not(:disabled):hover {
    cursor: pointer;
    background-color: var(--SecondColor) !important;
}

.btn-basic {
    background-color: var(--BasicColor) !important;
    color: var(--ButtonColor) !important;
    border-color: var(--BorderColor) !important;
    font-weight: bold !important;
}

    .btn-basic.disabled {
        background-color: var(--gray) !important;
        color: var(--ButtonColor) !important;
        border-color: var(--BorderColor) !important;
    }

.btn-lang {
    background-color: transparent !important;
    color: var(--BasicColor) !important;
    border-color: var(--BorderColor) !important;
}

.activeLinkPager {
    background-color: var(--BasicColor) !important;
    color: #fff !important;
}

.btn-date.active, .btn-date:active {
    color: var(--BasicColor) !important;
    font-weight: bold !important;
}

.btn-lang.active, .btn-lang:active {
    background-color: var(--BasicColor) !important;
    color: var(--BackGrondDarkColor) !important;
    font-weight: bold !important;
}

.Menu-Item.active, .Menu-Item:active {
    background-color: var(--BasicColor) !important;
    color: var(--ButtonColor) !important;
    font-weight: bold !important;
}

.bold {
    font-weight: bold !important;
}

.page-dark {
    background-color: var(--BackGrondDarkColor);
    border: var(--BackGrondBlackColor) !important;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background: var(--BasicColor);
    border-radius: 30px;
}

.div-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    isolation: isolate;
    background-color: gray;
    opacity: .3;
    display:flex;
    /*background: url('../App/Image/Ring-Preloader2.gif') center no-repeat #eee;*/
}

.invalid-tooltip {
    background-color: rgba(255, 0, 0, 0.2);
    color: azure;
}