/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
/*
 * Place your custom styles here.
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

:root.green {
  --bg-color: #155511;
  --text-color: #fff;

  --bg-color1: #155511;
  --bg-color2: #155511;
}

:root.ice {
  --bg-color: #006c66;  
  --text-color: #fff;

  --bg-color1: #006c66;
  --bg-color2: #006c66;
}

:root,
:root.farmergreen {
  --bg-color: #b7c881;  
  --text-color: #000;

  --bg-color1: #b7c881;
  --bg-color2: #b7c881;
}

:root.blue {
  --bg-color: #264675;  
  --text-color: #fff;

  --bg-color1: #264675;
  --bg-color2: #264675;
}

:root.palewood {
  --bg-color: linear-gradient(to bottom, var(--bg-color1) 0%, var(--bg-color2) 100%);  
  --text-color: #000;

  --bg-color1: #eacda3;
  --bg-color2: #d6ae7b;
}

body {
    --bg-ice-color1: #006c66;
    --bg-ice-color2: #006c66;  
    --bg-blue-color1: #264675;
    --bg-blue-color2: #264675;        
    --bg-palewood-color1: #eacda3;
    --bg-palewood-color2: #d6ae7b;
   
    background: var(--bg-color);   
    color: var(--text-color);

    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2d;
    margin-top: 0;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: transparent;
    outline: none;
}

div[class^="circular-section"] a {
    color: var(--text-color);
    font-size: 12px;
}

.view-id-e_learning_for_farmers.view-display-id-page_1 .file-link a::before {
    content: "";
}

.view-id-e_learning_for_farmers.view-display-id-page_1 .views-field.views-field-title a::before {
    content: "";
}

.view-id-e_learning_for_farmers.view-display-id-page_1 .item-list li {
    box-shadow: 0 0 1px 1px #ccc;
}

.view-id-e_learning_for_farmers.view-display-id-page_1 .item-list li .views-field-title a {
    display: block;
    font-weight: bold;
    padding: 5px;
    color: #000;
}

ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover,
ul.menu.menu--account.nav.navbar-nav.navbar-right li a {   
    background: var(--bg-color) !important;  
    color: var(--text-color);
}


article[data-history-node-id='70'] .field--name-field-designation,
article[data-history-node-id='70'] .field--name-field-divisoin {
    display: none;
}

form .form--inline.form-inline.clearfix {
    display: flex;
}

form .form-item-field-year-target-id {
    flex-grow: 1;
    display: flex !important;
    align-items: center;
}

form .select-wrapper {
    flex-grow: 1;
    margin-right: 10px;
}

body.path-e-learning-for-farmers .glyphicon-file::before {
    content: "\f019" !important;
    font-family: FontAwesome;
}

.page-node-type-staff .field--items .field--item::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-weight: bold;
    margin-right: 5px;
}

.page-node-type-staff .field--items .field--item {
    margin-bottom: 10px;
}

.view.view-e-learning-for-farmers.view-id-e_learning_for_farmers.view-display-id-page_1 span.file span a {
    padding: 5px;
    width: 100%;
    display: block;
}

.view.view-e-learning-for-farmers.view-id-e_learning_for_farmers.view-display-id-page_1 span.file span {
    border: none;
}

#quicktabs-our_proud ul li a::before {
    content: "";  
    color: var(--bg-color2);
    margin-right: 5px;
}

.path-e-learning-for-farmers .file {
    display: inline-block;
}

.view.view-e-learning-for-farmers.view-id-e_learning_for_farmers.view-display-id-page_1 span.file span {
    border: none; 
    background: var(--bg-color);  
    color: var(--text-color);
}

span.file.file--mime-application-pdf.file--application-pdf.icon-before {
    max-width: 225px;
    padding: 5px;
}

.view.view-e-learning-for-farmers.view-id-e_learning_for_farmers.view-display-id-page_1 span.file span {
    border: none;
}

.view-id-e_learning_for_farmers.view-display-id-page_1 .item-list li:hover {
    box-shadow: 0 0 1px 1px #3333337a;
}

#quicktabs-our_proud ul li:first-child a::before {
    content: "\f0a4";
    font-family: FontAwesome;
}

#quicktabs-our_proud ul li:nth-child(2) a::before {
    content: "\f559";
    font-family: FontAwesome;
}

li.expanded.dropdown.open li.expanded:hover ul.dropdown-menu::before {
    content: "";
    position: absolute;
    display: block;
    top: 20px;
    left: -7px;
    border-right: 7.5px solid #fff;
    border-top: 7.5px solid transparent;
    border-bottom: 7.5px solid transparent;
}

#quicktabs-our_proud ul li:nth-child(3) a::before {
    content: "\f091";
    font-family: FontAwesome;
}

#quicktabs-our_proud ul li a {
    padding: 10px;
    display: inline-block;
}

#quicktabs-our_proud ul li.active a {  
    color: var(--bg-color2);
}

#quicktabs-our_proud ul {
    border-bottom: 1px solid #ccc;
    padding: 0;
}

.nav .open>a:focus,
a.dropdown-toggle:focus {
    background-color: transparent;

}

a:focus,
a:hover,
a:active {
    background-color: transparent !important;
    text-decoration: none;
    cursor: pointer;
}

nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active a,
nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active,
nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:hover,
nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:focus,
nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a.is-active {
    background-color: rgba(255, 255, 255, .1) !important;   
    color: var(--text-color);
}

.event-image-box a {
    color: #000;
}

.event-image-box {
    background-color: #f7f7f7;
    height: 210px;
    margin-bottom: 15px;
}

li.pager__item.is-active.active a[hreflang=en]:first-child {
    background-color: transparent !important;
}

.event-image-box .event-image img {
    box-shadow: 0 0 0 1px #ccc;
    height: 115px;
    object-fit: cover;
}

ul.dropdown-menu li.active a.is-active { 
    color: var(--bg-color2) !important;
}

.dropdown-menu {
    border-radius: 0;
}

ul.dropdown-menu li a {
    background: #fff !important;
    color: #000 !important;
    margin-left: 10px;

}

.header-top {  
    background: var(--bg-color);
}

table thead tr {   
    background: var(--bg-color);
    color: #fff;
}

section#block-contactaddress {
    background-color: #fff;
}

div#quicktabs-quicktab_staff ul.quicktabs-tabs,
div#quicktabs-hrd ul.quicktabs-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap;
}

div#quicktabs-quicktab_staff ul.quicktabs-tabs li,
div#quicktabs-hrd ul.quicktabs-tabs li { 
    background: var(--bg-color);
}

div#quicktabs-quicktab_staff ul.quicktabs-tabs li a,
div#quicktabs-hrd ul.quicktabs-tabs li a {
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
}

.staff-details-div {
    padding: 5px;
    box-shadow: 0 0 1px 1px #aaa;
    text-align: center;
    margin-bottom: 20px;
}

.director-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.staff-picture img {
    height: 250px;
    width: 100%;
}

div#quicktabs-staff_scientist .quicktabs-tabs li a {
    font-size: 12px;
    padding: 4px !important;
}


div#quicktabs-staff_scientist ul.quicktabs-tabs {
    padding: 0;
    justify-content: space-between;
}

.staff-details-div:hover {
    box-shadow: 0 0 5px 2px #a7a7a7;
}

div#quicktabs-quicktab_staff .quicktabs-tabpage {
    margin-top: 20px;
}

div#quicktabs-hrd ul.quicktabs-tabs li::before {
    content: "" !important;
}

div#quicktabs-hrd .views-field-title a {
    padding: 10px;
    display: block;  
    margin-bottom: 10px;
}

div#quicktabs-hrd .views-field-title a:hover {
    box-shadow: 0 0 1px 1px #9a9a9a;
}

div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active a,
div#quicktabs-hrd ul.quicktabs-tabs li.active a {  
    color: #000;
}

div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active,
div#quicktabs-hrd ul.quicktabs-tabs li.active { 
    border: 1px solid var(--bg-color2);
    background-color: #fff;
}

section#block-quicktabshrd div#quicktabs-container-hrd {
    padding: 10px;
    box-shadow: 0 0 1px 2px #ccc;
}


ul.menu.menu--finding-information-.nav ul.dropdown-menu li a.is-active {   
    color: var(--bg-color2) !important;
}

section#block-webform {
    width: 95%;
    margin: auto;
    padding: 15px;
}

table tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.1)
}

.navbar-default {  
    background: var(--bg-color);
}

.navbar-header .nav>li>a {
    font-size: 15px;  
    color: var(--text-color);
}

.footer-class {
    background-color: #29363f;
}

.logo-section .region.region-header a.logo img {
    width: 100%;
}

.footer {
    border: none;
}

.region-contentbottom {
    background: #0000004a;
    padding: 20px 0 15px 0;
    text-align: center;
}

nav#block-footermenu ul.menu.menu--footer-menu.nav li a {   
    color: #fff;
    padding: 10px 5px;
    font-size: 12px;
}

nav#block-footermenu ul.menu.menu--footer-menu.nav li {
    display: inline-block;
}

nav#block-footermenu ul.menu.menu--footer-menu.nav {
    text-align: center;
}

.header-center-block ul.top-list li {
    list-style: none;
}

.header-center-block ul.top-list li a {
    color: #000;
}

.header-center-block ul.top-list li::after {
    content: "|";
    margin: 0 5px;
}

.header-center-block ul.top-list li:last-child::after {
    content: "";
}

.header-center-block ul.top-list {
    margin: 0;
    padding: 0;
}

form#search-block-form .form-group {
    margin: 0;
}

form#search-block-form input#edit-keys {
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

form#search-block-form button {
    background: transparent;
    border: none;
    border-bottom: 1px solid #000;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: -1px;
    color: #000;
}

header#navbar {
    margin: 0;
    border: none;
    border-radius: 0;
}

.view-success-stories span.field-content a::before {
    content: "\f091";
    margin-right: 5px;
    font-family: FontAwesome;  
    color: var(--bg-color2);
}

.view-id-latest_news span.field-content a::before,
.view-achievements span.field-content a::before,
span.field-content span a:last-child::before,
.views-element-container .item-list ul li a::before {
    content: "\f0a4";
    margin-right: 5px;
    font-family: FontAwesome;   
    color: #000;
}

p.event-date span:nth-child(2) {
    font-size: 12px;
}

p.event-date span {
    display: block;
}

.event-image {
    margin-bottom: 15px;
}

p.event-date {
    position: absolute;
    bottom: 110px;
    background-color: #579ba2;
    color: #fff;
    padding: 5px;
    margin: 0;
}

.event-image-box p.event-title {
    padding: 0 10px;
    margin: 0;
}

.view-id-latest_news .views-row,
.view-success-stories .views-row,
.view-achievements .views-row,
.view-id-services .views-row {
    margin: 15px 0;
}

.views-element-container .item-list ul li {
    list-style: none;
    margin: 15px 0;
}

.views-element-container .item-list ul {
    padding: 0;
}

.contrast-sec ul li span {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: blue;
}

li.select-color span {
    box-shadow: 0 0 0 1px white;
    margin: 0 3px;
}

li.select-color span {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: blue;
}

.region.region-sidebar-first img {
    width: 100%;
}

section#block-saifnationalportal,
section#block-enewsarchives {
    margin: 20px 0;

}

section#block-views-block-gallery-block-1 {
    clear: both;
    padding: 20px 15px;
    margin-bottom: -10px;
}

nav#block-innermenu,
nav#block-findinginformation {   
     background: var(--bg-color);
    color: #fff;
}

ul.menu.menu--departments.nav>li>a,
nav#block-innermenu a.dropdown-toggle {  
    color: var(--text-color);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.region.region-sidebar-first section#block-views-block-gallery-block-1 .carousel-inner .carousel-caption h3 {
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}

h1.page-header {
    font-size: 25px;
}

nav#block-findinginformation h2#block-findinginformation-menu {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 0;
    margin-top: 0;
}

.breadcrumb li a {    
    color: #000;
    font-weight: bold;
}

section#block-views-block-gallery-block-1 div#views-bootstrap-gallery-block-1 .carousel-caption {
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    bottom: 0;
    left: 0%;
}

section#block-views-block-gallery-block-1 div#views-bootstrap-gallery-block-1 .carousel-caption h3 {
    font-size: 10px;
    margin: 0;
    text-align: center;
}

section#block-views-block-gallery-block-1 div#views-bootstrap-gallery-block-1 .carousel-caption h3 a {
    color: #fff;
}

nav#block-findinginformation ul.menu.menu--finding-information-.nav li a {   
    color: var(--text-color);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 10px;
}

nav#block-findinginformation ul.menu.menu--finding-information-.nav li:last-child a {
    border: none;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li { 
    background: var(--bg-color);
    text-align: center;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li a {
    color: #fff;
    font-weight: 300;
}

nav#block-ourpublications h2#block-ourpublications-menu {
    font-size: 15px;
    text-transform: uppercase;  
    border-bottom: 2px solid var(--bg-color2);
    width: max-content;
    margin: 25px auto;
    padding-bottom: 10px;
    font-weight: 600;
    text-align: center;
}

nav#block-ourpublications {
    margin: 25px auto;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li:hover {
    background: #6f6f6f;
}

section#block-views-block-events-block-1 h2.block-title {
    font-size: 17px;
    text-transform: uppercase;
    float: left;   
    color: #000;
    font-weight: 600;
    border: none;
}

section#block-views-block-events-block-1 h2.block-title::before {
    content: "\f073";
    font-family: FontAwesome;
    margin-right: 5px;
}

section#block-views-block-events-block-1 h2.block-title {
    font-size: 17px;
    text-transform: uppercase;  
    color: #000;
    font-weight: 600;
    margin: 20px 0;
}

section#block-directorsmessage h2.block-title::before,
section#block-welcome h2.block-title::before {
    content: '\f2b5';
    font-family: FontAwesome;
    margin-right: 5px;   
    color: #000;
}

section#block-views-block-events-block-1 .view-all {
    position: absolute;
    right: 20px;
    top: 20px;
}

section#block-views-block-events-block-1 .view-content table thead tr {   
    background: #8a8a87;
}

section#block-views-block-events-block-1 .view-content table thead tr th {
    color: #fff;
    font-weight: 500;
}

section#block-views-block-events-block-1 .form-group .view-content {
    margin: 0 -15px;
}

section#block-views-block-events-block-1 .view-content table tbody tr td a {
    color: #000;
}

section#block-views-block-events-block-1 .view-content table tbody tr:nth-child(even) {
    background: #8080809e;
}

section#block-views-block-events-block-1 .view-all a {
    padding: 6px 15px;  
    background: var(--bg-color) !important;
    color: var(--text-color);
}

h2.block-title {
    font-size: 15px;
    text-transform: uppercase;   
    border-bottom: 2px solid var(--bg-color2);
    padding-bottom: 5px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

section#block-directorsmessage .dir-img p img,
section#block-welcome .dir-img p img {
    padding-right: 15px;
}

p.tender-inst-txt {
    margin-bottom: 10px;
}

.pager__item--next a::after {
    content: "\f061";
    font-family: FontAwesome;
    margin-left: 5px;   
    color: var(--bg-color2);   
}

a[href="/swach-bharat"] img {
    margin-bottom: 15px;
}

.view-id-e_learning_for_farmers.view-display-id-page_1 .item-list li:last-child div:nth-child(2) div {
    display: flex;
    padding: 3px;
}

.pager__item--previous a,
.pager__item--next a {
    color: #000 !important;
}

.pager__item--previous a::before {
    content: "\f060";
    font-family: FontAwesome;
    margin-right: 5px;   
    color: var(--bg-color2);
}

section#block-views-block-events-block-2 .form-group .view-header a {
    position: absolute;
    top: 20px;
    right: 0px;
    padding: 5px;   
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

section#block-views-block-events-block-2 {
    position: relative;
}

section#block-directorsmessage .dir-text p,
section#block-welcome .dir-text p {
    text-align: justify;
}

section#block-views-block-events-block-2 h2.block-title::before,
section#block-views-block-news-and-articles-block-1 h2.block-title::before,
section#block-views-block-news-and-articles-block-2 h2.block-title::before,
section#block-views-block-news-and-articles-block-1-2 h2.block-title::before,
section#block-views-block-media-coverage-block-1 h2.block-title::before {
    content: "\f1ea";    
    font-weight: normal;
    font-family: FontAwesome;   
    color: #000;
    margin-right: 5px;
    font-size: 20px;
}

section#block-views-block-gallery-block-1 h2.block-title::before {
    content: "\f03e";
    font-family: FontAwesome;    
    color: #000;
    margin-right: 5px;
    font-size: 20px;
}

section#block-views-block-success-stories-block-1 h2.block-title::before {
    content: "\f164";
    font-family: FontAwesome;
    margin-right: 5px;   
    color: #000;
    font-size: 20px;
}

.path-frontpage .region.region-content {
    margin: 0;
    overflow: hidden;
}

section#block-views-block-hrd-types-block-5 h2.block-title::before {
    content: "\f007";
    font-family: FontAwesome;
    margin-right: 5px;   
    color: #000;
}

section#block-views-block-pest-alert-block-1 h2.block-title::before,
section#block-views-block-locust-form-block-1 h2.block-title::before {
    content: "\f188";
    font-family: FontAwesome;
    margin-right: 5px;   
    color: #000;
}

section#block-views-block-pest-alert-block-1 h2.block-title {
    color: #000;
}

.view-our-proud.view-id-our_proud.view-display-id-block_1 .view-content .views-row a::before,
.view-our-proud.view-id-our_proud.view-display-id-block_2 .view-content .views-row a::before,
.view-our-proud.view-id-our_proud.view-display-id-block_3 .view-content .views-row a::before {
    content: "";   
    color: var(--bg-color2);
}

.view-our-proud.view-id-our_proud.view-display-id-block_1 .view-content .views-row a::before,
.view-our-proud.view-id-our_proud.view-display-id-block_2 .view-content .views-row a::before,
.view-our-proud.view-id-our_proud.view-display-id-block_3 .view-content .views-row a::before,
.view.view-tenders.view-id-tenders.view-display-id-page_1 .view-content .views-row a::before {
    content: "\f0a4";
    margin-right: 5px;
    font-family: FontAwesome;   
    color: #000;
}

.view-our-proud.view-id-our_proud.view-display-id-block_1 .view-content .views-row,
.view-our-proud.view-id-our_proud.view-display-id-block_2 .view-content .views-row,
.view-our-proud.view-id-our_proud.view-display-id-block_3 .view-content .views-row,
.view.view-tenders.view-id-tenders.view-display-id-page_1 .view-content .views-row {
    margin-bottom: 20px;
}

.pagination > .active > a, 
.pagination > li:hover > a {   
    background: var(--bg-color) !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    color: var(--text-color) !important;
}

.pagination>li>a {
    margin-right: 5px;
    border: none !important;
}

.path-frontpage .header-bottom-img {
    height: auto;
}

nav.pager-nav.text-center {
    text-align: right;
}

body.path-node .region.region-content ul li::before {   
    font-family: FontAwesome;
    margin-right: 5px;    
    color: #000;
}

.color1-txt {  
    color: var(--bg-color2);
}

body.path-node ul li {
    list-style: none;
}

body.path-node .region.region-content ul {
    padding-left: 0;
}

li.pager__item a {   
    color: #000;
}

section#block-contactaddress .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    margin-top: 20px;
    padding: 10px;
}

button,
input,
textarea {
    border-radius: 0 !important;
}

button#edit-actions-submit {   
    background: var(--bg-color);
    border: none;
    color: var(--text-color);
}

nav#block-language ul.menu.menu--language.nav {
    display: flex;
    align-items: center;
}

nav#block-language ul.menu.menu--language.nav li a {
    color: #000;
}

.foot-copyrite p {
    color: #fff;
}

ul.dropdown-menu li a::before {
    content: "" !important;
}

ul.list-inline li a img {
    width: 100%;
}

a.home-dir-read-more {   
    text-transform: capitalize;   
    color: #000;
    text-decoration: underline;
}

section#block-views-block-flash-news-block-1 h2.block-title::before {
    content: "\f0a1";
    font-family: FontAwesome;
    font-size: 30px;
    margin-right: 10px;
}

div#views-bootstrap-success-stories-block-1 .media .media-body h4.media-heading a,
div#views-bootstrap-success-stories-block-1 .media .media-body h3.media-heading a {  
    font-size: 14px;
    color: #fff;
    text-align: justify;
}

div#views-bootstrap-success-stories-block-1 .media .media-body h4.media-heading,
div#views-bootstrap-success-stories-block-1 .media .media-body h3.media-heading {
    padding: 5px;
    line-height: 15px;
    text-align: center;
}

div#views-bootstrap-success-stories-block-1 .media .media-body {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: justify;
}

div#views-bootstrap-success-stories-block-1 .media {
    position: relative;
}

section#block-views-block-success-stories-block-1 .view-header a {
    position: absolute;   
    right: 0;
    top: 20px;   
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

.button:focus {
    outline: none;
}

.button:active,
.button:hover,
.button {  
    color: var(--text-color);
    font-weight: 600;   
     background: var(--bg-color);  
    border-color: var(--bg-color2);
}

.ui-accordion .ui-accordion-content .views-field.views-field-view-node,
.ui-accordion .ui-accordion-content .views-row .views-field.views-field-field-email {
    display: none;
}

.ui-accordion .ui-accordion-content .views-row:hover .views-field.views-field-view-node {
    display: flex;
    position: absolute;
    top: 0;
    text-align: center;   
    background: var(--bg-color);
    width: 100%;
    height: 100%;
    color: #fff;
    vertical-align: middle;
    font-size: 15px;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 13px #000000;
}

.ui-accordion .ui-accordion-content .views-row:hover .views-field.views-field-field-email {
    display: block;
}

nav#block-findinginformation ul.dropdown-menu a {
    padding: 10px !important;
}


.region-sidebar-first ul.dropdown-menu {
    padding: 0;
    /*position: initial;*/
    float: none;   
    border: none;
    box-shadow: none;
    border: 1px solid var(--color2);
}

section#block-goback {
    margin-bottom: 15px;
}

.page-node-type-success-stories span.file.file--mime-application-pdf.file--application-pdf.icon-before span {   
    background: var(--bg-color);
    color: #fff;
}

.page-node-type-success-stories span.file.file--mime-application-pdf.file--application-pdf.icon-before {
    margin: 0;
}

.page-node-type-success-stories .field.field--name-field-sucess-image {
    border: 1px solid var(--color1);
    box-shadow: 0 2px 1px 1px #ccc;
    padding: 10px;
    margin-top: 10px;
}

.page-node-type-success-stories .field.field--name-field-document.field--type-file.field--label-above {
    display: flex;
    justify-content: space-between;
    align-items: center;   
    border: 2px solid var(--bg-color2);
    padding-left: 10px;
}

.region-sidebar-first a.dropdown-toggle::after {
    content: "+";
    position: absolute;
    right: 10px;
    font-size: 20px;
    font-weight: bold;
}

.region-sidebar-first .caret {
    display: none;
}

.ui-accordion .ui-accordion-content .views-row:hover .views-field.views-field-field-email .field-content {
    left: 8%;
    position: absolute;
    top: 36%;
    z-index: 999;
    text-align: center;
    color: #fff;
}

.ui-accordion .ui-accordion-content .views-row .views-field.views-field-field-designation .field-content {
    padding-bottom: 10px;
}

.ui-accordion .ui-accordion-content .views-field.views-field-view-node a::after {
    content: "\f138";
    font-family: FontAwesome;
    margin-left: 5px;
    color: #fff;
}

.ui-accordion .ui-accordion-content .views-field.views-field-view-node a {
    color: #fff;
}

.ui-accordion .ui-accordion-content .views-field.views-field-view-node a:hover,
.ui-accordion .ui-accordion-content .views-field.views-field-view-node a {
    padding: 5px 10px;
    background: #fff !important;
}

.select-wrapper select,
select#edit-field-photo-gallery-target-id {
    border: none;
    border-bottom: 1px solid;
    width: 100% !important;
    border-radius: 0;   
}

.views-field-view-node a::after {
    content: "\f138";
    font-family: FontAwesome;
    margin-left: 5px;   
    color: var(--bg-color2) !important;
}

.views-field.views-field-field-photo-gallery-image .field-content img:hover {
    box-shadow: 0 0 5px 3px #ccc;
}

.views-field.views-field-field-photo-gallery-image .field-content img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border: 1px solid #d4d4d4;
    margin: 0;
    margin-bottom: 15px;
    box-shadow: 0 0 5px 1px #ccc;
}

article[data-history-node-id="112"] .field--items span.file span {
    color: #000;
}

td.views-field.views-field-field-image img {
    width: 100%;
    height: 170px;
    box-shadow: 0 0 1px 1px #777;
}

article[data-history-node-id="112"] .field--items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

article[data-history-node-id="112"] .field--items .glyphicon-file::before {
    content: "\f019";
    font-family: FontAwesome;
}

form#views-exposed-form-photo-gallery-page-1 {
    padding: 10px;
    background: #efefef;
}

.hrd-title-url {
    padding: 5px;
    text-align: justify;
}

#views-exposed-form-photo-gallery-page-1 select {
    background-color: transparent;
    box-shadow: none;
}

#views-exposed-form-photo-gallery-page-1 .select-wrapper::after {
    color: black;
}

.path-staff .view.view-staff.view-id-staff.view-display-id-page_1 .views-row:first-child {
    text-align: center;
}

.path-staff .view.view-staff.view-id-staff.view-display-id-page_1 .views-row a {
    color: #000;
}

.breadcrumb {
    margin-bottom: 0;
    margin: 5px 0;
    padding: 10px 0;
    background-color: #ECECEC;
}

.breadcrumb li:first-child a::before {
    content: "\f015";
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 20px;
}

section#block-goback p {
    text-align: right;
}

a#goback:hover,
a#goback {
    padding: 10px 20px;   
    background: var(--bg-color);
    color: #fff;
}

body.path-frontpage nav#block-findinginformation {
    margin-top: 20px;
}

.path-staff .view.view-staff.view-id-staff.view-display-id-page_1 .view-content .views-row:first-child .views-row,
.ui-accordion .ui-accordion-content .views-row {
    display: inline-block;
    width: 30%;
    margin: 10px;
    height: auto;
    text-align: center;   
    box-shadow: 0 0 4px 1px #6f6f6f;
    position: relative;
    background: #e6ebf3;
}

.ui-accordion .ui-accordion-content .views-row .views-field.views-field-field-staff-image img,
.path-staff .view.view-staff.view-id-staff.view-display-id-page_1 .view-content .views-row:first-child .views-row .views-field.views-field-field-staff-image .field-content img {
    width: 100%;
    height: 225px;
    padding: 5px;
}

.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 var(--bg-color2);
    background: var(--bg-color);
    font-weight: normal;
    color: #ffffff;
    border-radius: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-radius: 0 !important
}

.ui-accordion .ui-accordion-header:focus {
    outline: none !important;
}

.ui-accordion .ui-accordion-header {
    text-align: left;
}

.page-node-type-events .file>span,
.page-node-type-events .file>span:first-child {
    border: none;
}

.page-node-type-events .events.full.clearfix {
    position: relative;
    box-shadow: 0 0 2px 1px #ccc9b6;
}

.page-node-type-events .field--name-field-event-attachment {
    position: absolute;
    right: 0;
    bottom: 0px;
}

.page-node-type-events .field--type-datetime {
    background-color: #ffffff;
    padding: 5px;   
    color: var(--bg-color2);
}

.ui-widget-content {   
    border: 1px solid var(--bg-color2);
}

.download-bth a:hover,
.download-bth a {  
    background: var(--bg-color);
    padding: 5px 10px;
    color: #fff;
}

.dialog-off-canvas-main-canvas {
    background-color: #ECECEC;
}

.logo-section {
    background-color: white;
}

.page-about-main-section {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    overflow-x: hidden;
}

.page-about-main-section li {
    padding-bottom: 1em;
}

.page-about-main-section .col-sm-6 {
    border-width: 16px 3px;
    border-style: solid;
    border-color: #ececec;
    padding-top: 1em;
}

form#webform-submission-contact-node-128-add-form button#edit-actions-submit {
    float: right;
    margin: 0 0 15px;
}

body.path-staff .img-responsive {
    object-fit: cover;
    object-position: top;
}

body.path-staff .ui-accordion-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

body.path-frontpage #block-views-block-events-block-2 a {
    color: black;
    font-size: 12px;
}

body.path-frontpage #block-views-block-events-block-2 .events-homepage {
    display: flex;
}

body.path-frontpage #block-views-block-events-block-2 .col-md-9 {
    box-shadow: -9px 11px 0 -10px #ccc;
}

body.path-frontpage #block-views-block-events-block-2 .events-datetime {
    margin-bottom: 0;
    padding: 3px;    
    color: #000;
    font-size: 12px;
}

body.path-frontpage #block-views-block-events-block-2 .fa-clock {
    margin-right: 5px;
}

body.path-frontpage #block-views-block-events-block-2 img {
    width: 100%;
    height: 85px;
    object-fit: cover;
    box-shadow: 0 0 1px #ccc;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 28px;
    margin-bottom: 5px;
    background-size: contain;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li:nth-child(1) a::before {
    background: url(/sites/default/files/icons/news-letter.png) center no-repeat;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li:nth-child(2) a::before {
    background: url(/sites/default/files/icons/annual_report.png) center no-repeat;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li:nth-child(3) a::before {
    background: url(/sites/default/files/icons/aicrp.png) center no-repeat;
}

nav#block-ourpublications ul.menu.menu--our-publications.nav li:nth-child(4) a::before {
    background: url(/sites/default/files/icons/vision.png) center no-repeat;
}

body.path-frontpage .view-id-events.view-display-id-block_1 td:first-child {
    white-space: nowrap;
}

#block-quicktabshomecontenttypes {
    margin-bottom: 25px;
}

#block-quicktabshomecontenttypes .quicktabs-tabs {
    display: flex;
    justify-content: space-between;
    padding: 25px 0 10px;
    margin: 0 0 -7.5px;
}

#block-quicktabshomecontenttypes .quicktabs-tabs a {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 85px;
    color: black;
}

#block-quicktabshomecontenttypes .quicktabs-tabs a::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 5px;
    border-radius: 50%;   
    background: var(--bg-color) center no-repeat;
    background-size: 100%;
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(1) a::before {
    background-image: url(/sites/default/files/icons/tenders.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(2) a::before {
    background-image: url(/sites/default/files/icons/e-learning.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(3) a::before {
    background-image: url(/sites/default/files/icons/achivements.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(4) a::before {
    background-image: url(/sites/default/files/icons/E-print.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(5) a::before {
    background-image: url(/sites/default/files/icons/database.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(6) a::before {
    background-image: url(/sites/default/files/icons/projects.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs li:nth-child(7) a::before {
    background-image: url(/sites/default/files/icons/Services.png);
}

#block-quicktabshomecontenttypes .quicktabs-tabs .active a {   
    color: var(--bg-color2);
}

#block-quicktabshomecontenttypes .quicktabs-tabs .active a::before { 
    background: var(--bg-color);
}

#block-quicktabshomecontenttypes .quicktabs-tabs .active a::after {
    content: "";
    transform: translateY(13px);
    display: block;    
    border-top: 7.5px solid var(--bg-color2);
    border-right: 7.5px solid transparent;
    border-left: 7.5px solid transparent;
}

#block-quicktabshomecontenttypes .quicktabs-main {    
    border-top: 2px solid var(--bg-color2);
    padding: 10px;
    overflow: auto;
    background-color: white;
}

#block-quicktabshomecontenttypes .quicktabs-main .col-md-4 {
    height: 150px;
    border: 10px solid transparent;
    padding: 10px 15px;
    background: padding-box #ebebeb;  
    color: var(--bg-color2);
    text-align: center;
}

#block-quicktabshomecontenttypes .quicktabs-main .col-md-4 a {  
    color: var(--bg-color2);
}

#block-quicktabshomecontenttypes .quicktabs-main .col-md-4 p {
    margin-bottom: 5px;
    color: gray;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

#block-quicktabshomecontenttypes .quicktabs-main .more-link a:last-child:hover,
#block-quicktabshomecontenttypes .quicktabs-main .more-link a:last-child {
    display: inline-block;
    margin: 5px calc(50% - 42px);
    padding: 5px 10px;   
    background: var(--bg-color);
    color: white;
    text-transform: uppercase;
}

.footer {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 15px;
}

section#block-views-block-gallery-block-1 h2.block-title {
    margin-top: 0;
}

.sociallinks {
    background: #dbdbdb;
    margin-top: 25px;
}

.region.region-contentsocial {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
    flex-wrap: wrap;
}

section#block-views-block-national-links-block-1 {
    width: 100%;
}

p#scrolltotop {
    font-size: 12px;
}

p#scrolltotop::before {
    content: "\f077";
    font-family: FontAwesome;
    padding: 3px;
    margin-right: 5px;
   /* background: #d7d6d2; */
}

#block-socialmedialinks .fa-print {
    color: #fff;
    background: #788b8d;
    padding: 3px;
}

#block-socialmedialinks .fa-twitter-square {
    
}

#block-socialmedialinks .fa-facebook {
    
}

#block-socialmedialinks .fa-envelope {
    padding: 2px;      
}

.carousel-control {
    opacity: 1;
}

.view-flash-news .carousel-control {
    background: none;
}

.path-staff .view.view-staff.view-id-staff.view-display-id-page_1 .view-content .views-row:first-child .views-field-view-node {
    padding: 5px;
}

.path-staff .view.view-staff.view-id-staff.view-display-id-page_1 .view-content .views-row:first-child .views-field-view-node a {  
    color: var(--bg-color2);
}

.page-node-type-staff .field--name-field-staff-image {
    float: left;
    margin: 0 20px 20px 0;
}

.page-node-type-staff .field--name-field-staff-image .field--label {
    display: none;
}

.page-node-type-staff .author {
    margin-bottom: 20px;
}

.page-node-type-staff .field--label-above {
    margin-bottom: 14px;
}

.page-node-type-staff .field--label {   
    color: var(--bg-color2);
    margin-bottom: 10px;
}

.page-node-type-staff .field--label::before {
    content: "\f101";
    font-family: FontAwesome;
    margin-right: 5px;
}

.page-node-type-staff .content {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 10px;
}

.page-node-type-staff .field--name-field-staff-image img {
    max-height: 304px;
    max-width: 256px;
    object-fit: cover;
}

.path-frontpage #block-views-block-events-block-2 .views-row {
    margin-bottom: 10px;
}

.view.view-national-links.view-id-national_links a::before {
    content: "";
}

.events .field.field--name-field-image.field--type-image.field--label-above .field--label {
    display: none;
}

.events .field.field--name-field-event-.field--type-datetime.field--label-above,
.events .field.field--name-field-event-attachment.field--type-file.field--label-above {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px;
}

article.events.full.clearfix .field--name-field-event-attachment .field--label,
article.events.full.clearfix .field.field--name-field-event-.field--type-datetime .field--label {
    display: none;
}

.field.field--name-field-event-attachment .file.file--mime-application-pdf {
    margin: 0;
}

.field.field--name-field-select-event-year.field--type-entity-reference {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px;
    color: #fff;   
    background: var(--bg-color);
}

.field.field--name-field-select-event-year.field--type-entity-reference .field--item a {
    color: #fff;
    font-weight: 900;
    pointer-events: none;
}

article.staff h2 a {  
    color: var(--bg-color2);
    font-size: 18px;
}

.path-taxonomy article.staff {
    box-shadow: inset 0 0 5px 1px #666;
    margin: 10px 0;
    padding: 0 10px;
}

article.staff h2 {
    margin: 0;
}

.path-frontpage #block-views-block-events-block-2,
.path-frontpage #block-quicktabshomecontenttypes {
    padding: 0;
}

.path-events form#views-exposed-form-events-page-1 .clearfix {
    display: flex;
}

.path-events form#views-exposed-form-events-page-1 .select-wrapper {
    flex: 1;
    margin-left: 15px;
}

.path-events form#views-exposed-form-events-page-1 .clearfix .form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-select-event-year-target-id.js-form-item-field-select-event-year-target-id.form-group {
    display: flex;
    flex: 1;
    align-items: center;
    margin-right: 15px;
}

.home-recent-news.views-row a::before {
    content: "" !important;
}

div#views-bootstrap-gallery-block-1 .field-content.gallery-title {
    padding: 10px;
    background-color: #fff;
}

.home-gallery-sec img {
    width: 99%;
    padding-top: 0;
    margin: auto;
}


article.gallery.full.clearfix img {
    width: 100%;
    box-shadow: 0 5px 5px 1px #ccc;
    border: none;
    padding: 0 5px 0px;
}

article.gallery.full.clearfix .field--name-body {   
    background: var(--bg-color);
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
}

article.gallery.full.clearfix .field--label {
    display: none;
}

.home-recent-news-block {
    background-color: #fff;  
    margin: 10px;
    height: 180px;
    box-shadow: 0 0 1px 1px #ccc;
}

.home-recent-news-block:hover {
    box-shadow: 0 0 1px 2px #ccc;
}

.view.view-news-and-articles.view-id-news_and_articles.view-display-id-block_1 li a,
.view.view-media-coverage.view-id-media_coverage.view-display-id-block_1 li a  {
    color: #000;
    display: block;
    font-size: 14px;
}

.events-detailsz {
    padding: 10px;
}

.view.view-news-and-articles.view-id-news_and_articles.view-display-id-block_1 li a,
.view.view-media-coverage.view-id-media_coverage.view-display-id-block_1 li a {
    color: #000;
    display: block;
    font-size: 14px;
}

.view-news-and-articles.view-id-news_and_articles.view-display-id-block_1 li:nth-child(even),
.view-media-coverage.view-id-media_coverage.view-display-id-block_1 li:nth-child(even) {
    background-color: #fff;
}

.view-news-and-articles.view-id-news_and_articles.view-display-id-block_1 li:nth-child(odd),
.view-media-coverage.view-id-media_coverage.view-display-id-block_1 li:nth-child(odd) {
    background-color: #ccc;
}

.view.view-media-coverage.view-id-media_coverage.view-display-id-block_1 {
    padding: 5px;
    box-shadow: 0 0 1px 1px #ccc;
}

section#block-externallinksblock .external-links ul.list-inline li:hover,
.event-image-box:hover,
.home-recent-news-block:hover,
.field_hrd_picture:hover {
    box-shadow: 0 0 9px 1px #b5b5b5;
}

@media only screen and (max-width: 600px) {

    section#block-views-block-flash-news-block-1 h2.block-title {
        margin-top: 0;
        border-bottom: 2px solid #fff;
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li {
        display: flex;
        align-items: center;
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:last-child::after {
        content: "";
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li::after {
        content: "|";
    }

    section#block-views-block-flash-news-block-1 {       
        background: var(--bg-color);
        color: #fff;
        padding: 10px;
    }    

    a.home-dir-read-more {
        top: 19px;
        right: 15px;
    }
  
    .header-center-block ul.top-list {
        text-align: center;
    }

    .header-center-block ul.top-list li {
        display: inline-block;
        text-align: justify;
    }

    nav#block-language ul.menu.menu--language.nav {
        justify-content: center;
    }

    nav#block-ourpublications ul.menu.menu--our-publications.nav {
        display: flex;
        flex-wrap: wrap;
    }

    nav#block-ourpublications ul.menu.menu--our-publications.nav li {
        margin: 5px;
        width: calc(50% - 10px);
    }

    ul.list-inline li a img {
        width: 100%;
        margin-bottom: 10px;
    }

    ul.list-inline li:last-child a img {
        margin-bottom: 0;
    }

    ul.list-inline li {
        width: 100%;
        padding: 0 15px;
    }

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav {
        margin: 0;
    }

    section#block-isocertification .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p {
        text-align: center;
    }

    .foot-copyrite p:last-child {
        margin-bottom: 10px;
    }

    .foot-copyrite p {
        text-align: center;
    }

    nav#block-footermenu ul.menu.menu--footer-menu.nav {
        border-bottom: 1px solid #fff;
        margin-bottom: 5px;
    }

    nav#block-footermenu ul.menu.menu--footer-menu.nav li a {
        padding: 5px;
    }

    form#views-exposed-form-photo-gallery-page-1 button#edit-submit-photo-gallery {
        width: 100%;
    }

    .page-about-main-section .col-sm-6,
    .page-about-main-section .col-sm-12 {
        margin: 0 !important;
        border-width: 16px 0 0;
        border-style: solid;
        border-color: #ececec;
        padding: 15px 15px 0 !important;
    }

    body.path-frontpage #block-views-block-events-block-2 img {
        height: auto;
    }   

    .view-flash-news .carousel-inner {
        margin: 0 12.5%;
        width: 75%;
    }

    body.path-frontpage .view-success-stories img {
        width: 100%;
    }

    #block-quicktabshomecontenttypes .quicktabs-tabs {
        overflow-x: auto;
        overflow-y: hidden;
    }

    li.select-color {
        justify-content: center;
    }

    #block-directorsmessage img,
    #block-welcome img {
        width: 100%;
        padding: 0 0 15px !important;
    }

    .page-node-type-staff .field--name-field-staff-image {
        float: none;
        margin: 0 0 20px;
    }

    .page-node-type-staff .field--name-field-staff-image img {
        width: 100%;
        height: auto;
    }

    .path-frontpage #block-views-block-success-stories-block-1 {
        padding: 0;
    }

    body.path-frontpage #block-views-block-events-block-2 .events-homepage {
        display: block;
    }

    .event-image-box .event-image img {
        width: 100%;
    }
}

@media only screen and (min-width: 600px) {}

@media only screen and (min-width: 768px) {

    section#block-views-block-success-stories-block-1 {
        padding-right: 0;
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover {
        background-color: rgba(204, 97, 67, 0.8);
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav {
        display: flex;
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li a {
        color: #fff;
        font-size: 16px;
    }

    section#block-views-block-gallery-block-1 .home-gallery-sec.views-row {
        margin: 10px;
        padding: 10px;
        box-shadow: 0 0 5px 1px #ccc;
    }

    section#block-views-block-gallery-block-1 .home-gallery-sec.views-row img {
        height: 150px;
        object-fit: cover;
    }

    .home-gallery-sec.views-row .field-content.gallery-title {
        margin: 10px;
    }

    section#block-views-block-news-and-articles-block-1,
    section#block-views-block-pest-alert-block-1,
    section#block-views-block-locust-form-block-1,
    section#block-views-block-hrd-types-block-5,
    section#block-views-block-news-and-articles-block-2,
    section#block-views-block-news-and-articles-block-1-2,
    section#block-views-block-media-coverage-block-1 {
        position: relative;
        padding: 0px;
    }

    section#block-views-block-news-and-articles-block-1 .view-header a,
    section#block-views-block-news-and-articles-block-1 .view-header a:hover,
    section#block-views-block-pest-alert-block-1 .more-link.form-group a,
    section#block-views-block-pest-alert-block-1 .more-link.form-group a:hover,
    section#block-views-block-locust-form-block-1 .more-link.form-group a,
    section#block-views-block-locust-form-block-1 .more-link.form-group a:hover,
    section#block-views-block-news-and-articles-block-2 .view-header a,
    section#block-views-block-news-and-articles-block-2 .view-header a:hover,
    section#block-views-block-news-and-articles-block-1-2 .view-header a,
    section#block-views-block-news-and-articles-block-1-2 .view-header a:hover,
    section#block-views-block-media-coverage-block-1 .view-header a,
    section#block-views-block-media-coverage-block-1 .view-header a:hover,
    .view-id-hrd_types.view-display-id-block_5 .view-header a,
    .view-id-hrd_types.view-display-id-block_5 .view-header a:hover,
    .view-id-gallery.view-display-id-block_1 .more-link.form-group a:hover,
    .view-id-gallery.view-display-id-block_1 .more-link.form-group a {        
        color: #000;
        text-transform: uppercase;
    }

    .view-id-news_and_articles.view-display-id-block_1 .view-header,
    .view-id-media_coverage.view-display-id-block_1 .view-header,
    section#block-views-block-pest-alert-block-1 .more-link.form-group,
    section#block-views-block-locust-form-block-1 .more-link.form-group,
    .view-id-news_and_articles.view-display-id-block_2 .view-header,
    .view-id-hrd_types.view-display-id-block_5 .view-header,
    .view-id-gallery.view-display-id-block_1 .more-link.form-group {
        position: absolute;
        top: 20px;
        right: 0px;
    }

    .view-id-news_and_articles.view-display-id-block_1 .view-header {
        right: 0;
    }

    section#block-externallinksblock {
        margin-top: 10px;
    }

    span.field_hrd_picture img {
        height: 200px;
    }

    span.field_hrd_picture span a::before {
        content: "" !important;
    }

    span.field_hrd_picture {}
    
    .field_hrd_picture {      
        box-shadow: 0 0 1px 1px #ccc;
        background-color: #fff;
    }

    .field_hrd_picture img {
        height: 200px;
    }

    .hrd-title-url a {
        padding: 5px 5px 0;
        color: #000;
        display: block;
    }

    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul li {
        margin: 0;
    }

    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul li a::before {
        content: "";
    }

    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    section#block-views-block-gallery-block-1 .home-gallery-sec.views-row img {
        height: 150px;
    }

    .path-frontpage section#block-views-block-gallery-block-1 .view-id-gallery.view-display-id-block_1 .view-content {
        display: flex;
    }

    nav#block-homebannerlinks {
        position: absolute;
        bottom: 45px;
        left: 200px;
    }

    body:not(.path-frontpage) nav#block-homebannerlinks {
        display: none;
    }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li {
        background-color: rgba(0, 0, 0, 0.6);
        --size: 90px;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px;
        box-shadow: 0 0 10px 1px #cccccc5e;
        text-align: center;
    }

    nav#block-footermenu ul.menu.menu--footer-menu.nav li a::after {
        content: "|";
        color: #ffffff;
        margin-left: 5px;
    }

    nav#block-footermenu ul.menu.menu--footer-menu.nav li:last-child a::after {
        content: "";
    }

    nav#block-findinginformation ul.dropdown-menu {
        top: 0;
        left: 250px;
    }

    .caret {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 4px dashed;
        border-top: 4px solid \9;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        float: right;
        margin-top: 10px;
    }

    nav#block-innermenu .caret,
    .menu--finding-information- .caret {
        border-left: 6px dashed;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        margin-top: 5px;
    }

    .region.region-content {
        margin: 20px 0;
        background: #fff;       
        overflow: auto;
        padding: 15px;
    }


    body.path-frontpage .region.region-content {
        background-color: transparent;
        padding: 0;
    }   

    section#block-views-block-flash-news-block-1 {
        display: flex;
        align-items: center;
    }

    section#block-views-block-flash-news-block-1 .form-group {
        width: 85%;
        color: #fff;
    }

    section#block-views-block-flash-news-block-1 .carousel-control {      
        background: var(--bg-color);
        left: auto;
        width: auto;
    }

    section#block-views-block-flash-news-block-1 a.left.carousel-control {
        right: 35px;
    }

    section#block-views-block-flash-news-block-1 h2.block-title {
        width: 15%;
        border: none;      
        margin: 2px;
        margin-right: 10px;     
        color: var(--text-color);
        font-weight: 100;
        font-size: 15px;
        display: flex;
        align-items: center;
        box-shadow: 6px 0 0 -5px rgba(255, 255, 255, .1);
    }

    section#block-views-block-flash-news-block-1 a.carousel-control .glyphicon-chevron-right,
    section#block-views-block-flash-news-block-1 a.carousel-control .glyphicon-chevron-left {
        font-size: 20px;
    }

    section#block-views-block-flash-news-block-1 a.carousel-control {
        top: 0px;
    }

    section#block-views-block-flash-news-block-1 a.carousel-control .glyphicon-chevron-left::before {
        content: "\e079";
        line-height: 10px;
    }

    section#block-views-block-flash-news-block-1 a.carousel-control .glyphicon-chevron-right::before {
        content: "\e080";
        line-height: 10px;
    }

    .region.region-headerbottom {
        background: var(--bg-color);
        box-shadow: inset 0 0 30px 0px rgba(0, 0, 0, .25);
    }

    .header-center-block ul.top-list li {
        list-style: none;
        display: inline-block;
        text-align: center;
    }

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a {
        padding: 15px 7px;
        font-size: 13px;
    }

    section#block-views-block-events-block-1 {
        display: none;
    }

    .header-bottom-img {
        position: relative;
    }

    nav#block-ourpublications ul.menu.menu--our-publications.nav {
        display: flex;
        align-items: stretch;
        justify-content: center;
    }

    section#block-directorsmessage .dir-msg,
    section#block-welcome .dir-msg {
        display: block;
    }

    nav#block-footermenu ul.menu.menu--footer-menu.nav {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #fff;
        margin-bottom: 10px;
    }

    section#block-copyrights .foot-copyrite {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    section#block-copyrights p {
        color: #fff;
        margin-bottom: 0;
        font-size: 12px;
    }

    section#block-externallinksblock .external-links ul.list-inline {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    section#block-externallinksblock .external-links ul.list-inline li img {      
        width: 150px;
        object-fit: fill;
        height: 50px;
    }

    section#block-externallinksblock .external-links ul.list-inline li {
        margin: 5px;
        padding: 0px;
        box-shadow: 0 0 1px 1px #ccc;
    }

    nav#block-language ul.menu.menu--language.nav li a {
        padding: 10px 0;
    }

    nav#block-language ul.menu.menu--language.nav li:first-child a::after {
        content: "|";
        margin: 0 10px;
    }

    .header-top .region.region-headertop {
        display: flex;
        align-items: center;
    }
/*
    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a::before {
        content: "\f015";
        content: "\e3af";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;      
        color: var(--text-color);
        font-size: 25px;
        font-size: 20px;
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
    }*/

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li::after {       
        position: absolute;
        color: #fff;
        bottom: 15px;
        right: 0;
    }

    ul.dropdown-menu li::after {
        content: "" !important;
    }

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:last-child::after {
        content: "";
    }
    /*
    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a.is-active {
        color: transparent;
    }

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a {       
        color: transparent;
    }*/

    nav#block-ourpublications ul.menu.menu--our-publications.nav li {
        width: 150px;
        margin: 0 5px;
    }
}

@media only screen and (min-width: 992px) {

    .header-center-block ul.top-list {
        display: flex;
        align-items: center;
    }   

    section#block-directorsmessage .dir-msg,
    section#block-welcome .dir-msg {
        display: flex;
    }
}

@media only screen and (min-width: 1200px) {
    section#block-views-block-events-block-1 {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        overflow-y: scroll;
        overflow-x: hidden;
        background: rgba(255, 255, 255, 0.875);
    }

    li.expanded.dropdown.open li.expanded:hover ul.dropdown-menu {
        display: block;
        left: 175px;
        /*top: 50%;*/ top: 0;
    }

    ul.dropdown-menu li.expanded:last-child:hover ul.dropdown-menu {
        /*top: 65% !important;*/
    }

    li.expanded.dropdown.open li:first-child.expanded:hover ul.dropdown-menu {
        top: 0;
    }

    ul.menu.menu--main.nav.navbar-nav li:nth-child(3).expanded.dropdown.open li.expanded:hover ul.dropdown-menu {
        display: block;
        left: 180px;
        top: 10%;
    }

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a {        
        font-size: 15px;
        font-weight: bolder;
    }
}



.gallery-slider {
    width: 815px;
    height: 180px;
    overflow: hidden;
}

.gallery-slides {
    display: block;
    width: 6000px;
    height: 180px;
    margin: 0px;
    padding: 0px;
}

.gallery-slide {
    float: left;
    list-style-type: none;
    width: 275px;
    height: 180px;
    padding: 0px;
}


.national-slider {
    width: 1200px;
    height: 180px;
    overflow: hidden;
}

.national-slides {
    display: block;
    width: 6000px;
    height: 180px;
    margin: 0px;
    padding: 0px;
}

.national-slide {
    float: left;
    list-style-type: none;
    width: 300px;
    height: 180px;
    padding: 0px;
}

.news-slider {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-slides {
    display: block;
    height: 100px;
    width: 100%;   
    padding: 0px;
    margin: 0px;
}

.news-slide {
    list-style: none;
    width: 100%;  
    padding: 10px;
}


.recent-slider {
    width: 565px;
    height: 200px;
    overflow: hidden;
}

.recent-slides {
    display: block;  
    height: 200px;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.recent-slide {
    list-style-type: none;
    float: left;
    width: 282px;
    height: 200px;
}

.tender-section- img,.circular-section- img {
    display: none;
}

.circular-section- a{
color:#fff;
}


/*Oxygen*/
/*Theme*/
.select-color span { text-indent: -99999px; }
#farmergreentheme { background: #b7c881; }
#greentheme { background: #155511; }
#icetheme { background: #006c66; }
#bluetheme { background: #264675; }
#palewoodtheme { background: linear-gradient(to bottom, var(--bg-palewood-color1) 0%, var(--bg-palewood-color2) 100%); }

.mm-page, 
.mm-wrapper_background body,
.dialog-off-canvas-main-canvas,
.logo-section { background: none; }

.farmergreen body,
:root body { background: #e7f6e1; }
.palewood body { background: #f9eddf; }
.blue body,
.green body { background: #ffffff; }
.ice body { background: #e6eeee; }

/*Header Top*/
.breadcrumb { border: 1px solid var(--bg-color2); padding: 10px; }
.breadcrumb > .active { color: #000; }

/*Language Switcher*/
#block-languageswitcher { padding-right: 0; }
#block-languageswitcher ul { margin: 0; padding: 0; }
#block-languageswitcher ul li { list-style: none; display: inline-block; }
#block-languageswitcher ul li a { color: var(--text-color); }
#block-languageswitcher ul li.is-active a { text-decoration: underline; cursor: text; }
#block-languageswitcher ul li::after { content: "|"; margin: 0 5px; color: gray; }
#block-languageswitcher ul li:last-child::after { content: ""; }

/*Header Block*/
#contrastchange,
.select-color span,
#incfont,
#normalfont,
#decfont { cursor: pointer; }
#block-headerblock { padding: 0; }
.header-center-block ul.top-list li { color: var(--text-color);  }
.header-center-block ul.top-list li::after { content: ""; }
.header-center-block ul.top-list li:first-child,
.header-center-block ul.top-list li#contrastchange,
.header-center-block ul.top-list li.select-color { border-right: 1px solid gray; padding: 0 5px; }
.header-center-block ul.top-list li.select-color { border: none; padding:0 0 0 5px; }
.header-center-block ul.top-list li#incfont { border-left: 1px solid gray; padding-left: 5px; }
li.select-color span { margin: 5px 2px; }
li.select-color span.active { box-shadow: 0 0 0 1px #000; }
.header-center-block ul.top-list li a { color: var(--text-color); }


/*Search Block*/
form#search-block-form .input-group { border: 3px solid var(--text-color); border-radius: 5px; }
form#search-block-form input#edit-keys { border: 3px solid #fff; background: #fff; }
form#search-block-form button { border: 1px solid var(--bg-color2); background: var(--bg-color); margin-bottom: 0px; }
form#search-block-form button .glyphicon { color: var(--text-color); font-size: 16px; }

/*Payment Gateway*/
ul.menu.menu--account.nav.navbar-nav.navbar-right { margin-right: 0px; }

/*Logo*/
.logo-section .container { padding-top: 10px; padding-bottom: 10px; }

/*Job Opportunities*/
#block-jobopportunities { position: absolute; left: 15px; bottom: -22px; background: var(--bg-color) !important; padding: 5px 10px; 
    color: var(--text-color); max-width: 300px; max-height: 30px; border-radius: 5px 5px 0 0; }
#block-jobopportunities a { color: var(--text-color); }    

/*Clock Box - Screen Reader - Print - LOGO SECTION*/
#block-clockbox,
#block-weatherbox { text-align: center; color: var(--text-color); }
#block-weatherbox { text-transform: capitalize; }
.logo-section #block-clockbox { position: absolute; right: 128.6333px; bottom: -22px; background: var(--bg-color) !important; padding: 5px 10px; 
    color: var(--text-color); max-width: 300px; max-height: 30px; border-radius: 5px 5px 0 0; }
.logo-section #block-screenreader { position: absolute; right: 65px; bottom: -22px; background: var(--bg-color); padding: 0 10px; cursor: pointer;
    max-width: 53.6333px; border-radius: 5px 5px 0 0; }
#block-screenreader p { margin: 0; }
#block-screenreader a { height: 30px; width: 35px; display: inline-block; vertical-align: middle; }
#block-screenreader a::after { content: ""; display: inline-block; width: 30px; height: 30px;
    background: url(../images/icons/icn-screen-reader-black.png) no-repeat top;  }
.green #block-screenreader a::after,
.ice #block-screenreader a::after,
.blue #block-screenreader a::after { background: url(../images/icons/icn-screen-reader-white.png) no-repeat top;  }
#block-screenreader span#screen-reader-tooltip{ position: absolute; display: block; z-index: 10; background: #fff; bottom: -40px; 
    padding: 5px 10px; border-radius: 5px; left: 0; color: #000; font-size: 12px; font-weight: normal; width: max-content;  }
.logo-section #block-print { position: absolute; right: 15px; bottom: -22px; background: var(--bg-color); padding: 0 10px; cursor: pointer; 
    max-width: 40px; border-radius: 5px 5px 0 0; }
#block-screenreader,
#block-print { padding: 0 5px; position: relative; }    
#block-print i { color: var(--text-color); font-size: 20px; padding: 5px 0; }
#block-print div p { margin: 0; }
#block-print button { border: none; background: none; padding: 0; }
#block-print span#print-tooltip{ position: absolute; display: block; z-index: 10; background: #fff; bottom: -40px; 
    padding: 5px 10px; border-radius: 5px; left: 0; color: #000; font-size: 12px; font-weight: normal; width: max-content;  }

/*Main Menu*/
.navbar-header,
.navbar-nav { width: 100%; }
#block-mainnavigation .navbar-nav > li { border-left: 1px dotted var(--text-color); }
.menu.menu--main.nav.navbar-nav li span#home-tooltip{ position: absolute; display: block; z-index: 10; background: #fff; bottom:-30px; 
    padding: 5px 10px; border-radius: 5px; left: 0; color: #000; font-size: 12px; font-weight: normal;  }
#block-useraccountmenu { padding: 0; }    
 ul.menu.menu--account.nav.navbar-nav.navbar-right li a { padding-top: 0; padding-bottom: 0; text-align: center; } 
  ul.dropdown-menu li:hover { background: var(--bg-color) !important; }   
 ul.dropdown-menu li:hover a { color: #000 !important; }  

 li.expanded.dropdown.open li.expanded:hover ul.dropdown-menu { left: 165px; }

/*Home Banner*/
.home-banner { padding: 0;  }
.carousel-inner > .item > img { width: 100%; max-height: 426px; }
.view-home-banner .carousel-indicators { left: auto; right: 20px; width: auto; }
.view-home-banner .carousel-control:hover .sr-only{ background: #fff; top: 30px; clip: auto; border-radius: 5px; padding: 5px;  
    width: auto; height: auto; text-shadow: none; color: #000; font-size: 12px; }    
.view-home-banner .carousel-control.left:hover .sr-only{ left: 0; }
.view-home-banner .carousel-control.right:hover .sr-only{ right: 0; } 
#views-bootstrap-home-banner-block-1 .left.carousel-control, #views-bootstrap-home-banner-block-1 .right.carousel-control { width: auto;
  bottom: auto; left: auto; right: 0; top: 15px; }
#views-bootstrap-home-banner-block-1 .left.carousel-control { right: 80px; }
#views-bootstrap-home-banner-block-1 .right.carousel-control { right: 15px; }
#carouselButtons { position: absolute; display: block; top: 5px; left: auto; right: 35px; bottom: auto; }
#playpauseButton { border: none; padding: 5px; color: #000; }
#playpauseButton:hover { background: #fff; }
#carouselButtons span#play-pause-tooltip{ position: absolute; display: block; z-index: 10; background: #fff; bottom: -40px; 
    padding: 5px 10px; border-radius: 5px; left: 0; color: #000; font-size: 12px; font-weight: normal; width: max-content; 
    text-transform: capitalize;  }

nav#block-homebannerlinks { bottom: 50px; left: 0; z-index: 10; right: 0; width: 75%; text-align: center; }
nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover { background: var(--bg-color); }
nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav { display: flex; align-items: center; justify-content: center; }

/*Other Page Banner*/
#block-innerbannerblock { text-align: center; }
#block-innerbannerblock img { display: inline-block; width: 100%; }
h1.page-header:empty { display: none; }

/*Flash News*/
.view-flash-news .carousel-control:hover .sr-only{ background: #fff; bottom: -30px; clip: auto; border-radius: 5px; padding: 5px;  
    width: auto; height: auto; text-shadow: none; color: #000; font-size: 12px; }    
.view-flash-news .carousel-control.left:hover .sr-only{ left: -60px; }
.view-flash-news .carousel-control.right:hover .sr-only{ right: -40px; }  

/*Event Page*/
.select-wrapper select { border: 1px solid var(--bg-color2) !important;  }
p.event-date span:empty { display: none; }
.carousel-control { z-index: 10; }

/*Left Menu*/
.dropdown-menu { margin: 0; }
nav#block-innermenu, 
nav#block-findinginformation { background: none; }
.region-sidebar-first nav ul.menu.nav li { margin-bottom: 10px; background: var(--bg-color); border-radius: 10px 0 10px 0; }
.region-sidebar-first nav ul.menu.nav li:hover,
.region-sidebar-first nav ul.menu.nav li.active { background: #fff; }
.region-sidebar-first nav ul.menu.nav li:hover a,
.region-sidebar-first nav ul.menu.nav li.active a { color: #000 !important; }
.region-sidebar-first nav ul.menu.nav li a::before { content: "\f085"; font-family: FontAwesome; padding-right: 10px; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:first-child a::before { content: "\f19c"; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:nth-child(2) a::before { content: "\f187"; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:nth-child(3) a::before  { content: "\f0c0"; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:nth-last-child(2) a::before { content: "\f007"; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:nth-last-child(9) a::before { content: "\f05a"; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:last-child a::before { content: "\f03d"; }
.region-sidebar-first nav ul.menu.nav li a.icn-germplasm::before { content: "\f18c"; }
.region-sidebar-first nav ul.menu.nav li a.icn-genetic::before { content: "\f0c3"; }
.region-sidebar-first nav ul.menu.nav li a.icn-locust::before { content: "\f188"; }
.region-sidebar-first nav ul.menu.nav li a.icn-agro::before { content: "\f06c"; }
.region-sidebar-first nav ul.menu.nav li a.icn-azadi::before { content: "\f024"; }
.region-sidebar-first nav ul.menu.nav li a.icn-tech-agri::before { content: "\f0b1"; }
.region-sidebar-first nav ul.menu.nav li a.icn-tech-toxi::before { content: "\f05a"; }
.region-sidebar-first nav ul.menu.nav li a.icn-star::before { content: "\f005"; }
.region-sidebar-first nav ul.menu.nav li a.icn-neh-programs::before { content: "\f1bb"; }
.region-sidebar-first nav ul.menu.nav li a.icn-tsp-programs::before { content: "\f299"; }
.region-sidebar-first nav ul.menu.nav li a.icn-elearning::before { content: "\f212";  }
.region-sidebar-first nav ul.menu.nav li a.icn-photo::before { content: "\f03e"; }
.region-sidebar-first nav ul.menu.nav li a.icn-video::before { content: "\f03d"; }
.region-sidebar-first nav ul.menu.nav li a.icn-holiday::before { content: "\f073"; }
.region-sidebar-first nav ul.menu.nav li a.icn-report::before { content: "\f15b"; }
.region-sidebar-first nav ul.menu.nav li a.icn-citizen::before { content: "\f2bd"; }
.region-sidebar-first nav ul.menu.nav li a.icn-achievement::before { content: "\f091"; }
.region-sidebar-first nav ul.menu.nav li a.icn-mobile::before { content: "\f10a"; }
.region-sidebar-first nav ul.menu.nav li a.icn-publication::before { content: "\f1ea"; }
.region-sidebar-first nav ul.menu.nav li a.icn-staff::before { content: "\f007"; }
.region-sidebar-first nav ul.menu.nav li a.icn-academic::before { content: "\f549"; }
.region-sidebar-first a.dropdown-toggle::after { content: '\f101'; font-family: FontAwesome; top: 6px; }

.region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li { background: none; }
.region-sidebar-first nav ul.menu.nav li.expanded.dropdown:hover ul.dropdown-menu { display: block; transition: margin-left .3s;
  position: absolute; }
.region-sidebar-first nav ul.menu.nav li ul.dropdown-menu { left: 100% !important; top: 0; }
.region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li { margin-bottom: 0px; }
.region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover { background: var(--bg-color); border-radius: 0px; margin: 0; }
.region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover a { color: var(--text-color) !important; }
.region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li a { background: none !important; padding: 10px; }

/*Quick Tab - Staff*/
ul.quicktabs-tabs li { display: inline-block; }
div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
div#quicktabs-hrd ul.quicktabs-tabs li { background: var(--bg-color);
 border: 1px solid var(--bg-color2); margin: 0 2px; border-radius: 5px 5px 0 0; }
div#quicktabs-quicktab_staff ul.quicktabs-tabs li a, 
div#quicktabs-hrd ul.quicktabs-tabs li a { color: var(--text-color); padding: 10px 15px; 
    display: inline-block; text-align: center; }    
div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
div#quicktabs-hrd ul.quicktabs-tabs li.active,
div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
div#quicktabs-hrd ul.quicktabs-tabs li:hover { border: 1px solid var(--bg-color2); background: #fff; border-bottom: 1px solid #fff; 
    margin-top: 1px; position: relative; z-index: 10; }
div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover a, 
div#quicktabs-hrd ul.quicktabs-tabs li:hover a { color: #000; }    
div#quicktabs-staff_scientist ul.quicktabs-tabs { justify-content: center; }
#quicktabs-container-quicktab_staff { float: left; width: 100%; border: 1px solid var(--bg-color2); margin-top: -1px; }
#quicktabs-container-staff_scientist { float: left; width: 100%; border-top: 1px solid var(--bg-color2); padding: 0px; margin-top: -1px; }

form#views-exposed-form-staff-scientist-tab .form--inline.form-inline.clearfix { align-items: center; justify-content: center; }
.view-staff .view-empty { padding: 20px; }

a[href="/swach-bharat"] img { margin: 0; }

/*Go Back*/
.region.region-content { position: relative; }
section#block-goback { position: absolute; right: 15px; margin: 0; }
#goback:hover,
#goback { padding: 5px 15px; background: var(--bg-color) !important; color: var(--text-color); border: none; }

/*Footer Social*/
section#block-views-block-copyright-block-1 p,
section#block-copyrighttext p,
section#block-copyrighttext1 p,
.footer p { color: #fff; font-size: 12px; margin: 0; }
#block-backtotop .row { margin: 0; }
.region.region-contentsocial { padding: 0; }
.view.view-national-links.view-id-national_links.view-display-id-block_1 ul { margin: 10px 0; }
#block-socialmedialinks p { margin-right: 15px; border: 2px solid var(--bg-color); padding: 5px 10px; border-bottom: none; 
    background: #29363f; border-radius: 5px 5px 0 0; color: #fff; }
#block-socialmedialinks p a { padding-left: 5px; }    
.region.region-contentsocial { padding-bottom: 0; }
.view-national-links img { max-width: 100%; }
p#scrolltotop { cursor: pointer; font-size: 20px; font-weight: bold; }

/*News Slider*/
.news-slider { overflow: hidden; }
.news-slides { position: relative; }
@keyframes tickerv { 
  0% { bottom: 0; }
  10% { bottom: 50px; }
  20% { bottom: 100px; }
  30% { bottom: 150px; }
  40% { bottom: 200px; }
  50% { bottom: 250px; }
  60% { bottom: 300px; }
  70% { bottom: 350px; }
  80% { bottom: 400px; }
  90% { bottom: 450px; }
  100% { bottom: 0; }
}
.news-slides.greater { animation-name: tickerv; animation-duration: 30s; animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1, 0, .5, 0); }
.news-slides.greater:hover { animation-play-state: paused; }

/*Content*/
section#block-externallinksblock { float: left; width: 100%; }
section#block-views-block-locust-form-block-1 { padding: 5px 0 5px 15px;  }
section#block-views-block-locust-form-block-1 .form-group .view-content { background: #fff; border: 1px solid #ccc;  }
section#block-views-block-locust-form-block-1 .form-group .view-content .table > tbody > tr > td { border: none; }
section#block-views-block-gallery-block-1 { padding: 20px 0; }
section#block-views-block-success-stories-block-1,
section#block-views-block-pest-alert-block-1,
section#block-views-block-locust-form-block-1,
section#block-views-block-news-and-articles-block-2,
section#block-views-block-news-and-articles-block-1-2 { padding-left: 30px; padding-right: 0; }
section#block-views-block-hrd-types-block-5 { padding: 0; }
.block.block-views.block-views-blocknews-and-articles-block-1,
section#block-views-block-news-and-articles-block-2,
section#block-views-block-news-and-articles-block-1-2 { position: relative; }
section#block-views-block-news-and-articles-block-2 > .form-group,
section#block-views-block-news-and-articles-block-1-2 > .form-group { /*background: #fff;*/ border: 1px solid #ccc; margin: 0; padding: 5px; }
section#block-views-block-news-and-articles-block-2 .form-group.view-filters,
section#block-views-block-news-and-articles-block-2 .form-group.view-filters button,
section#block-views-block-news-and-articles-block-1-2 .form-group.view-filters,
section#block-views-block-news-and-articles-block-1-2 .form-group.view-filters button { margin: 0; }
section#block-views-block-news-and-articles-block-2 .form-group .view-content,
section#block-views-block-news-and-articles-block-1-2 .form-group .view-content { height: 210px; overflow-y: auto; margin: /*10px*/ 0; }
section#block-views-block-locust-form-block-1 img { max-width: 100%; }
section#block-views-block-locust-form-block-1 .field-content a { color: #000; padding: 10px; display: block; }
section#block-views-block-locust-form-block-1 .field-content a span { padding: 10px; display: block; }
section#block-views-block-news-and-articles-block-2 .form-group.view-filters .select-wrapper select,
section#block-views-block-news-and-articles-block-1-2 .form-group.view-filters .select-wrapper select { padding-left: 2px; padding-right: 12px; }
section#block-views-block-news-and-articles-block-2 .form-group .view-content ul,
section#block-views-block-news-and-articles-block-1-2 .form-group .view-content ul { padding: 0; margin: 0; /*width: 98%;*/ }
section#block-views-block-news-and-articles-block-2 .form-group .view-content li,
section#block-views-block-news-and-articles-block-1-2 .form-group .view-content li { list-style: none; padding: 5px; }
section#block-views-block-news-and-articles-block-2 .form-group .view-content li:nth-child(2n+1),
section#block-views-block-news-and-articles-block-1-2 .form-group .view-content li:nth-child(2n+1) { background-color: #ccc; }
section#block-views-block-news-and-articles-block-2 .form-group .view-content li a,
section#block-views-block-news-and-articles-block-1-2 .form-group .view-content li a { color: #000; font-size: 14px; }

section#block-views-block-news-and-articles-block-1 h2.block-title::before,
section#block-views-block-media-coverage-block-1 h2.block-title::before { content: "\f083"; font-weight: normal; 
font-family: FontAwesome; color: #000; font-size: 20px; }

a.hand_icon::before,
.video-gallery a::before,
.view-news-and-articles .views-field-title a::before,
.view-media-coverage .views-field-title a::before,
.view-circular .views-field-title a::before { content: "\f0a4"; margin-right: 5px; 
font-family: FontAwesome; color: #000; }

.view-pest-alert .media { border: 1px solid #ccc; background-color: #fff; }
.view-pest-alert .media > .pull-left { padding: 0; }
.view-pest-alert .media > .pull-left img { height: 200px; }
.view-pest-alert .media-body { padding: 5px; text-align: justify; }
.view-pest-alert .media-body .media-heading { font-size: 14px; font-weight: 400; color: #2d2d2d; line-height: 1.42857143; margin: 0; }

div#views-bootstrap-success-stories-block-1 .media img { object-fit: cover; height: 180px; }
.view-success-stories { margin-top: 20px; }
div#views-bootstrap-success-stories-block-1 .media .media-body h4.media-heading,
div#views-bootstrap-success-stories-block-1 .media .media-body h3.media-heading { padding: 10px; }

table thead tr th.views-field { color: var(--text-color); }

.pager__item--next a::after,
.pager__item--previous a::before { color: #000; }
.pager__item--next:hover a::after,
.pager__item--previous:hover a::before { color: var(--text-color); }
.btn-primary:hover { color: #000; }
h1.page-header { padding-right: 75px; }

.btn-primary.aicrp-ss:focus, 
.focus.btn-primary.aicrp-ss { color: #000; }

/*Contact Us*/
.main-container.container.js-quickedit-main-content.contact-us .col-sm-9,
.main-container.container.js-quickedit-main-content.sanparaka-karaen .col-sm-9 { width: 100%; }

/*Media*/
@media only screen and (max-width: 1199px) {
    nav { display: none; }
    section#block-responsivemenumobileicon { display: block; }
    .responsive-menu-toggle-icon { margin-top: 10px; }
    .responsive-menu-toggle-icon span.label { top: 3px; margin-top: 0px !important; }
    .navbar-right { float: right !important; }
    .header-center-block ul.top-list li { display: inline-block !important; }

    .navbar-nav,
    .navbar-nav > li,
    .caret { float: none; }
   
    ul.dropdown-menu.mm-listview { display: block; top: 44px; right: 0; margin: 0 !important; border: none; padding: 0; box-shadow: none; }
    ul.dropdown-menu.mm-listview li a { margin: 0; padding: 10px 20px; background-color: #333 !important; 
        color: rgba(255, 255, 255, .85) !important; }
    ul.menu.menu--main.nav.navbar-nav.mm-listview li.expanded.dropdown.mm-listitem a.mm-btn.mm-btn_next.mm-listitem__btn { height: 40px;
        margin-top: -40px; }
    section#block-responsivemenumobileicon #toggle-icon { margin-top: 9px; }
    section#block-responsivemenumobileicon #toggle-icon .label { margin-top: 3px; }
    
    nav#block-homebannerlinks { width: 100%;  }
    .home-banner.col-sm-9 { width: 100%; }

    section#block-views-block-flash-news-block-1 { display: flex; align-items: center; background: var(--bg-color); color: var(--text-color); }
    section#block-views-block-flash-news-block-1 .form-group { width: 85%; color: #fff; }
    section#block-views-block-flash-news-block-1 a.carousel-control { width: auto; }
    section#block-views-block-flash-news-block-1 a.left.carousel-control { right: 35px; left: unset; }
} 

@media only screen and (max-width: 770px) {
    .col-sm-12 { width: 100%; float: left; }
    .header-center-block ul.top-list,
    #block-languageswitcher ul li { text-align: center; }
   
    nav#block-homebannerlinks { display: none; }
    .path-frontpage nav#block-homebannerlinks { display: block; }
    .path-frontpage nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover { background-color: rgba(204, 97, 67, 0.8); }
    .path-frontpage nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav { display: block; text-align: center; }
    .path-frontpage nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li a { color: #fff; font-size: 16px; }
    .path-frontpage nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li { background-color: rgba(0, 0, 0, 0.6); --size: 90px;
        width: var(--size); height: var(--size); border-radius: 50%; display: inline-block; align-items: center; justify-content: center;
        margin: 10px; box-shadow: 0 0 10px 1px #cccccc5e; text-align: center; vertical-align: top; }
    .path-frontpage nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li::after { content: ""; }   
   
    .view-flash-news .carousel-control.right:hover .sr-only{ right: unset; left: -30px; } 
    .carousel-caption { display: none; }

    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul { text-align: center; }
    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul li { display: inline-block; margin: 0; }
    section#block-copyrights p { color: #fff; }
    nav#block-footermenu ul.menu.menu--footer-menu.nav { border-bottom: 1px solid #fff; }

    .region.region-content { margin: 20px 0; background: #fff; overflow: auto; padding: 15px; }

    img { max-width: 100%; }
    
    .header-center-block ul.top-list li { border: none; }
    #block-languageswitcher,
    #block-screenreader, 
    #block-print { text-align: center; }
    ul.menu.menu--account.nav.navbar-nav.navbar-right { float: none !important; }

    .main-container.container.js-quickedit-main-content.contact-us .table.cols-5 td, 
    .main-container.container.js-quickedit-main-content.sanparaka-karaen .table.cols-5 td { display: block; border: none; }
    .main-container.container.js-quickedit-main-content.contact-us .table.cols-5 th, 
    .main-container.container.js-quickedit-main-content.sanparaka-karaen .table.cols-5 th,
    .main-container.container.js-quickedit-main-content.contact-us .table.cols-5 td[headers="slno-column"],
    .main-container.container.js-quickedit-main-content.sanparaka-karaen .table.cols-5 td[headers="slno-column"] { display: none; }
}   

/*Print*/
@media print {    
    .header-bottom-img { width: 1170px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
    
    li,
    section { width: 100% !important; }
    .no-print,
    .carousel-control,
    #carouselButtons,
    .carousel-inner > .item { display: none !important; }

    .carousel-inner > .item:first-child,
    header#navbar,
    .header-top .region.region-headertop,
    #block-socialmedialinks p a { display: block !important; }
   
    .sr-only,
    #block-clockbox,
    #block-weatherbox,
    #block-screenreader,
    #block-print {  background: none !important;position: relative !important; 
        bottom: unset !important; top: unset !important; left: unset !important; right: unset !important; }   
    ul.menu.menu--account.nav.navbar-nav.navbar-right li a {  background: none !important; } 
    #block-views-block-events-block-1 { height: auto !important; }
    h2.block-title,
    .carousel-caption,
    .dir-text,
    .row,
    .path-frontpage .region.region-content,
    #block-socialmedialinks p a { width: 100% !important; }
    .home-gallery-sec { width: 75% !important; }

    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active a, 
    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active, 
    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:hover, 
    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:focus, 
    nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a.is-active { color: #000 !important; }

    #block-socialmedialinks p { border: none; }
    .home-gallery-sec img { width: auto; }
    .responsive-menu-toggle-wrapper.responsive-menu-toggle { padding-bottom: 75px; }
    
} 
/*Oxygen

/*IE - Oxygen*/

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {    
   /* Put your IE-only styles here. Works for IE 9 and above*/

   /*bg color*/
   .header-top,
   .navbar-default,
   form#search-block-form button,
   ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .region-sidebar-first nav ul.menu.nav li,
   .region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover,
   section#block-views-block-events-block-1 .view-all a,   
   .region.region-headerbottom,
   .button:active, .button:hover, .button,
   ul.dropdown-menu li:hover,
   nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover,
   #goback:hover, #goback,
   table thead tr,
   div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   div#quicktabs-hrd ul.quicktabs-tabs li { background: #b7c881; }
   form#search-block-form button,
   .select-wrapper select,
   .breadcrumb,
   #quicktabs-container-quicktab_staff,
   div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   div#quicktabs-hrd ul.quicktabs-tabs li:hover,
   div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   div#quicktabs-hrd ul.quicktabs-tabs li { border: 1px solid #b7c881; }
   h2.block-title { border-bottom: 2px solid #b7c881; }
   #block-socialmedialinks p { border: 2px solid #b7c881; border-bottom: none; }
   .button:active, .button:hover, .button { border-color: #b7c881; }
   section#block-views-block-events-block-1 .view-all a:hover,
   .pagination > .active > a, 
   .pagination > li:hover > a { background: #b7c881 !important; }
   ul.dropdown-menu li.active a.is-active { color: #b7c881 !important; }

   #greentheme,
   .green .header-top,
   .green .navbar-default,
   .green form#search-block-form button,
   .green ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .green ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .green .region-sidebar-first nav ul.menu.nav li,
   .green .region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover,
   .green section#block-views-block-events-block-1 .view-all a,
   .green .region.region-headerbottom,
   .green .button:active, .green .button:hover, .green .button,
   .green ul.dropdown-menu li:hover,
   .green nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover,
   .green #goback:hover, .green #goback,
   .green table thead tr,
   .green div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .green div#quicktabs-hrd ul.quicktabs-tabs li { background: #155511; }   
   .green form#search-block-form button,
   .green .select-wrapper select,
   .green .breadcrumb,
   .green #quicktabs-container-quicktab_staff,
   .green div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   .green div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   .green div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   .green div#quicktabs-hrd ul.quicktabs-tabs li:hover,
   .green div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .green div#quicktabs-hrd ul.quicktabs-tabs li { border: 1px solid #155511; }
   .green h2.block-title { border-bottom: 2px solid #155511; }
   .green #block-socialmedialinks p { border: 2px solid #155511; border-bottom: none; }
   .green .button:active, .green .button:hover, .green .button { border-color: #155511; }
   .green section#block-views-block-events-block-1 .view-all a:hover,
   .green .pagination > .active > a, 
   .green .pagination > li:hover > a { background: #155511 !important; }
   .green ul.dropdown-menu li.active a.is-active { color: #155511 !important; }

   #icetheme,
   .ice .header-top,
   .ice .navbar-default,
   .ice form#search-block-form button,
   .ice ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .ice ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .ice .region-sidebar-first nav ul.menu.nav li,
   .ice .region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover,
   .ice section#block-views-block-events-block-1 .view-all a, 
   .ice .region.region-headerbottom,
   .ice .button:active, .ice .button:hover, .ice .button,
   .ice ul.dropdown-menu li:hover,
   .ice nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover,
   .ice #goback:hover, .ice #goback,
   .ice table thead tr,
   .ice div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .ice div#quicktabs-hrd ul.quicktabs-tabs li { background: #006c66; }
   .ice form#search-block-form button,
   .ice .select-wrapper select,
   .ice .breadcrumb,
   .ice #quicktabs-container-quicktab_staff,
   .ice div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   .ice div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   .ice div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   .ice div#quicktabs-hrd ul.quicktabs-tabs li:hover,
   .ice div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .ice div#quicktabs-hrd ul.quicktabs-tabs li { border: 1px solid #006c66; }
   .ice h2.block-title { border-bottom: 2px solid #006c66; }
   .ice #block-socialmedialinks p { border: 2px solid #006c66; border-bottom: none; }
   .ice .button:active, .ice .button:hover, .ice .button { border-color: #006c66; }
   .ice section#block-views-block-events-block-1 .view-all a:hover,
   .ice .pagination > .active > a, 
   .ice .pagination > li:hover > a { background: #006c66 !important; }
   .ice ul.dropdown-menu li.active a.is-active { color: #006c66 !important; }

   #farmergreentheme,
   .farmergreen .header-top,
   .farmergreen .navbar-default,
   .farmergreen form#search-block-form button,
   .farmergreen ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .farmergreen ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .farmergreen .region-sidebar-first nav ul.menu.nav li,
   .farmergreen .region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover,
   .farmergreen section#block-views-block-events-block-1 .view-all a,
   .farmergreen .region.region-headerbottom,
   .farmergreen .button:active, .farmergreen .button:hover, .farmergreen .button,
   .farmergreen ul.dropdown-menu li:hover,
   .farmergreen nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover,
   .farmergreen #goback:hover, .farmergreen #goback,
   .farmergreen table thead tr,
   .farmergreen div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .farmergreen div#quicktabs-hrd ul.quicktabs-tabs li { background: #b7c881; }
   .farmergreen form#search-block-form button,
   .farmergreen .select-wrapper select,
   .farmergreen .breadcrumb,
   .farmergreen #quicktabs-container-quicktab_staff,
   .farmergreen div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   .farmergreen div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   .farmergreen div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   .farmergreen div#quicktabs-hrd ul.quicktabs-tabs li:hover,
   .farmergreen div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .farmergreen div#quicktabs-hrd ul.quicktabs-tabs li { border: 1px solid #b7c881; }
   .farmergreen h2.block-title { border-bottom: 2px solid #b7c881; }
   .farmergreen #block-socialmedialinks p { border: 2px solid #b7c881; border-bottom: none; }
   .farmergreen .button:active, .farmergreen .button:hover, .farmergreen .button { border-color: #b7c881; }
   .farmergreen section#block-views-block-events-block-1 .view-all a:hover,
   .farmergreen .pagination > .active > a, 
   .farmergreen .pagination > li:hover > a { background: #b7c881 !important; }
   .farmergreen ul.dropdown-menu li.active a.is-active { color: #b7c881 !important; }

   #bluetheme,
   .blue .header-top,
   .blue .navbar-default,
   .blue form#search-block-form button,
   .blue ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .blue ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .blue .region-sidebar-first nav ul.menu.nav li,
   .blue .region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover,
   .blue section#block-views-block-events-block-1 .view-all a,  
   .blue .region.region-headerbottom,
   .blue .button:active, .blue .button:hover, .blue .button,
   .blue ul.dropdown-menu li:hover,
   .blue nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover,
   .blue #goback:hover, .blue #goback,
   .blue table thead tr,
   .blue div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .blue div#quicktabs-hrd ul.quicktabs-tabs li { background: #264675; }
   .blue form#search-block-form button,
   .blue .select-wrapper select,
   .blue .breadcrumb,
   .blue #quicktabs-container-quicktab_staff,
   .blue div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   .blue div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   .blue div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   .blue div#quicktabs-hrd ul.quicktabs-tabs li:hover,
   .blue div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .blue div#quicktabs-hrd ul.quicktabs-tabs li { border: 1px solid #264675; }
   .blue h2.block-title { border-bottom: 2px solid #264675; }
   .blue #block-socialmedialinks p { border: 2px solid #264675; border-bottom: none; }
   .blue .button:active, .blue .button:hover, .blue .button { border-color: #264675; }
   .blue section#block-views-block-events-block-1 .view-all a:hover,
   .blue .pagination > .active > a, 
   .blue .pagination > li:hover > a { background: #264675 !important; }
   .blue ul.dropdown-menu li.active a.is-active { color: #264675 !important; }

   #palewoodtheme,
   .palewood .header-top,
   .palewood .navbar-default,
   .palewood form#search-block-form button,
   .palewood ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .palewood ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .palewood .region-sidebar-first nav ul.menu.nav li,
   .palewood .region-sidebar-first nav ul.menu.nav li ul.dropdown-menu li:hover,
   .palewood section#block-views-block-events-block-1 .view-all a,
   .palewood .region.region-headerbottom,
   .palewood .button:active, .palewood .button:hover, .palewood .button,
   .palewood ul.dropdown-menu li:hover,
   .palewood nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li:hover,
   .palewood #goback:hover, .palewood #goback,
   .palewood table thead tr,
   .palewood div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .palewood div#quicktabs-hrd ul.quicktabs-tabs li { background: #eacda3; }
   .palewood form#search-block-form button,
   .palewood .select-wrapper select,
   .palewood .breadcrumb,
   .palewood #quicktabs-container-quicktab_staff,
   .palewood div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   .palewood div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   .palewood div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   .palewood div#quicktabs-hrd ul.quicktabs-tabs li:hover,
   .palewood div#quicktabs-quicktab_staff ul.quicktabs-tabs li, 
   .palewood div#quicktabs-hrd ul.quicktabs-tabs li { border: 1px solid #d6ae7b; }
   .palewood h2.block-title { border-bottom: 2px solid #d6ae7b; }
   .palewood #block-socialmedialinks p { border: 2px solid #eacda3; border-bottom: none; }
   .palewood .button:active, .palewood .button:hover, .palewood .button { border-color: #d6ae7b; }
   .palewood section#block-views-block-events-block-1 .view-all a:hover,
   .palewood .pagination > .active > a, 
   .palewood .pagination > li:hover > a { background: #eacda3 !important; }
   .palewood ul.dropdown-menu li.active a.is-active { color: #d6ae7b !important; }

   /*text color-black*/
   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a::before,
   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active a, 
   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active, 
   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:hover, 
   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:focus, 
   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a.is-active,
   .navbar-header .nav > li > a,
   #block-languageswitcher ul li a,
   ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   nav#block-findinginformation ul.menu.menu--finding-information-.nav li a,
   div[class^='circular-section'] a,
   section#block-views-block-events-block-1 .view-all a,
   section#block-views-block-flash-news-block-1 h2.block-title,
   #goback:hover, #goback,
   table thead tr th.views-field,
   ul.menu.menu--departments.nav > li > a, 
   nav#block-innermenu a.dropdown-toggle,
   div#quicktabs-quicktab_staff ul.quicktabs-tabs li a, 
   div#quicktabs-hrd ul.quicktabs-tabs li a { color: #000; }
   .pagination > .active > a, 
   .pagination > li:hover > a { color: #000 !important; }

   /*text color-white*/
   .blue nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a::before,
   .blue nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active a, 
   .blue nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active, 
   .blue nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:hover, 
   .blue nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:focus, 
   .blue nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a.is-active,
   .blue .navbar-header .nav > li > a,
   .blue #block-languageswitcher ul li a,
   .blue ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .blue ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .blue .header-center-block ul.top-list li,
   .blue .header-center-block ul.top-list li a,
   .blue #block-clockbox,
   .blue #block-weatherbox,
   .blue #block-print i,
   .blue form#search-block-form button .glyphicon,
   .blue nav#block-findinginformation ul.menu.menu--finding-information-.nav li a,
   .blue div[class^='circular-section'] a,
   .blue section#block-views-block-events-block-1 .view-all a,
   .blue section#block-views-block-flash-news-block-1 h2.block-title,
   .blue #goback:hover, .blue #goback,
   .blue table thead tr th.views-field,
   .blue ul.menu.menu--departments.nav > li > a, 
   .blue nav#block-innermenu a.dropdown-toggle,
   .blue div#quicktabs-quicktab_staff ul.quicktabs-tabs li a, 
   .blue div#quicktabs-hrd ul.quicktabs-tabs li a,
   .green nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a::before,
   .green nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active a, 
   .green nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active, 
   .green nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:hover, 
   .green nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:focus, 
   .green nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a.is-active,
   .green .navbar-header .nav > li > a,
   .green #block-languageswitcher ul li a,
   .green ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .green ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .green .header-center-block ul.top-list li,
   .green .header-center-block ul.top-list li a,
   .green #block-clockbox,
   .green #block-weatherbox,
   .green #block-print i,
   .green form#search-block-form button .glyphicon,
   .green nav#block-findinginformation ul.menu.menu--finding-information-.nav li a,
   .green div[class^='circular-section'] a,
   .green section#block-views-block-events-block-1 .view-all a,
   .green section#block-views-block-flash-news-block-1 h2.block-title,
   .green #goback:hover, .green #goback,
   .green table thead tr th.views-field,
   .green ul.menu.menu--departments.nav > li > a, 
   .green nav#block-innermenu a.dropdown-toggle,
   .green div#quicktabs-quicktab_staff ul.quicktabs-tabs li a, 
   .green div#quicktabs-hrd ul.quicktabs-tabs li a,
   .ice nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a::before,
   .ice nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active a, 
   .ice nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li.active, 
   .ice nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:hover, 
   .ice nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a:focus, 
   .ice nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a.is-active,
   .ice .navbar-header .nav > li > a,
   .ice #block-languageswitcher ul li a,
   .ice ul.menu.menu--account.nav.navbar-nav.navbar-right li a:hover, 
   .ice ul.menu.menu--account.nav.navbar-nav.navbar-right li a,
   .ice .header-center-block ul.top-list li,
   .ice .header-center-block ul.top-list li a,
   .ice #block-clockbox,
   .ice #block-weatherbox,
   .ice #block-print i,
   .ice form#search-block-form button .glyphicon,
   .ice nav#block-findinginformation ul.menu.menu--finding-information-.nav li a,
   .ice div[class^='circular-section'] a,
   .ice section#block-views-block-events-block-1 .view-all a,
   .ice section#block-views-block-flash-news-block-1 h2.block-title,
   .ice #goback:hover, .ice #goback,
   .ice table thead tr th.views-field,
   .ice ul.menu.menu--departments.nav > li > a, 
   .ice nav#block-innermenu a.dropdown-toggle,
   .ice div#quicktabs-quicktab_staff ul.quicktabs-tabs li a, 
   .ice div#quicktabs-hrd ul.quicktabs-tabs li a { color: #fff; }
   .blue .pagination > .active > a, 
   .blue .pagination > li:hover > a,
   .green .pagination > .active > a, 
   .green .pagination > li:hover > a,
   .ice .pagination > .active > a, 
   .ice .pagination > li:hover > a { color: #fff !important; }

   /*background - white*/
   .region-sidebar-first nav ul.menu.nav li:hover, 
   .region-sidebar-first nav ul.menu.nav li.active { background: #fff; }

   .region-sidebar-first nav ul.menu.nav li a:hover, 
   .region-sidebar-first nav ul.menu.nav li a.active { color: #fff; }

   /*border 3px-black*/
   form#search-block-form .input-group { border: 3px solid #000; }

   /*border 3px-white*/
   .blue form#search-block-form .input-group,
   .green form#search-block-form .input-group,
   .ice form#search-block-form .input-group { border: 3px solid #fff; }


   /*border left-black*/   
   #block-mainnavigation .navbar-nav > li { border-left: 1px dotted #000; }

   /*border left-white*/   
   .blue #block-mainnavigation .navbar-nav > li,
   .green #block-mainnavigation .navbar-nav > li,
   .ice #block-mainnavigation .navbar-nav > li { border-left: 1px dotted #fff; }

   
   #views-bootstrap-home-banner-block-1 .left.carousel-control, 
   #views-bootstrap-home-banner-block-1 .right.carousel-control,
   section#block-views-block-flash-news-block-1 a.carousel-control.left,
   section#block-views-block-flash-news-block-1 a.carousel-control.right { background: none; filter: none; }
   
   .caret { float: none; vertical-align: top; }

   nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li { width: 90px; height: 90px; }

   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li:first-child a { color: transparent !important; }

   div#quicktabs-quicktab_staff ul.quicktabs-tabs li.active, 
   div#quicktabs-hrd ul.quicktabs-tabs li.active, 
   div#quicktabs-quicktab_staff ul.quicktabs-tabs li:hover, 
   div#quicktabs-hrd ul.quicktabs-tabs li:hover { border-bottom: 1px solid #fff; }

   td.views-field.views-field-field-image img { width: 168.75px; }

   nav#block-mainnavigation ul.menu.menu--main.nav.navbar-nav li a { padding: 15px 7px; }

}

/* IE6 to 10 */
/*@media screen and (min-width: 640px), screen\9 {*/
@media screen and (min-width:0\0){      
    /* Put your IE-only styles here. Works for IE 6 to 10*/
    #block-languageswitcher { width: 11%; float: left; }
    #block-headerblock { width: 42%; float: left; }
    #block-clockbox,
    #block-weatherbox { width: 10%; float: left; padding-top: 3px; }
    #block-nbair-search { width: 21%; padding-top: 2px; }
    #block-useraccountmenu { padding-top: 3px; }

    #block-screenreader, 
    #block-print { float: left; padding-top: 10px; }

    .header-center-block ul.top-list li,
    .header-center-block ul.top-list li:first-child, 
    .header-center-block ul.top-list li#contrastchange, 
    .header-center-block ul.top-list li.select-color { vertical-align: middle; }

    nav#block-homebannerlinks ul.menu.menu--home-banner-links.nav li { display: inline-block; vertical-align: middle; }

    .dir-msg .dir-img { width: 38%; float: left; }
    .dir-msg .dir-text { width: 62%; float: left; }
    .path-frontpage section#block-views-block-gallery-block-1 .view-display-id-block_1.view-id-gallery .view-content { display: block; }   
}

/* IE9 */
@media all and (min-width:0\0) and (min-resolution:.001dpcm) { 

    /* Put your IE-only styles here. Works for IE 9*/
    #block-languageswitcher { padding-top: 12px; }
  
    #carouselButtons { top: 8px; right: 35px; }
   
    .view-display-id-block_1.view-id-national_links.view-national-links.view ul li { display: inline-block; }
    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul li { padding: 0 55px; }
    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul li:first-child { padding-left: 0; }
    .view.view-national-links.view-id-national_links.view-display-id-block_1 ul li:last-child { padding-right: 0; }

    section#block-externallinksblock .external-links ul.list-inline { display: block; text-align: center; }
    #block-socialmedialinks { float: right; }
   
    section#block-views-block-flash-news-block-1 h2.block-title,
    section#block-views-block-flash-news-block-1 .form-group,
    #block-backtotop { display: inline-block; }

    section#block-views-block-flash-news-block-1 .form-group { width: 80%; }

    .select-wrapper::after { content: "" !important; }

    #quicktabs-tabpage-quicktab_staff-0 .director-pic { display: block; width: 50%; margin: 0px auto; float: none; }
    div#quicktabs-quicktab_staff ul.quicktabs-tabs, div#quicktabs-hrd ul.quicktabs-tabs,
    form#views-exposed-form-staff-scientist-tab .clearfix.form-inline.form--inline { display: block; text-align: center; }    
}


/*IE - Oxygen*/

/*Oxygen - Upgrade*/
#off-canvas { display: none; }
#off-canvas.mm-menu--opened { display: block; }
.view-databases table tbody tr:nth-child(2n) {  
  background-color: rgba(231, 246, 225, 0.5);
}
#block-databases .ui-accordion-header-icon.ui-icon {
  background: none;
  width: auto;
  height: auto;
  text-indent: unset !important;
}
#block-databases .ui-accordion-header-icon.ui-icon::before {
  font-family: FontAwesome;
  content: '\f101';
  display: block !important;
  /*width: 24px;*/
  /*height: 24px;*/
  /*margin-top: 12px;*/
  text-align: center;
}
#block-databases .ui-accordion .ui-accordion-header {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
}

#navbar .container,
.header-top .container { width: auto; display: table; }
.pagination > li.page-item { display: none; }
nav.pager-nav.text-center { float: right; width: 100%; }
#block-languageswitcher { text-align: right; }
#outerContainer #mainContainer div.toolbar {
  display: none !important; /* hide PDF viewer toolbar */
}
#outerContainer #mainContainer #viewerContainer {
  top: 0 !important; /* move doc up into empty bar space */
}
#block-views-block-databases-general-databases-on-insects--2,
#block-views-block-databases-hemiptera--2,
#block-views-block-databases-hymenoptera--2,
#block-views-block-databases-coleoptera--2,
#block-views-block-databases-diptera--2,
#block-views-block-databases-macrobials--2,
#block-views-block-databases-microbials--2,
#block-views-block-databases-analysis-portal--2,
#block-nbair-views-block-databases-microbials--2,
#block-views-block-databases-specific-databases-on-insect-groups--2 { display: none !important; }
/*.header-center-block ul.top-list li::after { display: none; }
.header-center-block ul.top-list li.select-color { padding: 0 5px; }
.header-center-block ul.top-list li#normalfont,
.header-center-block ul.top-list li#decfont { padding-left:  5px; }*/

#block-databases .ui-accordion .ui-accordion-content { height: auto !important; }

.social-links p{
    margin-right: 15px;
    border: 2px solid var(--bg-color);
    padding: 5px 10px;
    border-bottom: none;
    background: #29363f;
    border-radius: 5px 5px 0 0;
    color: #fff !important;
 
}
.social-links p a{
    padding-left: 5px;
}

#stickybar {
    background-color: #b7c881;
    width: 13%;
    padding: 9px 10px;
    color: #fff;
    font-weight: 600;
    line-height: 23px;
    font-size: 16px;
    position: fixed;
    text-transform: capitalize;
    right: 0px;
    top: 7%;
    border-radius: 10px 0px 0px 10px;
    z-index: 999;
}