body {
    background-color:#F2F7FB !important;
    font-family: "Open Sans",sans-serif !important;
}

.shadow {
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%);
}

.main-sidebar {
    border-right : none !important;
    background-color: white !important;
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%);
    padding-top : 0px !important;
    position: fixed;
}
.sidebar-menu {
    white-space: normal !important;
    overflow: visible !important;
}
.sidebar-menu>li>a {
    font-weight: normal !important;
}
.sidebar-menu>li.active>a {
    font-weight: 600 !important;
    background-color: #F2F7FB !important;
    border-left : 3px solid #DD4B39 !important;
}
.sidebar-menu>li.active>a:hover {
    background-color: #F2F7FB !important;
}
.skin-red-light .sidebar-menu>li>.treeview-menu{
    background-color: #F2F7FB !important;
    margin-left : 10px;
    color : #333;
}

.user-panel {
    align-items: center;
    background-color: #C80000;
    display: flex;
    align-content: center;
    justify-content: center;
}

.content-wrapper {
    background-color: #F2F7FB !important;
    padding : 25px;
}
.content {
    margin-top : 15px;
}

.main-header .navbar {
    background-color: white !important;
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%);
}
.main-header .navbar .sidebar-toggle{
    color: #333 !important;
}
.main-header .navbar .sidebar-toggle:hover{
    background-color: #F2F7FB !important;
}
.main-header .navbar .nav>li>a{
    color: #333 !important;
}
.main-header .navbar .nav>li>a:hover{
    background-color: #F2F7FB !important;
}

.box {
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%) !important;
    border-top : none !important;
}

.btn {
    border : none !important;
    padding : 8px 15px !important;
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%) !important;
}
.btn-success {
    background-color: #0DC084 !important;
}
.modal {
    background: none !important;
}
.direct-chat-primary .right>.direct-chat-text {
    background: #00C0EF !important;
    border-color: #00C0EF !important;
}
.direct-chat-primary .right>.direct-chat-text:before{
    border-left-color :  #00C0EF !important;
}
.skin-red-light .main-header li.user-header {
    background-color: #C80000 !important;
}
.callout {
    padding : 10px !important;
}