:root {
                                --main-bg-color: #f5f7fa;
                                --primary-color: #bfc99c;
                                --primary-color-light: #889a80;
                                --left-navbar-color: #404952;
                                --left-navbar-active-color: #3b434c;
                                --text-color: #ced4da;
                                --nav-heading-color: #bfc99c;
                                --nav-items-color: #e1e2e3;
                                --topnav-text-color: #fff;
                                --topnav-hover-color: #144639;


                            }
                            /* ========================================================================
                               Component: layout
                             ========================================================================== */
                            body,
                            .wrapper > section {
                                 /*PRIMARY BUTTONS*/
                                 .btn-primary{
                                  background-color: #bfc99c!important;
                                  }

                                  /*Dashboard Panels*/
                                  .panel-primary>.panel-heading{background-color: #bfc99c!important;}
                                 .num-common{background-color: #bfc99c!important;} 
                                 .pull-left{color: #888888!important;} 
                                 .fa.fa-chevron-circle-right{color: #889a80 !important;} 
                                 .label.label-primary.pull-right{background-color: #889a80 !important;} 

                                  /*Dashboard Profile Background Image and Avatar*/
                                .panel-body.text-center.bg-center.dashboard-bg-cover{background-color: #bfc99c!important;background-image: none!important;} 


                                  /*New Service Request Header bar*/
                                 .card-heading.bg-primary{background-color: #ffffff!important;} 
                                 .card-title{color: #404952!important;} 


                                 /*Linked or Sub accounts text on YOUR ACCOUNT screen (Header Text as well)*/
                                 .m0.f-size-24-a{color: #888888!important;} 
                                 .m0{color: #888888!important;} 
                                 .text-center.bg-gray-dark.p-lg.mb-xl{background-color: #404952!important;} 

                                 /*New SR Header*/
                                 /*    .card-title{background-color: #bfc99c !important;}*/

                                 /*Complaints List Screen*/
                                 .btn.btn-info.pull-right.m0.hidden-xs{color: #333333!important;} 
                                 .btn.btn-info.pull-right.m0.hidden-xs{background-color: #889a80!important;} 

                                  /*Hiding Cart buttons to add more events or facilities*/
                                  #btnCont.btn.btn-primary.btn-lg.btn-block{display:none;}

                                 .btn.btn-info.btn-sm{color: #333333!important;} 
                                 .btn.btn-info.btn-sm{background-color: #889a80!important;} 

                                 .btn.pull-right.mt0.hidden-xs.btn-info{color: #333333!important;} 
                                 .btn.pull-right.mt0.hidden-xs.btn-info{background-color: #889a80!important;} 
                                 .btn.pull-right.m0.hidden-xs.btn-default{color: #333333!important;} 
                                 .btn.pull-right.m0.hidden-xs.btn-default{background-color: #ffffff!important;} 

                            }
                            .wrapper > .aside {
                            }

                            /* ========================================================================
                               Component: top-navbar
                             ========================================================================== */
                            .topnavbar {
                            }
                                .topnavbar .navbar-header {
                                    background-color: var(--primary-color);
                                    background-image: -webkit-linear-gradient(left, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                    background-image: -o-linear-gradient(left, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                    background-image: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                    background-repeat: repeat-x;
                                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b957a', endColorstr='#ff37bc9b', GradientType=1);
                                }
                            @media only screen and (min-width: 768px) {
                              .topnavbar .navbar-header {
                                background-image: none;
                              }
                            }
                            .topnavbar .navbar-nav > li > .navbar-text {
                              color: var(--primary-color);
                            }
                            .topnavbar .navbar-nav > li > a,
                            .topnavbar .navbar-nav > .open > a {
                              color: var(--primary-color);
                            }
                            .topnavbar .navbar-nav > li > a:hover,
                            .topnavbar .navbar-nav > .open > a:hover,
                            .topnavbar .navbar-nav > li > a:focus,
                            .topnavbar .navbar-nav > .open > a:focus {
                              color: var(--topnav-hover-color);
                            }
                            .topnavbar .navbar-nav > .active > a,
                            .topnavbar .navbar-nav > .open > a,
                            .topnavbar .navbar-nav > .active > a:hover,
                            .topnavbar .navbar-nav > .open > a:hover,
                            .topnavbar .navbar-nav > .active > a:focus,
                            .topnavbar .navbar-nav > .open > a:focus {
                              background-color: transparent;
                            }
                            .topnavbar .nav-wrapper {
                                background-color: var(--primary-color);
                                background-image: -webkit-linear-gradient(left, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                background-image: -o-linear-gradient(left, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                background-image: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                background-repeat: repeat-x;
                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b957a', endColorstr='#ff37bc9b', GradientType=1);
                            }
                            @media only screen and (min-width: 768px) {
                              .topnavbar {
                                background-color: var(--primary-color);
                                background-image: -webkit-linear-gradient(left, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                background-image: -o-linear-gradient(left, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                background-image: linear-gradient(to right, var(--primary-color) 0%, var(--primary-color-light) 100%);
                                background-repeat: repeat-x;
                                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b957a', endColorstr='#ff37bc9b', GradientType=1);
                              }
                              .topnavbar .navbar-nav > .open > a,
                              .topnavbar .navbar-nav > .open > a:hover,
                              .topnavbar .navbar-nav > .open > a:focus {
                                box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset;
                              }
                              .topnavbar .navbar-nav > li > .navbar-text {
                                    color: var(--topnav-text-color);
                              }
                              .topnavbar .navbar-nav > li > a,
                              .topnavbar .navbar-nav > .open > a {
                                    color: var(--topnav-text-color);
                              }
                              .topnavbar .navbar-nav > li > a:hover,
                              .topnavbar .navbar-nav > .open > a:hover,
                              .topnavbar .navbar-nav > li > a:focus,
                              .topnavbar .navbar-nav > .open > a:focus {
                                color: var(--topnav-hover-color);
                              }
                            }
                            /* ========================================================================
                               Component: sidebar
                             ========================================================================== */
                            .sidebar {
                              background-color: var(--left-navbar-color);
                            }
                            .sidebar .nav-heading {
                              color: var(--nav-heading-color);
                            }
                            .sidebar .nav > li > a,
                            .sidebar .nav > li > .nav-item {
                              color: var(--nav-items-color);
                            }
                            .sidebar .nav > li > a:focus,
                            .sidebar .nav > li > .nav-item:focus,
                            .sidebar .nav > li > a:hover,
                            .sidebar .nav > li > .nav-item:hover {
                              color: var(--primary-color);
                            }
                            .sidebar .nav > li > a > em,
                            .sidebar .nav > li > .nav-item > em {
                              color: inherits;
                            }
                            .sidebar .nav > li.active,
                            .sidebar .nav > li.open,
                            .sidebar .nav > li.active > a,
                            .sidebar .nav > li.open > a,
                            .sidebar .nav > li.active .nav,
                            .sidebar .nav > li.open .nav {
                              background-color: var(--left-navbar-active-color);
                              color: var(--primary-color) !important;
                            }
                            .sidebar .nav > li.active > a > em,
                            .sidebar .nav > li.open > a > em {
                              color: var(--primary-color);
                            }
                            .sidebar .nav > li.active {
                              border-left-color: var(--primary-color);
                            }
                            .sidebar-subnav {
                              background-color: var(--left-navbar-color);
                            }
                            .sidebar-subnav > .sidebar-subnav-header {
                              color: var(--nav-items-color);
                            }
                            .sidebar-subnav > li > a,
                            .sidebar-subnav > li > .nav-item {
                              color: var(--nav-items-color);
                            }
                            .sidebar-subnav > li > a:focus,
                            .sidebar-subnav > li > .nav-item:focus,
                            .sidebar-subnav > li > a:hover,
                            .sidebar-subnav > li > .nav-item:hover {
                              color: var(--primary-color);
                            }
                                .sidebar-subnav > li.active > a,
                                .sidebar-subnav > li.active > .nav-item {
                                    color: var(--primary-color) !important;
                                }
                            .sidebar-subnav > li.active > a:after,
                            .sidebar-subnav > li.active > .nav-item:after {
                              border-color: var(--primary-color);
                              background-color: var(--primary-color);
                            }
                            /* ====better====================================================================
                               Component: offsidebar
                             ========================================================================== */
                            .offsidebar {

                            }
                            body, .wrapper .section-container {

                            }