﻿/*Color Palatte Style - Background styles Start*/
:root {
    --white: #fff;
    --light-blue: #BED2EE;
    --pastel-green: #AFC5B1;
    --light-grey: #eae9e5;
    --dark-green: #51a571;
    --orange: #f2ac66;
    --dark-blue: #115380;
    --light-green: #A7C8BD;
    --medium-grey: #dadad9;
    --light-grey-2: #dedede;
    --black: #000;
    --dark-blue-2: #0F3975;
    --dark-pink: #ff0080;
    --dull-black: #333;
    --dark-grey: #636363;
    --dark-green-2: #37A57E;
    --dark-green-3: #249e71;
    --dark-green-grey: #285E5E;
    --dark-green-4: #025d63;
    --dark-yellow: rgb(192,157,30);
    --white-transparent: rgba(251, 251, 251, 0.8);
    --black-2: #31352e;
    --off-white: rgb(248, 248, 248);
    --bright-blue: #00e1ff;
}

body {
    background-color: var(--white); /*Common background for all the pages*/
}

.banner-background {
    background: var(--light-blue) !important; /* Banner sections background*/
}

.orgId-box-section {
    background-color: var(--pastel-green) !important; /* Menu orgId section background*/
}

.intro-chaptors-section {
    background-color: var(--pastel-green) !important; /* Home contents section background */
}

.detail-page-content {
    background-color: var(--pastel-green) !important; /* detail page title section background */
}

.white-background {
    background: var(--white) !important; /* Common white Background*/
}

.budget-detail-section {
    background-color: var(--light-grey) !important; /* Budget detail section Background for Home/Menu/Search/Detail/BudgetDetail pages */
}

.frontpage-elements-section {
    background-color: var(--dark-green) !important; /* Front page Elements section Background*/
}

.budget-detail-background {
    background-color: var(--orange); /* Budget detail page content section Background*/
}

.mobile-menu-section {
    background: var(--light-grey) !important; /* Mobile view menu Background*/
}

.main-menu-background {
    background: var(--dark-blue) !important; /* Main menu Background*/
}

.detail-content-sections {
    background-color: var(--light-green); /* Background for Accounting/budsa/budsadetail/generic/tenantdeatil pages content section*/
}

.chart-button-background {
    background-color: var(--medium-grey) !important; /* Background for bminvestment/bmtotal/bmproposa/investment/proposal/total pages button */
}

.share-input-links {
    background: var(--light-grey-2); /*Input box background for accounting/proposal/budsa/budsadetail/generic/investment/bminvestment/bmproposal pages */
}


.keyfigure-number {
    color: var(--black) !important;
}
/*Background styles End*/
/*Color Palatte Style - color styles Start*/
body, .search-text, .detail-content-section-wrapper ul div, .detail-content-section-wrapper ul p {
    color: var(--black); /*accounting/budsa/budsadeatil/generic/tenantdetail and search pages*/ /*common-font-colour*/
}

.main-header-title{
    color: var(--black) !important; /* home main header text color and main menu tabs*/
}

.header1 {
    color: var(--dark-blue-2) !important; /* home menu list title text color*/
}

.main-content-style a, .main-chaptor-abstract-text {
    color: var(--dark-blue-2) !important; /* home page abstract text style investment chart text */
}

.main-menu-heading, #desktopMenuContentStyle a, .menu-toggle-text, .menu-toggle-text:hover, .menu-toggle-text:focus, .header-title-normal, .banner-search-text, .content-content, .content-heading-bold, .content-heading-bolder, .content-heading-detail-bolder, .content-heading-detail-bold, .content-background a, .keyfigure-front-page-text, .menu-toggle-text1, .greater-than-style, .keyfigure-page-header {
    color: var(--white);
}

.header2, .header3, .header4, .header5, header-title-bold {
    color: var(--dark-blue-2); /*Heading text color for main pages*/
}

#middleContentSecWrapper a:hover {
    color: var(--dark-blue-2) !important;
}

#MRHomeHeaderSec .menu-toggle-text, #MRHomeHeaderSec #navbarClose .main-menu-close {
    color: var(--dark-blue-2) !important; /*Header Menu text color*/
}

.h2, .h3, .h1, .h4, .h5, .h6, i.detail-content-italic, .k-chart {
    color: var(--dark-blue-2) !important; /*Heading text color for detail pages*/
}

.detail-content-italic-black, .custom-grid-header {
    color: var(--black) !important; /*Kefigures and detail content section italic text color*/
}

.h2 {
    color: var(--dark-blue-2); /*bookmark and abstract title*/
}

.detail-header-color {
    color: var(--dark-pink) !important; /*Graph pages level text color*/
}

#accordion .panel-default > .panel-heading {
    color: var(--dull-black); /*menu accordian color*/
}

.widget figcaption {
    color: var(--dark-grey);
}

.keyfigures-big-font-style {
    color: var(--dark-green-2); /*Kefigures*/
}

.keyfigures-big-font-color, .search-results-link {
    color: var(--dark-blue-2) !important; /*Kefigures*/
}

/*.key-fig-number,*/ 
.details-top-numbers {
    color: var(--dark-green-3) !important; /*Kefigures*/
}

/*.key-fig-text,*/ 
.keyfig-new-text {
    color: var(--dark-green-grey); /*Kefigures*/
}

.dark-green {
    color: var(--dark-green-4) !important; /*budsa/budsadetail/generic/tenatdetail pages bookmark title*/
}

.columns-menu1 a, #serviceAreaMenuSection a, .search-results-title, .search-results-content {
    color: var(--dark-blue-2);
}

.detail-link-content, .budget-header-title {
    color: var(--dark-blue-2) !important; /* detail page sidebar navigation text and home budget header section budget header title*/
}

.mobile-menu-section a, #menuContentWrapper .header4, #serviceAreaMenuSection .header1, #serviceAreaMenuSection .header4 {
    color: var(--dark-blue-2) !important; /* detail page sidebar navigation text*/
}

.back-to-home-link {
    color: var(--dark-blue-2) !important; /*Back to home link color*/
}

.header-main-menu-breadcrum {
    color: var(--dark-yellow); /*Header breadcrumb color*/
}
/*Background styles End*/


/* New Web Design styles (Background and color) start*/

/*Background Styles*/

.navbar-fixed-top, #mobileNavbarHamburger .icon-bar{
    background: var(--white) !important; /*Navigation header*/
}
.search-background1 {
    background: var(--dark-blue-2); /* Home search background*/
}
.white-box-section {
    background: var(--white-transparent); /* Main banner section background*/
}
.bottom-logo-section {
    background: var(--black-2); /*Footer section background*/
}

.common-light-bg-color, .front-graph-links-bg, .front-page-links {
    background: var(--dark-blue) !important; /*Graph links section Background*/
}
.common-dark-bg-color, .icon-bar, .search-background {
    background-color: var(--dark-blue-2); /*Menu Icon Background*/
}
.common-dark-bg-color {
    background-color: var(--dark-blue-2)!important;
}
.content-box-wrapper {
    background: var(--white) !important; /*Box contents Background*/
}

.columns-menu1 {
    background: var(--dark-blue-2); /* Menu links background*/
}
.main-page-container {
    background-color: var(--off-white) !important; /* Body Section Background*/
}

/*Font Colors*/
#navbarClose .close, .menu-toggle-text {
    color: var(--dark-blue) !important; /*Header menu text*/
}

.main-header-title{
    color: var(--black) !important; /*Header section tabs and book marks color*/
}

#mobileNavbarHamburger .menu-toggle-text, .image-links-style, .service-links a, .move-to-top, .banner-search-text {
    color: var(--white) !important; /*Graphlinks section text color and service area links*/
}

.bottom-service-sec-content {
    color: var(--dark-blue-2); /* Service area section contents*/
}

.intro-text {
    color: var(--dark-blue-2); /* Section headings title color*/
}

.text-color1 {
    color: var(--dark-blue) !important; /* Common text color1*/
}

.text-color2 {
    color: var(--dark-blue-2) !important; /* Common text color2*/
}

.cmn-bg-color3 {
    background: var(--bright-blue)!important;
}

