:root {
    --bgColorPrimary: #fff;
    --bgLogin: #242e55;
    --bgColorSidebar: #242e55;
    --BtnColor: #fff;
    --bgBtnColor: #ff1b30;
    --borderBtnColor: #242e55;
    --btnHoverColor: #010101;
    --bgBtnHoverColor: #e4262d;
    --borderBtnHoverColor: #d6eb64;
    --bgTabBadgeColor: #0000;
    --tabBadgeColor: #fff;
    --colorBlack: #000000;
    --colorWhite: #fff;
    --bgSlnTopColor: #242e55;
    --borderBtnHoverColor: #0000;
    --bgHeaderBackground: #ffff;
    --headerColor: #010101;
}

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

.header.navbar-default {
    background: var(--bgColorSidebar) !important;
}

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

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

.navAnchorClr {
    color: var(--bgColorPrimary) !important;
}
/*Login page*/
.btn-loginPage {
    color: var(--BtnColor);
    background-color: var(--bgBtnColor);
    border-color: var(--bgColorPrimary);
}

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

.slnLoginHeadingClr {
    color: #fff !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;
}

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

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

.RightReserved {
    color: var(--colorWhite);
}

/*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: var(--colorBlack) !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(--bgSlnTopColor) 0,var(--bgSlnTopColor) 100%) !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(--bgColorPrimary) !important;
}

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

.menuItemClr {
    color: var(--colorWhite) !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(--colorBlack) !important;
}

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

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

.sidebar .nav > li.active > a > i, .sidebar .nav > li.active > a > * {
    color: var(--colorBlack) !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;
}
.fixed-height-table table {
    display: flex;
    flex-flow: column;
    width: 100%; 
    max-height: 488px;
    
}

.fixed-height-table thead {
    padding-right: 13px;
    flex: 0 0 auto;
}
.fixed-height-table .table td, .fixed-height-table .table th {
     max-width: 100px;
}
.fixed-height-table tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
}

.fixed-height-table tr {
    width: 100%;
    display: table;
}
.Description {
    width: 88px;
    word-break: break-word;
    flex-wrap: wrap;
    white-space: break-spaces;
}
/*a.btn {
    color: #fff !important;
}*/