﻿body {
    background-color: #f9f9f9 !important;
}

.topbar {
    border-bottom: 1px solid #ddd;
    z-index: 10;
    -webkit-box-shadow: 0 2px 6px 0 #ddd, 0 0px 6px 0 rgba(206, 206, 238, .54);
    box-shadow: 0 2px 6px 0 #ddd, 0 0px 6px 0 rgba(206, 206, 238, .54);
}

.search-control {
    background-color: #f9f9f9;
}

.sidebar-wrapper {
    box-shadow: 0 2px 6px 0 #ddd, 0 2px 6px 0 rgba(206, 206, 238, .54) !important;
}
/*overrides table header border bottom color */
.table > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit;
}

/*high level color-profile header*/
.ui-datepicker-div {
    z-index: 11 !important;
}

.fm-menu .list-group a.active {
    color: #fff;
}

.logo-text .org-box {
    font-size: 16px;
}

    .logo-text .org-box .dropdown-item {
        font-size: 16px;
    }

a {
    text-decoration: none !important;
}
/**********************button***********************/
.btn.btn-site {
    color: #fff;
    background-color: #17a2b8;
    border: 1px solid #17a2b8;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-weight: 400;
}
/**********************button***********************/
.nav-pills .nav-link.active {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.wrapper .sidebar-wrapper .sidebar-header .org-box {
    height: 60px;
    max-width: 150px;
}

    .wrapper .sidebar-wrapper .sidebar-header .org-box > ul {
        min-width: 10rem;
        padding: .5rem 0;
        background-color: #fff;
    }

    .wrapper .sidebar-wrapper .sidebar-header .org-box .dropdown-menu::after {
        content: '';
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -6px;
        right: 16px;
        transform: rotate(45deg);
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

@media screen and (min-width:1025px) {
    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-text,
    .wrapper.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .org-box {
        display: none;
    }
}
