﻿body {
    position: relative;
}

#sidebar-hamburger {
    background: #073763 !important;
    color: white;
}

#toggle,
#toggle:hover,
#toggle:focus {
    /* csslint allow: adjoining-classes*/
    background: transparent;
    color: #073763;
    box-shadow: none;
    /*height: 39px;*/
    border: none;
    margin-right: 20px;
}


#main-treeview {
    background-color: #073763;
    min-height: 500px;
}

.burg-icon:before {
    content: '\e10d';
    font-size: 16px;
}

@font-face {
    font-family: 'e-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.p-0 {
    padding: 0 !important;
}
.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar .navbar-brand-wrapper {
    transition: width 0.25s ease, background 0.25s ease;
    -webkit-transition: width 0.25s ease, background 0.25s ease;
    -moz-transition: width 0.25s ease, background 0.25s ease;
    -ms-transition: width 0.25s ease, background 0.25s ease;
    background: #073763;
    width: 250px;
    height: 70px;
}
.text-center {
    text-align: center !important;
}
.align-items-center, .page-header, .loader-demo-box, .list-wrapper ul li,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu.navbar-dropdown .dropdown-item {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.navbar .navbar-brand-wrapper .navbar-brand {
    color: #27367f;
    font-size: 1.5rem;
    line-height: 48px;
    margin-right: 0;
    padding: .25rem 0;
    width: 100%;
}
.navbar .navbar-brand-wrapper .navbar-brand img {
    width: auto;
    max-width: 100%;
    height: 30px;
    margin: auto;
    vertical-align: middle;
}
.navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #9c9fa6;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 250px);
    height: 70px;
}
.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}
.h-100 {
    height: 100% !important;
}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
}
.e-treeview  .e-icons,
.e-treeview .e-list-icon{
    color: #ffffff;
}
#wrapper .e-toolbar .e-icons {
    font-size: 20px;
    color: #ffffff;
}

/* Specifies sample level styles for TreeView*/
.sidebar-treeview{
    background: #073763;
    border: none !important;
}
.sidebar-treeview .e-treeview .e-icon-collapsible,
.sidebar-treeview .e-treeview .e-icon-expandable {
    float: right;
    margin: 3px;
    display: none;
}

.tailwind .sidebar-treeview .e-treeview .e-icon-collapsible,
.tailwind-dark .sidebar-treeview .e-treeview .e-icon-expandable {
    margin: 7px;
}

.e-bigger .sidebar-treeview .e-treeview .e-icon-collapsible,
.e-bigger .sidebar-treeview .e-treeview .e-icon-expandable {
    margin: 8px;
}
.sidebar-treeview .e-treeview .e-list-item.e-active.e-hover .e-list-icon,
.sidebar-treeview .e-treeview .e-list-item.e-hover .e-list-icon{
    color: #ffffff;

}
.sidebar-treeview .e-treeview .e-ul{
    padding: 0 0 0 0px;
}
.sidebar-treeview .e-treeview.e-fullrow-wrap .e-level-2 .e-text-content{
        padding: 0 0 0 60px !important;
}
.sidebar-treeview .e-treeview .e-list-item.e-has-child .e-ul{
    background: #0b3547;
}
.navbar .e-dropdown-btn, .e-dropdown-btn.e-btn{

    font: normal normal normal 13px/20px 'Roboto', sans-serif;
    padding: 8px;
    color: #2a3f54;
    background: none;
    border : none;
}

.navbar .e-dropdown-btn:hover, .e-dropdown-btn.e-btn:hover{

    font: normal normal normal 13px/20px 'Roboto', sans-serif;
    padding: 8px;
    color: #2a3f54; 
    background: none;
    border : none;
}

.navbar .e-dropdown-btn,
.navbar .e-dropdown-btn .e-btn-icon, .e-dropdown-btn.e-btn .e-btn-icon{
    margin-right: 5px;
    font-size: 18px;
}
.e-dropdown-btn.e-btn.e-active{
  margin-right: 0px !important;
}
.navbar .e-dropdown-btn .e-caret, .e-dropdown-btn.e-btn .e-caret{
    margin-left: 5px;
    font-size: 8px;
}
.sidebar-treeview .e-treeview .e-list-item.e-active.e-hover > .e-fullrow{
    box-shadow: none !important;
}
.sidebar-treeview .e-treeview .e-list-item.e-active > .e-fullrow{
    background-color: transparent;
}
.sidebar-treeview .e-treeview .e-list-item.e-hover > .e-fullrow{
    background-color: #133d64;
}

.sidebar-treeview .e-treeview .e-list-item.e-has-child .e-list-item.e-active > .e-fullrow,
.sidebar-treeview .e-treeview .e-list-item.e-has-child .e-list-item.e-hover > .e-fullrow{
    background-color: #486875;
    border-color: #486875 !important;
}
.sidebar-treeview .e-treeview .e-text-content, .sidebar-treeview .e-treeview .e-fullrow{
    border-color: #0b3547;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
   
}
#main-treeview > ul > li:last-child .e-fullrow{
    border-bottom: 1px solid #0b3547;
}
.sidebar-treeview .e-treeview .e-list-item{
    padding: 0 0;
}
.sidebar-treeview .e-treeview .e-fullrow{
     height: 30px;
}
.e-treeview .e-list-item .e-ul{
    margin: 0 0 2px;
    padding: 0 0 0 24px !important;
}
#header-searchbox-groups{
    display: none;
}
#header-searchbox-groups span {
    position: absolute;
    left: 7px;
    top: 7px;
  color: #333346;
}
#header-searchbox-groups input {
    padding-left: 30px;
}
.navbar .user-profile-nav .e-dropdown-btn, .e-dropdown-btn.e-btn.e-active {
    background-color: rgba(42, 63, 84, 0.1) !important;
    border: none !important;
}
.navbar .user-profile-nav .e-dropdown-btn:hover {
    background-color: rgba(42, 63, 84, 0.2) !important;
}

.navbar .help-nav .e-dropdown-btn, .e-dropdown-btn.e-btn.e-active {
    background-color: #ededed !important;
}
.navbar .help-nav .e-dropdown-btn:hover {
    background-color: rgba(42, 63, 84, 0.2) !important;
}
.navbar .help-nav .user-help {
    margin-right : 1.5rem !important;
    border: none !important;
    color: #2A3F54; 
}
.navbar .user-profile-nav .profile-user {
    margin-right : 0.5rem !important;
    border: none !important;
    color: #2A3F54;
}
.navbar .help-nav .e-btn {
    height: 35px;
}
.e-treeview .e-list-icon+.e-list-text, .e-treeview .e-list-img+.e-list-text{
    color: #fff !important;
}
.sidebar_sitename{
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding-left: 4.5rem;
}
.cloud_icon_sidebar{
    color: #fff !important;
}
.toggle-sidebar-menu{
    color: #fff !important;
    text-align: right !important;
}
.shul_emailgrid_navbar_container{
    display: flex;
}
.shul_email_d_flex{
    display: flex !important;
}
.shul_email_d_flex_main{
    display: flex !important;
    justify-content: space-between !important;
}
.sidebar_flyout_left{
    background: #133D64;
    width: 248px;
    transition: all .5s linear;
}
.sidebar_flyout_right{
    width: calc(100vw - 237px);
    transition: all .5s linear;
}

.sidebar_main_el{
    display: flex;
}
.logo1_expandedSidebar{
    width : 9rem;
    margin: 1rem;
}
.logo2_expandedSidebar{
    margin: 0.5rem;
    cursor: pointer !important;
}

.sidebar_root_flex_el{
    display: flex;
    background: #e6e6e6;
    padding-bottom: 20px;
    justify-content: space-between;
}
.sidebar_search_grps_el{
    padding-left: 1rem;
}
.sidebar_search_section_right{
    display:flex;
    margin-top: 0.7rem;
}
.sidebar_serach_tooltip_el{
    text-align: right;
    color: #000 !important;
}
.sidebar_drp_dwn_el{
    width: 100%;
    text-align: right;
    float: left;
    display:flex; 
    justify-content:end;
}
.react_sidebar_drp_dwn_el{
    text-align: center
}
.sidebar_serach_tooltip_el button {
    background: none !important;
}
#toggle_sidebar_btn :hover{
    background-color: #28394A !important;
}

.sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon{
    font-size: 18px !important;
    margin-right: 20px;
}
.sidebar-menu .e-treeview .e-icon-collapsible, .sidebar-menu .e-treeview .e-icon-expandable {
    color: #fff !important;
    float: right;
}
.profile-user{
    border: none;
    color: #2A3F54;
}
#help-nav button{
    color: #2A3F54 !important;
    border: none !important;
    margin-top: 3px;
}
.e-search{
    position: absolute;
    left: 7px;
    top: 7px;
    color: #6C757D;
}
.e-search::before {
    content: "\e754";
    font-family: e-icons;
    font-size: 14px;
}
#help-nav .e-btn, #help-nav .e-css.e-btn {
    background-color: #e6e6e6;
    border : none;
}
#help-nav .e-btn:hover, #help-nav .e-css.e-btn:hover {
    background-color: #e6e6e6;
    border : none;
}
#dashboard-topbar .control-pane .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.sc-main-content {
    min-height: 100vh !important;
}
div #help-nav {
    -webkit-user-modify: read-write-plaintext-only;
} 
#userDropDownBtn-popup .e-item{
    text-align: left;
}
.e-dropdown-popup ul .e-item {
    font-size: 14px;
}
.loggedInAs{
    padding-top: 7px; 
}