/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*
Template Name: Monster Admin
Author: Themedesigner
Email: niravjoshi87@gmail.com
File: scss
*/
/*Theme Colors*/
/*bootstrap Color*/
/*Light colors*/
/*Normal Color*/
/*Extra Variable*/
/*Preloader*/
html, body {
    font-size: 12px;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif !important;
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
}

    .preloader .cssload-speeding-wheel {
        position: absolute;
        top: calc(50% - 3.5px);
        left: calc(50% - 3.5px);
    }

/*******************
/*Top bar
*******************/
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #ffffff !important;
}

    .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
        color: #F2981E !important;
    }

.logo-center .topbar .navbar-header {
    background: transparent;
    box-shadow: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none;
}

.logo-center .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
}

/*******************
/*General Elements
*******************/
a.link:hover, a.link:focus {
    color: #004EA1 !important;
}

.bg-theme {
    background-color: #004EA1 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #004EA1;
    border-color: #004EA1;
}

.right-sidebar .rpanel-title {
    background: #004EA1;
}

.stylish-table tbody tr:hover, .stylish-table tbody tr.active {
    border-left: 4px solid #004EA1;
}

.text-themecolor {
    color: #004EA1 !important;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #004EA1;
    color: #004EA1;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #004EA1;
}

/*******************
/*Buttons
*******************/
.btn-themecolor,
.btn-themecolor.disabled {
    background: #004EA1;
    color: #ffffff;
    border: 1px solid #004EA1;
}

    .btn-themecolor:hover,
    .btn-themecolor.disabled:hover {
        background: #004EA1;
        opacity: 0.7;
        border: 1px solid #004EA1;
    }

    .btn-themecolor.active, .btn-themecolor:focus,
    .btn-themecolor.disabled.active,
    .btn-themecolor.disabled:focus {
        background: #028ee1;
    }

/*******************
/*sidebar navigation
*******************/

.nav-tabs {
    font-size: 14px;
}

ul.commonFunctions > li > a {
    font-size: 14px;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    font-size: 14px;
    line-height: 32px;
}

.sidebar-nav {
    background: #005189;
}

    .sidebar-nav ul li a {
        color: #000000;
        font-size: 14px;
    }

    .sidebar-nav ul li ul li a {
        font-size: 14px;
        /*color: rgba(0, 0, 0, 0.55);*/
        color: #000000;
    }

    .sidebar-nav ul li a.active, .sidebar-nav ul li a:hover {
        color: #004EA1;
    }

    .sidebar-nav ul li a.active {
        color: #004EA1;
    }

    .sidebar-nav ul li.nav-small-cap {
        color: #90a4ae;
    }

    .sidebar-nav > ul > li.active > a {
        border-left: 0px solid #004EA1;
        color: #004EA1;
    }

        .sidebar-nav > ul > li.active > a i {
            color: #004EA1;
        }

    .sidebar-nav > ul > li > a {
        border-left: 3px solid #fff;
    }

        .sidebar-nav > ul > li > a.active, .sidebar-nav > ul > li > a:hover {
            border-left: 3px solid #004EA1;
            background: #2668b0 !important;
            color: white !important;
        }

            .sidebar-nav > ul > li > a.active > i > div, .sidebar-nav > ul > li > a:hover > i > div {
                background-position: 0px -0px;
            }

            .sidebar-nav > ul > li > a.active i, .sidebar-nav > ul > li > a:hover i {
                color: #004EA1;
            }

        .sidebar-nav > ul > li > a i {
            color: #a6b7bf;
        }


.Psesonalized_TabItem:hover {
    border: 1px #6197BC solid !important;
    color: #336CAE !important;
}

.Psesonalized_TabItem_Selected {
    border: 1px #6197BC solid !important;
    color: #336CAE !important;
}

.Psesonalized_Tab_btnMore {
    color: #336CAE !important;
    border: 1px #ffffff solid !important;
}

.controlClass {
    background-color: #004EA1 !important;
}

.progress_views_content_progress {
    background-color: #004EA1;
}

.progress_views_content_progressnum {
    margin-top: -18px;
}

.tabZoom {
    background-color: #004EA1 !important;
}

#toggleScheduleGroupAndShiftCard {
    color: #004EA1 !important;
}

#btnGroupZoom {
    color: #004EA1 !important;
}

#btnShiftZoom {
    color: #004EA1 !important;
}

#analysisProcessBar {
    background-color: #009EFB !important;
}

.analysisLoadingGIF {
    color: #009EFB !important;
}



.jsGrid_Td_Selected {
    background-color: #1787D9 !important;
    color: white !important;
}

.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #004EA1 !important;
    border-color: #004EA1 !important;
}



.pager:hover {
    background-color: #0275D8 !important;
    border: 1px #0275D8 solid !important;
    color: white;
}

.smart_menu_a {
    margin-top: -1px !important;
    padding: 0 5px 0 5px;
    font-size: 12px;
}

/*表格*/
.jsgrid-header-row > .jsgrid-header-cell, .jqx-grid-column-header.jqx-widget-header, .handsontable th {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.jsgrid-cell, .jqx-item, .jqx-grid-table .jqx-grid-cell {
    font-size: 12px;
}

/*内容页 KPI*/
.main_detail_views table tr th {
    font-size: 14px;
}

.main_detail_views table tr td {
    font-size: 12px;
}

.homeareaitem_tilte {
    font-size: 16px;
    padding: 0px 10px 0px 10px;
}

.important_item h2 {
    font-size: 20px;
}

.jqx-item, .jqx-widget-content, .jqx-widget {
    font-size: 12px !important;
}

#roleSceneDiv a.dropdown-item {
    font-size: 12px;
}

h4.modal-title {
    font-size: 16px;
}

#transitionDataTable table tbody tr td {
    font-size: 12px !important;
}

#defineTableGrid .jqx-grid-cell > div:not(.jqx-checkbox):first-child, #fixedTableGrid .jqx-grid-cell > div:not(.jqx-checkbox):first-child {
    font-size: 12px !important;
}

/*主界面收索*/
.funcationsearchmenuItem div {
    font-size: 14px;
}

.funcationsearch ul li a {
    font-size: 14px;
}

.fileinput-remove-button, .fileinput-cancel-button, .fileinput-upload-button, .btn-primary.btn-file {
    height: 38px;
    font-size: 14px;
    line-height: 25px;
}

form table td, form .MangoControl {
    font-size: 12px !important;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif !important;
}

.SubsidiaryTable th {
    font-weight: 700 !important;
}

.x-icon-landalogo {
    background-size: 120px !important;
}

.mini-sidebar .x-icon-landalogo {
    background-size: 54px !important;
}

.homeareaitem_tilte_icons {
    top: 8px !important;
}

.TreeGridbtn {
    height: 38px !important;
    padding: 7px 14px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    margin-top: 0px !important;
}


.jqx-button-demoTheme:hover {
    border-color: #2668b0;
    /*box-shadow: 0 0 1px 1px #fff inset;*/
    background: #2668b0;
    /*background: linear-gradient(#fdeeb3, #fde38a, #fdefbb);*/
    color: white !important;
}

.jqx-button-demoTheme:active {
    border-color: #2668b0;
    background: #2668b0;
    /*background: linear-gradient(#ffe575, #fff37f);*/
    color: white !important;
}

.jqx-fill-state-hover-demoTheme,
.jqx-fill-state-pressed-demoTheme {
    border-color: #2668b0;
    background: #2668b0;
    /*background: linear-gradient(#ffe575, #fff37f);*/
    color: white !important;
}

.jqx-grid-table .jqx-grid-cell-selected.jqx-fill-state-pressed {
    background: #2668b0;
    border-color: #2668b0;
    color: white !important;
}

.jqx-grid-table .jqx-fill-state-hover {
    background: #2668b0;
    border-color: #2668b0;
    color: white !important;
}
/*微应用皮肤*/
.navbar-header-bg-home {
    background-color: #F2981E;
}

.nav-header-box:hover {
    color: #F2981E;
    opacity: 0.7;
}

.k-line {
    background-color: #004EA1;
}

@keyframes k-loadingP {
    0% {
        transform: translateY(0);
    }

    35% {
        transform: translateY(0);
        opacity: .3;
    }

    50% {
        transform: translateY(-20px);
        opacity: .8;
    }

    70% {
        transform: translateY(3px);
        opacity: .8;
    }

    100% {
        transform: translateY(-3px);
    }
}


#tabItemGroup {
    background-color: #004ea2;
}

.profile-tab li a.nav-link.active,
.customtab li a.nav-link.active {
    border-bottom: 2px solid #004EA1;
    color: #004EA1;
}

.profile-tab li a.nav-link:hover,
.customtab li a.nav-link:hover {
    color: #004EA1;
}