.color_switcher {
    list-style: none;
    text-align: center;
    height: 100px;
}
.color_switcher li{
    width: 20px;
    border-radius: 20%;
    border: 2px solid white;
    height: 20px;
    cursor: pointer;
  /*  display: inline-block;*/
}
.green .navbar .navbar-nav > li:hover {
    /* background-color: #c8e5c9 !important; */
    color: white;
}
.navbar .navbar-nav > #paint{
    background: none !important;
}

    .color_switcher li:first-child {
        background-color: #115b9b;
    }
    .color_switcher li:nth-child(2) {
        background-color: #457847;
    }
    .color_switcher li:nth-child(3) {
        background-color: #764725;
    }
    .color_switcher  li:nth-child(4){
        background-color: #851414;
}


/*background*/
.blue .clrchng {
    /*background-color: #007bff !important;*/
     background-color: #115b9b !important;
}
.green .clrchng {
    background-color: #457847 !important;
}

.red .clrchng {
    background-color: #764725 !important;
}

.purple .clrchng {
    background-color: #851414 !important;
}


.blue .clrchngm {
    /*background-color: #00aeff !important;*/
    background-color: #3b72bd !important;
}
.green .clrchngm {
    background-color: #48874b !important;
}
.red .clrchngm {
    background-color: #934f1e !important;
}

.purple .clrchngm {
    background-color: #a31b1b !important;
}




.blue .clrchngm:hover {
    background-color: #115b9b !important;
    color:#FF9900 !important;
}
.green .clrchngm:hover {
    background-color: #457847 !important;
      color:#FF9900 !important;
}
.red .clrchngm:hover {
    background-color: #764725 !important;
      color:#FF9900 !important;
}
.purple .clrchngm:hover {
    background-color: #851414 !important;
      color:#FF9900 !important;
}

/*body background*/
.blue .bg {
    /*background-color: #00aeff !important;*/
    background-color: #8db0df !important;  
}

.green .bg {
    background-color: #a4c5a6 !important;
}

.red .bg {
    background-color: #dbb296 !important;
}


.purple .bg {
    background-color: #eba5a5 !important;
}


body.blue {
    /*background-color: #00aeff !important;*/
    background-color: #b4c8e3 !important;
}

body.green {
    background-color: #c9d9ca !important;
}

body.red {
    background-color: #e7cbb8 !important;
}

body.purple {
    background-color: #e9cccc !important;
}
/*header Colour*/

.blue .nav1 {
    /*background-color: #00aeff !important;*/
    background-color: #b4c8e3 !important;
}

.green .nav1 {
    background-color: #c9d9ca !important;
}

.red .nav1 {
    background-color: #e7cbb8 !important;
}

.purple .nav1 {
    background-color: #e9cccc !important;
}
/*header Colour*/

.blue .clrchnhc {
    /*background-color: #00aeff !important;*/
    background-color: #3b72bd !important;
}

.green .clrchnhc {
    background-color: #48874b !important;
}

.red .clrchnhc {
    background-color: #934f1e !important;
}

.purple .clrchnhc {
    background-color: #a31b1b !important;
}
/*form font colour*/

.blue .clrchnfc {
    /*background-color: #00aeff !important;*/
    color: #1c4d8f !important;
}

.green .clrchnfc {
    color: #28682b !important;
}

.red .clrchnfc {
    color: #97592c !important;
}

.purple .clrchnfc {
    color: #a31b1b !important;
}
 

/*Grid Header - Footer */
.blue .clrchngHeader {
      background-color: #79a5e0 !important;
}
.green .clrchngHeader {
   background-color: #6e9c71 !important;
}

.red .clrchngHeader {
    background-color: #c99571 !important;
}

.purple .clrchngHeader {
      background-color: #c98181 !important;
}



/*grid Alternate Row back colour*/
.blue .clrchnfgrid {
    /*background-color: #00aeff !important;*/
    background-color: #acc5e8 !important;
   
}

.green .clrchnfgrid {
    background-color: #d7f7d9 !important;
   
}

.red .clrchnfgrid {
    background-color: #f2d1bb !important;
  
}

.purple .clrchnfgrid {
    background-color: #f5d7d7 !important;
   
}


/*background*/
.blue .clrchng {
    /*background-color: #007bff !important;*/
     background-color: #115b9b !important;
}
.green .clrchng {
    background-color: #457847 !important;
}

.red .clrchng {
    background-color: #764725 !important;
}

.purple .clrchng {
    background-color: #851414 !important;
}


/*background*/
.blue .clrchngtblHome {
    /*background-color: #007bff !important;*/
      background-color: #287fc9 !important;
}
.green .clrchngtblHome {
   background-color: #6fa872 !important;
}

.red .clrchngtblHome {
    background-color: #c78e67 !important;
}

.purple .clrchngtblHome {
      background-color: #d67676 !important;
}



/*background*/
.blue .clrchngEventhome {
    /*background-color: #007bff !important;*/
      background-color: #4aa0e8 !important;
}
.green .clrchngEventhome {
   background-color: #82c285 !important;
}

.red .clrchngEventhome {
    background-color: #bd9275 !important;
}

.purple .clrchngEventhome {
      background-color: #eb9494 !important;
}




/*background*/
.blue .clrchnghomeRow1 {
    /*background-color: #007bff !important;*/
      background-color: #99c9f2 !important;
}
.green .clrchnghomeRow1 {
   background-color:  #b7e8ba !important;
}

.red .clrchnghomeRow1 {
    background-color: #f0c9b1 !important;
}

.purple .clrchnghomeRow1 {
      background-color: #f2d0d0 !important;
}



/*background*/
.blue .clrchnghomeRow2 {
    /*background-color: #007bff !important;*/
      background-color: #82bced !important;
}
.green .clrchnghomeRow2 {
   background-color: #a8e3ab !important;
}

.red .clrchnghomeRow2 {
    background-color: #ebbda0 !important;
}

.purple .clrchnghomeRow2 {
      background-color: #f2c7c7 !important;
}




/*background*/
.blue .clrchnghomeRow3 {
    /*background-color: #007bff !important;*/
      background-color: #98cdfa !important;
}
.green .clrchnghomeRow3 {
   background-color: #c0edc3 !important;
}

.red .clrchnghomeRow3 {
    background-color: #f0cab1 !important;
}

.purple .clrchnghomeRow3 {
      background-color: #ebbcbc !important;
}




/*background*/
.blue .clrchnghomeRow4 {
    /*background-color: #007bff !important;*/
      background-color: #b6d6f2 !important;
}
.green .clrchnghomeRow4 {
   background-color: #cef0d0 !important;
}

.red .clrchnghomeRow4 {
    background-color: #ebd0be !important;
}

.purple .clrchnghomeRow4 {
      background-color: #edcaca !important;
}




/*background*/
.blue .clrchnghomeRow5 {
    /*background-color: #007bff !important;*/
      background-color: #c2daed !important;
}
.green .clrchnghomeRow5 {
   background-color: #dcf2de !important;
}

.red .clrchnghomeRow5 {
    background-color: #f5dfd0 !important;
}

.purple .clrchnghomeRow5 {
      background-color: #f2d8d8 !important;
}



/*background*/
.blue .clrchnghomeRow6 {
    /*background-color: #007bff !important;*/
      background-color: #c9e1f5 !important;
}
.green .clrchnghomeRow6 {
   background-color: #ebf7ec !important;
}

.red .clrchnghomeRow6 {
    background-color: #f5e8df !important;
}

.purple .clrchnghomeRow6 {
      background-color: #f2e1e1 !important;
}



/*background*/
.blue .clrchnghomeRow7 {
    /*background-color: #007bff !important;*/
      background-color: #dfecf7 !important;
}
.green .clrchnghomeRow7 {
   background-color: #f0f5f0 !important;
}

.red .clrchnghomeRow7 {
    background-color: #f7f0eb !important;
}

.purple .clrchnghomeRow7 {
      background-color: #f5ebeb !important;
}






/*accordion colour*/
.blue .clrcaccordion {
    background-color: #26429e !important;
}

.green .clrcaccordion {
    background-color: #004d25 !important;
}

.red .clrcaccordion {
    background-color: #663410 !important;
}

.purple .clrcaccordion {
    background-color: #893232 !important;
}

/*naveentam jankari colour*/
.blue .clrcnj {
    background-color: #2d689b !important;
}

.green .clrcnj {
    background-color: #11823b !important;
}

.red .clrcnj {
    background-color: #9c4a0f !important;
}

.purple .clrcnj {
    background-color: #b93131 !important;
}

/*aamjan colour*/
.blue .clrcaamjan {
    background-color: #428bca !important;
}

.green .clrcaamjan {
    background-color: #48bf53 !important;
}

.red .clrcaamjan {
    background-color: #ab602a !important;
}

.purple .clrcaamjan {
    background-color: #e74141 !important;
}

.green .tooltip-inner {
    background-color: #48874b;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}

.green .tooltip.bs-tooltip-right.tooltip-arrow::before {
    border-right-color: #48874b !important;
}

.green .tooltip.bs-tooltip-left.tooltip-arrow::before {
    border-left-color: #48874b !important;
}

.green .tooltip.bs-tooltip-bottom.tooltip-arrow::before {
    border-bottom-color: #48874b !important;
}

.green .tooltip.bs-tooltip-top.tooltip-arrow::before {
    border-top-color: #48874b !important;
}

.blue .tooltip-inner {
    background-color: #3b72bd;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}

.blue .tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #3b72bd !important;
}

.blue .tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #3b72bd !important;
}

.blue .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #3b72bd !important;
}

.blue .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #3b72bd !important;
}


.red .tooltip-inner {
    background-color: #934f1e;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}

.red .tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #934f1e !important;
}

.red .tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #934f1e !important;
}

.red .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #934f1e !important;
}

.red .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #934f1e !important;
}


.purple .tooltip-inner {
    background-color: #a31b1b;
    box-shadow: 0px 0px 4px black;
    opacity: 1 !important;
}

.purple .tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #a31b1b !important;
}

.purple .tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #a31b1b !important;
}

.purple .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #a31b1b !important;
}

.purple .tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #a31b1b !important;
}
.blue .about {
    background: #e7cbb8;
}
.green .about {
    background: #e7cbb8;
}
.red .about {
    background: #e7cbb8;
}
.purple.about {
    background: #e7cbb8;
}
/*border Colour*/

.blue .clrchnbc {
    /*background-color: #00aeff !important;*/
    border-color: #3b72bd !important;
}

.green .clrchnbc {
    border-color: #48874b !important;
}

.red .clrchnbc {
    border-color: #934f1e !important;
}

.purple .clrchnbc {
    border-color: #a31b1b !important;
}

.blue .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3b72bd;
    border-color: #3b72bd;
}

.green .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #48874b;
    border-color: #48874b;
}

.red .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #934f1e;
    border-color: #934f1e;
}

.purple .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #a31b1b;
    border-color: #a31b1b;
}


.blue  table {
    /*background-color: #00aeff !important;*/
    border-color: #3b72bd !important;
}

.green table{
    border-color: #48874b !important;
}

.red table {
    border-color: #934f1e !important;
}

.purple table{
    border-color : #a31b1b !important;
}



.blue .paging a {
    color: #fff;
    background-color: #3b72bd;
    border-color: #fff;
    text-decoration: none;
    padding: 5px 7px;
}
.green .paging a {
    color: #fff;
    background-color: #48874b;
    border-color: #fff;
    text-decoration: none;
    padding: 5px 7px;
}
.red .paging a {
    color: #fff;
    background-color: #934f1e;
    border-color: #fff;
    text-decoration: none;
    padding: 5px 7px;
}
.purple .paging a {
    color: #fff;
    background-color: #a31b1b;
    border-color: #fff;
    text-decoration: none;
    padding: 5px 7px;
}



.blue .paging a:hover {
    background-color: #0a3878;
    color: #00C157;
    border: 1px solid #fff;
}

.green .paging a:hover {
    background-color: #16781a;
    color: #00C157;
    border: 1px solid #fff;
}

.red .paging a:hover {
    background-color: #783b10;
    color: #00C157;
    border: 1px solid #fff;
}

.purple .paging a:hover {
    background-color: #822424;
    color: #00C157;
    border: 1px solid #fff;
}

.blue .paging span {
    background-color: #fff;
    padding: 5px 7px;
    color: #3b72bd;
    border: 1px solid #3b72bd;
}
.green .paging span {
    background-color: #fff;
    padding: 5px 7px;
    color: #48874b;
    border: 1px solid #48874b;
}
.red .paging span {
    background-color: #fff;
    padding: 5px 7px;
    color: #934f1e;
    border: 1px solid #934f1e;
}
.purple .paging span {
    background-color: #fff;
    padding: 5px 7px;
    color: #a31b1b;
    border: 1px solid #a31b1b;
}

/*New Dark Mode  */
/* ================= New Dark Mode ================= */
.dark .clrchnhc,
.dark .clrchngm,
.dark .clrchngm:hover,
.dark .clrchng,
.dark .clrcaccordion,
.dark .clrcnj,
.dark .clrcaamjan,
.dark .clrchnfc,
.dark .dropdown-item {
    color: white !important;
    background-color: black !important;
}

.dark .bg {
    background-color: rgba(0, 0, 0, 0.125) !important;
}

.dark .card {
    background-color: #dee2e6 !important;
    color: black !important;
}

body.dark #Newsandfeed_lblErrorMessage {
    color: white !important;
}

/* =============== Pagination =============== */
.dark .pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: black;
    border-color: #a31b1b; /* Last defined value kept */
}

.dark .paging a,
.dark .paging a:hover {
    color: #fff !important;
    background-color: black !important;
    border: 1px solid #fff !important;
    text-decoration: none;
    padding: 5px 7px;
}

.dark .paging span {
    background-color: black !important;
    padding: 5px 7px;
    color: white !important;
    border: 1px solid #3b72bd !important;
}

/* =============== Navbar =============== */
.dark .navbar .navbar-nav > li > a {
    color: white !important;
    font-weight: bold !important;
    padding-left: 20px !important;
}

    .dark .navbar .navbar-nav > li > a.highlighted-link {
        color: blue !important;
        background-color: yellow !important;
    }

.navbar .navbar-nav > li > a.highlighted-link {
    color: blue !important;
}

.dark .navbar .navbar-nav > li:hover {
    background-color: #6c757d !important;
    color: white !important;
}

.dark .navbar-nav > li.dropdown:hover ul {
    display: block !important;
    background-color: black !important;
    color: white !important;
}

.dark .navbar-nav > li.dropdown ul li:hover {
    display: block !important;
    --bs-dropdown-link-hover-bg: #606770;
    --bs-dropdown-link-hover-color: white;
}

/* =============== Tooltip =============== */
.dark .tooltip-inner {
    color: white !important;
    background-color: black !important;
    box-shadow: 0px 0px 4px black !important;
    opacity: 1 !important;
}

/* =============== Other Elements =============== */
.dark .about {
    color: white !important;
    background: silver !important;
}

.dark .clrchnbc {
    border-color: white !important;
}

/* =============== Accessibility Container =============== */
.green .accessibility-container {
    background-color: rgba(107, 173, 111, 0.53) !important;
}

.blue .accessibility-container {
    background-color: rgba(87, 127, 217, 0.5) !important;
}

.red .accessibility-container {
    background-color: rgba(147, 79, 30, 0.5) !important;
}

.purple .accessibility-container {
    background-color: rgba(163, 27, 27, 0.5) !important;
}

.dark .accessibility-container {
    background-color: rgba(60, 55, 55, 0.5) !important;
}

/* =============== Font Button Backgrounds =============== */
.green .font-button {
    background-color: #48874bfa !important;
}

.blue .font-button {
    background-color: #3b72bdd9 !important;
}

.red .font-button {
    background-color: #934f1ecf !important;
}

.purple .font-button {
    background-color: #a31b1ba6 !important;
}

.dark .font-button {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* =============== Font Button Hover =============== */
.green .font-button:hover,
.green .clr:hover {
    background-color: #48b750de !important;
}

.blue .font-button:hover,
.blue .clr:hover {
    background-color: #84a5d3 !important;
}

.red .font-button:hover,
.red .clr:hover {
    background-color: #dba67f !important;
}

.purple .font-button:hover,
.purple .clr:hover {
    background-color: #db7272 !important;
}

.dark .font-button:hover,
.dark .clr:hover {
    background-color: #6c757d !important;
}

/* =============== Highlighted Links =============== */
.dark .highlighted-link,
.blue .highlighted-link,
.green .highlighted-link,
.red .highlighted-link {
    color: blue !important;
    background-color: yellow !important;
}

.purple .highlighted-link {
    color: blue !important;
    background-color: yellow !important;
    border: 1px solid white !important;
}