/* CSS Document */
/* Theme Style for SS St. John Notre Dame School -------------------------------------------------*/
html, body { 
    background-color: #020d1f;/*it will reflect the left menu background color*/
    /*background-image:none !important;*/
}
.innerpage .navbar-school-logo {/*Background style behind School logo innerpage*/
    min-height: 61px;
    /*background-image:unset;*/
    background-color: #020d1f;/*Theme background color left menu */
}
/* Header Theme Style------------------------------------------------------------*/
.navbar-static-top-bg{
    background: #815f26; /* For browsers that do not support gradients */
}
.navbar-static-top{
    box-shadow: none !important;/*Box shadow disabled*/
}
.navbar-static-top-admin-link{/*Admin button style*/
    background-color: #715628;
    color: #f1ede6;
    border-radius: 3px;
    border: 1px solid #ad8b53;
}
.navbar-static-top-admin-link:hover{/*Admin button hover style*/
	background-color:#6d5c3e;
    color: #f1ede6;
    border: 1px solid #ad8b53;
}
.toolbar-options-icon{/*Navbar icons color*/
	color:#f5f5f5;
}
.toolbar-options-icon:hover{/*Navbar icons hover color*/
	color:#ffffff;
}
/*Homepage Virtue Section Style-------------------------------------------------*/
.virtue-bg {
    background: none;
}
.virtue-banner-hidden #school-home-logo-placeholder-bg{
    height: 61px !important;
}
.virtue-banner-hidden .top-banner-block {
    display: none;
}
/*Left Colunm Navigation section Style------------------------------------------*/
.home-page-logo-panel-mini + #school-home-logo-placeholder-bg{/*Background style behind School logo*/
    background-color: #020d1f;/*Theme background color left menu */
	/*background-image:unset;*/
    border-bottom:unset;
    box-shadow: unset;
	height: 61px;
}
.homepage-school-logo, .innerpage-school-logo /*School logo*/
{
    border-radius:100px;
}
@media screen {
    .group-header-sticky {
        top: 60px !important;
    }
}
.nav-group-header{/*Group Name background color*/
    background: #09172b;/*color same for .group-title, .admin-page-title*/
}
.nav-group-header  a, .nav-admin-header a{/*Group Name font color*/
    color:#fff;
}
ul.nav-admin-menu-items li.nav-section-header a i {
   color:#5d5d5d;/*Account config/Manage Groups/Cluster Tools/Manage Users/Manage Resources/User Reports/Other icon color Style*/
}
ul.nav-admin-menu-items li a, ul.nav-group-menu-items li a {
	color:#ced4d2;/*Resource listing color*/
}
.offline-resource {
    color: #898e90 !important;
}
li.nav-section-header, li.nav-section-header-link {/*Quick Link/Homework/Report Card/Progress Report Background Style*/
    background: rgba(41, 49, 68, 0.45);
    border-left: 3px solid #815f26;
    padding-left: 3px;
    font-size: 14px;
    border-bottom: unset;
    padding-left: 5px !important;
    font-weight: bold;
}
li.nav-section-header a{/*Quick Link/Homework/Report Card/Progress Report font color and weight*/
    color: #e4e4e4 !important;
}
li.nav-section-header-expanded a::after {/*left menu resource arrow color up*/
    color: #f1e5c8;
}

li.nav-section-header a::after {/*left menu resource arrow color down*/
    color: #f1e5c8;
}
.nav-group ul li, .nav-admin ul li{/*Menu Listing bottom unset and padding*/
    border-bottom: unset;    
    padding: 9px 10px;
    padding-left:15px;
}
.nav-group ul li:hover, .nav-admin ul li:hover{/*Menu Listing background color and font color*/
    background-color: rgba(0, 0, 0, 0.28);
    color: #8c7f7f;
}
.nav-group-menu-items li a{/*Resource Font color */
    color: #f1e5c8;
}

.group-title, .admin-page-title{/*Style for Right side Resource/Record */
    color:#151515;
	background-color: #ffffff;
    border-color: #dbe0de;
    border-top: 2px solid #0d0e0e;/*color same for .nav-group-header*/
    margin-left: -1px;
}
/*Innerpage Left Colunm Navigation section--------------------------*/

.innerpage .nav-admin-menu-items{
	margin-top: 0px;
}
@media screen {
    .innerpage .group-header-sticky {
        min-height: 45px; /*Group header height*/
    }
}
.innerpage .scrolloverlayfix {/*scrolloverlayfix hidden */
	display:none !important;
}
.innerpage .group-title::after, .innerpage .admin-page-title::after {/*Arrow on droup title*/
    border-left: 13px solid #09172b;/*color same for .nav-group-header*/
}
ul.nav-group-menu-items-list li.link-active, 
ul.nav-admin-menu-items-list li.link-active, 
li.nav-section-header-link.link-active {/*For active resource/record background*/
    border-left: 5px solid #888a7d;
    box-shadow: unset;
    background-color: #191e27;
    padding-left: 10px;
}
ul.nav-group-menu-items-list li.link-active a, li.nav-section-header-link.link-active a,
ul.nav-admin-menu-items-list li.link-active a {/*For active resource/record font style*/
    color: #a0a09f;
    text-shadow: none;
    font-weight: 600;
	font-size:14px;
}
/*Homepage Date range section style----------------------------------*/
.top-homepage-filters-bar{/*Background color*/
    background-color: #f5f5f5;
    box-shadow: unset;
}
.text-cal-date{/*font style for "Messages for...."*/
    color: #0e0f0f;
    font-size: 14px;
    font-weight: 600;
}
.feed-element-heading {/*Right side Resource/Record font color and size*/
    color: #081c3a;
    font-size: 16px;
}
/*Device Menu list style------------------------------------------------------------------ */
/*School Name style */
.navbar-static-top-community-name
{
    color:#fff;
}
.body-small .mobile-school-name .mobile-school-name-text {
    color: #3f729b;
    font-weight: 600;
    font-size: 16px;
}
/*Group heading style*/
.body-small.mini-navbar .nav-group-header, .body-small.mini-navbar .nav-admin-header {
    background: #ffffff;/*Theme background color left menu */
}
.body-small.mini-navbar .nav-group-header a, .body-small.mini-navbar .nav-admin-header a {/*Group font color*/
   color: #000000;
}
.body-small.mini-navbar .nav-group, .body-small.mini-navbar .nav-admin {/*Menu Listing background color*/
    background: #0d0e0e;
}
.body-small.mini-navbar .nav-group ul li, .body-small.mini-navbar .nav-admin ul li {/*Menu Listing bottom border color and padding*/
    border-bottom: 1px solid #121515;
    padding: 10px 25px;
}
.body-small.mini-navbar li.nav-section-header a::after {/*Menu listing resource right arrow color and position from right */
    right: 25px;
    color: #f1e5c8;
}

/*Buttons Style------------------------------------------------------------------ */
.btn-primary, .btn-success {
    color: #fff;
    background-color: #0b5392;/*Theme background color left menu */
    border-color: #0b5392;
}
.open .dropdown-toggle.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active:hover,
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active:focus,
.btn-success.active:hover {
    background-color: #5482ab;
    border-color: #5283af;
    color: #FFFFFF;
}
.btn-nav-highlight {
    background-color: #3b629a !important;
    border-color: #3d6194 !important;
    color: #ffffff !important;
}
.btn-nav-highlight:hover {
    background-color: #223b5f !important;
    border-color: #3d6194 !important;
    color: #ffffff !important;
}


/*Below Css Class is need to be move into style.css */
.btn-default {
    color: inherit;
    background: #fcfcfc ;
    border: 1px solid #e7eaec;
}
.btn-nav {
    background: #fcfcfc !important;
    border: 1px solid #d8d8d8;
}
/*----Popup Model style-----*/
.modal-header
{
    background: #815f26;
    color: #fff;
    border-radius: 2px;
}
.modal-header button.close
{
    color:#fff;
}