:root {
    --bgColorPrimary: #141DD4;
    --bgLogin: #E8E8E8;
    --bgColorSidebar: #E8E8E8;
    --BtnColor: #fff;
    --bgBtnColor: #66e6f7;
    --borderBtnColor: #E8E8E8;
    --btnHoverColor: #66e6f7;
    --bgBtnHoverColor: #66e6f7;
    --borderBtnHoverColor: #d6eb64;
    --bgTabBadgeColor: #66e6f7;
    --tabBadgeColor: #fff;
    --colorBlack: #000000;
    --colorWhite: #fff;
    --bgSlnTopColor: #66e6f7;
    --BgSlnBottomColor: #E8E8E8;
    --borderBtnHoverColor: #0000;
    --bgHeaderBackground: #ffff;
    --headerColor: #010101;
}

.nav-header-color {
    color: var(--headerColor) !important;
}

.header.navbar-default {
    background: #141dd4 !important;
}

    .header.navbar-default .navbar-brand {
        color: var(--bgTabBadgeColor) !important;
    }

    .header.navbar-default .navbar-nav > li > a {
        color: var(--bgColorPrimary) !important;
    }
.sidebar .nav > li > a i {
    color: var(--colorBlack) !important;
}
.navAnchorClr {
    color: var(--headerColor) !important
}

/*Login page*/
.btn-loginPage {
    color: var(--BtnColor);
    background-color: var(--bgBtnColor);
    border-color: #fff;
}

    .btn-loginPage:hover {
        color: var(--colorWhite) !important;
        background-color: var(--bgBtnHoverColor);
        border-color: var(--borderBtnHoverColor) !important;
        cursor: pointer;
    }

.slnLoginHeadingClr {
    /*color: var(--bgBtnColor) !important;*/
}

.border-body {
    border-bottom: 3px solid var(--bgColorPrimary);
    border-left: 3px solid var(--bgColorPrimary);
    border-right: 3px solid var(--bgColorPrimary);
}

.border-head {
    border-top: 3px solid var(--bgColorPrimary);
    border-left: 3px solid var(--bgColorPrimary);
    border-right: 3px solid var(--bgColorPrimary);
}

.validation-summary-errors > ul {
    list-style-type: none;
    color: var(--bgHeaderBackground) !important;
}

.slnLoginBg {
    background-color: #141cd4 !important;
}

.slnLogin-borderdConent {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.RightReserved {
    color: #fdfdff;
}

/*end Login page*/

/*tab count*/
.tab-overflow .nav.nav-tabs.nav-tabs-sln > li > a.active {
    background: linear-gradient(to bottom,var(--bgColorPrimary) 0,var(--bgColorPrimary) 100%) !important;
    color: #e9dede !important; /*chceck*/
}

.nav.nav-tabs.nav-tabs-sln {
    background-color: var(--bgLogin) !important;
}

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

.tabBgBadgeColor {
    background: var(--bgTabBadgeColor) !important;
}

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

li.next-button > a {
    background: var(--bgColorPrimary) !important;
    color: var(--colorBlack) !important;
}

li.prev-button > a {
    background: var(--bgColorPrimary) !important;
    color: var(--colorBlack) !important;
}
/*page background*/
.sln-bg {
    background: linear-gradient(to bottom,var(--BgSlnBottomColor) 0,var(--BgSlnBottomColor) 100%) !important;
}

.nav-header {
    background: var(--bgHeaderBackground) !important;
    color: var(--headerColor) !important;
}

.sln-bg > header > legend > strong {
    color: var(--colorWhite);
}
/*Sidebar*/
.sln-SideBar {
    background-color: var(--bgColorSidebar) !important;
}

.sidebar .nav > li.active > a {
    background: linear-gradient(to bottom,var(--bgTabBadgeColor) 0,var(--bgTabBadgeColor) 100%) !important;
}

    .sidebar .nav > li.active > a i {
        color: var(--colorWhite) !important;
    }

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

.menuItemClr {
    color: var(--colorBlack) !important;
}
.sidebar li > a .caret {
    color: var(--colorBlack) !important;
}
ul > li > a > b {
    color: var(--colorWhite);
}

ul > li > ul > li.active a, ul > li > ul > li.active a > * {
    background-color: var(--bgTabBadgeColor) !important;
    color: var(--colorWhite) !important;
}

.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover {
    background: #141cd4 linear-gradient(to bottom, var(--bgColorPrimary) 0, var(--bgColorPrimary) 100%) !important;
    color: var(--colorWhite) !important;
}

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

.sidebar .nav > li.active > a > i, .sidebar .nav > li.active > a > * {
    color: var(--colorWhite) !important;
}
/*full screen*/
#fullscreen {
    --bgColor: #fafafa;
}

#fullscreen {
    border: 1px solid #c99;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #CC9999;
    padding: 0 15px 5px;
    background: var(--bgColor);
    color: inherit;
}

.align-content-center {
    align-items: center;
}

.custom-fullscreen {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px !important;
    left: -66px !important;
    background: var(--bgColorSidebar) !important;
    color: var(--colorWhite) !important;
    padding-top: 4%;
}

.custom-panel-btn {
    top: 82% !important;
}

.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover {
    /*background: rgba(255,255,255,.1);*/
    color: #fff;
}