body {
    background: gray;
    color: #ff0;
}

.topbar {
    background: gray;
}

.white-box {
    background: #fff;
}

#header {
    background: #666666;
}

ul.sf-menu a,
ul.sf-menu span.nolink {
    color: #ff0;
}

.topbar a {
    color: #ff0;
}

.topbar_link a {
    color: #ff0;
}

.team {
    background-image: url(../images/footer-bg-gray.png) !important;
}

.news-title h2 {
    color: #ff0;
}

.content-news {
    background: #666666;
    border-bottom: 1px solid #88888888;
    border-top: 1px solid #88888888;
}

.news-title {
    background: #555;
}

.pricipal-message-box {
    background-image: url(../images/pbg.png) !important;

}

img {
    filter: grayscale(1);
}

.team_designation p {
    color: #ff0;
}

.single_team {
    background: gray;
}

.team_designation h6 {
    color: #ff0;
}

h1,
h2,
h3,
h4,
h5,
h6 {

    color: #ff0;

}

.pricipal-message-box .pricipal-text {
    color: #FF0;

}

.double-line-bottom-centered-theme-colored-2-1:before {
    background: #ff0;
}

.double-line-bottom-centered-theme-colored-2-1:after {
    background: #ff0;
}

.pricipal-message-box .read-more {
    float: right;
    background: #666666;
    color: #ff0;
    font-size: 14px;
    padding: 2px 15px;
    margin-top: -25px;
    border-bottom-right-radius: 10px;
}

.read-more {
    color: #ff0;
    background: #666;
}

.read-more :hover {
    color: #ff0;
    background: #666;
}

.common_heading h2 {
    color: #ff0;
}

.explore-heading span {
    color: #f3f9ff;
}

.explore-heading {
    color: #ff0 !important;
}

.second-facility-item h3 {
    color: #ff0;
}

.second-facility-item:before {
    filter: grayscale(1);
}

.second-facility-item {
    background-color: #555;
}

a.view-more {
    color: #ff0;
}

.second-facility-item {
    border: 2px solid #ff0;
}

#hero {
    background: url("../images/notice-gray.jpg") top center !important;
    background-size: cover !important;
}

#hero .icon-box {
    padding: 20px 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 6px 0 rgb(255 255 255 / 45%);
    transition: all 0.3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    text-align: center;
    background: #888;
}

#hero .icon-box .title a {
    color: #ff0;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #000000 !important;
    background: #000000 !important;
    font-weight: normal;
    color: #ff0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #333333;
    color: #ff0 !important;
    background: #555;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ff0;
    text-decoration: none;
}

.ui-widget.ui-widget-content {
    border: 1px solid #555555
    /*{borderColorDefault}*/
    ;
}

.ui-widget-content {
    border: 1px solid #000000
    /*{borderColorContent}*/
    ;
    background: #888;
    color: #ff0
    /*{fcContent}*/
    ;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #444444 !important;
    background: #444444 !important;
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-header {
    border: 1px solid #000000
    /*{borderColorHeader}*/
    ;
    background: #95959500
    /*{bgColorHeader}*/
    /*{bgImgUrlHeader}*/
    /*{bgHeaderXPos}*/
    /*{bgHeaderYPos}*/
    /*{bgHeaderRepeat}*/
    ;
    color: #ff0
    /*{fcHeader}*/
    ;
    font-weight: bold;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #ff0
    /*{fcDefault}*/
    ;
    text-decoration: none;
}

.single_service_2 {
    background: #666666;
}

.single_service_2 .heading {
    color: #ff0;
}

.single_service_2 .heading:hover {
    color: #ff0;
}

.double-line-bottom:after {
    background: #ff0;
}

.double-line-bottom:before {
    background: #ff0;
}

.service_3_overly {
    background: #777;
    color: #ff0;
}

.single_service_2 .link {
    background: #444444;
    color: #ff0;
}

.single_service_2 .link:hover {
    background: #000000;
    color: #ff0 !important;
}

.service_2 .common_heading h2 {
    color: #ff0 !important;
}

.slick-arrow::before {
    color: #ff0;
    font-size: 36px;
    font-size: 2.25rem;
}

.main-footer {
    background: gray;
    color: #fff;
}

#clients {
    background: #666 !important;
}

.quick_link ul li a:hover {
    color: #ff0;
    padding-left: 5px;
}

.quick_link ul li a {
    color: #ff0;
}

.quick_link h5,
.address h5 {
    color: #ff0;
}

.main-footer {
    color: #ff0;
}

.slick-dots li button {
    background: #ffff0042;
}

.slick-dots li.slick-active button {
    background: #ff0;
}

#tender-section h2 {
    color: #ff0;
}

.counter {
    background: #666;
}

.counter.red:before {
    background-color: #777777;
}

.counter.red .counter-icon {
    background-color: #444;
}

.counter.red .counter-icon:before {
    background-color: #666;
}

.counter.red .counter-value {
    color: #666;
}

.counter.blue:before {
    background-color: #777777;
}

.counter.blue .counter-icon {
    background-color: #444;
}

.counter.blue .counter-icon:before {
    background-color: #666;
}

.counter.blue .counter-value {
    color: #666;
}

.counter:before {
    background-color: #777777;

}

.counter.counter-icon {
    background-color: #444;
}

.counter .counter-icon:before {
    background-color: #666;
}

.counter .counter-value {
    color: #666;
}

.counter .counter-icon {
    background: #444444;

}

.counter h3 {
    color: #ff0;
}

.counter .counter-value {
    color: #ff0;
}

.counter.blue .counter-value {
    color: #ff0;
}

#block-custom-theme-views-block-events-block-1 .slick-list {
    background: #666;
}

.counter.red .counter-value {
    color: #ff0 !important;
}

#block-custom-theme-homepagephotogallery .view-all {
    color: #ff0;
    background: #545454;
}

#block-custom-theme-views-block-events-block-1 {
    background: #5c5959;
}

.buttons button {
    background: #5c5959 !important;
}

.buttons button .ri-pause-circle-fill,
.buttons button .ri-play-circle-fill {
    color: #ff0 !important;
}

#block-custom-theme-views-block-events-block-1 .more-link a {
    color: #ff0;
}

.double-line-bottom-theme-colored-2:before {
    background: #ffff00;
}

.double-line-bottom-theme-colored-2:after {
    background: #ffff00;
}

#block-custom-theme-views-block-events-block-1 .views-field-field-date {
    color: #ff0;

}

ul.sf-menu.sf-horizontal.sf-shadow ul,
ul.sf-menu.sf-vertical.sf-shadow ul,
ul.sf-menu.sf-navbar.sf-shadow ul ul {
    background: #666 !important;
}

.scroll_btn {
    background: #000000;
    border: 3px solid #fff;

}

.scroll_btn:hover {
    background: #666;
}

.breadcrumb-item {
    background-color: #222;
}

.counter.gray .counter-value {
    color: #ff0;
}

.accordion {
    background: #666;
}

.link a {
    color: #ff0;
}

#accordion .menu-item .link :before {
    color: #ff0;
}

.table th {
    background: #222 !important;
    color: #ff0;
}

.inner-page #block-custom-theme-content {
    background: #666;
}

tbody {
    background: #555;
    color: #ff0;
}

a {
    color: #ff0;
}

.accordion-body {
    background: #444;
}

.accordion-header {
    background: #000;
    border: 1px solid #444;
}

#accordionpage .accordion-button:not(.collapsed) {
    color: #ff0 !important;
    background-color: #666 !important;
}

.item-list li:before {
    color: #ff0;
}

a:hover {
    color: #ff0 !important;
}

ul.sf-menu a:hover{
background-color: #555555;
}

.accordion-button {
    color: #ff0;
}

.breadcrumb-item a,
.breadcrumb-item span {
    color: #ff0;
}

.breadcrumb-items li:last-child {
    background: #555;
}

.breadcrumb-item {
    background-color: #666;
}

.breadcrumb-item a:hover {
    color: #ff0;
}

#accordion .menu-item--expanded .submenu a:before {
    color: #ff0;
}

.menu-item--expanded span {
    color: #ff0;
}

.pager__item a {
    background: #222;
    color: #ff0;
}

.accordion-collapse {
    border: none;
}

.tree li a {
    color: #ff0;
}

.tree li a:hover,
.tree li a:hover+ul li a {
    background: #222;
    color: #ff0;
}

a.footer-view {
    color: #ff0 !important;
    background: #808080 !important;
}

.view_header {
    background: #555 !important;
    color: #ff0 !important;
}

.monthly-status {
    background-image: url(../images/monthly-status-gray.jpg) !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 15px 0px 30px 0px;
}

.service_3 {
    background-image: url(../images/sevices-gray-bg.jpg) !important;

}

.dept-page .views-field-title {
    background: #555555;
    box-shadow: -2px 14px 7px -10px rgb(74 74 74 / 45%);
    color: #ff0;
}

.dept-page .views-field-title .field-content a {
    color: #ff0;
}

.topbar i {
    color: #ff0;

}

.accordion .link {
    border-bottom: 1px dashed #aaadaf85;

}

.photogallery-title {
    background: #555555;

}

.photogallery-title a {
    color: #ff0 !important;
}

.accordion-button {
    color: #ff0 !important;
    background-color: gray !important;
}

#inner-accordionpage .accordion-body {
    background-color: #222 !important;
}

.explore-heading span {
    color: #ff0;
}

#hero .icon-box:hover .title a {
    color: #ff0;
}

.slick-arrow:hover::before {
    color: #ff0;
}

.single_service_2 p {
    color: #ff0;
}

caption {
    color: #ff0 !important;
    background: #808080 !important;
}

#edit-submit-faculty {
    background: #808080;
    color: #ff0;
border-bottom: 3px solid #222222;
}
input#edit-submit {
    color: #ff0;
}

#colorpick .style-default:hover {
    color: #000 !important;
}

#colorpick .style-black:hover {
    color: #fff !important;
}

#colorpick .style-gray:hover {
    color: #fff !important;
}

.ui-widget-content a {
    color: #ff0 !important;
}