@charset "UTF-8";

/* CSS Document */


/*==============================================================
		Common Styles Initials
==============================================================*/

@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
html {
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in landscape */
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
html {
    overflow-x: hidden;
}

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

*,
*:after,
*:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Rubik", serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    width: 100%;
    min-height: 100%;
    color: #666;
    z-index: -1;
    position: relative;
}

a {
    outline: none;
    text-decoration: none !important;
    color: #555 !important;
}

a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

input,
textarea,
select {
    outline: none;
    resize: none;
    font-family: Arial, Helvetica, sans-serif;
}

a,
input,
button {
    outline: none !important;
}

button::-moz-focus-inner {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #525152;
}

img {
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0 0 15px 0;
    padding: 0;
}

.slick-slide {
    outline: none !important;
}

.bg_img {
    display: none;
}

.breadcrumb {
    display: none !important;
}


/*==============================================================
		Chrome Hack
==============================================================*/

textarea,
input[type="text"] {
    -webkit-appearance: none;
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


/* Event-single page */

.eventimg h2 {
    margin: 30px 0px 0px 0;
}

.eventimg {
    width: 90% !important;
}

.card-title {
    min-height: 100px !important;
}

.chinastudycenter p,
.chinastudycenter ul {
    width: 85%;
    margin: 0px auto;
}


/*==============================================================
		Bootstrap Hack
==============================================================*/

.form-control::-webkit-input-placeholder {
    opacity: 1;
}

.form-control:-moz-placeholder {
    opacity: 1;
}

.form-control::-moz-placeholder {
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
}


/*==============================================================
		Custom Style
==============================================================*/

.container {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.news-container {
    width: 85%;
}

.nav-fill h6 {
    color: #fff;
}


/* Header CSS Start */

.header-wrap {}

.header-wrap .header-top-wrap {
    background: #404040;
}

.header-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    justify-content: space-between;
}

.header-top-wrap .container {
    max-width: 100%;
    padding: 0 70px;
}

.header-top-right {
    display: flex;
}

.select-language-wrap .select2-container .select2-selection {
    width: 198px;
    height: auto;
    background: transparent;
    margin-right: 40px;
    border: 0;
    position: relative;
}

.select-language-wrap .select2-container .select2-selection:before {
    content: "";
    width: 33px;
    height: 19px;
    background: url("../images/language-icon.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 7px;
    left: -19px;
}

.select-language-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 13px;
    height: 8px;
    background: url("../images/drop-down-arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.select-language-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
    font-size: 18px;
}

.header-wrap .header-top .header-home a {
    width: 50px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-wrap .header-top .header-home a:hover {
    background: #ba2025;
}

.header-top-menu {
    padding-left: 10px;
}

.header-top-menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-top-menu ul li a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    padding: 18px 32px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-top-menu ul li:hover a {
    background: linear-gradient(#ba0000 0%, #890000 52.64%, #5d0000 100%);
}

.header-top-menu ul li.active a {
    background: linear-gradient(#ba0000 0%, #890000 52.64%, #5d0000 100%);
}

.header-center-wrap {
    display: flex;
    justify-content: center;
}

.header-center-wrap .kh-logo-first img {
    max-width: 400px;
}

.header-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header-logo ul {
    display: flex;
    flex-wrap: wrap;
}

.header-logo ul li {
    padding-right: 22px;
}

.header-logo ul li:last-child {
    padding-right: 0;
}

.page-title-header h5 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #20313b;
    display: inline-block;
    padding: 18px 0;
    border-top: 1px solid #900000;
    border-bottom: 1px solid #900000;
}

.footer-row .logo-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 30%;
}

.footer-row .logo-wrap img {
    max-width: 170px;
}

.header-search {
    width: 247px;
    position: relative;
    overflow: hidden;
}

.search-icon {
    width: 93px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
}

.search-icon img {
    width: 22px;
    height: 22px;
}

.search-icon.open {
    border-right-color: transparent;
}

.header-top-search {
    position: absolute;
    top: 60px;
    right: 60px;
    display: none;
    z-index: 12345;
}

.header-search-bar {
    width: 100%;
    max-width: 247px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.desc-box i {
    font-size: 45px;
    color: #262262;
}

.knowledge-networks-listing ul li {
    transform-style: preserve-3d;
    transition: transform 1s;
}

.knowledge-networks-listing ul li:hover {
    transform: rotateY(360deg);
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
    background: #262262 !important;
    margin-right: 10px !important;
}

.int-hubs-main ul li:hover {
    transform: rotateY(0deg);
}

.pagination li:hover a {
    color: #fff !important;
}


/*.header-search-bar.open {
  width: 100%;
  opacity: 1;
  visibility: visible;
}*/

.header-search-bar form {
    position: relative;
}

.header-search-bar form .form-search {
    width: 100%;
    height: 40px;
    border: 1px solid #9e9e9e;
    padding: 0 45px 0 15px;
    font-size: 18px;
    color: #404040;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.header-search-bar form .form-actions {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
}

.header-search-bar form .form-actions .form-submit {
    width: 100%;
    height: 100%;
    background: url("../images/search-icon.png") #ba2025;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    box-shadow: none;
    font-size: 0;
    cursor: pointer;
    -webkit-border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    border-radius: 0px 10px 10px 0px;
}

.info {
    color: #262262;
}

.header-menu {
    background: rgb(38, 34, 98);
    background: radial-gradient(circle, rgba(38, 34, 98, 1) 65%, rgba(41, 171, 225, 1) 88%);
    width: 100%;
    display: grid;
    justify-content: center;
}

.header-menu .fa-fa-home {
    float: left;
    padding-top: 17px;
    list-style: none;
    margin-right: 20px;
}

.item--title {
    color: #262262 !important;
}

.sf-publications-wide__date {
    color: #262262 !important;
}

.button-blue-background {
    border-color: #262262 !important;
    background-color: #29abe1 !important;
}

.button-blue-background:hover,
#sf-footer .button-blue-background:hover {
    background-color: #fff !important;
    color: #29abe1 !important;
}

.sf-publications-list .sf-publications-item__container {
    border-bottom: 3px solid #29abe1 !important;
}

.sf-publications-list .sf-publications-item__date {
    color: #262262 !important;
    font-size: 14px !important;
    line-height: 17px;
}

.mdc-card__media {
    border-bottom: 3px solid #29abe1 !important;
}

.sf-publications-list .sf-publications-item__file .download-url {
    color: #29abe1 !important;
}

.button-brand-border {
    background-color: #fff !important;
    color: #29abe1 !important;
    border-color: #262262 !important;
}

footer {
    float: none !important;
}

.section-heading p {
    font-size: 26px;
    font-weight: 600;
    color: #262262;
}

.header-menu.menu-item-hide {
    height: 55px;
}

.header-menu .navbar {
    padding: 0 !important;
}

.header-menu ul {
    justify-content: center;
    margin-bottom: 0;
    padding: 0;
    align-items: center;
}

.header-menu ul.navbar-nav li {
    padding: 0 10px;
    position: relative;
}

.header-menu ul.navbar-nav li a {
    font-size: 20px;
    color: #fff !important;
    font-weight: 700;
    display: inline-block;
    padding: 16px 30px 16px 30px;
    position: relative;
    /*text-transform: capitalize;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-menu ul.navbar-nav li a:hover {
    background: #525152;
}

.menu-arrow {
    position: absolute;
    top: 23px;
    right: 20px;
    cursor: pointer;
}

.menu-arrow img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-title p {
    width: 85%;
    margin: 0px auto;
    font-size: 20px;
    line-height: 26px;
}

.knowledge-network-box .icon-box i {
    font-size: 45px;
    color: #262262;
}

.header-center-wrap {
    padding: 8px 30px !important;
}

.header-center-wrap .logo-wrap .kh-logo-first img {
    padding: 10px 0px;
}

.header-center-wrap .logo-wrap .kh-logo-first p {
    padding: 0 !important;
    margin: 0 !important;
}


/* banner */

.kh-banner {
    z-index: -1;
}

.kh-banner .carousel-caption {
    width: 100%;
}

.kh-banner .carousel-caption h1 {
    color: #fff;
    background-color: #525151d1;
    padding: 30px;
    font-size: 45px;
}

.kh-banner .carousel-caption {
    left: 0% !important;
    top: 60%;
}

.knowledge-networks-listing .knowledge-network-box a:hover i {
    color: #fff;
}

.header-menu-nav>ul>li>a.open .menu-arrow img {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown .sub-menu {
    width: 380px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0 auto;
    background: #404040;
    z-index: 1234;
}

.dropdown .sub-menu .sub-menu {
    top: 0;
    right: -100%;
    left: inherit;
}

.menu-wrap li.dropdown:last-child .sub-menu .sub-menu {
    top: 0;
    right: 100%;
    left: inherit;
}

.dropdown .sub-menu li {
    border-bottom: 1px solid #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dropdown .sub-menu li .menu-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.dropdown .sub-menu li:hover {
    background: #ef3b24;
}

.dropdown .sub-menu li:last-child {
    border-bottom: 0;
}

.dropdown .sub-menu li a {
    padding: 18px 30px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.header-menu ul.navbar-nav li a.dropdown-item {
    color: #262262 !important;
}

.header-menu ul.navbar-nav li .dropdown-item:hover {
    color: #fff !important;
}

.header-menu ul.navbar-nav .dropdown-menu li {
    padding: 0px !important;
}


/* Footer Css Start */

.footer-email-info .icon-box {
    padding-right: 5px !important;
    padding-bottom: 0 !important;
}

.footer-email-info .email-info h6 {
    display: none;
}

.icon-box img {
    max-width: 85%!important;
}

.social-media h2 {
    display: none;
}

.page-node--74 .kh-footer-wrap .footer-row .footer-col:nth-child(2),
.page-node-type-taxation .kh-footer-wrap .footer-row .footer-col:nth-child(2),
.page-node-type-taxation-news .kh-footer-wrap .footer-row .footer-col:nth-child(2),
.page-node-type-e-library .kh-footer-wrap .footer-row .footer-col:nth-child(2),
.path-taxonomy .kh-footer-wrap .footer-row .footer-col:nth-child(2) {
    width: 35%!important;
}

.page-node--74 .kh-footer-wrap .footer-row .footer-col:first-child,
.page-node-type-taxation .kh-footer-wrap .footer-row .footer-col:first-child,
.page-node-type-taxation-news .kh-footer-wrap .footer-row .footer-col:first-child,
.page-node-type-e-library .kh-footer-wrap .footer-row .footer-col:first-child,
.path-taxonomy .kh-footer-wrap .footer-row .footer-col:first-child {
    width: 40%!important;
}

.kh-footer-wrap .footer-row .footer-col:nth-child(2) {
    width: 25%!important;
}

.kh-footer-wrap .footer-row .footer-col:first-child {
    width: 47%!important;
}

.news-update-desc {
    padding-top: 55px!important;
}

ul.workshops li a {
    display: inline!important;
}

.path-fctcapps .footer-top .footer-col .quick-links ul.menu {
    display: none;
}

.page-node-type-e-library .kh-logo-wrap .kh-logo-first #block-tobaccotaxationlogo {
    display: none;
}

.main-content .main-body ol li a,
.main-content .main-body ul li a {
    display: inline-block !important;
}

.experts-database-list-wrap table thead th.views-field-field-expert-db-institution-name {
    width: 220px !important;
}

.experts-database-list-wrap table thead th#view-field-expert-db-country-table-column {
    width: 120px !important;
}

.webform-submission-nomination-form-form .js-form-item-delete-file-id,
.webform-submission-protocol-nomination-form-form .js-form-item-delete-file-id {
    display: none !important;
}

.footer-wrap {
    background: #f5f5f5;
    box-shadow: 10px 0px 6px rgba(0, 0, 0, 0.16);
}

.footer-wrap .container {
    max-width: 1430px;
}

.footer-wrap .footer-logo {
    padding: 0;
    text-align: center;
}

.footer-wrap .footer-logo a {
    display: inline-block;
}

.footer-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.footer-top {
    padding-bottom: 40px;
}

.footer-row .footer-col {
    width: 33.33%;
    padding: 0 15px;
}

.footer-col h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #20313b;
    padding-bottom: 15px;
}

.quick-links ul li {
    margin-bottom: 15px;
}

.quick-links ul li a {
    font-size: 18px;
    color: #20313b;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.quick-links ul li a:hover {
    color: #ba2025;
    text-decoration: underline;
}

.social-media ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    justify-content: center;
}

.social-media ul li {
    padding: 0 8px;
}

.social-media ul li a {
    display: block;
    transition: transform .7s ease-in-out;
}

.social-media ul li a i {
    font-size: 35px;
    color: #444444;
    margin: 0px 10px;
}

.social-media ul li a:hover {
    transform: rotate(360deg);
}

.footer-col .social-media h2 {
    text-align: center;
}

.footer-info {
    padding: 20px 0;
    background: #7d99b0;
    position: relative;
}

.footer-info-row {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.footer-info a {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}


/* Cta Btn Style */

.cta-btn a {
    font-size: 20px;
    font-weight: 700;
    background: #ba2025;
    color: #fff;
    border: 2px solid #ba2025;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 10px 18px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cta-btn a:hover {
    color: #ba2025;
    background: #f5f5f5;
}


/* announcement board detailed start */

.announcement-board-detailed-title {
    font-size: 40px;
    line-height: 45px;
    color: #404040;
    font-weight: 700;
    background: #f5f5f5;
    text-align: center;
    padding: 20px 15px;
    /*margin-bottom: 40px;*/
}

.announcement-board-detailed-info {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.announcement-board-detailed-info .announcement-board-detailed-img img {
    width: 100%;
}

.announcement-board-detailed-info .announcement-board-post-info {
    width: 100%;
    background: #404040;
    position: absolute;
    bottom: 0;
    left: 0;
}

.announcement-board-post-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.announcement-board-post-info .announcement-board-post-info-left {
    width: 80%;
}

.announcement-board-post-info .announcement-board-post-info-right {
    width: 20%;
    background: #ba2025;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    padding: 25px 15px;
    text-align: center;
}

.announcement-board-post-info .announcement-board-post-info-left ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 22px;
    padding-bottom: 0;
}

.announcement-board-post-info .announcement-board-post-info-left ul li {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 0 26px 0 22px;
    position: relative;
    margin-bottom: 0;
}

.announcement-board-post-info .announcement-board-post-info-left ul li:last-child:hover {
    color: #ba2025;
}

.announcement-board-post-info .announcement-board-post-info-left ul li:nth-child(3):hover {
    color: #ba2025;
}


/*.announcement-board-post-info .announcement-board-post-info-left ul li:before {
  display: none;
}*/

.announcement-board-post-info .announcement-board-post-info-left ul li label {
    font-weight: 700;
    display: inline-block;
}

.announcement-board-post-info .announcement-board-post-info-left ul li::before {
    content: "/";
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
}

.announcement-board-post-info .announcement-board-post-info-left ul li:last-child::before {
    display: none;
}

.announcement-board-post-desc {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    padding-top: 40px;
}

.announce-documents-box {
    padding-top: 40px;
}

.announce-documents-box-title {
    font-size: 30px;
    line-height: 40px;
    color: #404040;
    padding: 20px 80px;
    font-weight: 700;
    background: #f5f5f5;
    display: inline-flex;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: -2px;
    display: inline-block;
    text-transform: lowercase;
}

.announce-document-listing {
    padding: 50px 80px;
    background: #f5f5f5;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    position: relative;
}

.announce-document-listing ul li {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    margin-bottom: 30px;
}

.announce-document-listing ul li:last-child {
    margin-bottom: 0;
}

.announce-document-listing ul li a {
    padding-left: 55px;
    display: inline-block;
    color: #404040;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.announce-document-listing ul li a:hover {
    color: #ba2025;
}

.announce-document-listing ul li a .svg {
    position: absolute;
    top: 0;
    left: 0;
}

.announce-document-listing ul li a .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announcement-board-detailed-wrap .cta-btn {
    text-align: center;
    padding: 60px 0;
}


/* announcement board detailed End */


/* banner Start */

.banner-wrap {
    position: relative;
}

.banner-wrap .page-title {
    width: 100%;
    max-width: 1630px;
    position: absolute;
    bottom: 113px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: 12;
}

.kh-banner .carousel-control-next,
.kh-banner .carousel-control-prev {
    width: 8% !important;
}

.banner-wrap .page-title {
    background: transparent;
    padding: 0px;
}

.banner-wrap .page-title.left-text {
    text-align: left;
}

.page-node--2 .banner-wrap .page-title {
    text-align: left;
}

.page-node--31 .banner-wrap .page-title {
    text-align: left;
}

.landing-banner-left-align .banner-wrap .page-title {
    text-align: left;
}

.banner-wrap .page-title.center-align {
    text-align: center;
}

.banner-wrap .page-title h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 700;
    color: #ffffff;
    padding: 16px 30px;
    background: rgba(186, 32, 37, 0.8);
    text-align: center;
    display: inline-block;
}

.banner-wrap .page-title h1 a {
    color: #fff;
}


/* banner End */


/* Announce Listing Page Start */

.announce-header header {
    width: 100%;
    max-width: 1430px;
    padding: 90px 15px 70px;
    margin: 0 auto;
    position: relative;
}

.announce-header header:before {
    content: "";
    width: 174px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.announce-header header h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #404040;
    padding-top: 20px;
    text-align: center;
    position: relative;
    /* text-transform: capitalize; */
    padding-bottom: 25px;
}

.announce-header header h2:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.announce-header header p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #404040;
    text-align: center;
}

.announce-row-wrap {
    width: 100%;
    max-width: 1695px;
    margin: 0 auto;
    display: block;
    padding: 0 45px;
}

.announce-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -45px;
}

.announce-row .views-row {
    width: 33.33%;
    padding: 0 45px;
    margin-bottom: 70px;
}

.announce-row .views-row a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    height: 100%;
}

.announce-row .views-row a:hover {
    background: #ba2025;
}

.announce-row .views-row .views-field {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 24px;
}

.announce-img {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    overflow: hidden;
    position: relative;
}

.announce-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.announce-header-left {
    width: 50%;
    padding-left: 40px;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    padding-right: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    word-break: break-word;
}

.announce-row .views-row a:hover .announce-header-left {
    color: #fff;
}

.announce-header-right {
    width: 50%;
    background: #ba2025;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 30px 0 20px;
    margin-top: -10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;
    border-radius: 0px 0px 0px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announce-row .views-row a:hover .announce-header-right {
    background: #ffffff;
    color: #ba2025;
}

.announce-header-right .post-on {
    margin-bottom: 5px;
}

.announce-title {
    font-size: 25px;
    line-height: 35px;
    font-weight: 700;
    color: #404040;
    padding: 10px 20px 10px 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announce-row .views-row a:hover .announce-title {
    color: #fff;
}

.announce-desc {
    padding: 0 40px 0 40px;
    font-size: 18px;
    line-height: 30px;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-bottom: 20px;
}

.announce-row .views-row a:hover .announce-desc,
.announce-row .views-row a:hover .announce-desc p {
    color: #fff;
}

.announce-desc p:last-child {
    margin-bottom: 0;
}

.announce-desc .cta-btn {
    font-size: 18px;
    color: #ba2025;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announce-row .views-row a:hover .announce-desc .cta-btn {
    color: #fff;
}

.announce-desc .cta-btn .svg {
    margin-left: 5px;
}

.announce-desc .cta-btn .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announce-row .views-row a:hover .announce-desc .cta-btn .svg path {
    fill: #fff;
}


/* Announce Listing Page End */


/* Platform Parent List Start */

.platform-parent-list .views-row-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.platform-parent-list .views-row-wrapper .views-row {
    width: 50%;
}

.platform-parent-list .views-row-wrapper .views-row>div {
    height: 100%;
}

.platform-parent-list .views-row-wrapper .views-row .box-wrap {
    padding: 250px 15px 200px;
    position: relative;
    height: 100%;
}

.platform-parent-list .views-row-wrapper .views-row:first-child .box-wrap {
    background: url("../images/fctc.jpg");
    background-position: center center;
    background-size: cover;
}

.platform-parent-list .views-row-wrapper .views-row:last-child .box-wrap {
    background: url("../images/protocol.jpg");
    background-position: center center;
    background-size: cover;
}

.platform-parent-list .views-row-wrapper .views-row .box-wrap:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.platform-parent-list .views-row-wrapper .views-row .box-wrap:after {
    content: "";
    width: 0%;
    height: 0%;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.platform-parent-list .views-row-wrapper .views-row:hover .box-wrap:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.platform-parent-list .views-row-wrapper .views-row .views-field-field-platform-feature-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.platform-parent-list .views-row-wrapper .views-row .views-field-field-platform-feature-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.platform-logo {
    position: relative;
    z-index: 12;
    text-align: center;
    padding: 0 20px;
}

.platform-cta-btn {
    position: relative;
    z-index: 12;
    text-align: center;
    padding-top: 50px;
}

.platform-cta-btn a {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 25px 34px;
    background: #ba2025;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.platform-cta-btn a:hover {
    background: #ef3b24;
}


/* Platform Parent List End */


/* Side Bar Css Start */

.bg-grey {
    background: #f5f5f5;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.left-column {
    width: 80%;
    padding: 0 50px;
    margin: 0px auto;
}

.right-column {
    width: 30%;
    background: #f5f5f5;
    box-shadow: -3px 0px 6px rgba(0, 0, 0, 0.08);
}


/* Side Bar Css End */


/* */

.form-header h1 {
    background: #f2f2f2;
    padding: 20px 15px;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    color: #404040;
    font-weight: 700;
}

.form-header p {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    text-align: center;
    padding: 0 15px;
}

.webform-wrapper {
    width: calc(100% - 188px);
    max-width: 1918px;
    display: block;
    margin: auto;
    background: #f7f7f7;
}

.webform-wrapper .webform-title {
    background: #16629d;
    padding: 10px 100px;
}

.webform-wrapper .webform-nomination-title {
    background: #4f3030;
    margin: 20px -100px 36px -100px !important;
}

.webform-wrapper .webform-title h2 {
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    color: #ffffff;
}

.webform-wrapper .webform-title h2 {
    padding: 0;
    margin: 0;
}

.webform-wrapper .webform-title h2:before {
    display: none;
}


/* Contact us form css start */

.contact-us-wrap {
    width: 100%;
    max-width: 1126px;
    margin-left: auto;
    padding-top: 88px;
    padding-bottom: 100px;
}

.contact-us-wrap .form-header h1 {
    padding: 0;
    background: transparent;
}

.contact-us-wrap h1 {
    font-size: 40px;
    line-height: 50px;
    color: #404040;
    font-weight: 700;
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 15px;
}

.contact-us-wrap h1:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.contact-us-wrap p {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    text-align: center;
}

.contact-us-wrap form {
    padding: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.contact-us-wrap .js-form-item {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: top;
}

.contact-us-wrap .js-form-item label {
    width: 156px;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
}

.contact-us-wrap .js-form-item .js-form-item {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.contact-us-wrap .js-form-item.js-form-type-textarea {
    width: 100%;
}

.contact-us-wrap .form-actions {
    width: 100%;
    padding: 0 15px;
}

.contact-us-wrap .js-form-item input {
    width: calc(100% - 156px);
    height: 40px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-us-wrap .js-form-item input:focus {
    border-bottom-color: #ba2025;
}

.contact-us-wrap .webform-address--wrapper .fieldset-wrapper {
    width: 100%;
}

.contact-us-wrap .js-form-item .select2-selection {
    width: 100%;
    height: 40px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    background: #fff;
    background-repeat: no-repeat;
    background-position: 97% center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-us-wrap .js-form-item .select2-selection:focus {
    border-bottom-color: #b7b7b7;
}

.contact-us-wrap .js-form-item .select2-container {
    width: calc(100% - 156px) !important;
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    height: 100%;
    line-height: 40px;
    font-size: 18px;
    line-height: 37px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .webform-address--wrapper {
    margin: 0 !important;
}


/*.select2-search--dropdown {
  display: none;
}*/

.select2-results__option {
    font-size: 18px;
    color: #404040;
    padding: 15px 26px;
    border-bottom: 1px solid #d4d4d4;
}

.select2-container--default .select2-results>.select2-results__options {
    border: 0 solid #d4d4d4;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    color: #fff;
    background: #ba2025;
}

.contact-us-wrap .js-form-item input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item input::-moz-placeholder {
    /* Firefox 19+ */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item input:-ms-input-placeholder {
    /* IE 10+ */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item input:-moz-placeholder {
    /* Firefox 18- */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item.js-form-type-textarea div {
    width: calc(100% - 156px);
}

.contact-us-wrap .js-form-item textarea {
    width: 100%;
    height: 156px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 17px 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-us-wrap .js-form-item textarea:focus {
    border-bottom-color: #ba2025;
}

.contact-us-wrap .js-form-item textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #b7b7b7;
    opacity: 1;
}

.contact-us-wrap .js-form-item textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #b7b7b7;
    opacity: 1;
}

.gn-discussion-forum section+.links .comment-add>a,
.gn-discussion-forum .form-actions .button,
.contact-us-wrap .form-actions .button {
    width: 100%;
    max-width: 115px;
    height: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #ba2025;
    border: 2px solid #ba2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gn-discussion-forum section+.links .comment-add>a:hover,
.gn-discussion-forum .form-actions .button:hover,
.contact-us-wrap .form-actions .button:hover {
    background: #fff;
    color: #ba2025;
}

.contact-us-wrap .js-form-item input.form-file {
    width: 60px;
    height: 60px;
    background: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file.svg");
    background-position: center center;
    background-size: cover;
    font-size: 0;
    cursor: pointer;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: -120px;
}

.contact-us-wrap .form-item-attach-file label {
    font-size: 18px;
    line-height: 33px;
    color: #404040;
    /* pointer-events: none; */
}

.contact-us-wrap .webform-element-help.js-webform-element-help {
    border-color: #ba2025;
    background: transparent;
    color: #ba2025;
    margin-left: 10px;
}

.contact-us-wrap .js-form-item.webform-element-help-container--title {
    width: 100%;
}

.contact-us-wrap .file.file--image {
    font-size: 18px;
    color: #404040;
    padding: 10px;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 0 5px;
}

.contact-us-wrap .form-item-attach-file .form-submit {
    border: 2px solid #ba2025;
    background: transparent;
    color: #ba2025;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    max-width: 200px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.contact-us-wrap .form-item-attach-file .form-submit:hover {
    background: #ba2025;
    color: #fff;
}

.contact-details-wrap {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding-top: 99px;
    padding: 99px 15px 0 15px;
}

.contact-details-wrap h4 {
    font-size: 22px;
    line-height: 33px;
    font-weight: 700;
    color: #404040;
    padding-bottom: 20px;
}

.contact-details-wrap p {
    width: 100%;
    max-width: 399px;
    font-size: 18px;
    line-height: 30px;
    color: #404040;
    margin-bottom: 30px;
}

.contact-details-wrap ul li {
    padding-bottom: 10px;
    padding-left: 0 !important;
}

.contact-details-wrap ul li:before {
    display: none;
}

.contact-details-wrap ul li a {
    font-size: 18px;
    color: #ba2025;
}

.contact-details-wrap ul li a strong {
    font-weight: 700;
    color: #404040;
}

.media-enquiries {
    padding-top: 30px;
    padding-bottom: 38px;
    border-top: 1px solid #707070;
}

.media-enquiries:last-child {
    border-bottom: 1px solid #707070;
}

.media-enquiries h5 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: #404040;
    padding-bottom: 20px;
}

.media-enquiries a {
    font-size: 18px;
    color: #ba2025;
}

.media-enquiries a strong {
    font-weight: 700;
    color: #404040;
}


/* breadcrumb-wrapper */

.breadcrumb-wrapper {
    padding: 24px 0 14px;
}

.breadcrumb-wrapper nav {
    width: 100%;
    max-width: 100;
    padding: 0 70px;
    margin: 0 auto;
}

.breadcrumb-wrapper nav ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.breadcrumb-wrapper nav ol li {
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width: 1900px) {
    .breadcrumb-wrapper nav ol li:last-child {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
    }
}

.breadcrumb-wrapper nav ol li a {
    font-size: 20px;
    color: #ba2025;
    font-weight: 700;
}

.breadcrumb-wrapper nav ol li+li::before {
    color: #6c757d;
    content: "/";
    padding: 0 10px;
}

.platform-child-list {
    background: url("../images/body-bg-img.png");
    padding: 151px 15px 80px;
    position: relative;
}

.platform-child-list:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.platform-child-list .views-row-wrapper {
    width: 100%;
    max-width: 1600px;
    padding: 0px 0px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    position: relative;
}

.platform-child-list .views-row-wrapper .views-row {
    width: 25%;
}

.platform-child-list .views-row-wrapper .views-row .views-field {
    height: 100%;
}

.platform-child-list .views-row-wrapper .views-row .views-field .field-content {
    height: 100%;
}

.platform-child-list .views-row-wrapper .views-row .views-field .field-content a {
    height: 100%;
}

.platform-child-list .views-row-wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 1;
}

.platform-child-list .views-row-wrapper:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    z-index: 1;
    background-color: #fff;
}

.platform-child-list .views-row-wrapper .views-row {
    border-bottom: 1px solid #c2c1c1;
    border-right: 1px solid #c2c1c1;
}

.platform-child-list .views-row-wrapper .views-row:nth-child(4n) {
    border-right: 0;
}

.platform-child-list .views-row-wrapper .views-row a {
    padding: 60px 0;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.platform-child-list .views-row-wrapper .views-row a:hover {
    background: #ba2025;
}

.platform-child-list .views-row-wrapper .views-row .platform-img {
    text-align: center;
}

.platform-child-list .views-row-wrapper .views-row .platform-img .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.platform-child-list .views-row-wrapper .views-row a:hover .platform-img .svg path {
    fill: #fff;
}

.platform-child-list .views-row-wrapper .views-row .platform-title {
    width: 100%;
    max-width: 312px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 15px;
    font-size: 30px;
    line-height: 40px;
    /*text-transform: capitalize;*/
    color: #20313b;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.platform-child-list .views-row-wrapper .views-row a:hover .platform-title {
    color: #fff;
}

.platform-child-list .views-row-wrapper .views-row .platform-desc {
    width: 100%;
    max-width: 312px;
    margin: 0 auto;
    padding: 0 15px;
    font-size: 20px;
    line-height: 30px;
    color: #20313b;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.platform-child-list .views-row-wrapper .views-row a:hover .platform-desc p {
    color: #fff;
}

.announce-exposed-form {
    background: #f5f5f5;
    border: 1px solid #d4d4d4;
    padding: 17px 0;
    margin-bottom: 80px;
}

.announce-exposed-form .views-exposed-form {
    width: 100%;
    max-width: 1660px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.announce-exposed-form .views-exposed-form .js-form-item {
    width: 43%;
    padding: 0 15px;
}

.announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
    width: 14%;
}

.announce-exposed-form .js-form-item input[type="text"] {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/search-icon-black.svg) #fff;
    background-repeat: no-repeat;
    background-position: 97% center;
}


/*.select2-container {
	width: 100% !important;
}*/

.select2-container .select2-selection {
    width: 100%;
    height: 60px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 27px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    background: #fff;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-position: 97% center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.announce-exposed-form .views-exposed-form .js-form-item.js-form-type-textfield .form-text {
    width: 100%;
    height: 60px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 27px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
}

.announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by label {
    display: none;
}

.announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by .form-select {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/sort-by.svg) #fff;
    background-repeat: no-repeat;
    background-position: 95% center;
}

.announce-pager .pager ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.announce-pager {
    text-align: center;
}

.announce-pager .pager {
    background: #f5f5f5;
    padding: 17px 30px;
    display: inline-block;
    margin-bottom: 70px;
    border-radius: 10px;
}

.announce-pager .pager ul .pager__item {
    width: 33px;
    height: 33px;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 15px;
    padding: 0;
}

.announce-pager .pager ul {
    padding-bottom: 0;
}

.announce-pager .pager ul .pager__item:before {
    display: none;
}

.announce-pager .pager ul .pager__item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.announce-pager .pager ul .pager__item.is-active a {
    background: #ba2025;
    color: #fff;
}

.announce-pager .pager ul .pager__item.pager__item--next {
    width: 100px;
    text-align: right;
    border-left: 1px solid #707070;
    border-radius: 0;
}

.announce-pager .pager ul .pager__item.pager__item--previous {
    width: 150px;
    text-align: right;
    border-right: 1px solid #707070;
    border-radius: 0;
}

.announce-pager .pager ul .pager__item.pager__item--first,
.announce-pager .pager ul .pager__item.pager__item--last {
    display: none;
}


/* login page */

.user-login-form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.user-login-form .js-form-item {
    margin-bottom: 20px;
}

.user-login-form .js-form-item label {
    font-size: 18px;
    font-weight: 700;
    color: #20313b;
    margin-bottom: 10px;
    display: block;
}

.user-login-form .js-form-item .description {
    font-size: 14px;
    line-height: 24px;
    color: #20313b;
    padding-top: 5px;
}

.user-login-form .js-form-item input {
    width: 100%;
    height: 50px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
}

.user-login-form .form-actions .button {
    width: 100%;
    max-width: 188px;
    height: 50px;
    font-size: 20px;
    font-weight: 700;
    color: #ba2025;
    text-transform: uppercase;
    border: 2px solid #ba2025;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.user-login-form .form-actions .button:hover {
    background: #ba2025;
    color: #fff;
}

.user-login-form .form-actions {
    margin-bottom: 60px;
}

.hero-banner-section img {
    width: 100%;
}

.e-library-page .e-library-page-title {
    width: 100%;
    font-size: 40px;
    line-height: 45px;
    color: #404040;
    font-weight: 700;
    background: #f5f5f5;
    text-align: center;
    padding: 20px 15px;
}

.e-library-page .e-library-page-title h1 {
    margin-bottom: 0;
}

.experts-database-list-wrap table thead th:not(.is-active) a::after {
    content: "";
    background-image: url(../images/sort_both.png);
    width: 16px;
    height: 16px;
    display: inline-block;
}

.experts-database-list-wrap table thead th.is-active .tablesort--asc {
    content: "";
    background-image: url("../images/sort_asc_disabled.png") !important;
    width: 20px;
    height: 20px;
    vertical-align: baseline;
    display: inline-block;
}

.experts-database-list-wrap table thead th.is-active .tablesort--desc {
    content: "";
    background-image: url("../images/sort_desc_disabled.png") !important;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.contact-us-wrap .js-form-item.form-item.js-form-type-checkbox input {
    width: 20px;
    height: 20px;
}

.contact-us-wrap .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.contact-us-wrap .js-form-item.form-item.js-form-type-checkbox label {
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 28px;
}

.contact-us-wrap .js-form-item.form-item.js-form-type-checkbox label span {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 10px;
}

.is_front .hero-banner-section {
    display: none;
}

.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    box-shadow: -8px 0 0 #77b259;
    margin-left: 0;
    padding: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

.messages--status .container {
    width: 100%;
    padding: 0;
}

.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    box-shadow: -8px 0 0 #e09600;
    padding: 15px;
    font-weight: 500;
}

.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    box-shadow: -8px 0 0 #e62600;
    padding: 15px;
    font-weight: 500;
    margin-bottom: 20px;
}

.header-menu.menu-item-hide .header-menu-btn {
    display: none;
}

#block-fctcapps-local-tasks,
#block-fctcapps-local-tasks--2 {
    padding: 20px 0 20px;
}

#block-fctcapps-local-tasks ul,
#block-fctcapps-local-tasks--2 ul {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

#block-fctcapps-local-tasks ul,
#block-fctcapps-local-tasks--2 ul {}

#block-fctcapps-local-tasks ul li,
#block-fctcapps-local-tasks--2 ul li {
    padding-bottom: 10px;
    font-size: 18px;
    color: #404040;
    font-weight: 700;
    padding: 0 15px;
}

#block-fctcapps-local-tasks ul li:before,
#block-fctcapps-local-tasks--2 ul li::before {
    display: none;
}

#block-fctcapps-local-tasks ul li a,
#block-fctcapps-local-tasks--2 ul li a {
    display: block;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#block-fctcapps-local-tasks ul li a:hover,
#block-fctcapps-local-tasks--2 ul li a:hover {
    color: #ba2025;
}

.contact-us-wrap form>div {
    width: calc(100% - 30px);
    margin: 0 auto 20px;
}

.messages .messages__list li {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
}

.messages .messages__list li:last-child {
    padding-bottom: 0;
}

.ajax-progress {
    /*  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;*/
}

.read-more {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #ba2025;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announce-row .views-row a:hover .read-more {
    color: #fff;
}


/* database page */

.databases-listing-wrap {
    padding: 130px 0 100px;
    background: url(../images/databases-listing-wrap-bg.png) #f9f9f9;
}

.databases-listing-row {
    display: flex;
    flex-wrap: wrap;
}

.databases-listing-left {
    width: 39%;
}

.databases-listing-left .databases-img {
    height: 100%;
}

.databases-listing-left .databases-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.databases-listing-right {
    width: 61%;
    padding-left: 30px;
}

.databases-info-box {
    margin-bottom: 10px;
}

.databases-info-box:last-child {
    margin-bottom: 0px;
}

.databases-info-box a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.databases-info-box a:hover {
    background: #ba0000;
}

.databases-info-box a .databases-icon {
    width: 16%;
    padding: 35px 42px 35px 31px;
    position: relative;
}

.databases-info-box a .databases-icon .svg {
    width: 100%;
}

.databases-info-box a .databases-icon .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.databases-info-box a:hover .databases-icon .svg path {
    fill: #fff;
}

.databases-info-box a .databases-icon:before {
    content: "";
    width: 1px;
    height: 62%;
    background: #707070;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.databases-info-box a:hover .databases-icon:before {
    background: #fff;
}

.databases-info-box a .databases-desc {
    width: 84%;
    padding-left: 42px;
}

.databases-info-box a .databases-desc h5 {
    font-size: 25px;
    line-height: 29px;
    color: #20313b;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.databases-info-box a:hover .databases-desc h5 {
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/drop-down-arrow-black.svg);
    background-repeat: no-repeat;
    background-position: cover;
    top: 17px;
    right: 11px;
    width: 14px;
    height: 12px;
    background-size: contain;
}

.select2-container--default .select2-selection--multiple {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/drop-down-arrow-black.svg) #fff;
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0 !important;
}

.announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
}

.announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/drop-down-arrow-black.svg);
    background-repeat: no-repeat;
    background-position: cover;
    top: 24px;
    right: 11px;
    width: 34px;
    height: 15px;
    background-size: contain;
}

.announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by .select2-selection__arrow {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/sort-by.svg) #fff;
    background-repeat: no-repeat;
    background-position: 95% center;
}

.select2 {
    width: 100% !important;
}

.no-result {
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    width: 100%;
    color: #404040;
}

.nomination-form-wrap .radios--wrapper {
    margin-top: 0;
    width: 100%;
    margin-bottom: 50px;
}

.fieldset-wrapper {
    width: 100%;
}

.nomination-form-wrap .radios--wrapper .js-form-item {
    width: auto;
}

.nomination-form-wrap .radios--wrapper .js-webform-radios {
    display: flex;
    flex-wrap: wrap;
}

.form-item-radio-buttons {
    position: relative;
    padding-right: 70px;
}


/* Single Page */

.sf-content-block.content-block.socialmedia-icons,
.sf-content-block.content-block.socialmedia-icons div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-line-pack: justify;
    align-content: space-evenly;
    width: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
}

.sf-content-block.content-block.socialmedia-icons a {
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    -ms-flex-item-align: end;
    align-self: end;
    padding: 0 4px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 22px
}


/* .form-item-radio-buttons label {
  text-transform: capitalize;
} */

.nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked,
.nomination-form-wrap .form-item-radio-buttons [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked+label,
.nomination-form-wrap .form-item-radio-buttons [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    font-size: 25px;
    color: #404040;
    font-weight: 700;
}

.nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked+label:before,
.nomination-form-wrap .form-item-radio-buttons [type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    border: 1px solid #404040;
    border-radius: 100%;
    background: #fff;
}

.nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked+label:after,
.nomination-form-wrap .form-item-radio-buttons [type="radio"]:not(:checked)+label:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #16629d;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.nomination-form-wrap .form-item-radio-buttons [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.webform-submission-add-form {
    padding: 36px 100px 100px;
}

.webform-submission-add-form .webform-flexbox {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -34px;
}

.webform-submission-add-form .webform-flexbox .webform-flex {
    width: 50%;
    padding: 0 34px;
}

.webform-submission-form [data-drupal-selector*="edit-flexbox-07"] {
    display: block;
}

.webform-submission-form [data-drupal-selector*="edit-flexbox-07"] .webform-flex {
    width: 100% !important;
    padding: 0 34px;
}

.webform-submission-form [data-drupal-selector*="edit-flexbox-07"] .webform-flex .webform-flex--container {
    width: 100%;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container {
    margin: 0;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    align-items: center;
    margin-top: 0;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-textarea {
    align-items: flex-start;
}

.webform-submission-nomination-form-node-15-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-managed-file .file-wrapper-custom .description .webform-element-description,
.webform-submission-protocol-nomination-form-node-18-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-managed-file .file-wrapper-custom .description .webform-element-description {
    display: none;
}

.webform-submission-add-form .js-form-item input.form-file {
    display: inline-block;
}

.webform-submission-nomination-form-node-15-form .webform-flexbox .webform-flex .webform-flex--container .js-form-type-processed-text,
.webform-submission-protocol-nomination-form-node-18-form .webform-flexbox .webform-flex .webform-flex--container .js-form-type-processed-text {
    display: block;
}

.webform-submission-nomination-form-node-15-form .webform-flexbox .webform-flex .webform-flex--container #edit-attach-type p,
.webform-submission-protocol-nomination-form-node-18-form .webform-flexbox .webform-flex .webform-flex--container #edit-attach-type p {
    margin: 0;
    color: #666;
}

.webform-submission-nomination-form-node-15-form .js-form-item input.form-file,
.webform-submission-protocol-nomination-form-node-18-form .js-form-item input.form-file {
    display: none;
}

.webform-submission-nomination-form-node-15-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-managed-file .file-wrapper-custom .js-form-managed-file label,
.webform-submission-protocol-nomination-form-node-18-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-managed-file .file-wrapper-custom .js-form-managed-file label {
    font-weight: 400 !important;
    color: #ba2025 !important;
    padding: 7px 23px 6px 40px !important;
    width: auto !important;
    margin: 0 !important;
    position: relative;
    background-color: #fff;
    border: 1px solid #ba2025;
    margin-bottom: 10px;
    display: inline-block;
}

.webform-submission-nomination-form-node-15-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-managed-file .file-wrapper-custom .js-form-managed-file label:before,
.webform-submission-protocol-nomination-form-node-18-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-managed-file .file-wrapper-custom .js-form-managed-file label:before {
    content: "";
    position: absolute !important;
    width: 22px;
    height: 22px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file-icon.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item .js-form-item {
    margin-bottom: 0;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label,
.add-more-wrapper label,
.other-area-wrapper label,
.other-language-wrapper label {
    width: 223px;
    font-size: 18px;
    line-height: 1.2;
    color: #404040;
    font-weight: 700;
    padding-right: 29px;
    word-break: break-word;
}


/*.webform-submission-add-form .webform-flex--container > .form-item > input:not([type="checkbox"]), .webform-submission-add-form .webform-flex--container > .form-item > select {
	width: calc(100% - 223px);
}*/

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item .form-control,
.add-more-wrapper input,
.other-area-wrapper input,
.other-language-wrapper input {
    width: calc(100% - 223px);
    height: 40px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item .form-control:focus {
    border-bottom-color: #ba2025;
}

.form-control::-webkit-input-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.form-control:-moz-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.form-control::-moz-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.webform-submission-add-form .webform-flexbox .js-form-type-select .select2 {
    width: calc(100% - 223px) !important;
}

.webform-submission-add-form .webform-flexbox .js-form-type-select .select2-container .select2-selection {
    height: 100%;
    border-radius: 0;
    padding: 0 27px 0 23px;
}

.webform-submission-add-form .js-form-type-textarea>div {
    width: calc(100% - 223px);
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item .form-control.form-textarea {
    width: 100%;
    padding: 15px 23px;
    height: 160px;
}

.webform-submission-add-form .form-actions .button,
.print_button .button,
.resource-db-tobacco-entity .views-exposed-form input[type="submit"] {
    width: 100%;
    max-width: 115px;
    height: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #ba2025;
    border: 2px solid #ba2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.resource-db-tobacco-entity .views-expose-filter .hide-apply-button {
    display: none;
}

.text-count-message {
    padding-top: 5px;
    font-size: 16px;
}

.webform-submission-add-form .form-actions .button:hover,
.print_button .button:hover,
.resource-db-tobacco-entity .views-exposed-form input[type="submit"]:hover {
    background: #fff;
    color: #ba2025;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url {
    width: 100%;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item label {
    display: none;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item .form-url {
    width: 100%;
    height: 40px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item .form-url:focus {
    border-bottom-color: #ba2025;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item .form-url::-webkit-input-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item .form-url:-moz-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item .form-url::-moz-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-multiple-url .js-form-item .form-url:-ms-input-placeholder {
    color: #b7b7b7;
    opacity: 1;
}

.webform-multiple-add .button {
    font-size: 18px;
    line-height: 28px;
    padding: 5px 10px;
    color: #fff;
    font-weight: 700;
    background: #ba2025;
    border: 2px solid #ba2025;
    cursor: pointer;
}

.webform-multiple-add .button:hover {
    color: #ba2025;
    background: transparent;
}

.expert-terms-wrap {
    background: #f9f9f9;
}

.expert-terms-wrap .webform-wrapper {
    width: 100%;
    max-width: 1400px;
    background: transparent;
}

.expert-terms-wrap .webform-wrapper form {
    padding: 70px 0;
}

.expert-terms-wrap .js-form-item input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.expert-terms-wrap .js-form-item label {
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 22px;
    color: #404040;
    padding-left: 63px;
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
    background: #f2f2f2;
    border: 1px solid #a4a4a4;
    border-radius: 5px;
    margin-bottom: 10px;
}

.expert-terms-wrap .js-form-item label:before {
    content: "";
    width: 27px;
    height: 27px;
    border: 1px solid #a4a4a4;
    background: transparent;
    position: absolute;
    top: 8px;
    left: 21px;
}

.expert-terms-wrap .js-form-item label:after {
    content: "";
    display: block;
    position: absolute;
    background: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-black.svg") no-repeat;
    background-size: cover;
    top: 13px;
    left: 30px;
    width: 13px;
    height: 10px;
    opacity: 0;
    visibility: hidden;
}

.expert-terms-wrap .js-form-item input:checked+label:before {
    background: #ba2025;
    border-color: #ba2025;
}

.expert-terms-wrap .js-form-item input:checked+label:after {
    background: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-white.svg") no-repeat;
    opacity: 1;
    visibility: visible;
}

.js-form-item-check-all label:before,
.js-form-item-check-all label:after {
    display: none !important;
    opacity: 0;
}

.expert-terms-wrap .js-form-item {
    width: 100%;
}

.expert-terms-wrap .js-form-item.js-form-item-check-all {
    width: 143px;
    margin-right: 10px;
}

.form-item-uncheck-all label:before,
.form-item-uncheck-all label:after {
    display: none !important;
    opacity: 0;
}

.expert-terms-wrap .js-form-item.form-item-uncheck-all label {
    padding-left: 0;
    text-align: center;
}

.expert-terms-wrap .js-form-item.form-item-uncheck-all {
    width: 143px;
}

.expert-terms-wrap .webform-wrapper form {
    display: flex;
    flex-wrap: wrap;
}

.expert-terms-wrap .form-actions .button {
    width: 115px;
    margin-top: 40px;
}

.contact-us-wrap .webform-wrapper {
    width: 100%;
}

.contact-us-wrap .js-form-item.js-form-item-attach-file {
    padding: 0;
}

.contact-us-wrap .js-form-item label {
    position: relative;
}

.js-form-item label.js-form-required:after {
    content: "*";
    font-size: 18px;
    color: #ba2025;
    margin-left: 5px;
    font-weight: 700;
}

.tippy-box {
    background: transparent;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    font-size: 15px;
    color: #404040;
}

.tippy-arrow {
    color: #fff;
}

.js-form-managed-file {
    position: relative;
}

.ajax-progress {
    left: 60px;
    right: inherit;
    top: 25px;
}

.contact-us-wrap .js-form-item.js-form-item-attach-file {
    width: 100%;
}

.contact-us-wrap .js-form-item.js-form-item-attach-file .js-form-managed-file {
    width: calc(100% - 256px);
}

.contact-us-wrap .webform-element-help.js-webform-element-help {
    position: absolute;
    top: 11px;
    right: -94px;
}

.webform-element-help {
    border-color: #ba2025;
    background: transparent;
    color: #ba2025;
    margin-left: 10px;
    z-index: 1234;
}

.expert-terms-wrap .webform-element-help {
    position: absolute;
    bottom: -35px;
    left: 0;
    margin-left: 0;
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox input {
    width: 20px;
    height: 20px;
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox label {
    width: calc(100% - 40px);
    font-size: 18px;
    line-height: 28px;
    position: relative;
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.webform-submission-add-form .attach-file-wrap.webform-flexbox .webform-flex {
    width: 100%;
}

.webform-submission-add-form .attach-file-wrap.webform-flexbox .webform-flex .webform-flex {
    width: 100%;
    padding: 0;
}

.webform-submission-add-form .attach-file-wrap.webform-flexbox .webform-flex.webform-flex--1 {
    flex: inherit;
}

.webform-submission-add-form .attach-file-wrap.webform-flexbox .js-form-type-checkbox {
    width: 100%;
}

.webform-submission-add-form .webform-flexbox.attach-file-wrap .webform-flex .webform-flex--container .js-form-item.js-form-type-checkbox label {
    width: calc(100% - 40px);
}

.webform-submission-add-form .webform-flexbox.attach-file-wrap .js-form-managed-file {
    width: calc(100% - 256px);
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox label span {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 10px;
}

.nomination-form-wrap .form-item-attach-file .form-submit {
    border: 2px solid #ba2025;
    background: transparent;
    color: #ba2025;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    width: 100%;
    max-width: 200px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 10px;
}

.nomination-form-wrap .form-item-attach-file .form-submit:hover {
    background: #ba2025;
    color: #fff;
}


/* .nomination-form-wrap .tippy-box {
  padding: 0;
  box-shadow: none;
  background: transparent;
} */

.expert-terms-wrap .js-form-item.js-form-type-checkbox label:after {
    content: "";
    margin-left: -2px;
}

.expert-terms-wrap .js-form-item.webform-element-help-container--element-after {
    position: relative;
}

.experts-database-list-wrap {
    width: 100%;
    max-width: 1692px;
    margin: 0 auto;
    padding: 20px 0 54px;
}

.experts-database-list-wrap .views-header-wrapper h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #404040;
    padding-top: 0;
    text-align: center;
    position: relative;
    padding-bottom: 25px;
}

.experts-database-list-wrap .views-header-wrapper h1:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.experts-database-list-wrap .expert-header {
    margin-bottom: 20px;
    position: relative;
}

.experts-database-list-wrap .expert-header a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 700;
    color: #16629d;
    display: inline-block;
    /*background: #404040;
	display: inline-block;
	padding: 16px 27px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.experts-database-list-wrap .expert-header a:hover {
    /*background: #ba2025;*/
    color: #ba2025;
}

.dataTables_length label {
    font-size: 20px;
    font-weight: 700;
    color: #404040;
}

.dataTables_wrapper .dataTables_length .select2 {
    width: 86px !important;
    margin-right: 10px !important;
}

.dataTables_wrapper .dataTables_length .select2-container .select2-selection--single {
    width: 86px;
    height: 48px;
    font-size: 20px;
    color: #404040;
    margin: 0 5px;
    font-weight: 700;
    background-color: #f2f2f2;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    padding-left: 15px;
    text-align: left;
    line-height: 51px;
    /*background: url(../images/drop-down-arrow-black.svg) #F2F2F2;*/
    background-repeat: no-repeat;
    background-position: 83% center;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 20px;
    line-height: 51px;
}

.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 17px;
    height: 20px;
    top: 20px;
    right: 7px;
}

.dataTables_wrapper .dataTables_length select {
    width: 86px;
    height: 53px;
    font-size: 20px;
    color: #404040;
    margin: 0 5px;
    font-weight: 700;
    background-color: #f2f2f2;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/drop-down-arrow-black.svg) #f2f2f2;
    background-repeat: no-repeat;
    background-position: 83% center;
    cursor: pointer;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
}

.dataTables_filter {
    display: flex;
    flex-wrap: wrap;
}

.dataTables_filter label {
    font-size: 0;
}

.dataTables_wrapper .dataTables_filter input {
    width: 226px;
    height: 48px;
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    background: #f2f2f2;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/search-icon-black.svg) #f2f2f2;
    background-repeat: no-repeat;
    background-position: 90% center;
    padding: 0 20px;
}

.dataTables_filter .dt-buttons button,
.experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print {
    font-size: 20px;
    font-weight: 700;
    color: #404040;
    padding: 11px 21px;
    margin-left: 5px;
    border: 1px solid #b8b8b8;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}

.dataTables_filter .dt-buttons button a {
    display: inline-flex;
    align-items: center;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dataTables_filter .dt-buttons button:hover,
.experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print:hover {
    background: #ba2025;
    border-color: #ba2025;
    color: #fff;
}


/*.experts-database-list-wrap .views-exposed-form #edit-field-expert-db-nomination-type-value--wrapper {
  visibility: hidden;
  height: 0;
  width: 0;
  display: none;
}*/

.dataTables_filter .dt-buttons button:hover a {
    color: #fff;
}

.dataTables_filter .dt-buttons button .svg,
.experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print .svg {
    margin-left: 20px;
}

.dataTables_filter .dt-buttons button .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.dataTables_filter .dt-buttons button:hover .svg path,
.experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print:hover .svg path {
    fill: #fff;
}

.dataTables_wrapper .dataTables_length {
    margin-bottom: 23px;
}

table.dataTable thead th,
.experts-database-list-wrap table thead th,
.attach-file-wrapper .responsive-enabled thead th,
.attachment-wrap .responsive-enabled thead th,
.webform-flex--container .responsive-enabled thead th {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #16629d;
    border-right: 1px solid #b8b8b8;
    border-bottom: 0;
    text-align: left;
}

.experts-database-list-wrap table thead th a {
    font-size: 20px;
    font-weight: 700;
    background: #16629d;
    text-align: left;
    color: #fff;
}

.experts-database-list-wrap table thead th,
.attach-file-wrapper .responsive-enabled thead th,
.attachment-wrap .responsive-enabled thead th,
.webform-flex--container .responsive-enabled thead th {
    padding: 10px 12px;
}


/* .experts-database-list-wrap table thead th a,
.attach-file-wrapper .responsive-enabled thead th a,
.attachment-wrap .responsive-enabled thead th a,
.webform-flex--container .responsive-enabled  thead th a
table.dataTable thead th a {
  color: #fff;
  background: #16629d;
} */

table.dataTable tbody th:first-child {
    border-left: 1px solid #b8b8b8;
}

table.dataTable tbody td:first-child {
    border-left: 1px solid #b8b8b8;
}

table.dataTable tbody td,
.experts-database-list-wrap table tbody td,
.attach-file-wrapper .responsive-enabled tbody td,
.attachment-wrap .responsive-enabled tbody td,
.webform-flex--container .responsive-enabled tbody td {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    text-align: left;
    padding: 10px 18px;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    background: #f2f2f2;
}

.experts-database-list-wrap table tbody td P.address {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    text-align: left;
    padding: 10px 18px;
}

.experts-database-list-wrap table tbody td:first-child {
    border-left: 1px solid #b8b8b8;
}

.table.dataTable tbody .views-field-field-expert-db-country p,
.experts-database-list-wrap table tbody .views-field-field-expert-db-country p,
.attach-file-wrapper .responsive-enabled tbody .views-field-field-expert-db-country p,
.attachment-wrap .responsive-enabled tbody .views-field-field-expert-db-country p,
.webform-flex--container .responsive-enabled .views-field-field-expert-db-country p {
    margin-bottom: 0;
}

.attachment-wrap .webform-flex--container .responsive-enabled {
    width: 100%;
}

.experts-database-list-wrap table tbody td a {
    color: #ba2025;
}

.my-submission-view {
    margin-bottom: 70px
}

table.dataTable tbody tr:nth-child(even) td {
    background: #e2e2e2;
}

table.dataTable.no-footer {
    border-bottom: 0px solid #b8b8b8;
}

.approve-btn {
    color: #ba2025;
}

.dataTables_wrapper .dataTables_paginate {
    background: #f5f5f5;
    padding: 17px 30px;
    display: inline-block;
    margin-bottom: 70px;
    border-radius: 10px;
    margin-top: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 18px;
    color: #404040 !important;
    border: 0 !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.5em 0.8em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #ba2025;
    color: #fff !important;
}

.dataTables_wrapper .dataTables_info {
    display: none;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    display: table;
    /* margin: 20px auto 0; */
}

table.dataTable tbody td.views-field-view-node a {
    color: #ba2025;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

table.dataTable tbody td.views-field-view-node a:hover {
    color: #404040;
}

.path-search .main-content section {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.path-search .main-content section .search-form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 0 15px;
}

.path-search .main-content section .search-form label {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.path-search .main-content section .search-form .form-search {
    width: 100%;
    height: 40px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.path-search .main-content section .search-form .form-search:focus {
    border-bottom-color: #ba2025;
}

.path-search .main-content section .search-form .form-submit {
    width: 100%;
    max-width: 115px;
    height: 40px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #ba2025;
    border: 2px solid #ba2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    margin-left: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.path-search .main-content section .search-form .form-submit:hover {
    background: #fff;
    color: #ba2025;
}

.path-search .main-content section .search-form .js-form-item {
    width: calc(100% - 130px);
    display: block;
}

.path-search .main-content section .search-form .js-form-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.path-search .main-content section h3 {
    font-size: 22px;
    font-weight: 700;
    color: #404040;
    text-align: center;
    padding: 10px 0 10px;
}

.form-actions {
    position: relative;
}

.form-actions .ajax-progress {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 12;
}

.expert-terms-wrap .form-actions .ajax-progress {
    top: 55px;
}

.expert-terms-wrap .check-all-uncheck-all-wrap {
    width: 100%;
    display: block;
    margin: 0;
}

.expert-terms-wrap .webform-submission-add-form .webform-flexbox .webform-flex {
    width: auto;
    display: inline-block;
    padding: 0;
}

.expert-terms-wrap .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.path-search .main-content section h2 {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    text-align: left;
    color: #404040;
    padding-bottom: 20px;
    padding-top: 10px;
}

.path-search .main-content section ol li h3 {
    text-align: left;
}

.path-search .main-content section ol li h3 a {
    color: #ba2025;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.path-search .main-content section ol li h3 a:hover {
    color: #404040;
}

.path-search .main-content section ol li p {
    font-size: 16px;
    line-height: 26px;
    color: #404040;
}

.path-search .pager {
    text-align: center;
}

.path-search .pager ul {
    background: #f5f5f5;
    padding: 17px 30px;
    display: inline-flex;
    border-radius: 10px;
}

.path-search .pager ul .pager__item {
    width: 33px;
    height: 33px;
    background: transparent;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 15px;
}

.path-search .pager ul .pager__item a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.path-search .pager ul .pager__item.pager__item--next {
    width: 100px;
    text-align: right;
    border-left: 1px solid #707070;
    border-radius: 0;
    margin-right: 0;
}

.path-search .pager ul .pager__item.pager__item--last {
    width: auto;
    text-align: right;
    border-right: 0px solid #707070;
    border-radius: 0;
    margin-left: 0;
    display: none;
}

.path-search .pager ul .pager__item.is-active a {
    background: #ba2025;
    color: #fff;
}

.path-search .pager ul .pager__item.pager__item--previous {
    width: 120px;
    text-align: right;
    border-right: 1px solid #707070;
    border-radius: 0;
    margin-left: 0;
}

.path-search .pager ul .pager__item.pager__item--first {
    width: auto;
    text-align: right;
    border-right: 0px solid #707070;
    border-radius: 0;
    margin-left: 0;
    display: none;
}

.protocol-database-landing-page {
    padding: 122px 0 70px;
    background: url(../images/body-bg-img.png);
    position: relative;
}

.protocol-database-listing-wrap {
    width: 100%;
    max-width: 1780px;
    margin: 0 auto;
}

.protocol-database-listing {
    display: flex;
    flex-wrap: wrap;
}

.protocol-database-box {
    width: 33.33%;
}

.protocol-database-box a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.protocol-database-box a img {
    width: 100%;
    display: block;
}

.protocol-database-box a .overly-desc {
    width: 100%;
    height: 90px;
    background: rgba(186, 32, 37, 1);
    padding: 0px 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.protocol-database-box a:hover .overly-desc {
    height: 100%;
    background: rgba(186, 32, 37, 0.8);
    display: flex;
    align-items: center;
}

.protocol-database-box a .overly-desc p {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 29px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.expert-database-view-wrap .container {
    max-width: 1600px;
}

.expert-database-view-wrap div.cta-btn,
.experts-database-list-wrap .views-header-wrapper .dashboard-cta-btn {
    margin: 0 0 25px 0;
}

.expert-database-view-list {
    padding: 50px 0 0px;
}

.expert-database-view-list .info-box {
    display: flex;
    flex-wrap: wrap;
    background: #e2e2e2;
    border: 1px solid #404040;
    border-bottom: 0;
}

.expert-database-view-list .info-box:last-child {
    border-bottom: 1px solid #404040;
}

.expert-database-view-list .info-box:nth-child(odd) {
    background: #f2f2f2;
}

.expert-database-view-list .info-box .title {
    width: 25%;
    padding: 15px;
    font-size: 18px;
    line-height: 26px;
    color: #404040;
    font-weight: 700;
    border-right: 1px solid #404040;
}

.expert-database-view-list .info-box .desc {
    width: 75%;
    padding: 15px;
    font-size: 16px;
    line-height: 26px;
    color: #404040;
}

.expert-database-view-list .info-box .desc a {
    color: #ba2025;
}

.nomination-form-wrap .webform-submission-add-form .file-upload-wrap.webform-flexbox .webform-flex .webform-flex {
    width: 100%;
    padding: 0;
}


/*.nomination-form-wrap
  .webform-submission-add-form
  .webform-flexbox
  .webform-flex
  .webform-flex
  .js-form-managed-file {
  width: calc(100% - 150px);
}*/

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox {
    position: relative;
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox label {
    width: calc(100% - 25px) !important;
    padding-left: 29px;
    padding-right: 0 !important;
}

.nomination-form-wrap .js-form-item.form-item.js-form-type-checkbox label span {
    padding-left: 0;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
    width: 150px;
}

.nomination-form-wrap .webform-submission-add-form .file-upload-wrap .ajax-progress {
    left: 15px;
    top: 15px;
}


/* Add single validation message for both term form */

.webform-submission-fctc-experts-db-form .messages--error .messages__list li.messages__item,
.webform-submission-protocol-experts-db-form .messages--error .messages__list li.messages__item {
    display: none;
}

.webform-submission-fctc-experts-db-form .messages--error .messages__list li.messages__item:first-child,
.webform-submission-protocol-experts-db-form .messages--error .messages__list li.messages__item:first-child {
    display: block;
}

.experts-database-list-wrap .csv-feed {
    /*display: none;*/
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #16629d;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}


/* .webform-submission-add-form
  .webform-flexbox
  .js-form-type-select
  .select2-container
  .select2-selection--multiple {
  height: auto;
} */

.expert-header.protocol .views-header-wrapper h1 {
    max-width: 900px;
    margin: 0 auto;
}

.expert-header.protocol a {
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
}

.expert-header .dt-buttons {
    display: none;
}

.messages--error {
    box-shadow: none;
    border-left: 8px solid #e62600;
}

.messages--status {
    box-shadow: none;
    border-left: 8px solid #77b259;
}

.messages {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 10px;
}

.messages .container {
    padding: 0;
}

.check-all-uncheck-all-wrap .js-form-item label {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.webform-submission-add-form .check-all-uncheck-all-wrap.webform-flexbox .webform-flex .webform-flex--container .js-form-item label:hover {
    background: #ba2025;
    border-color: #ba2025;
    color: #fff;
}

.webform-confirmation__back {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 20px;
}

.form-header p {
    position: relative;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.form-header p:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.contact-us-wrap .form-header p:before {
    display: none;
}

.contact-us-wrap .form-header p {
    padding: 0;
}

details.webform-submission-information summary {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #404040;
    padding-bottom: 10px;
}

details.webform-submission-information div {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
}

details.webform-submission-information div b {
    padding-right: 10px;
}

details.webform-submission-information div .button {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    color: #ba2025;
    margin-bottom: 20px;
    display: inline-block;
}

.contact-us-wrap .js-form-item.form-item-role-position {
    width: 100%;
}

.offer-assistance-form .form-header {
    width: calc(100% - 188px);
    max-width: 1918px;
    display: block;
    margin: auto;
    background: #f7f7f7;
    padding-top: 60px;
}

.offer-assistance-form .form-header p {
    margin-bottom: 0;
    padding: 0;
}

.offer-assistance-form .form-header p:before {
    display: none;
}

.offer-assistance-form .form-header h1 {
    background: transparent;
    position: relative;
    margin-bottom: 20px;
    padding-top: 0;
}

.offer-assistance-form .form-header h1:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.offer-assistance-form .webform-element-help.js-webform-element-help {
    position: absolute;
    top: 0;
    right: 10px;
}

.offer-assistance-form .js-form-item label {
    position: relative;
}

.offer-assistance-form .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
    width: 223px;
}

.offer-assistance-form .contact-us-wrap .js-form-item.js-form-item-attach-file .js-form-managed-file {
    width: calc(100% - 223px);
}

.offer-assistance-form .file-upload-wrap .webform-flex .webform-flex--container>.webform-flex {
    width: 100%;
    padding: 0;
}

.offer-assistance-form .file {
    font-size: 18px;
    color: #404040;
}

.offer-assistance-form .form-item-attach-file .form-submit {
    border: 2px solid #ba2025;
    background: transparent;
    color: #ba2025;
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    max-width: 200px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 8px;
    margin-top: 10px;
}

.offer-assistance-form .form-item-attach-file .form-submit:hover {
    background: #ba2025;
    color: #fff;
}


/* new changes*/

.nomination-form-wrap .file-upload-wrap .webform-flex:last-child {
    display: flex;
    align-items: flex-end;
}

.expert-terms-wrap .js-form-item label:before {
    top: 50%;
    transform: translateY(-50%);
}

.expert-terms-wrap .js-form-item.js-form-type-checkbox label:after {
    top: 50%;
    transform: translateY(-55%);
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/sort_asc.png") !important;
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/sort_desc.png") !important;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
}

.nomination-form-wrap .js-form-item-multiple-url .webform-multiple-table {
    flex-grow: 1;
}

.nomination-form-wrap .js-form-item-multiple-url #edit-multiple-url-items {
    width: 100%;
}

.nomination-form-wrap .js-form-item-multiple-url .webform-multiple-add {
    width: 100%;
    padding-left: 2px;
}

.expert-attachbutton {
    padding-bottom: 25px !important;
}

.expert-attachbutton label#edit-attach-file--label {
    display: none !important;
}


/* .expert-attachbutton .js-form-managed-file{
	background: #fff;
    border: 1px solid #BA2025;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0px 23px 0px 19px;
} */

.expert-attachbutton .js-form-managed-file>label {
    font-weight: 400 !important;
    color: #ba2025 !important;
    padding: 7px 23px 6px 40px !important;
    width: auto !important;
    margin: 0 !important;
    position: relative;
    background-color: #fff;
    border: 1px solid #ba2025;
    margin-bottom: 10px;
    display: inline-block;
}

.expert-attachbutton .js-form-managed-file label::before {
    width: 50px;
    height: 50px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file.svg);
    background-position: center center;
    background-size: contain;
    font-size: 0;
    cursor: pointer;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: -120px;
    position: relative;
    top: -10px;
}

.expert-attachbutton input.form-file {
    display: none;
    width: 11px !important;
    height: 21px !important;
    background: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file-icon.svg") no-repeat center center !important;
    background-color: none !important;
    top: 8% !important;
    transform: translateY(-8%) !important;
}


/* new changes*/

.expert-attachbutton>label {
    display: none;
}

.expert-attachbutton .js-form-item label,
.expert-attachbutton .js-form-item .form-checkbox {
    margin: 10px 0;
}

.expert-attachbutton .js-form-managed-file>label::before {
    content: "";
    position: absolute !important;
    width: 22px;
    height: 22px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file-icon.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.webform-multiple-table table {
    width: 100%;
}

.node-preview-container.container-inline {
    background-color: #ba2025;
}

.node-preview-container.container-inline .node-preview-form-select a {
    background-color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    display: inline-block;
    color: #ba2025;
}

.node-preview-container.container-inline .js-form-item label {
    color: #fff;
}

.node-preview-container.container-inline .select2 {
    width: 50% !important;
}

.node-preview-container.container-inline .select2-container .select2-selection {
    height: auto;
}


/*new changes*/

.gn-discussion-forum {
    width: 100%;
    max-width: 1594px;
    padding: 0px 15px;
    margin: 0 auto;
    padding-top: 36px;
    padding-bottom: 50px;
    color: #404040;
}

.gn-discussion-forum .quickedit-field {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 15px;
}

.gn-discussion-forum h2 a span:first-child {
    font-size: 18px;
}

.user-logged-out {}

.gn-discussion-forum .quickedit-field p {
    font-size: 18px;
    font-weight: 400;
}

.gn-discussion-forum .quickedit-field>div {
    display: inline-block;
    font-size: 15px;
}

.gn-discussion-forum .quickedit-field>div a {
    color: #ba2025;
    font-size: 15px;
}

.gn-discussion-forum section>article.contextual-region {
    /*display: flex;*/
    /*flex-direction: column-reverse;*/
    padding: 25px 15px 25px;
    border-top: 1px solid rgba(72, 72, 72, 0.23);
}

.gn-discussion-forum section>article.contextual-region footer+div {
    padding-top: 15px;
}

.gn-discussion-forum section>article.contextual-region footer+div h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.gn-discussion-forum section>article.contextual-region footer+div .links {
    padding-top: 15px;
}

.gn-discussion-forum section>article.contextual-region footer+div .links li {
    position: relative;
}

.gn-discussion-forum section>article.contextual-region footer+div .links li:not(:last-child):after {
    content: "/";
    position: absolute;
    top: 0;
    right: -3px;
}

.gn-discussion-forum section>article.contextual-region footer p {
    font-size: 14px;
}

.gn-discussion-forum section>article.contextual-region footer p a {
    color: #ba2025;
}

.gn-discussion-forum .links {
    display: none;
    /*display: flex;*/
    justify-content: start;
    font-size: 14px;
}

.gn-discussion-forum .links>li {
    padding: 0px 5px 0px;
}

.gn-discussion-forum .links>li a {
    color: #ba2025;
}

.gn-discussion-forum>div section>h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #404040;
}

.gn-discussion-forum .comment-form {
    padding: 25px 15px 25px;
    border: 1px solid rgba(72, 72, 72, 0.23);
}

.gn-discussion-forum .comment-form .form-item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.gn-discussion-forum .comment-form .form-item label {
    width: 156px;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    width: 156px;
}

.gn-discussion-forum input.form-text {
    flex-grow: 1;
    height: 40px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gn-discussion-forum .comment-form .form-item label+div {
    flex-grow: 1;
}

.gn-discussion-forum .comment-form .field--widget-text-textarea>.form-item {
    display: flex;
    flex-direction: column;
}

.gn-discussion-forum .comment-form .form-item .filter-wrapper {
    border: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

.gn-discussion-forum .comment-form .form-item .filter-wrapper .filter-help {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
}

.gn-discussion-forum .comment-form .form-item .filter-wrapper .select2 {
    width: initial !important;
    flex-grow: 1;
}

.gn-discussion-forum .form-actions {
    display: flex;
    justify-content: center;
    margin: 0px -5px;
}

.gn-discussion-forum .form-actions .button {
    margin: 0px 5px;
}

.gn-discussion-forum .select2-container .select2-selection {
    height: 40px;
}

.gn-discussion-forum section+.links {
    padding: 20px 15px 20px;
    border: 1px solid rgba(72, 72, 72, 0.23);
    border-top: none;
    justify-content: center;
}

.gn-discussion-forum section+.links .comment-add a {
    width: 200px;
    max-width: inherit !important;
    white-space: nowrap;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*new changes*/

.expert-select .select2-dropdown--above {
    width: 85px !important;
    left: 6px !important;
}

.expert-select .select2-dropdown--below {
    width: 85px !important;
    left: 6px !important;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item .form-control.recommended-legal-date {
    max-width: calc(100% - 223px);
    width: 100%;
}

.experts-database-list-wrap .expert-header .expert-submission a {
    position: relative;
}

.experts-database-list-wrap .expert-header .expert-submission {
    text-align: center;
    padding-top: 20px;
}

.dataTables_filter {
    width: calc(100% - 300px);
    justify-content: end;
}

.form-item-field-expert-db-country-country-code,
.form-item-field-regions-value,
.nomination_filter_select {
    width: 250px;
}

.form-item-field-expert-db-country-country-code .select2-container .select2-selection,
.form-item-field-regions-value .select2-container .select2-selection,
.nomination_filter_select .select2-container .select2-selection,
.form-item-field-address-country-code .select2-container .select2-selection,
.form-item-items-per-page .select2-container .select2-selection,
.experts-database-list-wrap.resource-db .form-item-items-per-page .select2-container .select2-selection {
    height: 48px;
    font-size: 20px;
    color: #404040;
    margin: 0 5px;
    font-weight: 700;
    background-color: #f2f2f2;
    border: 1px solid #b8b8b8;
}

.form-item-field-expert-db-country-country-code .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-item-field-regions-value .select2-container--default .select2-selection--single .select2-selection__rendered,
.nomination_filter_select .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-item-field-address-country-code .select2-container .select2-selection .select2-selection__rendered,
.form-item-items-per-page .select2-container .select2-selection .select2-selection__rendered {
    text-align: left;
    line-height: 48px;
}

.form-item-field-regions-value .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-item-field-expert-db-country-country-code .select2-container--default .select2-selection--single .select2-selection__arrow,
.nomination_filter_select .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-item-items-per-page .select2-container .select2-selection--single .select2-selection__arrow,
.form-item-field-address-country-code .select2-container .select2-selection--single .select2-selection__arrow {
    top: 17px;
    right: 7px;
    width: 24px;
    height: 15px;
}

.my-submission-view .buttons-print {
    display: none !important;
}

.webform-submission-fctc-announcement-request-form .js-form-item input.form-file {
    width: 60px;
    height: 60px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file.svg);
    background-position: center center;
    background-size: cover;
    font-size: 0;
    cursor: pointer;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: -120px;
}

.webform-submission-fctc-announcement-request-form .webform-element-help.js-webform-element-help {
    position: absolute;
    top: 0;
    right: -84px;
}

.webform-submission-add-form.webform-submission-protocol-announcement-request-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
    width: 223px;
    position: relative;
}

.header-search-bar {
    height: 40px;
}

.dropbutton-multiple .dropbutton .secondary-action {
    position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    border-top: 0;
    font-size: 18px;
    color: #fff;
}

.dropbutton-multiple .dropbutton .secondary-action a {
    font-size: 16px;
    color: #fff;
    padding: 10px;
    background: #404040;
}

.js .dropbutton-widget .dropbutton span {
    font-size: 19px;
    color: #fff;
}

.dropbutton-multiple .dropbutton-toggle {
    height: 24px;
    top: -3px;
    right: -4px;
}

.select-language-wrap {
    padding-right: 30px;
}

.footer-email-info .email-info ul li {
    margin-bottom: 5px;
}

.footer-email-info .email-info a i {
    padding-right: 15px;
    font-size: 30px;
    vertical-align: middle;
}


/* Search Bar */

.spectacledcoder-search-bar {
    width: 60px;
    height: 60px;
    margin: auto;
    background-color: white;
    display: flex;
    border-radius: 0% 30px 30px 30px;
    transition: width 1s;
    box-shadow: 5px 5px 20px #d8e6fd, -5px -5px 30px white;
    position: fixed;
    top: 30px;
    left: inherit;
    right: 30px;
    margin-left: auto;
    margin-right: auto;
    z-index: 11;
}

.search-icon {
    padding: 12px;
    margin-bottom: auto;
    margin-top: auto;
    margin-left: 10px;
    margin-right: auto;
    border-radius: 50%;
    background-color: #7d99b0;
}

.spectacledcoder-search-bar:hover {
    width: 365px;
    border-radius: 0% 30px 30px 30px;
}

.spectacledcoder-search-input {
    margin: auto;
    display: none;
    transition: display 12s;
    outline: none;
    border: none;
    font-family: 'Belanosima', sans-serif;
    border-radius: 25px;
    padding-left: 10px;
}

.spectacledcoder-search-bar:hover .spectacledcoder-search-input {
    display: inline-flex;
    width: 78%;
    height: 70%;
}

input[type="submit"] {
    display: none;
}

@media only screen and (max-width: 600px) {
    .spectacledcoder-search-bar:hover {
        width: 80%;
        border-radius: 0% 30px 30px 15px;
    }
}

.dropbutton-arrow {
    width: 13px;
    height: 8px;
    background: url("../images/drop-down-arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
    border: 0;
}

.dropbutton-multiple.open .dropbutton-arrow {
    border: 0;
}

.select-language-wrap {
    position: relative;
    padding-left: 30px;
}

.select-language-wrap:before {
    content: "";
    width: 33px;
    height: 19px;
    background: url("../images/language-icon.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -10px;
}

.webform-submission-fctc-announcement-request-add-form .file-upload-wrap .js-form-managed-file {
    width: calc(100% - 223px);
}

.webform-submission-fctc-announcement-request-add-form .file-upload-wrap .js-form-managed-file label {
    width: 100% !important;
    ;
}

.webform-submission-fctc-announcement-request-add-form .file-upload-wrap .js-form-type-checkbox {
    position: relative;
    padding-left: 20px;
    margin-top: 10px;
}

.webform-submission-fctc-announcement-request-form .webform-element-help.js-webform-element-help {
    top: 11px;
    right: -94px;
}

.filter-tips h2 {
    font-size: 30px;
    line-height: 40px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 20px;
}

.filter-tips h3 {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 20px;
}

.filter-tips ul li {
    font-size: 16px;
    line-height: 26px;
    color: #404040;
    font-weight: 400;
    margin-bottom: 20px;
    list-style-type: disc;
}

.filter-tips ul li ul {
    padding-left: 25px;
}

.filter-tips table {
    width: 100%;
    margin: 10px 0;
    border-spacing: 0;
    border: 0;
    border-collapse: collapse;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    font-size: 0.857em;
}

.filter-tips thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.filter-tips thead>tr {
    border-bottom: 1px solid #000;
    padding: 0.1em 0.6em;
    background: #efefef;
    background: rgba(0, 0, 0, 0.063);
}

.filter-tips table tr th {
    border-bottom-style: none;
    background: #757575;
    background: rgba(0, 0, 0, 0.51);
    padding: 10px;
}

.filter-tips table tr th,
.filter-tips table tr th a,
.filter-tips table tr th a:hover,
.filter-tips table tr th a:focus {
    color: #fff;
    font-weight: bold;
}

.filter-tips table tr td {
    padding: 10px;
    font-size: 18px;
    color: #404040;
    border-bottom: 1px solid #404040;
}

.azure-login-page {
    width: 90%;
    margin: 0 auto;
    display: block;
}

.azure-login-page .openid-connect-login-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 40px 0;
}

.azure-login-page .openid-connect-login-form .button {
    height: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #ba2025;
    border: 2px solid #ba2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    padding: 0 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.azure-login-page .openid-connect-login-form .button:hover {
    background: #fff;
    color: #ba2025;
}

.kh-footer-logo {
    position: absolute;
    top: 0;
    right: 20px;
}

.kh-footer-copyright {
    text-align: right;
}

.footer-info img {
    max-width: 280px;
}

.webform-submission-form .file-upload-wrap .webform-flex--1:nth-child(2) .webform-flex--container {
    width: 100%;
}

.webform-submission-form .file-upload-wrap .webform-flex--1:nth-child(2) .webform-flex--container .webform-flex {
    display: block;
    width: 100% !important;
}

.webform-submission-form .file-upload-wrap .webform-flex--1:nth-child(2) .webform-flex--container .webform-flex .expert-attachbutton {
    width: 100%;
}

.webform-submission-form .file-upload-wrap .webform-flex--1:nth-child(2) .webform-flex--container .webform-flex .expert-attachbutton .js-form-managed-file {
    width: 100%;
}

.webform-submission-form .form-flexbox-01-wrapper {
    display: block;
}

.webform-submission-form .form-flexbox-01-wrapper .webform-flex {
    width: 100%;
}

.user-form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.user-pass {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}


/*.user-form .form-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.user-form .form-wrapper .js-form-item {
  width: 50%;
  padding: 0 15px;
}
.user-form .form-wrapper.field--widget-address-default {
  width: 100%;
  clear: both;
}
.user-form .form-wrapper.field--widget-address-default .form-wrapper {
  width: 100%;
}*/

.user-pass .js-form-item>label {
    font-size: 18px;
    font-weight: 700;
    color: #20313B;
    margin-bottom: 10px;
    display: block;
}

.user-form .js-form-item>label {
    font-size: 18px;
    font-weight: 700;
    color: #20313B;
    margin-bottom: 10px;
    display: block;
}

.user-pass p {
    padding-top: 10px;
}

.user-form .js-form-item {
    margin-bottom: 20px;
}

.user-form .js-form-item .description {
    font-size: 14px;
    line-height: 24px;
    color: #404040;
    padding-top: 10px;
}

.user-form .js-form-item input {
    width: 100%;
    height: 50px;
    border: 1px solid #A4A4A4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
}

.user-pass .js-form-item input {
    width: 100%;
    height: 50px;
    border: 1px solid #A4A4A4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
}

.user-form .field--type-address {
    padding-bottom: 20px;
}

.user-form summary {
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    color: #20313B;
    padding-bottom: 20px;
}

.user-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
}

.user-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 28px;
}

.user-form .form-actions .button {
    height: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #BA2025;
    border: 2px solid #BA2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    padding: 0 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
}

.user-form .form-actions .button:hover {
    background: #fff;
    color: #BA2025;
}

.user-pass .form-actions .button {
    height: 53px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: #BA2025;
    border: 2px solid #BA2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 0 auto;
    padding: 0 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
}

.news-row .news-listing-page .news-update-box .news-update-img,
.news-row .e-library-listing .news-update-box .news-update-img {
    max-width: 135px !important;
    margin: 0px auto !important;
    width: 100% !important;
    display: flex !important;
}

.news-row .news-listing-page .news-update-box {
    min-height: 240px !important;
    align-items: inherit !important;
    padding: 20px;
}

.news-row .page-title {
    margin-bottom: 0 !important;
    min-height: 180px;
    overflow: hidden;
}

.news-row .main-content h4 {
    font-size: 20px;
    line-height: 23px;
    overflow: hidden;
}

.news-row .news-update-desc {
    padding: 0 !important;
}

.news-row .news-listing-page .news-update-box .news-update-desc {
    float: inherit !important;
    width: 70% !important;
    text-align: center !important;
}

.news-row .news-update-desc h4:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #29abe1 !important;
    position: absolute;
    left: 40%;
}

.blogs-row .news-listing-page .news-update-box .news-update-img,
.blogs-row .e-library-listing .news-update-box .news-update-img {
    width: 15% !important;
}

.blogs-row .news-listing-page .news-update-box .news-update-desc,
.blogs-row .e-library-listing .news-update-box .news-update-desc {
    width: 80%;
    text-align: center;
    float: right;
    margin-left: 4%;
}

.blogs-row .news-listing-page .news-update-box,
.blogs-row .e-library-listing .news-update-box {
    float: left;
    margin-bottom: 30px;
    width: 47%;
    margin-left: 2.5%;
    min-height: 200px;
    display: inherit;
    padding: 20px;
}

.info {
    text-align: left;
}

#block-emaillinksknowledgehub {
    margin: 0px auto;
    width: 30%;
}

.footer-sdpi-logo {
    width: 30%;
    text-align: right;
}

.footer-sdpi-logo img {
    max-width: 170px;
}

.sf-publications-list__highlighted .sf-publications-wide__title {
    font-size: 18px;
    line-height: 24px;
    color: #262262 !important;
    text-align: left;
    min-height: 100px;
}

.sf-publications-list__highlighted .sf-publications-wide__figure {
    margin-bottom: 15px !important;
}

.sf-publications-list .sf-publications-item__title {
    font-size: 16px;
    line-height: 22px;
    min-height: 75px !important;
    text-align: left !important;
}

.event-banner p.card-text {
    color: #262262;
}

.list-view .list-view--item .text-underline,
.horizontal-list .horizontal-list-item .date {
    font-weight: 400 !important;
}

.blogs-row .news-update-desc {
    padding: 0 !important;
}

#news-slider {
    margin-top: 80px;
}

.event-banner .post-slide {
    background: #fff;
    margin: 20px 15px 20px;
    border-radius: 15px;
    padding-top: 1px;
    box-shadow: 0px 14px 22px -9px #bbcbd8;
}

.event-banner .post-slide .post-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin: -12px 15px 8px 15px;
    margin-left: -10px;
}

.event-banner .post-slide .post-img img {
    width: 100%;
    height: auto;
    transform: scale(1, 1);
    transition: transform 0.2s linear;
}

.event-banner .post-slide:hover .post-img img {
    transform: scale(1.1, 1.1);
}

.event-banner .post-slide .over-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background: linear-gradient( -45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%);
    transition: all 0.5s linear;
}

.event-banner .post-slide:hover .over-layer {
    opacity: 1;
    text-decoration: none;
}

.event-banner .post-slide .over-layer i {
    position: relative;
    top: 45%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 25px;
}

.event-banner .post-slide .post-content {
    background: #fff;
    padding: 2px 20px 40px;
    border-radius: 15px;
}

.event-banner .post-slide .post-title a {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.event-banner .post-slide .post-title a:hover {
    text-decoration: none;
    color: #3498db;
}

.event-banner .post-slide .post-description {
    line-height: 24px;
    color: #808080;
    margin-bottom: 25px;
}

.event-banner .post-slide .post-date {
    color: #a9a9a9;
    font-size: 14px;
}

.event-banner .post-slide .post-date i {
    font-size: 20px;
    margin-right: 8px;
    color: #cfdace;
}

.event-banner .post-slide .read-more {
    padding: 7px 20px;
    float: right;
    font-size: 12px;
    background: #2196f3;
    color: #ffffff;
    box-shadow: 0px 10px 20px -10px #1376c5;
    border-radius: 25px;
    text-transform: uppercase;
}

.event-banner .post-slide .read-more:hover {
    background: #3498db;
    text-decoration: none;
    color: #fff;
}

.event-banner .card {
    border: none;
    border-radius: 0;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
}

.event-banner .carousel-inner {
    padding: 1em;
}

.event-banner .carousel-control-prev,
.event-banner .carousel-control-next {
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.event-banner .carousel-control-prev span,
.event-banner .carousel-control-next span {
    width: 1.5rem;
    height: 1.5rem;
}

@media screen and (min-width: 577px) {
    .event-banner .cards-wrapper {
        display: flex;
    }
    .event-banner .card {
        margin: 0 0.5em;
        width: calc(100% / 2);
    }
    .event-banner .image-wrapper {
        height: 20vw;
        margin: 0 auto;
    }
}

@media screen and (max-width: 576px) {
    .event-banner .card:not(:first-child) {
        display: none;
    }
}

.image-wrapper img {
    max-width: 100%;
    max-height: 100%;
}

.blogs-row .page-title {
    margin-bottom: 0 !important;
    min-height: 180px;
    overflow: hidden;
    padding: 0 !important;
}

.sf_colsIn .content-block {
    text-align: right;
}

.sf_colsIn a {
    text-align: right;
    font-weight: 600;
}

.section-heading a {
    text-align: right;
    font-weight: 600;
}

.user-pass .form-actions .button:hover {
    background: #fff;
    color: #BA2025;
}

.user-form .js-form-type-managed-file input {
    padding: 10px;
}

.user-form .js-form-type-checkbox .form-checkbox {
    width: auto;
    height: auto;
    position: relative;
    bottom: -2px;
}

.user-form .js-form-type-checkbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.user-form .js-form-type-checkbox label {
    margin: 0;
    padding-left: 10px;
}

.user-form .address-container-inline>.form-item {
    display: block;
    margin-right: 0px;
}

.who-user div {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700px;
}

.contextual-links li:before {
    display: none;
}

.header-user-login ul li {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-left: 15px;
    display: inline-block;
}

.header-user-login ul li+li:before {
    content: " | ";
    padding-right: 10px;
}

.header-user-login ul li a {
    color: #fff;
}

.gn-discussion-forum .links>li:before {
    display: none;
}

.note-wrap.full-width p {
    text-align: left;
}

.error-404-page {
    padding: 20px;
    text-align: center;
}

.e-library-detail-page-wrap {
    padding-top: 60px;
}

.path-private #openid-connect-login-form {
    display: none;
}

.path-private ul {
    display: none
}

.discussion-forum-table table {
    width: 100%;
    border-spacing: 0 2em;
    border-collapse: separate;
}

.discussion-forum-table table th {
    background-color: #BA2025;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 20px 36px;
    border-left: 1px solid #fff;
}

.discussion-forum-table table th a {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
}

.discussion-forum-table table th:first-child {
    text-align: left;
    border-radius: 10px 0px 0 10px;
}

.discussion-forum-table table th:first-child {
    text-align: left;
    border-radius: 10px 0px 0 10px;
}

.discussion-forum-table table th:last-child {
    border-radius: 0px 10px 10px 0px;
}

.discussion-forum-table table th .tablesort--asc {
    display: none;
}

.user-logged-out .gn-discussion-forum .links.inline {
    display: none;
}

.discussion-forum-table table td {
    padding: 20px 36px;
    background: #f2f2f2;
    text-align: center;
    border-top: 1px solid #A4A4A4;
    border-bottom: 1px solid #A4A4A4;
    border-right: 1px solid #A4A4A4;
}

.discussion-forum-table table td:first-child {
    text-align: left;
    border-radius: 10px 0px 0 10px;
    border-left: 1px solid #A4A4A4;
}

.discussion-forum-table table td:last-child {
    border-radius: 0px 10px 10px 0px;
    border-right: 1px solid #A4A4A4;
}

.discussion-forum-table table td {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    font-weight: 400;
}

.discussion-forum-table table td .forum__title a {
    font-size: 25px;
    line-height: 35px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 10px;
}

.discussion-forum-table table td .forum__title span {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    font-weight: 400;
}

.discussion-forum-table .section-title.bottom-line h2:before {
    right: 0;
}

.user-logged-out.path-forum #block-fctcapps-content>.action-links {
    display: none;
}

.table-wrap {
    overflow-x: auto;
}

.webform-submission-add-form .js-form-item input.form-file {
    width: 50px;
    height: 50px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/attach-file.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    cursor: pointer;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: -120px;
    position: relative;
    top: -10px;
}


/* Expert Database page button design */

.views-header-wrapper .expert-header .header-form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
}

.views-header-wrapper .expert-header .header-form .cta-btn {
    margin-right: 10px;
}

.views-header-wrapper .expert-header .header-form .expert-submission {
    margin-right: 0;
    padding-top: 0;
}

.views-header-wrapper .expert-header .header-form .cta-btn a {
    margin-top: 0;
    color: #fff;
    position: unset;
}

.views-header-wrapper .expert-header .header-form .cta-btn a:hover {
    color: #ba2025;
}

.experts-database-list-wrap .expert-database-wrapper table tr td {
    padding: 15px
}

.experts-database-list-wrap .expert-database-wrapper table tr td .address {
    margin-bottom: 0
}

.attachment-wrap .webform-flex {
    width: 100% !important;
}

.attachment-wrap .webform-flex .webform-flex--container {
    width: calc(50% - 34px);
}

.webform-submission-nomination-form-form .webform-actions,
.webform-submission-protocol-nomination-form-form .form-actions,
.webform-submission-mla-nomination-form-form .form-actions,
.webform-submission-maa-nomination-form-form .form-actions {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.webform-submission-nomination-form-form .webform-actions input,
.webform-submission-protocol-nomination-form-form .form-actions input,
.webform-submission-mla-nomination-form-form .form-actions input,
.webform-submission-maa-nomination-form-form .form-actions input {
    margin: 0 10px !important;
}

@media (max-width:991px) {
    .views-header-wrapper .expert-header .header-form {
        justify-content: center;
    }
    .dashboard-cta-btn .cta-btn::before {
        width: 15px !important;
        height: 15px !important;
    }
    .header-menu .fa-fa-home {
        float: left;
        padding-top: 6px;
        list-style: none;
        margin-right: 160px;
    }
    .navbar-toggler {
        padding: .25rem .75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: #29abe1 !important;
    }
    .header-menu ul {
        align-items: flex-start !important;
        margin-top: 25px;
        border-top: 2px solid #fff;
        width: 100%;
    }
    .menu-wrap {
        text-align: center;
    }
    .footer-info img {
        max-width: 220px;
    }
    .footer-info-row {
        text-align: center;
    }
    .kh-footer-copyright {
        text-align: center;
    }
}

@media (max-width:375px) {
    .webform-submission-nomination-form-form .webform-actions,
    .webform-submission-protocol-nomination-form-form .webform-actions,
    .print_button {
        display: block;
        padding: 0 15px;
    }
    .webform-submission-nomination-form-form .webform-actions input,
    .print_button .button,
    .webform-submission-protocol-nomination-form-form .form-actions input {
        max-width: unset !important;
        margin-bottom: 10px !important;
    }
}


/*expose filter input field design*/

.experts-database-list-wrap .views-expose-filter .views-exposed-form {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 23px;
    flex-wrap: wrap;
}

.experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-type-select,
.experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-type-entity-autocomplete {
    margin-right: 10px;
    color: #404040;
    font-size: 18px;
    font-weight: 700;
}

.experts-database-list-wrap .views-expose-filter .views-exposed-form .form-autocomplete {
    width: 226px;
    height: 48px;
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    background: #f2f2f2;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px;
}

.experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-type-select .select2-selection,
.experts-database-list-wrap .views-expose-filter .views-exposed-form .form-autocomplete {
    margin: 0;
    width: 100%
}

.experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-item,
.experts-database-list-wrap .views-exposed-form .dt-buttons,
.experts-database-list-wrap .views-exposed-form .views-data-export-feed.admin-role {
    width: 250px;
    margin-bottom: 16px;
}

@media (max-width: 991px) {
    .experts-database-list-wrap .views-expose-filter .views-exposed-form {
        justify-content: center;
        flex-wrap: wrap;
    }
    .dataTables_filter .nomination_filter_select,
    .experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios {
        justify-content: center !important;
    }
    .views-exposed-form .csv-feed .feed-icon::before,
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .print-button-wrapper .print-button::before {
        right: 10px !important;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-item,
    .experts-database-list-wrap .views-exposed-form .csv-feed.views-data-export-feed,
    .experts-database-list-wrap .views-exposed-form .dt-buttons,
    .experts-database-list-wrap .print-button-wrapper {
        width: calc(50% - 40px / 2);
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .experts-database-list-wrap .views-exposed-form .dt-buttons .buttons-print {
        width: 100%;
        justify-content: space-between;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form>.js-form-type-textfield input[type="text"] {
        background-position-x: 98% !important;
        background-size: 20px !important;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .csv-feed .feed-icon::before,
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .print-button-wrapper .print-button::before {
        width: 20px;
        height: 20px;
    }
    .experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print .svg {
        width: 20px;
    }
    .resource-db-attachment-wrap .resourcedb-attachbutton {
        display: block !important;
        width: 100%;
    }
    .resource-db-attachment-wrap .resourcedb-attachbutton .form-managed-file {
        width: 100%;
    }
}

.webform-submission-nomination-form-form .form-actions {
    position: relative;
}

.webform-submission-nomination-form-form .form-actions .ajax-progress {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
}


/*Nomintion filter select design*/

.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] {
    width: 100% !important;
    margin-bottom: 0 !important;
}

.dataTables_filter .nomination_filter_select,
.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios {
    flex-wrap: wrap;
    margin-top: 30px;
}

.dataTables_filter .nomination_filter_select .nomination_filter_input,
.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios .form-item-field-expert-db-nomination-type-value {
    margin-right: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #444;
    font-weight: bold;
    margin-bottom: 10px;
}

.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios .form-item-field-expert-db-nomination-type-value {
    width: auto;
}

.dataTables_filter .nomination_filter_select .nomination_filter_input:last-child,
.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios .form-item-field-expert-db-nomination-type-value:last-child {
    margin-right: 0;
}

.dataTables_filter .nomination_filter_select .nomination_filter_input input,
.experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios .form-item-field-expert-db-nomination-type-value input {
    height: 20px !important;
    width: 20px !important;
    margin-right: 10px
}


/* ResouceDb external website page */


/* .external-website-listing-wrap .external-websites-listing {
  height: 504px;
  max-height: 504px;
} */

.external-website-listing-wrap .announce-row-wrap .external-websites-listing>div {
    height: 100%;
}

.external-website-listing-wrap .announce-row-wrap .external-websites-listing>div span a {
    display: flex;
    flex-direction: column;
}

.external-website-listing-wrap .announce-row-wrap .external-websites-listing>div span a:hover .external-website-wrapper {
    background: #ba2025;
}

.external-website-listing-wrap .announce-row-wrap .external-websites-listing .external-website-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 36px 40px;
}

.external-website-listing-wrap .announce-row-wrap .external-websites-listing .external-website-wrapper .announce-desc {
    padding: 0;
}

.external-website-listing-wrap .announce-row-wrap .external-websites-listing>div span a:hover {
    background: none;
}

.external-website-listing-wrap .announce-row-wrap .announce-img div {
    text-align: center;
    height: 266px;
    max-height: 266px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.external-website-listing-wrap .announce-row-wrap .announce-img div img {
    /* height: 204px;
  max-height: 204px;
  object-fit: contain; */
}

@media (max-width: 767px) {
    .webform-submission-form .file-upload-wrap .webform-flex {
        width: 100% !important;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form {
        flex-wrap: wrap;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-item {
        margin-bottom: 20px
    }
    .experts-database-list-wrap .views-exposed-form .csv-feed {
        margin-bottom: 20px;
    }
    .webform-submission-form .resource-db-attachment-wrap .webform-flex .webform-flex--container .resourcedb-attachbutton,
    .webform-submission-form .resource-db-attachment-wrap .webform-flex .webform-flex--container .resourcedb-attachbutton label {
        display: block;
    }
    .external-website-listing .announce-row-wrap .announce-img div img {
        height: 180px;
        max-height: 180px;
    }
}

@media (max-width: 425px) {
    .dataTables_filter .nomination_filter_select,
    .experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios {
        flex-direction: column;
    }
    .dataTables_filter .nomination_filter_select .nomination_filter_input,
    .experts-database-list-wrap [data-drupal-selector="edit-field-expert-db-nomination-type-value"] .form-radios .form-item-field-expert-db-nomination-type-value {
        margin-right: 0;
    }
}


/*Atteched file css*/

.webform-submission-protocol-nomination-form-form .file-upload-wrap .webform-flex--1:nth-child(3),
.webform-submission-protocol-nomination-form-form .file-upload-wrap .webform-flex--1:nth-child(3) .js-form-wrapper .webform-flex--1,
.webform-submission-protocol-nomination-form-form .file-upload-wrap .webform-flex--1:nth-child(3) .expert-attachbutton,
.webform-submission-nomination-form-form .file-upload-wrap .webform-flex--1:nth-child(3),
.webform-submission-nomination-form-form .file-upload-wrap .webform-flex--1:nth-child(3) .js-form-wrapper .webform-flex--1,
.webform-submission-nomination-form-form .file-upload-wrap .webform-flex--1:nth-child(3) .expert-attachbutton {
    width: 100% !important;
    display: block;
    flex: none;
}

.files-table .managed-file-preview-wrapper,
.files-table .button {
    display: none !important;
}

.attach-file-wrapper .files-table .responsive-enabled {
    width: 100%;
}

.attach-file-wrapper .files-table {
    margin-top: 20px;
}

.resource-db-attachment-wrap .webform-flex {
    padding: 0;
}

.resource-db-attachment-wrap .webform-flex .webform-flex--container .webform-flex {
    width: 100%;
    padding: 0;
}


/*on submit page design changes*/

[data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
    display: block;
    margin-left: -3.4VW !important;
    width: calc(100% + 132px);
}

.file-upload-wrap [data-drupal-selector*="edit-flexbox-11"] .webform-flex--1:nth-child(3) {
    width: 50% !important;
}

[data-drupal-selector*="edit-flexbox-07"] .print_button {
    display: block;
    width: 100%;
}

@media (max-width: 1800px) and (min-width: 1751px) {
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        margin-left: -3.6VW !important;
    }
    .header-menu ul.navbar-nav li a {
        font-size: 18px;
    }
}

@media (max-width: 1750px) and (min-width: 1630px) {
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        margin-left: -3.9VW !important;
    }
    .header-menu ul.navbar-nav li a {
        font-size: 16px;
    }
}

@media (max-width: 1629px) and (min-width: 1421px) {
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        margin-left: -4.10VW!important;
    }
    .header-menu ul.navbar-nav li a {
        font-size: 16px;
    }
}

@media (max-width: 1420px) and (min-width: 1369px) {
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        margin-left: -4.69VW!important;
    }
    .header-menu ul.navbar-nav li a {
        font-size: 16px;
    }
}

@media (max-width: 1368px) {
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        /*width: calc(100% + 131px);*/
        margin-right: -4.8VW !important;
        margin-left: -4.8VW !important;
    }
    .disclaimer_wrapper p {
        padding: 0 36px;
    }
    .file-upload-wrap [data-drupal-selector*="edit-flexbox-11"] {
        margin: 0 auto;
    }
    .header-menu ul.navbar-nav li a {
        font-size: 16px;
    }
}

@media (max-width: 1366px) {
    .webform-wrapper .webform-nomination-title {
        margin: 0 -30px 36px -30px !important;
    }
    .header-menu ul.navbar-nav li a {
        font-size: 16px;
    }
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        /*width: calc(100% + 131px);*/
        margin-right: 0.2VW !important;
        margin-left: 0.2VW !important;
    }
    /* .external-website-listing-wrap .external-websites-listing {
      height: 430px;
      max-height: 430px;
    } */
}

@media (max-width: 1024px) {
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        margin-left: -15px !important;
        margin-right: -15px !important;
        margin-bottom: 36px !important;
    }
    .webform-submission-form .webform-actions .webform-button--draft,
    .webform-submission-form .webform-actions .fctc-submit,
    .webform-submission-protocol-nomination-form-form .webform-actions .webform-button--draft,
    .webform-submission-protocol-nomination-form-form .webform-actions .protocol-submit {
        margin-left: 0 !important;
    }
}

@media (max-width: 785px) {
    .webform-submission-nomination-form-form [data-drupal-selector*="edit-flexbox-11"],
    .webform-submission-protocol-nomination-form-form [data-drupal-selector*="edit-flexbox-11"] {
        display: block;
        width: 100%;
        margin: 0 !important;
    }
    .webform-submission-nomination-form-form [data-drupal-selector*="edit-flexbox-11"] .nomini,
    .webform-submission-protocol-nomination-form-form [data-drupal-selector*="edit-flexbox-11"] .nomini,
    .file-upload-wrap [data-drupal-selector*="edit-flexbox-11"] .webform-flex--1:nth-child(3) {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .webform-wrapper .webform-nomination-title {
        margin: 0 -15px 36px -15px !important;
    }
    [data-drupal-selector*="edit-flexbox-07"] .webform-nomination-title {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 36px !important;
    }
}

@media (max-width:767px) {
    .views-header-wrapper .expert-header .header-form {
        flex-direction: column;
    }
    .views-header-wrapper .expert-header .header-form .cta-btn {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .attachment-wrap .webform-flex .webform-flex--container {
        width: 100%;
    }
    .file-upload-wrap [data-drupal-selector*="edit-flexbox-11"] {
        padding: 0 15px;
    }
    [data-drupal-selector*="edit-flexbox-07"] [data-drupal-selector*="edit-flexbox-11"] .webform-flex--1:nth-child(3) {
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .experts-database-list-wrap .views-expose-filter .views-exposed-form {
        display: block;
    }
    .experts-database-list-wrap .views-exposed-form .dt-buttons {
        width: 100%;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-item {
        width: 100%;
        margin-bottom: 10px
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .js-form-type-select .select2-selection__arrow {
        width: 15px;
        right: 16px;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form>.js-form-type-textfield input[type="text"] {
        background-position-x: 98% !important;
        background-size: 20px !important;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .csv-feed,
    .experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print,
    .experts-database-list-wrap .print-button-wrapper {
        display: block;
        width: 100%!important;
        margin-bottom: 20px;
    }
    .experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print {
        text-align: left;
        display: flex;
        justify-content: space-between;
        padding-right: 14px;
    }
    .external-website-listing-wrap .external-websites-listing {
        height: 100%;
    }
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.expert-attachbutton {
    position: relative;
    width: auto !important;
    display: inline-block;
}

.expert-attachbutton+.files-table .responsive-enabled {
    width: 100%;
    margin-bottom: 16px !important;
}

.expert-attachbutton+.files-table,
.resourcedb-attachbutton .files-table {
    overflow-x: auto;
    width: 100%;
}

.expert-attachbutton+.files-table .responsive-enabled thead th {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #16629d;
    border-right: 1px solid #b8b8b8;
    border-bottom: 0;
    text-align: left;
}

.expert-attachbutton+.files-table .responsive-enabled thead th:first-child {
    width: 150px;
}

.expert-attachbutton+.files-table .responsive-enabled thead th {
    padding: 10px 18px;
}

.expert-attachbutton+.files-table .responsive-enabled tbody td {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    text-align: left;
    padding: 15px 15px;
    border-right: 1px solid #b8b8b8;
    border-bottom: 1px solid #b8b8b8;
    background: #f2f2f2;
    position: relative;
}

.expert-attachbutton+.files-table .responsive-enabled .btn-delete:after,
.attachment-wrap .webform-flex--container .responsive-enabled,
.resourcedb-attachbutton .files-table table .btn-delete::after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.file-upload-wrap .responsive-enabled {
    width: 100%;
    margin-bottom: 20px;
}


/* Back to dashboard button arrow */

.dashboard-cta-btn .cta-btn {
    position: relative;
    padding: 10px 37px;
}

.dashboard-cta-btn .cta-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    background-image: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/drop-down-arrow-red.svg");
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    left: 14px;
    background-position: 50%;
    background-size: contain;
}

.dashboard-cta-btn .cta-btn:hover::before {
    filter: brightness(0) saturate(100%) invert(16%) sepia(46%) saturate(5077%) hue-rotate(346deg) brightness(100%) contrast(99%);
}


/*CSV Button*/

.experts-database-list-wrap .views-exposed-form .csv-feed,
.experts-database-list-wrap .print-button-wrapper {
    width: 250px;
    margin-right: 10px;
    margin-bottom: 16px;
    height: 48px;
}

.experts-database-list-wrap .views-exposed-form .csv-feed .feed-icon,
.experts-database-list-wrap .print-button-wrapper .print-button {
    overflow: visible;
    width: 100%;
    text-indent: unset;
    font-size: 20px;
    font-weight: 700;
    color: #404040;
    padding: 11px 21px;
    border: 1px solid #b8b8b8;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    line-height: normal;
}

.experts-database-list-wrap .views-exposed-form .csv-feed .feed-icon:hover,
.experts-database-list-wrap .print-button-wrapper .print-button:hover {
    background: #ba2025;
    border-color: #ba2025;
    color: #fff;
}

.experts-database-list-wrap .views-exposed-form .csv-feed .feed-icon::before,
.experts-database-list-wrap .print-button-wrapper .print-button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    background-image: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/export-icon.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    display: inline-block;
    transform: translateY(-50%);
}

.experts-database-list-wrap .views-exposed-form .csv-feed .feed-icon:hover::before,
.experts-database-list-wrap .print-button-wrapper .print-button:hover::before {
    filter: brightness(0) invert(1);
}

.experts-database-list-wrap .views-exposed-form>.js-form-type-textfield {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    color: #404040;
    font-size: 18px;
    font-weight: 700;
}

.experts-database-list-wrap .views-exposed-form>.js-form-type-textfield input[type="text"] {
    width: 100%;
    height: 48px;
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    background: #f2f2f2;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/search-icon-black.svg) #f2f2f2;
    background-repeat: no-repeat;
    background-position: 90% center;
    padding: 0 20px;
}

.experts-database-list-wrap .views-exposed-form button.dt-button.buttons-print {
    margin-left: 0;
    width: 100%;
    justify-content: space-between;
}

.experts-database-list-wrap .table-responisve .dataTables_wrapper .dataTables_filter input[type="search"] {
    display: none;
}

.expert-database-view-list .info-box .desc p {
    margin: 0;
}

.expert-database-view-list .info-box .desc,
.expert-database-view-list .info-box .desc p,
.expert-database-view-list .info-box .desc a {
    font-size: 16px;
}

.visible-hidden-title,
.visible-hidden-telephone {
    height: 0;
    width: 0;
    padding: 0;
}

.experts-database-list-wrap .views-footer-wrapper {
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 18px;
}

.disclaimer_wrapper.prequalification {
    padding-top: 25px;
    font-size: 18px;
}

.expert-attachbutton+.files-table .responsive-enabled tbody td:first-child {
    border-left: 1px solid #b8b8b8;
}


/* loader design */

.expert-attachbutton .attach-file-wrapper .ajax-progress,
.advanced-add-wrap .ajax-progress {
    top: 0 !important;
    left: 0 !important;
}

.expert-attachbutton .attach-file-wrapper .ajax-progress .throbber,
.advanced-add-wrap .ajax-progress .throbber {
    /* background-size: 60%;
  display: block; */
    background: none;
}

.attach-file-wrapper .webform-managed-file-preview-wrapper {
    display: none !important;
}

.expert-attachbutton .attach-file-wrapper .ajax-progress,
.fctc-loader,
.advanced-add-wrap .ajax-progress {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    overflow: hidden;
}

.expert-attachbutton .attach-file-wrapper .ajax-progress .throbber,
.fctc-loader::before,
.advanced-add-wrap .ajax-progress .throbber::before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("../images/loader.png");
    background-repeat: no-repeat;
    background-size: contain;
    animation: loader .75s infinite ease-in-out;
}

@keyframes loader {
    to {
        transform: rotate(360deg);
    }
}

.webform-submission-form [data-drupal-selector*="edit-flexbox-08"],
.webform-submission-form [data-drupal-selector*="edit-flexbox-02"] {
    align-items: center;
}

.add-more-wrapper,
.other-area-wrapper,
.other-language-wrapper {
    display: none !important;
}

.addmore-visible {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 25px;
}

.page-node--7165 .mcb-section-inner .wrap {
    width: 100%;
}

.page-node--7165 .mcb-section-inner .mcb-wrap-inner.tab-layout-desing {
    display: flex;
    justify-content: center;
}

.page-node--7165 .mcb-section-inner .mcb-wrap-inner .column {
    margin-bottom: 10px;
}

.page-node--7165 .mcb-section-inner .mcb-wrap-inner .column p a.content_link {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.page-node--7165 .mcb-section-inner .mcb-wrap-inner .column p {
    margin-bottom: 0;
}

.page-node--7165 .mcb-section-inner .mcb-wrap-inner .column p a.content_link:hover {
    background: #ba2025;
    color: #fff;
}

.page-node--7165 .mcb-section-inner h2.title span {
    font-size: 34px;
}

.taxonomy-listing.grid-list-type .views-row-wrapper.grid-view .views-row {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
}

.taxonomy-listing.grid-list-type .views-row-wrapper.grid-view.list-view .views-row {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
}

h1.text-center {
    text-align: center;
}

@media (max-width: 767px) {
    .page-node--7165 .mcb-section-inner h2.title span {
        font-size: 28px;
    }
    .page-node--7165 .mcb-section-inner .mcb-wrap-inner .column p {
        margin: 0 10px 0;
    }
    .page-node--7165 .mcb-section-inner .mcb-wrap-inner .column p a.content_link {
        padding: 15px;
    }
    .taxonomy-listing.grid-list-type .views-row-wrapper.grid-view .views-row,
    .taxonomy-listing.grid-list-type .views-row-wrapper.grid-view.list-view .views-row {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

.expert-database-view-wrap .disclaimer_wrapper {
    font-size: 18px;
    padding: 25px 50px;
}

.expert-database-view-wrap-first .disclaimer_wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 25px 15px;
}

@media print {
    .experts-database-list-wrap .views-expose-filter .views-exposed-form,
    .experts-database-list-wrap .views-footer-wrapper,
    .footer-wrap {
        display: none;
    }
    .expert-database-view-list .dashboard-cta-btn {
        display: none;
    }
    .expert-database-view-list .mla-maa-print-button,
    .expert-database-view-list .fctc-print-button {
        display: none;
    }
}


/* Resouce Db Attachement table */

.resourcedb-attachbutton .files-table table {
    width: 100%;
}

.resourcedb-attachbutton .files-table table tbody tr td:last-child {
    text-align: center;
}

.resourcedb-attachbutton .form-managed-file .js-form-type-checkbox {
    display: none !important;
}

.resourcedb-attachbutton .files-table table .btn-delete {
    width: 24px;
    height: 24px;
}

.full-strike {
    text-decoration: line-through;
}

.experts-database-list-wrap .views-row-wrapper {
    margin-bottom: 25px;
}


/*Language dropdown*/

.dropbutton-wrapper .languages-dropdown .language-dropdown {
    overflow: visible;
    width: 100%;
}

.dropbutton-wrapper .languages-dropdown .language-dropdown .dropbutton-action:first-child {
    position: relative;
    width: 100%;
}

.dropbutton-wrapper .languages-dropdown .language-dropdown .language-dropdown-lists {
    position: absolute;
    display: flex;
    justify-content: start;
    flex-direction: column;
    width: max-content;
    top: 36px;
    min-width: 170px;
}

.dropbutton-wrapper .languages-dropdown .language-dropdown .language-dropdown-lists .secondary-action {
    position: unset;
    top: unset !important;
    z-index: 15;
    width: 100%;
}

.user-logged-in fieldset#edit-field-expert-db-nomination-type-value--wrapper {
    order: 3;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .upload-resource-contribute {
    width: 100%;
}

.main-body .register-block {
    text-align: center;
}


/*Register page select design*/

.register_field_system_access .js-form-type-select .select2-container .select2-selection {
    overflow-y: auto;
}

.path-frontpage .anonymous_user_check,
.paragraph--type--front-section .anonymous_user_check {
    text-align: center;
}

.user-logged-out .paragraph--type--front-section {
    padding-top: 90px;
    margin-top: 40px;
    position: relative;
}

.user-logged-out .paragraph--type--front-section::before {
    content: "";
    width: 78px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    background: rgb(186, 32, 37);
    margin: 0px auto;
}

.path-frontpage .anonymous_user_check p,
.paragraph--type--front-section .anonymous_user_check p {
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 10px;
}

.path-frontpage .anonymous_user_check p a,
.paragraph--type--front-section .anonymous_user_check p a {
    color: #ba2025;
}


/* Resource db page tags listing design */

.page-node-type-resource-db .views-row-wrapper .tags-listing {
    padding: 0;
    max-width: none;
}

.page-node-type-resource-db .views-row-wrapper .tags-listing ul {
    justify-content: flex-start;
}


/*two logo design */

.header-center-wrap .logo-wrap .logo-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header-center-wrap .logo-wrap .logo-left a {
    display: block;
}


/* Underline css for alternativelivelihoods */

.alternativelivelihoods-section h2::before {
    right: 0 !important;
}

.footer-wrap .quick-links .quickedit-field {
    text-align: center;
}


/* Request/offer assistance attachment  */

.webform-submission-fctc-announcement-request-add-form .request-offer-attach-file .form-managed-file,
.contact-us-wrap .contact-us-attachfile .file-wrapper-custom .form-managed-file {
    width: 100%;
}


/*space between checkbox and terms&condition*/

.webform-submission-rdbd-upload-contribute-form .registered-public-user-wrapper {
    padding-bottom: 20px;
}


/*Registered/public radio button design*/

.registered-public-user-wrapper .webform-options-display-one-column {
    display: flex;
}

.registered-public-user-wrapper .webform-options-display-one-column .js-form-item label {
    font-weight: 400 !important;
    padding: 0 20px;
}


/*footer seperator*/

.footer-separator {
    height: 4px;
    width: 100%;
    background-color: #262262;
}


/*Upload page cover page attachment design*/

.cover-page-img-wrapper .file-wrapper-custom .form-managed-file {
    display: flex;
    align-items: baseline;
    width: 100%;
}


/* body text design for legel challenges landing page*/

.legal-challenges-body-text {
    margin-top: 40px;
    position: relative;
}

.legal-challenges-body-text::after {
    bottom: -65px;
}

.news-tiinter-date.tiinter-details,
.news-article12-date.article12-details {
    display: inline;
}


/*Footer design*/

.footer-wrap.kh-footer-wrap .alt-email-info .email-info {
    text-align: left;
}


/*Video box design*/

#colorbox {
    width: calc(100vw - 40px) !important;
    padding-bottom: 0 !important;
    overflow: hidden;
    top: 50% !important;
    left: 50% !important;
    height: 100% !important;
    background: none !important;
    transform: translate(-50%, -50%);
}

#cboxContent,
#cboxLoadedContent,
#colorbox iframe {
    width: calc(100vw - 40px) !important;
}

#colorbox iframe {
    position: absolute;
    max-width: calc(100vw - 40px);
    height: 100% !important;
    max-height: 100%;
}

#cboxTitle {
    display: none !important;
}

#cboxWrapper {
    max-width: calc(100vw - 40px);
    height: 100% !important;
    max-height: calc(100vh - 40px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#cboxContent {
    float: left !important;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100% !important;
    margin-bottom: 0px;
    max-height: calc(100vh - 40px);
}

#cboxClose {
    display: block;
    top: 0;
    right: 6px;
    width: 30px;
    height: 30px;
    background: #900000;
    cursor: pointer;
}

#cboxClose:after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: 30px;
    height: 30px;
    background: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/cross.svg") no-repeat center;
}

.remote-video-popup {
    width: 50%;
    position: relative;
    margin: 0 auto;
    padding: 50px 0;
}

.remote-video-popup .remote-video-container {
    display: table;
    position: relative;
    width: 100%;
    height: 304px;
    overflow: hidden;
    background-color: #900000;
    color: #fff;
}

.remote-video-popup .play-button {
    background-image: url("https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/playbutton.svg");
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.remote-video-popup .play-button::after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 52px;
    height: 52px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    opacity: 0;
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.remote-video-popup .video-popup-link:hover .play-button::after {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
}

.remote-video-popup .remote-video-container .colorbox-media-video {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.remote-video-popup .remote-video-container .colorbox-media-video img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.remote-video-popup .remote-video-container .colorbox-media-video::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 10px;
    height: 100%;
    background-color: #900000;
    left: 0;
}

.remote-video-popup .remote-video-container .colorbox-media-video::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(186, 186, 186, 0) 31%, rgba(26, 26, 26, 0.23) 54%, #1a1a1a 100%);
    filter: progid: dximagetransform.microsoft.gradient(startColorstr="#ffffff", endColorstr="$almostBlack", GradientType=1);
}


/*External website images changes*/

.external-web-img {
    overflow: visible;
}


/* resource DB cover page update */

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image {
    flex-wrap: nowrap;
}

.resourcedb-cover-page-image .file-wrapper-custom {
    width: calc(100% - 223px) !important;
}

.resourcedb-cover-page-image .file-wrapper-custom .form-managed-file {
    display: flex;
    align-items: center;
    width: 100%;
}

.resourcedb-cover-page-image .file-wrapper-custom .form-managed-file .file--image {
    word-break: break-word;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image label {
    max-width: 223px;
    width: 100%;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image .file-wrapper-custom .form-file {
    top: 0;
}


/*Article 12 contact us form attchment type*/

.contact-us-wrap .article12-attach-file .file-wrapper-custom {
    width: calc(100% - 156px);
}

.contact-us-wrap .article12-attach-file .file-wrapper-custom .form-managed-file {
    width: 100%;
}

.contact-us-wrap .article12-attach-file .file-wrapper-custom .form-managed-file .option {
    margin-bottom: 0;
}


/*Remove double sort icons from resource db*/

.experts-database-list-wrap.resource-db-tobacco-entity table thead th:not(.is-active) a::after {
    content: none;
}


/*Add space between back to dashboard and webform*/

.nomination-form-wrap .webform-wrapper .dashboard-cta-btn a {
    margin-bottom: 20px;
}


/* Resourcedb second logo */

.logo-wrap .logo-left .ggtc-logo-rdb {
    margin-left: 15px;
}


/*Resource DB footer logo alignment*/

.footer-logo-wrap .footer-logo a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-logo-wrap .footer-logo a img {
    margin-right: 16px;
}


/*title with description underline design*/

.experts-database-list-wrap .views-header-wrapper .expert-desc .title {
    position: relative;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.experts-database-list-wrap .views-header-wrapper .expert-desc .title:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.experts-database-list-wrap .views-header-wrapper .expert-desc h1 {
    margin-bottom: 0;
}

.experts-database-list-wrap .views-header-wrapper .expert-desc h1:before {
    content: none;
}


/* sticky footer*/

.layout-container-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

.layout-main-wrapper {
    flex: 1;
    z-index: -1;
    position: relative;
}

h1.redtext {
    color: #ba2025;
}


/* Attach file design fixes start*/

.js-form-item.form-item.js-form-type-checkbox {
    flex-wrap: nowrap ! important;
    gap: 10px;
    padding: 0;
    margin: 5px 0 ! important;
}

.webform-element-help-container--title.webform-element-help-container--title-after {
    align-items: flex-start ! important;
}

.page-node--10330 .webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
    width: 190px;
}

.page-node--10330 .webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-managed-file .files-table {
    margin-left: 10px;
}

.page-node--10330 .webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-managed-file {
    width: 100%;
}

.webform-element-help-container--title.webform-element-help-container--title-after .file-wrapper-custom {
    flex: 1 1 20%;
}

.request-offer-attach-file span.webform-element-help.js-webform-element-help {
    top: 2px;
}

.webform-submission-fctc-announcement-request-form .webform-element-help.js-webform-element-help {
    top: 2px;
    right: -94px;
}

.contact-us-wrap .js-form-item.form-item.js-form-type-checkbox label {
    color: #ba2025;
    font-weight: 700;
}

.contact-us-wrap .webform-element-help.js-webform-element-help {
    position: absolute;
    top: 3px;
    right: -94px;
}

.contact-us-wrap .js-form-item.js-form-item-attach-file .js-form-managed-file {
    width: 100%;
}


/* Attach file design fixes end*/

.resource-db-attachment-wrap .file-wrapper-custom span {
    display: none !important;
}


/* Print design fix */

@media print {
    .experts-database-list-wrap table thead th a {
        color: #404040;
        font-size: 20px;
    }
    embed {
        overflow-x: scroll;
    }
    .experts-database-list-wrap table {
        table-layout: fixed;
        page-break-inside: auto;
        overflow-x: scroll;
    }
}

.announce-documents-box-title::first-letter {
    text-transform: uppercase;
}

.page-node-type-article-12 .page-title {
    /* background: #f5f5f5; */
    text-align: center;
    padding: 30px 15px;
    margin-bottom: 40px;
}

.page-node-type-article-12 .page-title h2 {
    font-size: 40px;
    line-height: 45px;
    color: #404040;
    font-weight: 700;
    margin: 0;
    padding-bottom: 0;
    position: inherit;
}

.page-node-type-article-12 .page-title h2:before {
    height: 0px;
}


/* WHO-775 */

.page-node-type-implementation-news .announce-documents-box-title {
    font-size: 26px;
    padding: 10px 50px;
}

.page-node-type-implementation-news .announce-document-listing {
    padding: 30px;
}

.page-node-type-implementation-news .article-listing {
    padding: 10px;
    margin-bottom: 40px;
}

.page-node-type-implementation-news .article-listing ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.page-node-type-implementation-news .article-listing ul li {
    margin-bottom: 0;
}

.page-node-type-implementation-news .article-listing ul li a:before {
    content: "\2022";
    color: black;
    margin-right: 20px;
    font-size: 20px;
}

.themespan_color {
    color: #ba2025;
    font-weight: bold;
    margin-top: 15px;
}

.recent_add_cat {
    margin-top: 15px;
}

.external-website-listing-wrap .announce-row-wrap .external-websites-listing .external-website-wrapper {
    border-top: 1px solid #d4d4d4;
}

.register_public_user {
    margin-top: 30px !important;
}

.register_public_user .webform-flex--1 {
    max-width: fit-content;
    width: 100% !important;
}

.register_public_user .js-form-item-registered-public-user label {
    width: inherit !important;
}

.register_public_user .webform-flex--container .js-form-type-processed-text {
    margin-bottom: 0 !important;
}

.register_public_user .webform-flex--1 {
    padding-right: 0 !important;
}

.elib-authors a {
    font-weight: normal !important;
    line-height: 1.2 !important;
    font-size: 16px;
    color: #404040 !important;
}

.elib-authors a:hover {
    text-decoration: underline;
}

.page-node-type-resource-db .views-row-wrapper .tags-listing ul {
    justify-content: center;
}

.tags-listing ul li a {
    text-transform: none;
}

.page-node--10330 .webform-submission-add-form .webform-flex--container-table {
    margin-left: 0px !important;
    margin-bottom: 20px !important;
}

.page-node--10330 .webform-submission-add-form .webform-table-component {
    display: flex;
}

.page-node--10330 .webform-submission-add-form .webform-table-component .js-form-submit {
    margin-left: 10px;
}

.webform-submission-add-form.webform-submission-maa-nomination-form-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}

.maa-container {
    padding: 36px 100px 0 100px;
}

.user-register-form textarea {
    width: 100%;
    border: 1px solid #A4A4A4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
}

#edit-field-register-doi1-wrapper span:after,
#edit-field-register-doi2-wrapper span:after,
div#edit-field-explaination-que-2-wrapper label:after {
    content: "*";
    font-size: 18px;
    color: #ba2025;
    margin-left: 5px;
    font-weight: 700;
}

.table_tooltip {
    position: relative;
    display: inline-block;
}

.table_tooltip .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #fff;
    color: #000;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 110%;
    font-weight: normal;
}

.table_tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent white transparent transparent;
}

.table_tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip_anchor {
    background: transparent !important;
    color: #000 !important;
    font-weight: normal !important;
    text-decoration: underline !important;
    font-size: 18px !important;
    display: unset !important;
}

.page-intro {
    padding: 60px 0 60px;
}

.page-intro-wrap {
    padding: 0 15px;
    max-width: 1420px;
    margin: 0 auto;
}

.page-intro .title {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
}

.page-intro .title h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #222222;
    padding-top: 30px;
    text-align: center;
    position: relative;
    text-transform: capitalize;
    padding-bottom: 25px;
}

.page-intro .title h2:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.page-intro p {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
    text-align: center;
}

.page-intro p a {
    color: #ba2025;
}

.call-to-action-box-wrap {
    padding: 50px 0 70px;
}

.call-to-action-box-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.call-to-action-box-wrap ul li {
    width: 100%;
    max-width: 294px;
    padding: 0 14px;
}

.call-to-action-box-wrap ul li:before {
    display: none;
}

.call-to-action-box-wrap .call-to-action-box {
    width: 100%;
    height: 100%;
}

.call-to-action-box-wrap .call-to-action-box a {
    width: 100%;
    max-width: 266px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbcbcb;
    background: transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.call-to-action-box-wrap .call-to-action-box a:hover {
    background: #ba2025;
    border-color: #ba2025;
}

.call-to-action-box-wrap .call-to-action-box a .img-box {
    width: 100%;
    text-align: center;
}

.call-to-action-box-wrap .call-to-action-box a .img-box .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.call-to-action-box-wrap .call-to-action-box a:hover .img-box .svg path {
    fill: #fff;
}

.call-to-action-box-wrap .call-to-action-box a span {
    display: block;
    font-size: 19px;
    line-height: 30px;
    color: #20313b;
    font-weight: 700;
    text-align: center;
    padding-top: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.call-to-action-box-wrap .call-to-action-box a:hover span {
    color: #fff;
}

.feed-card-wrap {
    padding-bottom: 68px;
}

.feed-card-box {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: #f7f7f7;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    margin-bottom: 40px;
}

.feed-card-box:before {
    content: "";
    width: 100%;
    height: 5px;
    background: #b5202e;
    position: absolute;
    bottom: 0;
    left: 0;
}

.feed-card-box.no-box-border:before {
    display: none;
}

.feed-card-box .feed-card-img {
    width: 276px;
}

.feed-card-box .feed-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
}

.feed-card-box .feed-card-desc {
    width: calc(100% - 276px);
    padding: 46px 53px 20px;
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
}

.feed-card-box.no-image .feed-card-desc {
    width: 100%;
    padding: 35px 50px;
}

.feed-card-box.no-image .feed-card-desc p {
    margin-bottom: 0;
}

.feed-card-box .feed-card-desc h4 {
    font-size: 25px;
    line-height: 35px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 0;
}

.feed-card-box.title-border .feed-card-desc h4 {
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.feed-card-box.title-border .feed-card-desc h4:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.feed-card-box .feed-card-desc h4 a {
    color: #222222;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.feed-card-box .feed-card-desc h4 a:hover {
    color: #ba2025;
}

.call-to-action-banner-wrap {
    padding: 44px 0 44px;
    background: linear-gradient(294deg, rgba(64, 64, 64, 1) 54%, rgba(70, 61, 61, 1) 71%, rgba(186, 0, 0, 1) 100%);
}

.call-to-action-banner h3 {
    font-size: 41px;
    line-height: 58px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding-bottom: 10px;
}

.call-to-action-banner p {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    text-align: center;
    margin-bottom: 0;
}


/* Information hub */

.page-intro-wrap.bg-img {
    background: url(../images/page-intro-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.two-columns-list-wrap {
    padding-bottom: 40px;
}

.two-columns-list-wrap .two-columns-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -34px;
    justify-content: center;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box {
    width: 50%;
    padding: 0 34px;
    margin-bottom: 30px;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-img {
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(186, 0, 0, 0) 0%, rgba(186, 0, 0, 0.7) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.two-columns-list-box a:hover .two-columns-list-box-desc .svg path {
    fill: #404040;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc {
    width: calc(100% - 30px);
    height: auto;
    background: transparent;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 30px 30px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box a:hover .two-columns-list-box-desc {
    background: rgba(255, 255, 255, 0.8);
    padding-bottom: 30px;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc h6 {
    font-size: 32px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box a:hover .two-columns-list-box-desc h6 {
    color: #404040;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc p {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
    margin-bottom: 0;
    height: 0;
    -webkit-transition: height 0.3s ease-in-out;
    -moz-transition: height 0.3s ease-in-out;
    -o-transition: height 0.3s ease-in-out;
    transition: height 0.3s ease-in-out;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
}

.two-columns-list-wrap .two-columns-list .two-columns-list-box a:hover .two-columns-list-box-desc p {
    height: auto;
    opacity: 1;
    visibility: visible;
}

.media-advertisements-wrap {
    background: #404040;
    padding: 100px 0 100px;
    position: relative;
}

.media-advertisements-wrap:before {
    content: "";
    width: 299px;
    height: 422px;
    background: url(../images/media-advertisements-wrap-top-icon.png);
    position: absolute;
    top: 0;
    right: 0;
}

.media-advertisements-wrap:after {
    content: "";
    width: 259px;
    height: 423px;
    background: url(../images/media-advertisements-wrap-bottom-icon.png);
    position: absolute;
    bottom: 0;
    left: 0;
}

.media-advertisements-wrap .container {
    max-width: 1430px;
}

.section-title h2 {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    color: #222222;
    padding-top: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 25px;
}

.section-title h2:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #29abe1 !important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.section-title.bottom-line h2:before,
.legal-challenges-body-text::after {
    content: "";
    width: 78px;
    height: 3px;
    background: #29abe1 !important;
    position: absolute;
    bottom: 0;
    top: inherit;
    left: 0%;
    right: 0;
    margin: 0 auto;
}

.pagination li:hover a {
    background: #2c2c60 !important;
}

.pagination li.active a {
    background: #29abe1 !important;
}

.news-listing-page header {
    background-color: inherit !important;
}

.section-title.bottom-line h2 {
    padding-top: 0;
    margin-bottom: 50px;
}

.media-advertisements-wrap .section-title h2 {
    color: #fff;
}

.media-advertisements-wrap .section-title h2:before {
    background: #fff;
}

.media-advertisement p {
    font-size: 18px;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
}

.media-advertisement-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px;
}

.media-advertisement-list {
    padding-top: 50px;
}

.media-advertisement-list ul li {
    width: 25%;
    padding: 0 30px;
    margin-bottom: 77px;
}

.media-advertisement-box {
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    padding: 30px 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.media-advertisement-box:before {
    content: "";
    width: 99px;
    height: 95px;
    background: url(../images/media-advertisement-box-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.media-advertisement-box:hover:before {
    opacity: 1;
    visibility: visible;
}

.media-advertisement-box:hover {
    box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.1);
}

.advertisement-title {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.media-advertisements-wrap .note {
    padding: 10px 15px;
    background: linear-gradient(rgba(64, 64, 64, 0.8) 0%, rgba(64, 64, 64, 0.8) 100%), #fff 10.62%;
}

.media-advertisements-wrap .note p {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}

.info-section-wrap {
    padding-top: 104px;
    background: url(../images/page-intro-bg.png);
    background-repeat-y: repeat;
}

.two-columns-section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -15px 100px;
}

.info-section-left-column {
    width: 50%;
    padding: 0 25px;
}

.info-section-right-column {
    width: 50%;
    padding: 0 25px;
}

.info-section-desc .section-title h2 {
    text-align: left;
}

.info-section-desc .section-title h2:before {
    right: inherit;
    left: 0;
}

.info-section-desc p {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
    text-align: left;
}

.info-section-desc p:last-child {
    margin-bottom: 0;
}

.two-columns-section.right-image {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.number-listing-box ol {
    counter-reset: section;
    padding-bottom: 10px;
}

.number-listing-box ol li {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
    padding: 20px 25px 20px 40px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
    position: relative;
}

.number-listing-box ol li:before {
    counter-increment: section;
    content: ""counter(section) ".";
    position: absolute;
    top: 20px;
    left: 15px;
    color: #900000;
    font-size: 18px;
    font-weight: 700;
}

.info-section-img img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    position: relative;
}

.info-section-img:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transform-origin: right bottom;
}

.no-img-hover .info-section-img:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.two-columns-section.right-image .info-section-img:hover img {
    transform-origin: left bottom;
}

.two-columns-section.column-40-60 .info-section-left-column {
    width: 45%;
}

.two-columns-section.column-40-60 .info-section-right-column {
    width: 55%;
}

.two-columns-section.column-30-70 .info-section-left-column {
    width: 30%;
}

.two-columns-section.column-30-70 .info-section-right-column {
    width: 70%;
}

.waterpipe-overview-page .two-columns-section {
    margin-bottom: 0;
}

.waterpipe-overview-page .info-section-wrap {
    padding: 0 0 90px;
}

.listing-with-img-wrap ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-top: 30px;
    padding-bottom: 0;
}

.listing-with-img-wrap ul li {
    width: 50%;
    padding: 0 15px;
}

.listing-with-img-wrap ul li:before {
    display: none;
}

.listing-with-img-wrap ul li .img-box {
    width: 30%;
    float: left;
}

.listing-with-img-wrap ul li .img-box .svg {
    width: 100%;
    height: auto;
}

.listing-with-img-wrap ul li .desc-box {
    width: 70%;
    float: left;
    padding-left: 25px;
}

.listing-with-img-wrap ul li .desc-box h6 {
    font-size: 20px;
    line-height: 30px;
    color: #222222;
    font-weight: 700;
}

.listing-with-img-wrap ul li .desc-box p {
    font-size: 18px;
    line-height: 30px;
    color: #222222;
}

.knowledge-networks-listing-wrap {
    margin-top: 30px;
}

.red-text .knowledge-networks-listing .knowledge-network-box .desc-box {
    color: #BA252E;
}

.knowledge-networks-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 110px;
    padding-left: 0;
}

.knowledge-networks-listing ul li {
    width: 25%;
    padding: 0 20px;
    margin-bottom: 40px;
}

.knowledge-networks-listing ul li:before {
    display: none;
}

.knowledge-networks-listing .knowledge-network-box {
    height: 100%;
}

.knowledge-networks-listing .knowledge-network-box a {
    width: 100%;
    display: grid;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    padding: 40px 37px 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-height: 385px;
    text-align: center;
}

.knowledge-networks-listing .knowledge-network-box a:hover {
    background: #262262;
    box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
    animation: mymove 2s infinite;
}

.int-hubs-main .knowledge-network-box a:hover {
    background: #fff;
    box-shadow: 0px 40px 30px 0px rgba(0, 0, 0, 0.2);
    animation: inherit !important;
}

.int-hubs-main .knowledge-network-box .icon-box {
    min-height: 175px;
}

.int-hubs-main .knowledge-network-box a:hover .desc-box {
    color: #262262 !important;
}

@keyframes mymove {
    from {
        background-color: #29abe1;
    }
    to {
        background-color: #262262;
    }
}

.knowledge-networks-listing .knowledge-network-box a .icon-box .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.knowledge-networks-listing .knowledge-network-box a:hover .icon-box .svg path {
    fill: #fff;
    color: #fff;
}

.knowledge-networks-listing .knowledge-network-box .desc-box {
    font-size: 23px;
    line-height: 33px;
    font-weight: 700;
    color: #262262;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 20px;
}

.int-hubs-main .knowledge-network-box .desc-box {
    min-height: 100px;
}

.knowledge-networks-listing .knowledge-network-box a:hover .desc-box {
    color: #fff;
}

.banner-bottom-slide {
    overflow-x: hidden;
}

.banner-bottom-slide-box {
    width: 100%;
    background: #ba2025;
    text-align: center;
    transform-origin: top bottom;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.banner-bottom-slide-box>div {
    width: 100%;
}

.banner-bottom-slide-box a {
    display: block;
    padding: 60px 15px 40px;
}

.banner-bottom-slide-box:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.banner-bottom-slide-box .icon-box img {
    margin: 0 auto;
}

.banner-bottom-slide-box .desc-box {
    font-size: 27px;
    line-height: 37px;
    font-weight: 700;
    color: #fff;
    padding-top: 20px;
}

.banner-bottom-slider .banner-bottom-slide {
    padding: 15px 0;
    width: 25%;
    height: auto;
}

.banner-bottom-slide:nth-child(2) .banner-bottom-slide-box {
    background: #d12228;
}

.banner-bottom-slide:nth-child(3) .banner-bottom-slide-box {
    background: #dc2228;
}

.banner-bottom-slide:nth-child(4) .banner-bottom-slide-box {
    background: #ee262d;
}

.banner-bottom-slider-wrap {
    margin-top: -20px;
}

.banner-bottom-slider-wrap .banner-bottom-slider {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.banner-bottom-slider-wrap .banner-bottom-slider .slick-arrow {
    width: 38px;
    height: 28px;
    border: 0;
    font-size: 0;
    cursor: pointer;
}

.banner-bottom-slider-wrap .banner-bottom-slider .slick-prev {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/slick-prev-icon.svg);
    position: absolute;
    top: 50%;
    left: 60px;
    z-index: 123;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}

.banner-bottom-slider-wrap .banner-bottom-slider .slick-next {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/slick-next-icon.svg);
    position: absolute;
    top: 50%;
    right: 60px;
    z-index: 123;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}

.news-update-wrap .container,
.featured-material-wrap .container {
    max-width: 1430px !important;
}

.news-update-slider {
    margin: 0 -15px;
    padding-bottom: 60px;
    position: relative;
}

.news-update-slide {
    padding: 0 15px;
}

.news-update-box {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-update-box:hover,
.featured-materials-slider .featured-document-box:hover {
    background: #ba2025;
}

.news-update-desc {
    padding: 0px 15px;
    position: relative;
}

.news-update-slider-wrap .news-update-slider .news-update-desc {
    padding: 55px 40px 40px;
    ;
}

.news-update-desc .date-info {
    position: absolute;
    top: -35px;
    right: 20px;
    padding: 20px 15px;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    font-weight: 700;
    background: #bb252f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-update-box:hover .date-info {
    color: #bb252f;
    background: #fff;
}

.news-update-desc .date-info span {
    display: block;
    font-size: 26px;
}

.news-update-desc h4,
.e-library-listing .news-update-desc h4 {
    font-size: 25px;
    line-height: 30px;
    color: #444444;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.e-library-listing .news-update-desc h4 span {
    font-size: 18px;
    line-height: 28px;
    color: #ba2025;
    font-weight: 700;
}

.news-update-box:hover .news-update-desc h4,
.news-update-box:hover .resource-update-desc h4 a,
.featured-materials-slider .featured-document-box:hover .desc-box a {
    color: #fff;
}

.news-update-desc h4:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #29abe1 !important;
    position: absolute;
    left: 40%;
    bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.news-update-box:hover .news-update-desc h4:before,
.news-update-box:hover .resource-update-desc h4 a:before,
.featured-materials-slider .featured-document-box:hover .desc-box a:before {
    background: #fff;
}

.news-update-slider {
    position: relative;
}

.news-update-slider .slick-arrow,
.featured-materials-slider .slick-arrow {
    width: 38px;
    height: 28px;
    border: 0;
    font-size: 0;
    cursor: pointer;
}

.news-update-slider .slick-prev,
.featured-materials-slider .slick-prev {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/slick-prev-icon-black.svg);
    position: absolute;
    top: 50%;
    left: -40px;
    z-index: 123;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}

.news-update-slider .slick-next,
.featured-materials-slider .slick-next {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/slick-next-icon-black.svg);
    position: absolute;
    top: 50%;
    right: -40px;
    z-index: 123;
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    background-size: contain;
    background-repeat: no-repeat;
}

.news-update-slider .slick-dots,
.featured-materials-slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.news-update-slider .slick-dots li button,
.featured-materials-slider .slick-dots li button {
    display: none;
}

.news-update-slider .slick-dots,
.featured-materials-slider .slick-dots {
    padding-bottom: 0;
}

.news-update-slider .slick-dots li,
.featured-materials-slider .slick-dots li {
    width: 19px;
    height: 19px;
    background: #ebe9e9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 11px;
    padding: 0;
}

.news-update-slider .slick-dots li:before,
.featured-materials-slider .slick-dots li:before {
    display: none;
}

.news-update-slider .slick-dots li.slick-active,
.featured-materials-slider .slick-dots li.slick-active {
    background: #bb252f;
}

.news-update-wrap {
    padding: 80px 0 80px;
}

.page-title {
    background: #f5f5f5;
    text-align: center;
    padding: 15px 15px;
    margin-bottom: 30px;
}

.waterpipe-overview-page .page-title h2 {
    font-size: 40px;
    line-height: 45px;
    color: #404040;
    font-weight: 700;
    margin: 0;
    padding-bottom: 0;
}

.waterpipe-overview-page .page-title h2:before {
    display: none;
}

.contain-box {
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    gap: 40px;
}

.contain-box p {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
}

.info-section-wrap.no-bg {
    background: transparent;
}

.info-section-desc h4 {
    font-size: 25px;
    line-height: 29px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 20px;
}

.info-section-desc .section-title.bottom-line h2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.normal-listing ul li,
.info-section-wrap .info-section-desc ul li {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
    padding-left: 50px;
    margin-bottom: 20px;
    position: relative;
}

.normal-listing ul li:before,
.info-section-wrap .info-section-desc ul li:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 3px solid #707070;
    position: absolute;
    top: 10px;
    left: 0;
}

.contain-box-wrap {
    padding-bottom: 90px;
}

.info-section-wrap.full-width-bg-img {
    padding: 100px 0 100px;
    position: relative;
}

.info-section-wrap.full-width-bg-img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 0;
    left: 0;
}

.info-section-wrap.full-width-bg-img .info-section {
    z-index: 1;
    position: relative;
}

.info-section .info-section-img img,
.info-section .info-section-img video {
    width: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.16);
}

.related-references-title {
    padding: 20px 80px 20px 0;
    background: #f5f5f5;
    display: inline-flex;
    position: relative;
    z-index: 12;
    display: inline-flex;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    margin-bottom: -2px;
}

.related-references-title h2 {
    font-size: 30px;
    line-height: 40px;
    color: #404040;
    font-weight: 700;
    position: relative;
    z-index: 12;
}

.related-references-title h2 a {
    color: #ba2025;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.related-references-title h2 a:hover {
    color: #404040;
}

.related-references-title:before {
    content: "";
    width: 1000px;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 0.16);
    margin-bottom: -2px;
}

.related-references-listing {
    padding: 50px 80px;
    background: #f5f5f5;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    position: relative;
    z-index: 123;
}

.related-references-listing .container>ul li {
    font-size: 20px;
    line-height: 30px;
    color: #404040;
    margin-bottom: 30px;
}

.related-references-listing .container>ul li a {
    padding-left: 55px;
    display: inline-block;
    color: #404040;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.related-references-listing .container {
    width: 100%;
}

.related-references-listing .container>ul li a .svg {
    position: absolute;
    top: 0;
    left: 0;
}

.related-references-listing .container>ul li:last-child {
    margin-bottom: 0;
}

.related-references-listing .container>ul li a:hover {
    color: #ba2025;
}

.share-social-media {
    padding-top: 70px;
    display: flex;
    flex-wrap: wrap;
    font-size: 24px;
    line-height: 34px;
    color: #444444;
}

.share-social-media ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.share-social-media ul li {
    margin-right: 17px;
}

.banner-bottom-slide-box {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.news-update-slider .slick-slide {
    height: auto;
    padding-bottom: 5px;
}

.news-update-slider .slick-slide>div {
    height: 100%;
}

.news-update-slide {
    height: 100%;
}

.news-update-box {
    height: 100%;
}

.news-update-box a {
    height: 100%;
}

.news-update-slider .slick-track {
    display: flex;
    flex-wrap: wrap;
}

.adds-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-bottom: 67px;
}

.adds-section-left-side {
    width: 74%;
    padding: 0 15px;
}

.adds-section-right-side {
    width: 26%;
    padding: 0 15px;
}

.info-text-img {
    padding-bottom: 67px;
}

.info-text-img img {
    margin-bottom: 40px;
}

.info-text-img p {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
}

.related-reference-cta {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    align-items: center;
}

.related-reference-cta-left {
    width: 50%;
    padding: 0 15px;
}

.related-reference-cta-right {
    width: 50%;
    padding: 0 15px;
}

.related-reference-cta-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.related-reference-cta-box .img-box {
    width: 143px;
}

.related-reference-cta-box .desc-box {
    width: calc(100% - 143px);
    padding-left: 48px;
}

.related-reference-cta-box .desc-box p {
    font-size: 25px;
    line-height: 29px;
    color: #404040;
    margin-bottom: 0;
}

.blue-bg.cta-btn a {
    background: #1b8ab5;
    border-color: #1b8ab5;
}

.blue-bg.cta-btn a:hover {
    background: #ba2025;
    border-color: #ba2025;
    color: #fff;
}

.quick-link-listing-wrap {
    padding-bottom: 100px;
}

.quick-link-listing-wrap .section-title.bottom-line h2:before {
    right: 0;
}

.quick-link-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px;
}

.quick-link-listing ul li {
    width: 20%;
    padding: 0 11px;
    margin-bottom: 22px;
}

.quick-link-box {
    border: 1px solid #707070;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.quick-link-box a {
    display: block;
}

.tag-tweets-info-section-wrap {
    padding: 73px 0;
    background: #f5f5f5;
}

.tag-tweets-info-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.tag-tweets-info-section .tag-section {
    width: 50%;
    padding: 0 15px;
}

.tag-tweets-info-section .tweets-section {
    width: 50%;
    padding: 0 15px;
}

.tag-tweets-info-section .section-title h2 {
    text-align: left;
}

.tag-tweets-info-section .section-title.bottom-line h2:before {
    right: inherit;
}

.tags-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px;
}

.tags-listing ul li {
    padding: 0 6px;
    margin-bottom: 13px;
}

.tags-listing ul li a {
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    color: #fff;
    background: #ba2025;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 16px 24px;
    display: block;
    text-transform: capitalize;
}

.tag-tweets-info-section .section-title h2 span {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #444444;
    font-weight: 400;
    padding-bottom: 20px;
    padding-top: 10px;
}

.tag-tweets-info-section .tweets-section .section-title h2 {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.tweets-section-box {
    width: 100%;
    max-width: 413px;
    margin: 0 auto;
}

.tweet-desc h4 {
    font-size: 25px;
    line-height: 30px;
    color: #444444;
    font-weight: 700;
    padding: 20px 0;
}

.tweet-desc p {
    font-size: 18px;
    line-height: 30px;
    color: #444444;
    font-weight: 400;
}

.banner-slider .slick-dots {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner-slider .slick-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.banner-slider .slick-dots li button {
    display: none;
}

.banner-slider .slick-dots li {
    width: 19px;
    height: 19px;
    background: #ebe9e9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 11px;
}

.banner-slider .slick-dots li.slick-active {
    background: #525152;
}

.adjusted-odds-wrap {
    width: 100%;
    clear: both;
    display: block;
    padding-top: 20px;
}

.adjusted-odds-box {
    display: flex;
    flex-wrap: wrap;
    background: #b5202e;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 13px 33px;
    align-items: center;
    position: relative;
}

.adjusted-odds-box:before {
    content: "";
    width: 1px;
    height: 70%;
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.adjusted-odds-left {
    width: 50%;
    padding-right: 5px;
}

.adjusted-odds-left p {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 0;
}

.adjusted-odds-left span {
    font-size: 25px;
    line-height: 35px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}

.adjusted-odds-right {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}

.adjusted-odds-right p {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
}

.tab-main-box>div {
    display: none;
}

.mobile-data {
    display: none;
}

.tab-section-wrap {
    padding-bottom: 96px;
}

.tab-section-wrap .section-title h2 {
    text-align: left;
}

.tab-section-wrap .section-title.bottom-line h2:before {
    right: inherit;
}

.tab-info .tab-menu ul li .team_detail-detail {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 123;
    width: 100%;
}

.tab-info .tab-menu ul li.active .team_detail-detail {
    display: block;
}

.tab-info .tab-menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
    padding-bottom: 0;
}

.tab-info .tab-menu ul li {
    width: 25%;
    padding: 0 13px 30px;
    position: relative;
    margin-bottom: 0;
}

.tab-info .tab-menu ul li:before {
    content: "";
    width: 35px;
    height: 22px;
    background: url(../images/intersection-icon.png);
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.tab-info .tab-menu ul li.active:before {
    opacity: 1;
    visibility: visible;
}

.tab-info .tab-menu ul li .tab {
    width: 100%;
    height: 100%;
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    padding: 24px 15px 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.tab-info .tab-menu ul li .tab:hover,
.tab-info .tab-menu ul li.active .tab {
    background: #ba2025;
}

.tab-info .tab-menu ul li .tab h6 {
    font-size: 20px;
    line-height: 27px;
    color: #404040;
    font-weight: 700;
    padding: 15px 0 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tab-info .tab-menu ul li .tab:hover h6,
.tab-info .tab-menu ul li.active .tab h6 {
    color: #fff;
}

.tab-info .tab-menu ul li .tab p {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
    margin: 0 0 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tab-info .tab-menu ul li .tab:hover p,
.tab-info .tab-menu ul li.active .tab p {
    color: #fff;
}

.tab-info .tab-menu ul li .tab .email-info {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tab-info .tab-menu ul li .tab:hover .email-info,
.tab-info .tab-menu ul li.active .tab .email-info {
    color: #fff;
}

.tab-info .tab-menu ul li .tab .email-info a {
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: #ba2025;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tab-info .tab-menu ul li .tab:hover .email-info a,
.tab-info .tab-menu ul li.active .tab .email-info a {
    color: #fff;
}

.team_detail-detail {
    padding: 20px;
    background: #ba2025;
}

.team_detail-detail p {
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
}

.team_detail-detail p:last-child {
    margin: 0;
}

.accordion-body {
    display: none;
}

.accordion-section-wrap {
    padding-bottom: 40px;
}

.accordion-listing {
    padding-top: 20px;
    position: relative;
}

.accordion-section-wrap .section-title h3 {
    padding-bottom: 10px;
    position: relative;
}

.accordion-section-wrap .section-title h3:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.accordion-listing>ul {
    counter-reset: accordion-listing-count;
}

.accordion-listing>ul>li {
    background: #f7f7f7;
    margin-bottom: 40px;
    padding: 0 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    position: relative;
}

.accordion-listing>ul>li .accordion-title:before {
    counter-increment: accordion-listing-count;
    content: ""counter(accordion-listing-count) "";
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 40px;
    font-size: 25px;
    line-height: 29px;
    color: #222222;
    font-weight: 700;
}

.accordion-title {
    padding: 0 88px 0;
    position: relative;
    border-bottom: 1px solid transparent;
}

.accordion-listing ul li.active .accordion-title {
    border-color: #dcdcdc;
}

.accordion-title:after {
    content: "";
    width: 33px;
    height: 20px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/drop-down-arrow-black.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 30px;
    top: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion-listing ul li.active .accordion-title:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.accordion-title h3 {
    font-size: 25px;
    line-height: 29px;
    color: #222222;
    font-weight: 700;
    border-left: 1px solid #dcdcdc;
    padding: 34px 0 34px 40px;
}

.accordion-body {
    padding: 47px 50px;
}

.accordion-body p {
    font-size: 18px;
    line-height: 30px;
    color: #222222;
}

.accordion-body h4 {
    font-size: 25px;
    line-height: 29px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 20px;
}

.note {
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    padding-bottom: 20px;
}

.note a {
    color: #ba2025;
}

.kh-footer-wrap .footer-row .footer-col {
    width: 25%;
}

.kh-footer-wrap .footer-row .footer-col:first-child {
    width: 50%;
}

.kh-footer-wrap .footer-row {
    padding: 30px;
    align-items: center;
}

.kh-footer-wrap.footer-wrap .container {
    max-width: 1630px;
}

.kh-logo-wrap {
    display: flex;
    flex-wrap: wrap;
}

.kh-logo-wrap .kh-logo-first {
    text-align: center;
}

.disclaimer-sdpi {
    background-color: #000000bd;
    color: #fff;
    display: block;
    padding: 7px;
    z-index: -1;
    position: relative;
    letter-spacing: 1px;
}

.footer-email-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.footer-email-info h3 {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    color: #444444;
}

.footer-email-info .icon-box {
    padding-right: 30px;
    padding-bottom: 10px;
}

.footer-email-info .icon-box i {
    font-size: 35px;
    vertical-align: middle;
    margin-right: 10px;
    color: #444444;
}

.footer-email-info .email-info h6 {
    font-size: 20px;
    line-height: 30px;
    color: #444444;
    padding-bottom: 10px;
}

.footer-email-info .email-info a {
    font-size: 22px;
    color: #444444;
    font-weight: 600;
}

.info-section-left-column .info-section-img {
    position: relative;
}

.info-section-left-column .info-section-img .overly {
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(186, 32, 37, 0.8);
    z-index: 12;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.two-columns-section.right-image .info-section-img .overly {
    left: inherit;
    right: 0;
}

.info-section-left-column .info-section-img:hover .overly {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.info-section-left-column .info-section-img .overly img {
    width: auto;
    height: auto;
    box-shadow: none;
    border-radius: 0;
}

.listing-note {
    padding-top: 30px;
}

.listing-note ul li {
    background: linear-gradient(294deg, rgba(64, 64, 64, 1) 54%, rgba(70, 61, 61, 1) 71%, rgba(186, 0, 0, 1) 100%);
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    padding: 20px 53px;
    margin-bottom: 30px;
}

.listing-note ul li:last-child {
    margin-bottom: 0;
}

.listing-note ul li a {
    font-weight: 700;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.listing-note ul li a:hover {
    color: #ba2025;
}

.scroll-to-section-box-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    justify-content: center;
}

.scroll-to-section-box-listing ul li {
    width: 20%;
    padding: 0 12px;
    margin-bottom: 50px;
}

.scroll-to-section-box-listing ul li:before {
    display: none;
}

.scroll-to-section-box {
    height: 100%;
}

.scroll-to-section-box a {
    height: 100%;
    padding: 50px 20px;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.scroll-to-section-box a:hover {
    background: #ba2025;
}

.scroll-to-section-box a .svg {
    width: 85px;
    height: 85px;
    margin: 0 auto;
    display: block;
}

.scroll-to-section-box a .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.scroll-to-section-box a:hover .svg path {
    fill: #fff;
}

.scroll-to-section-box a .desc-box {
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
    color: #444444;
    text-align: center;
    padding-top: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.scroll-to-section-box a:hover .desc-box {
    color: #fff;
}

.scroll-to-section-box-listing {
    border-bottom: 1px solid #d1d1d1;
}

.scroll-to-section-desc-wrap {
    padding-top: 100px;
}

.related-references-listing.links-listing .container>ul>li>a {
    padding-left: 35px;
}

.related-references-listing.links-listing ul li a .svg {
    top: 8px;
}

.contain-box-wrap.one-column-text .contain-box {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    column-count: 1;
    gap: 0px;
}

.contain-box-wrap.one-column-text .contain-box p a {
    color: #ba2025;
}

.contain-box-wrap.one-column-text .contain-box .text-align-center p {
    text-align: center;
}

.page-intro-wrap.full-width {
    width: 100%;
    max-width: 1630px;
    padding: 0;
}

.page-intro-wrap.three-box-style .two-columns-list {
    margin: 0 -17px;
}

.page-intro-wrap.three-box-style .two-columns-list .two-columns-list-box {
    width: 33.33%;
    padding: 0 17px;
}

.note-wrap {
    background: linear-gradient(294deg, rgba(64, 64, 64, 1) 54%, rgba(70, 61, 61, 1) 71%, rgba(186, 0, 0, 1) 100%);
    padding: 30px 0px;
}

.note-wrap p {
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
}

.note-wrap p:last-child {
    margin: 0;
}

.share-social-media-wrap .share-social-media {
    padding: 46px 0 46px;
}

.resource-database-listing-wrap {
    padding: 130px 0 80px;
    background: url(../images/line-bg.png);
    background-position: bottom left;
    background-repeat: no-repeat;
}

.resource-database-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}

.resource-database-listing ul li {
    width: 25%;
    padding: 0 20px;
}

.resource-database-listing ul li:before {
    display: none;
}

.resource-database-listing-box {
    height: 100%;
    text-align: center;
}

.resource-database-listing-box a {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #707070;
    background: #fff;
    border-radius: 10px;
    padding: 50px 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.resource-database-listing-box a .icon-box {
    padding-bottom: 40px;
}

.resource-database-listing-box a:hover {
    background: #ba2025;
    border-color: #ba2025;
}

.resource-database-listing-box a .icon-box .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.resource-database-listing-box a:hover .icon-box .svg path {
    fill: #fff;
}

.resource-database-listing-box a h4 {
    font-size: 30px;
    line-height: 34px;
    color: #404040;
    font-weight: 700;
    padding-bottom: 37px;
    margin-bottom: 0px;
}

.kh-side-bar-section .left-column {
    width: 65%;
    padding: 0 15px;
}

.kh-side-bar-section .right-column {
    width: 35%;
    padding: 0 15px;
}

.news-img-slider-wrap {
    width: 100%;
    padding: 0 60px;
    position: relative;
}

.news-img-slide-img {
    position: relative;
}

.news-img-slide-img img {
    width: 100%;
}

.news-img-slide-img:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(186, 0, 0, 0) 0%, rgba(186, 0, 0, 0.7) 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.resource-database-listing-box a:hover h4 {
    color: #fff;
}

.resource-database-listing-box a p {
    font-size: 20px;
    line-height: 40px;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.resource-database-listing-box a:hover p {
    color: #fff;
}

.external-resources .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -28px;
    align-items: center;
}

.external-resources .row .col-left {
    width: 67%;
    padding: 0 28px;
}

.external-resources .row .col-right {
    width: 33%;
    padding: 0 28px;
}

.external-resources-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -28px;
}

.external-resources-listing ul li {
    width: 50%;
    padding: 0 28px;
    margin-bottom: 50px;
}

.external-resources-listing ul li a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 74px 40px 35px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 12;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.external-resources-listing ul li a:hover {
    background: rgba(186, 32, 37, 0.5);
}

.external-resources-box {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    border-radius: 10px;
    overflow: hidden;
}

.external-resources-box h4 {
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
}

.external-resources-box span {
    font-size: 20px;
    color: #404040;
    display: inline-block;
    font-weight: 700;
    padding: 20px 40px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.external-resources-box a:hover span {
    background: #ba2025;
    color: #fff;
}

.external-resources .section-title h2 {
    text-align: left;
}

.external-resources .section-title h2:before {
    right: inherit;
}


/*.external-resources-wrap {
    padding: 50px 0 20px;
  }*/

.external-resources-wrap .current-news-wrap {
    padding: 50px 0 100px;
    border-bottom: 1px solid #707070;
    max-width: 100%;
}

.external-resources-wrap .current-news-wrap .slick-arrow {
    bottom: 48px;
}

.external-resources-wrap .tags-listing {
    padding: 50px 0 50px;
}

.external-resources-wrap .tags-listing ul li a {
    font-size: 18px;
    padding: 16px 20px;
}

.external-resources-wrap .side-bar-box {
    padding: 30px;
    border-top: 5px solid #ba2025;
    border-bottom: 5px solid #ba2025;
    background: #f5f5f5;
}


/* current-news */

.news-img-slide-img:hover:before {
    opacity: 1;
    visibility: visible;
}

.news-img-slide-desc {
    padding: 30px 0;
}

.news-img-slider-wrap .slick-arrow {
    width: 45px;
    height: 45px;
    background: #e8e8e8;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -45px;
}

.news-img-slider-wrap .slick-arrow.nextarrow {
    right: 0;
}

.news-img-slider-wrap .slick-arrow.prevarrow {
    left: 0;
}

.news-img-slide-desc p {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
}

.current-news-wrap {
    padding: 50px 0;
    width: 100%;
    max-width: 366px;
    margin: 0 auto;
    position: relative;
}

.current-news-wrap .section-title.bottom-line h2 {
    text-align: left;
    margin-bottom: 30px;
}

.section-title.bottom-line h2:before {
    right: inherit;
}

.current-news-slide-desc {
    padding-top: 24px;
}

.current-news-slide-desc .date-info {
    font-size: 20px;
    color: #ba2025;
    font-weight: 700;
    padding-bottom: 10px;
}

.current-news-slide-desc a {
    font-size: 19px;
    line-height: 22px;
    color: #404040;
    font-weight: 700;
    display: inline-block;
}

.current-news-wrap .slick-arrow {
    cursor: pointer;
    position: absolute;
    bottom: 0;
}

.current-news-wrap .slick-arrow svg path {
    fill: #ba2025;
}

.current-news-wrap .slick-arrow.nextarrow {
    right: 0;
}

.current-news-wrap .slick-arrow.prevarrow {
    left: 0;
}

.current-news-wrap .slick-dots {
    display: flex;
    bottom: -48px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 80%;
    align-items: center;
    justify-content: center;
}

.current-news-wrap .slick-dots li {
    width: 11px;
    height: 11px;
    background: #ebe9e9;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    margin: 0 6px;
    padding: 0;
}

.current-news-wrap .slick-dots {
    padding-bottom: 0;
}

.current-news-wrap .slick-dots li:before {
    display: none;
}

.current-news-wrap .slick-dots li button {
    display: none;
}

.current-news-wrap .slick-dots li.slick-active {
    background: #bb252f;
}

.featured-documents-wrap {
    padding: 30px 0 30px;
}

.featured-documents-wrap .section-title h2:before {
    right: 0;
}

.featured-documents-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -40px;
}

.featured-documents-listing .featured-materials-slider {
    padding-bottom: 60px;
}

.featured-documents-listing .featured-materials-slider .slick-track li {
    display: block !important;
    height: 100%;
    padding: 0 15px;
}

.featured-documents-listing .slick-track {
    display: flex !important;
    padding-bottom: 30px;
}

.featured-documents-listing .slick-slide {
    display: flex;
    height: auto;
    align-items: stretch;
    justify-content: center;
}

.featured-documents-listing .slick-slide>div {
    width: 100%;
}

.featured-documents-listing ul li {
    width: 33.33%;
    padding: 0 40px;
}

.featured-documents-listing ul li:before {
    display: none;
}

.featured-document-box {
    border-radius: 10px;
    border: 1px solid #d4d4d4;
    overflow: hidden;
}

.featured-document-box .img-box img {
    width: 100%;
}

.featured-document-box .date-info {
    display: flex;
    flex-wrap: wrap;
    background: #404040;
    padding: 15px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
}

.featured-document-box .date-info label {
    font-weight: 700;
    display: block;
}

.featured-document-box .date-info .posted-on {
    width: 50%;
    padding: 0 15px;
    position: relative;
}

.featured-document-box .date-info .posted-on:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 15px;
    top: 0;
}

.featured-document-box .date-info .author {
    width: 50%;
    padding: 0 15px;
}

.featured-document-box .desc-box {
    padding: 40px;
}

.featured-document-box .desc-box a {
    font-size: 25px;
    line-height: 30px;
    color: #404040;
    font-weight: 700;
    padding-bottom: 20px;
    position: relative;
    display: inline-block;
}

.featured-document-box .desc-box a:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    left: 0;
    bottom: 0;
}

.full-text .section-title h2 {
    text-align: left;
}

.full-text .sction-title h2:before {
    right: inherit;
}

.full-text p {
    text-align: left;
}

.full-text h3 {
    font-size: 30px;
    line-height: 40px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 20px;
}

.full-text h4 {
    font-size: 25px;
    line-height: 35px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 20px;
}

.full-text .call-to-action-box-wrap ul {
    max-width: 100%;
}

.full-text .call-to-action-box-wrap ul li {
    width: 33.33%;
    max-width: 100%;
}

.call-to-action-box-wrap .call-to-action-box a {
    width: 100%;
    max-width: 100%;
}

.call-to-action-box-wrap .call-to-action-box .img-box .svg path {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.call-to-action-box-wrap .call-to-action-box:hover .img-box .svg path {
    fill: #fff;
}


/*.full-text p strong span {
    color: #BA2025;
  }*/


/* media start */

.two-columns-section.desc-img-box .info-section-img img {
    border-radius: 0;
}

.two-columns-section.desc-img-box .info-section-img .img-desc {
    padding: 10px;
    background: #ba2025;
}

.two-columns-section.desc-img-box .info-section-img .img-desc p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
}

.general-information-wrap {
    padding-top: 40px;
    background: url(../images/bg-pr.html);
    background-position: top center;
    background-repeat: no-repeat;
}

.general-information-wrap.no-bg {
    background: transparent;
}

.general-information-wrap .section-title h2:before {
    right: inherit;
}

.general-information-info .section-title h2:before {
    right: 0;
}

.general-information-wrap .section-title h2 {
    text-align: left;
}

.general-information-info .section-title h2 {
    text-align: center;
}

.general-information-wrap p {
    font-size: 18px;
    line-height: 26px;
    color: #404040;
}

.general-information-policy h2 {
    font-size: 30px;
    padding-bottom: 20px;
}

.general-information-info {
    text-align: center;
    padding-bottom: 60px;
}

.general-information-policy-box {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    padding-bottom: 40px;
}

.general-information-policy-box-left {
    width: 50%;
    padding: 0 15px;
}

.general-information-policy-box-right {
    width: 50%;
    padding: 0 15px;
}

.general-information-wrap .general-information-policy-box .section-title h2 {
    text-align: left;
    margin-bottom: 20px;
}

.general-information-wrap .general-information-policy-box .section-title h2:before {
    right: inherit;
}

.number-listing-box ol li .straong {
    font-weight: 700;
}

.general-information-wrap .number-listing-box {
    padding-bottom: 50px;
}

.info-section-desc .normal-listing {
    padding-top: 0;
}

.monitoring-evaluation-wrap {
    padding: 70px 0 70px;
}

.monitoring-evaluation-wrap p {
    text-align: center;
}

.monitoring-evaluation-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-top: 4 0px;
}

.monitoring-evaluation-box ul li {
    width: 50%;
    padding: 0 15px;
}

.monitoring-evaluation-box ul li:before {
    display: none;
}

.monitoring-evaluation-box ul li .evaluation-box {
    height: 100%;
    padding: 20px 20px;
    font-size: 25px;
    line-height: 35px;
    color: #ffffff;
    background: #ba2025;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.related-references-title:before {
    width: 1230px;
    box-shadow: none;
}

.news-update-wrap .section-title h2:before {
    right: 0;
}

.contain-box-wrap .section-title h2:before {
    right: 0;
}

.contain-box-wrap .section-title h2:before {
    right: 0;
}

.kh-side-bar-section .right-column .tag-tweets-info-section-wrap {
    padding-left: 40px;
    padding-right: 40px;
}

.first-listing-kh-cate .tag-tweets-info-section-wrap {
    padding-top: 0px;
}

.kh-side-bar-section .right-column .section-title.bottom-line h2 {
    text-align: left;
}

.news-img-slider-wrap .count-word-many .entity-pager-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.entity-pager-list .entity-pager-item {
    padding-left: 0;
}

.entity-pager-list .entity-pager-item:before {
    display: none;
}

.news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a,
.news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
    padding: 10px 15px;
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    font-weight: 700;
    background: #bb252f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.news-img-slider-wrap .count-word-many .entity-pager-item.entity-pager-item-all {
    display: none;
}

.news-img-desc-wrap img {
    width: 100%;
}

.news-img-desc-wrap {
    padding: 0 60px;
}

.news-img-desc {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
    padding-top: 30px;
}

.right-column .current-news-wrap {
    padding-bottom: 100px;
}

.right-column .current-news-wrap .slick-arrow {
    bottom: 47px;
}

.adds-section-wrap ul li:before {
    display: none;
}

.tweets-section .tweets-section-box .contextual-region {
    height: 500px;
    overflow: auto;
}

.section-title.text-center h2 {
    text-align: center;
}

.section-title.text-center h2:before {
    right: 0;
}

.related-references-wrap h2 {
    padding: 0;
    margin-bottom: 0;
}

.related-references-wrap h2:before {
    display: none;
}

p iframe {
    width: 100%;
}

.rb-categories-wrap {
    padding: 50px 0;
}

.rb-categories-wrap .section-title.bottom-line h2:before {
    right: 0;
}

.tags-listing ul li:before {
    display: none;
}

.rb-categories-wrap .tags-listing ul {
    justify-content: center;
}

.rb-categories-wrap .tags-listing {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
}

.rb-categories-wrap .tags-listing ul li a {
    font-size: 18px;
    line-height: 28px;
    padding: 16px;
}

.e-library-page-wrap {
    padding: 0;
}

.e-library-page-wrap .section-title.bottom-line h2:before {
    right: 0;
}

.oygrvhab a {
    word-break: break-word;
}

.container .container {
    width: 100%;
    max-width: 100%;
}

.e-library-listing>ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.e-library-listing>ul>li {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.e-library-listing>ul>li:before {
    display: none;
}

.e-library-listing .e-library-listing-box .e-library-listing-img {
    overflow: hidden;
}

.e-library-listing .e-library-listing-box .e-library-listing-img img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.e-library-listing .e-library-listing-box:hover .e-library-listing-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.e-library-listing .e-library-listing-box {
    display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #d4d4d4;
    height: 100%;
}

.e-library-listing .e-library-listing-box .e-library-listing-desc {
    padding: 20px;
}

.e-library-title {
    padding-bottom: 10px;
}

.e-library-title a {
    font-size: 18px;
    line-height: 28px;
    color: #ba2025;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.e-library-title a:hover {
    text-decoration: underline;
}

.e-library-listing .e-library-listing-box .desc p {
    font-size: 16px;
    line-height: 26px;
    color: #404040;
}

.e-library-type {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
}

.e-library-type a {
    color: #ba2025;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.e-library-type a:hover {
    text-decoration: underline;
}

.e-library-listing-wrap {
    padding-bottom: 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

.browse-library-by-subject-wrap {
    padding: 50px 0 !important;
}

.browse-library-box .icon-box .svg {
    width: 30px;
    height: auto;
}

.browse-library-listing {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.browse-library-listing .listing-col {
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.browse-library-listing>ul>li:before {
    display: none;
}

.library-title {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #404040;
}

.library-title .icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ba2025;
    border-radius: 100%;
}

.library-title .icon-box svg path {
    fill: #fff;
}

.library-title .library-name {
    width: calc(100% - 90px);
    padding-left: 20px;
}

.library-title .library-name a {
    font-size: 20px;
    line-height: 30px;
    color: #ba2025;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.browse-library-box h3 {
    font-size: 25px;
    line-height: 35px;
    color: #404040;
    font-weight: 700;
    margin-bottom: 0;
}

.library-title .library-name a:hover {
    color: #404040;
    text-decoration: underline;
}

.entity_child_terms-listing {
    padding-top: 20px;
}

.entity_child_terms-listing ul>li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    text-align: left;
}

.entity_child_terms-listing ul>li .views-field-name {
    width: calc(100% - 80px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.entity_child_terms-listing ul>li a:hover {
    color: #ba2025;
    text-decoration: underline;
}

.entity_child_terms-listing ul>li:before {
    left: 10px;
}

.entity_child_terms-listing ul>li:last-child {
    margin-bottom: 0;
}

.entity_child_terms-listing ul {
    padding-bottom: 0;
}

.entity_child_terms-listing ul>li .views-field-nid {
    width: 80px;
    text-align: right;
    font-weight: 700;
    color: #ba2025;
    padding-left: 10px;
}

.browse-library-box {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 1px 6px rgb(0, 0, 0, 0.5);
}

.browse-library-location-income-list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px;
    margin: 0 -15px;
}

.browse-library-location-income-list .left-columns {
    width: 50%;
    padding: 0 15px;
}

.browse-library-location-income-list .right-columns {
    width: 50%;
    padding: 0 15px;
}

.browse-library-location-income-list a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.browse-library-location-income-list a:hover {
    color: #ba2025;
    text-decoration: underline;
}

.e-library-listing-page-wrap .announcement-board-detailed-title h1 {
    margin-bottom: 0;
}

.e-library-detail-page-wrap .section-title.bottom-line h2:before {
    right: 0;
}

.e-library-detail-desc .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.e-library-detail-desc .row .col {
    width: 33.33%;
    padding: 0 15px;
}

.e-library-detail-desc .row .col h4 {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px !important;
}

.e-library-detail-desc .row .col span {
    font-size: 18px;
    display: block;
    font-weight: 700;
    color: #404040;
    padding-bottom: 10px;
}

.e-library-detail-desc .row .col p {
    color: #ba2025;
}

.e-library-detail-desc .row .col a {
    font-size: 18px;
    line-height: 28px;
    color: #ba2025;
}

.e-library-detail-desc .row .col h4:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    top: inherit;
    left: 0;
}

.e-library-detail-desc .row .col ul {
    padding: 0;
}

.e-library-detail-desc .row .col ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.e-library-detail-desc .row .col ul li:before {
    display: none;
}

.e-library-detail-desc .row .col ul li .svg {
    width: 20px;
    margin-right: 0;
}

.e-library-detail-desc .row .col .cta-btn {
    padding: 40px 0;
}

.e-library-detail-desc .row .col .cta-btn a {
    color: #fff;
}

.e-library-detail-desc .row .col .cta-btn a:hover {
    color: #ba2025;
}

.e-library-listed-in ul {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.e-library-listed-in ul li {
    padding-left: 0;
}

.e-library-listed-in ul li:before {
    display: none;
}

.e-library-listed-in ul li .svg {
    width: 20px;
    margin-right: 10px;
}

.e-library-listed-in ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 18px;
    color: #ba2025;
}

.support-praties .sidebar .section {
    padding: 20px;
}

.support-praties .sidebar .section .tag-tweets-info-section-wrap .section-title.bottom-line h2:before {
    right: 0;
}

.scroll-to-section-box-listing ul li:before {
    display: none;
}

.scroll-to-section-desc-wrap .databases-listing-right {
    width: 100%;
    padding: 0;
}

.facts-figures-wrap .section-title h2:before {
    right: 0;
}

.facts-figures-wrap h4 {
    text-align: center;
    margin-bottom: 30px;
}

.facts-figures-listing ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -25px;
}

.facts-figures-listing ul li {
    width: 33.33%;
    padding: 0 25px;
}

.facts-figures-listing ul li:before {
    display: none;
}

.facts-figure-box {
    overflow: hidden;
}

.facts-figure-box img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.e-library-listed-in ul li {
    padding-right: 10px;
    border-right: 1px solid #404040;
}

.e-library-listed-in ul li+li {
    padding-left: 10px;
}

.e-library-listed-in ul li:last-child {
    border-right: 0;
}

.e-library-listed-in ul li a:hover {
    text-decoration: underline;
}

.e-library-info-desc {
    padding-bottom: 50px;
}

.listing-page.terms-listing ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.listing-page.terms-listing ul li {
    width: 50%;
    padding: 0 15px;
}

.listing-page.terms-listing ul li:before {
    display: none;
}

.listing-page.terms-listing {
    padding-bottom: 30px;
}

.facts-figure-box:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.facts-figure-box {
    position: relative;
}

.facts-figure-box:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(186, 0, 0, 0) 0%, rgba(186, 0, 0, 0.7) 100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 12;
}

.facts-figure-box:hover:before {
    opacity: 1;
    visibility: visible;
}

.news-listing-page,
.taxonomy-listing.e-library-listing {
    padding-top: 60px;
}

.e-library-listing .views-row-wrapper ul {
    list-style: disc !important;
    padding-left: 70px;
    column-count: 2;
}

.e-library-listing .views-row-wrapper ul li {
    margin-right: 50px;
    margin-bottom: 20px;
}

.taxonomy-listing.e-library-listing .views-row-wrapper .views-row {
    width: 100%;
    margin-bottom: 0;
}

.news-listing-page .section-title.bottom-line h2:before {
    right: 0;
}

.news-listing-page .news-update-box:hover,
.e-library-listing .news-update-box:hover {
    background: transparent;
}

.news-listing-page .news-update-box:hover .news-update-desc h4:before,
.e-library-listing .news-update-box:hover .news-update-desc h4:before {
    background: #29abe1;
}

.news-listing-page .news-update-desc h4 a:hover,
.e-library-listing .news-update-desc h4 a:hover {
    color: #ba2025;
}

.news-listing-page .page-body,
.e-library-listing .page-body {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
    padding-bottom: 10px;
}

.news-listing-page .news-update-box,
.e-library-listing .news-update-box {
    float: left;
    margin-bottom: 30px;
    width: 47%;
    margin-left: 2.5%;
    min-height: 415px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.news-listing-page .news-update-box:nth-child(1n) {
    margin-right: inherit !important;
}

.news-listing-page .news-update-box .news-update-img,
.e-library-listing .news-update-box .news-update-img {
    width: 40%;
    float: left;
}

.news-listing-page .news-update-box .news-update-desc,
.e-library-listing .news-update-box .news-update-desc {
    width: 60%;
    text-align: center;
    float: right;
}

.e-library-listing.fctc-no-sidebar .news-update-box .news-update-img {
    width: auto;
}

.e-library-listing .news-update-box .news-update-img img {
    max-height: 277px;
}

.main-content a {
    color: #262262 !important
}

.news-listing-page .news-update-box .news-update-desc .page-read-more a,
.e-library-listing .news-update-box .news-update-desc .page-read-more a {
    font-size: 18px;
    font-weight: 700;
    color: #ba2025;
}

.taxonomy-listing .views-row-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.taxonomy-listing .views-row-wrapper .views-row {
    width: 33.33%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.browse-library-listing .listing-col {
    width: 33.33%;
    padding: 0 15px;
}

.download-link-box ul li {
    padding-left: 30px;
    position: relative;
}

.download-link-box ul li .svg {
    width: 20px;
    position: absolute;
    top: 4px;
    left: 0;
}


/* media Start */

@media (max-width: 1500px) {
    .banner-bottom-slider-wrap .banner-bottom-slider .slick-prev {
        left: 15px;
    }
    .banner-bottom-slider-wrap .banner-bottom-slider .slick-next {
        right: 15px;
    }
}

@media (max-width: 1366px) {
    .page-intro .title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .page-intro p {
        font-size: 16px;
        line-height: 26px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .feed-card-box .feed-card-desc {
        font-size: 16px;
        line-height: 26px;
    }
    .two-columns-list-wrap .two-columns-list {
        margin: 0 -15px;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box {
        padding: 0 15px;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc h6 {
        font-size: 20px;
        line-height: 30px;
        padding: 5px 0;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc .svg {
        width: 90px;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc {
        padding: 20px 20px 0;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box a:hover .two-columns-list-box-desc {
        padding-bottom: 20px;
    }
    .media-advertisement-list ul {
        margin: 0 -15px;
    }
    .media-advertisement-list ul li {
        padding: 0 15px;
    }
    .section-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .media-advertisement p {
        font-size: 16px;
        line-height: 26px;
    }
    .media-advertisements-wrap .note p {
        font-size: 16px;
        line-height: 26px;
    }
    .info-section-desc .section-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .info-section-desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .number-listing-box ol li {
        font-size: 16px;
        line-height: 26px;
    }
    .listing-with-img-wrap ul li .desc-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .knowledge-networks-listing .knowledge-network-box .desc-box {
        font-size: 18px;
        line-height: 28px;
    }
    .knowledge-networks-listing .knowledge-network-box a {
        padding: 30px 20px;
    }
    .banner-bottom-slide-box .desc-box {
        font-size: 18px;
        line-height: 28px;
        padding-top: 10px;
    }
    .banner-bottom-slide-box .icon-box {
        width: 60px;
        margin: 0 auto;
    }
    .banner-bottom-slide-box {
        min-height: 175px;
        padding: 40px 15px 20px;
    }
    .banner-bottom-slider-wrap .banner-bottom-slider .slick-arrow {
        width: 28px;
        height: 18px;
    }
    .news-update-desc h4 {
        font-size: 20px;
        line-height: 30px;
    }
    .news-update-desc {
        padding: 50px 20px 50px;
    }
    .news-update-desc .date-info span {
        font-size: 18px;
    }
    .news-update-desc .date-info {
        padding: 10px;
    }
    .waterpipe-overview-page .page-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .section-title.bottom-line h2 {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .contain-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .normal-listing li {
        font-size: 16px;
        line-height: 26px;
        padding-left: 30px;
    }
    .related-references-listing .container>ul li {
        font-size: 16px;
        line-height: 26px;
    }
    .related-reference-cta-box .desc-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .tab-info .tab-menu ul li .tab h6 {
        font-size: 16px;
        line-height: 26px;
    }
    .tab-info .tab-menu ul li .tab p {
        font-size: 16px;
        line-height: 26px;
    }
    .tab-info .tab-menu ul li .tab .email-info {
        font-size: 16px;
        line-height: 26px;
    }
    .tab-info .tab-menu ul li .tab .email-info a {
        font-size: 16px;
        line-height: 26px;
    }
    .team_detail-detail p {
        font-size: 16px;
        line-height: 26px;
    }
    .team_detail-detail {
        padding: 20px;
    }
    .footer-email-info .email-info a {
        font-size: 18px;
    }
    .accordion-title h3 {
        font-size: 18px;
        line-height: 28px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .accordion-listing ul li .accordion-title:before {
        font-size: 18px;
        top: 17px;
    }
    .accordion-title:after {
        width: 18px;
        height: 10px;
        top: 25px;
    }
    .accordion-body {
        padding: 20px;
    }
    .note {
        padding-bottom: 10px;
    }
    .note,
    .accordion-body p {
        font-size: 16px;
        line-height: 26px;
    }
    .accordion-body h4 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .scroll-to-section-box a .desc-box {
        font-size: 18px;
        line-height: 28px;
        padding-top: 20px;
    }
    .scroll-to-section-box a {
        padding: 20px 10px;
    }
    .scroll-to-section-box a .svg {
        width: 60px;
        height: 60px;
    }
    .listing-note ul li {
        font-size: 16px;
        line-height: 26px;
        padding: 20px 20px;
    }
    .note-wrap p {
        font-size: 16px;
        line-height: 26px;
    }
    .note-wrap {
        padding: 20px 0;
    }
    .resource-database-listing-box a .icon-box .svg {
        width: 80px;
        height: 80px;
    }
    .resource-database-listing-box a {
        padding: 20px;
    }
    .resource-database-listing-box a .icon-box {
        padding-bottom: 20px;
    }
    .resource-database-listing-box a h4 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 20px;
    }
    .resource-database-listing-box a p {
        font-size: 16px;
        line-height: 26px;
    }
    .resource-database-listing ul {
        margin: 0 -15px;
    }
    .resource-database-listing ul li {
        padding: 0 15px;
    }
    .external-resources-box h4 {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 20px;
    }
    .external-resources-box span {
        font-size: 16px;
        padding: 15px 20px;
    }
    .external-resources-wrap .tags-listing ul li a {
        font-size: 16px;
    }
    .news-img-slide-desc p {
        font-size: 16px;
        line-height: 26px;
    }
    .current-news-slide-desc a {
        font-size: 16px;
        line-height: 26px;
    }
    .current-news-slide-desc .date-info {
        font-size: 16px;
        line-height: 26px;
    }
    .general-information-wrap p {
        font-size: 16px;
        line-height: 26px;
    }
    .browse-library-listing>ul>li {
        width: 50%;
    }
    .library-title .library-name a {
        font-size: 16px;
        line-height: 26px;
    }
    .news-listing-page .page-body,
    .e-library-listing .page-body {
        font-size: 16px;
        line-height: 26px;
    }
    .e-library-listing .news-update-desc h4 span {
        font-size: 14px;
        line-height: 22px;
    }
    .legal-challenges-body-text::after {
        bottom: -72px !important;
    }
    .e-library-listing .e-library-listing-box .desc p {
        font-size: 14px;
    }
}

@media (max-width: 1240px) {
    .advertisement-title {
        font-size: 18px;
    }
    .media-advertisements-wrap:before {
        width: 129px;
        height: 182px;
        background-size: contain;
    }
    .media-advertisements-wrap:after {
        width: 109px;
        height: 182px;
        background-size: contain;
    }
    .listing-with-img-wrap ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .listing-with-img-wrap ul li:last-child {
        margin-bottom: 0;
    }
    .listing-with-img-wrap ul li .img-box {
        width: 20%;
    }
    .listing-with-img-wrap ul li .desc-box {
        width: 80%;
    }
    .knowledge-networks-listing ul li {
        width: 33.33%;
    }
    .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
        width: 60px;
        height: auto;
    }
    .knowledge-networks-listing ul li {
        padding: 0 15px;
    }
    .knowledge-networks-listing ul {
        margin: 0 -15px;
    }
    .related-reference-cta-box .desc-box {
        padding-left: 15px;
    }
    .news-img-slider-wrap .slick-arrow {
        top: inherit;
        bottom: 30px;
        margin-top: 0;
    }
    .news-img-slider-wrap {
        padding: 0 15px 0px;
    }
}

@media (max-width: 1200px) {
    .tab-info .tab-menu ul li .tab h6 {
        font-size: 16px;
        line-height: 26px;
    }
    .tab-info .tab-menu ul li .tab .email-info a {
        display: block;
    }
    .tab-info .tab-menu ul li .tab p {
        font-size: 14px;
        line-height: 24px;
    }
    .tab-info .tab-menu ul li .tab .img-box {
        width: 100%;
        max-width: 150px;
        margin: 0 auto;
    }
    .paragraph--type--our-team .tab-menu ul li img {
        height: 180px !important;
    }
    .external-resources .row .col-left {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .external-resources .row .col-right {
        width: 100%;
    }
    .external-resources-listing ul {
        margin: 0 -15px;
    }
    .external-resources-listing ul li {
        padding: 0 15px;
    }
    .external-resources-wrap .current-news-wrap {
        padding: 0 0 90px;
    }
    .external-resources-wrap .current-news-wrap .slick-arrow {
        bottom: 40px;
    }
    .external-resources-wrap .tags-listing {
        padding-top: 30px;
    }
    .kh-footer-wrap .footer-row .footer-col {
        width: 25%;
    }
    .kh-footer-wrap .footer-row .footer-col:first-child {
        width: 100%;
    }
    .kh-footer-wrap .footer-row .logo-wrap {
        display: block;
    }
    .kh-footer-wrap .footer-row .logo-wrap .kh-logo-wrap {
        justify-content: start;
        padding-bottom: 30px;
    }
    .kh-footer-wrap .footer-row {
        align-items: flex-start;
    }
}

@media (max-width: 1024px) {
    .media-advertisement-list ul li {
        width: 33.33%;
        margin-bottom: 30px;
    }
    .info-section-desc .section-title h2 {
        font-size: 25px;
        line-height: 35px;
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .info-section-wrap {
        padding-top: 60px;
    }
    .two-columns-section {
        margin: 0 -15px 50px;
    }
    .info-section-left-column {
        padding: 0 15px;
    }
    .info-section-right-column {
        padding: 0 15px;
    }
    .info-section-img:hover img {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transform-origin: right bottom;
    }
    .waterpipe-overview-page .page-title {
        padding: 20px 15px;
        margin-bottom: 20px;
    }
    .waterpipe-overview-page .page-title h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .tab-info .tab-menu ul li .mobile-data {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 123;
    }
    .tab-info .tab-menu ul li.active .team_detail-detail {
        display: none;
    }
    .tab-info .tab-menu ul li.active .mobile-data {
        display: block;
        width: 100%;
        text-align: center;
    }
    .tab-main-box {
        display: none;
    }
    .tab-info .tab-menu ul li {
        width: 100%;
        position: relative;
    }
    .tab-info .tab-menu ul li .tab {
        border-radius: 10px;
        display: flex;
        flex-wrap: wrap;
        padding: 20px 20px;
        align-items: center;
    }
    .tab-info .tab-menu ul li .tab .img-box {
        margin-left: 0;
    }
    .tab-info .tab-menu ul li .tab .desc-box {
        width: calc(100% - 150px);
        padding-left: 20px;
        text-align: left;
    }
    .tab-info .tab-menu ul li .tab h6 {
        padding-top: 0;
    }
    .tab-info .tab-menu ul li .tab .email-info a {
        display: inline-block;
    }
    .scroll-to-section-box-listing ul li {
        width: 33.33%;
        margin-bottom: 20px;
    }
    .page-intro-wrap.three-box-style .two-columns-list .two-columns-list-box {
        width: 50%;
    }
    .resource-database-listing ul li {
        width: 50%;
        margin-bottom: 30px;
    }
    .resource-database-listing-wrap {
        padding: 50px 0 50px;
    }
    .e-library-listing>ul>li {
        width: 50%;
    }
    .paragraph--type--our-team .tab-menu ul li img {
        height: auto !important;
        min-height: 80px;
    }
}

@media (max-width: 991px) {
    .two-columns-list-wrap .two-columns-list .two-columns-list-box {
        width: 100%;
        max-width: 500px;
        margin: 0 auto 30px;
    }
    .info-section-left-column {
        width: 100%;
        text-align: left;
        padding-bottom: 30px;
    }
    .info-section-right-column {
        width: 100%;
    }
    .two-columns-section.column-40-60 .info-section-left-column {
        width: 100%;
    }
    .two-columns-section.column-40-60 .info-section-right-column {
        width: 100%;
    }
    .two-columns-section.column-30-70 .info-section-left-column {
        width: 100%;
    }
    .two-columns-section.column-30-70 .info-section-right-column {
        width: 100%;
    }
    .listing-with-img-wrap ul li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .knowledge-networks-listing .knowledge-network-box .desc-box {
        font-size: 16px;
        line-height: 26px;
    }
    .knowledge-networks-listing-wrap {
        padding: 40px 0 20px;
    }
    .news-update-slider .slick-arrow,
    .featured-materials-slider .slick-arrow {
        width: 28px;
        height: 18px;
    }
    .news-update-slider .slick-prev,
    .featured-materials-slider .slick-prev {
        left: -20px;
    }
    .news-update-slider .slick-next,
    .featured-materials-slider .slick-next {
        right: -20px;
    }
    .news-update-desc h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .news-update-desc,
    .news-update-slider-wrap .news-update-slider .news-update-desc {
        padding: 30px 15px;
    }
    .news-update-wrap {
        padding: 40px 0 40px;
    }
    .section-title.bottom-line h2 {
        margin-bottom: 30px;
    }
    .waterpipe-overview-page .info-section-wrap {
        padding-bottom: 50px;
    }
    .info-section-wrap.full-width-bg-img {
        padding: 50px 0 50px;
    }
    .related-references-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .related-references-listing {
        padding: 25px 15px;
    }
    .feed-card-box .feed-card-desc {
        padding: 20px 30px;
    }
    .section-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .related-reference-cta-left {
        width: 100%;
    }
    .related-reference-cta-right {
        width: 100%;
        padding-top: 20px;
    }
    .quick-link-listing ul li {
        width: 33.33%;
    }
    .tag-tweets-info-section .tag-section {
        width: 100%;
    }
    .tag-tweets-info-section .tweets-section {
        padding-top: 30px;
        width: 100%;
    }
    .tweets-section-box {
        margin-left: 0;
    }
    .tag-tweets-info-section-wrap {
        padding: 40px 0;
    }
    .quick-link-listing-wrap {
        padding-bottom: 20px;
    }
    .tags-listing ul li a {
        font-size: 16px;
        line-height: 20px;
        padding: 10px 15px;
    }
    .tag-tweets-info-section .section-title h2 span {
        font-size: 10px;
        line-height: 20px;
        padding: 5px 0;
    }
    .tweet-desc h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .tweet-desc p {
        font-size: 10px;
        line-height: 16px;
    }
    .banner-slider .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }
    .banner-slider .slick-dots {
        bottom: 20px;
    }
    .accordion-title h3 {
        padding-left: 15px;
    }
    .accordion-title {
        padding: 0 40px;
    }
    .accordion-listing ul li .accordion-title:before {
        left: 17px;
    }
    .accordion-title h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .accordion-title:after {
        right: 15px;
    }
    .browse-library-by-subject-wrap {
        padding: 50px 0 !important;
    }
    .browse-library-listing>ul>li {
        width: 100%;
    }
    .browse-library-box .icon-box .svg {
        width: 20px;
    }
    .library-title .icon-box {
        width: 40px;
        height: 40px;
    }
    .library-title .library-name {
        width: calc(100% - 40px);
    }
    .browse-library-location-income-list .left-columns {
        width: 100%;
    }
    .browse-library-location-income-list .right-columns {
        width: 100%;
    }
    .browse-library-by-subject-wrap {
        padding-bottom: 0;
    }
    .e-library-detail-desc .row .col {
        width: 100%;
        padding-bottom: 30px;
    }
    .e-library-detail-desc .row .col .cta-btn {
        padding-bottom: 0;
    }
    .listing-page.terms-listing ul li {
        width: 100%;
    }
    .browse-library-listing .listing-col {
        width: 50%;
    }
    .taxonomy-listing .views-row-wrapper .views-row {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc {
        padding: 15px 15px 0;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box a:hover .two-columns-list-box-desc {
        padding-bottom: 15px;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc .svg {
        width: 60px;
        height: auto;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box {
        padding: 0;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc p {
        font-size: 10px;
        line-height: 16px;
    }
    .two-columns-list-wrap .two-columns-list .two-columns-list-box .two-columns-list-box-desc h6 {
        font-size: 18px;
        padding: 0;
        line-height: 28px;
    }
    .section-title h2 {
        font-size: 25px;
        line-height: 35px;
        padding: 20px 0;
    }
    .media-advertisement-list {
        padding-top: 30px;
    }
    .media-advertisements-wrap {
        padding: 50px 0 50px;
    }
    .media-advertisement-list ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .media-advertisement-list ul li .media-advertisement-box {
        max-width: 310px;
        margin: 0 auto;
    }
    .page-intro .title h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .page-intro p {
        font-size: 10px;
        line-height: 16px;
    }
    .page-intro {
        padding: 40px 0 40px;
    }
    .section-title h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .media-advertisement p {
        font-size: 10px;
        line-height: 16px;
    }
    .media-advertisements-wrap .note p {
        font-size: 10px;
        line-height: 16px;
    }
    .info-section-desc .section-title h2 {
        font-size: 18px;
        line-height: 28px;
        padding: 11px 0;
    }
    .info-section-desc p {
        font-size: 10px;
        line-height: 20px;
    }
    .number-listing-box ol li {
        font-size: 10px;
        line-height: 20px;
    }
    .number-listing-box ol li:before {
        font-size: 14px;
        top: 14px;
    }
    .number-listing-box ol li {
        padding: 15px 15px 15px 35px;
    }
    .listing-with-img-wrap ul li .desc-box h6 {
        font-size: 18px;
        line-height: 28px;
    }
    .listing-with-img-wrap ul li .desc-box p {
        font-size: 10px;
        line-height: 20px;
    }
    .feed-card-box.no-image .feed-card-desc {
        padding: 20px 20px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .feed-card-box .feed-card-desc {
        font-size: 10px;
        line-height: 20px;
    }
    .knowledge-networks-listing ul {
        margin: 0;
    }
    .knowledge-networks-listing ul li {
        width: 100%;
        padding: 0;
    }
    .news-update-img img {
        width: 100%;
    }
    .news-update-slider .slick-prev,
    .featured-materials-slider .slick-prev {
        left: -15px;
    }
    .news-update-slider .slick-next,
    .featured-materials-slider .slick-next {
        right: -15px;
    }
    .news-update-wrap .container,
    .featured-material-wrap .container {
        width: 85% !important;
    }
    .news-update-slider {
        padding-bottom: 0;
    }
    .news-update-slider .slick-dots {
        position: relative;
        margin-top: 10px;
    }
    .news-update-slider .slick-dots li {
        margin: 0 5px;
        width: 15px;
        height: 15px;
    }
    .waterpipe-overview-page .page-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .contain-box {
        -moz-column-count: 1;
        -moz-column-gap: 40px;
        -webkit-column-count: 1;
        -webkit-column-gap: 40px;
    }
    .info-section-desc h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .normal-listing li {
        font-size: 10px;
        line-height: 20px;
    }
    .related-references-listing .container>ul li {
        font-size: 10px;
        line-height: 20px;
    }
    .share-social-media {
        font-size: 16px;
        padding-top: 40px;
    }
    .contain-box p {
        font-size: 10px;
        line-height: 20px;
    }
    .banner-bottom-slider .banner-bottom-slide {
        width: 50%;
    }
    .adds-section-left-side {
        width: 100%;
        text-align: center;
    }
    .adds-section-right-side {
        width: 100%;
        text-align: center;
    }
    .info-text-img p {
        font-size: 10px;
        line-height: 16px;
    }
    .adds-section {
        padding-bottom: 40px;
    }
    .adds-section-left-side ul {
        padding-bottom: 0;
    }
    .info-text-img {
        padding-bottom: 20px;
    }
    .feed-card-box .feed-card-desc {
        width: 100%;
        padding: 20px 15px;
    }
    .related-reference-cta-box .desc-box {
        width: 100%;
        padding-top: 20px;
        padding-left: 0;
    }
    .related-reference-cta-box .desc-box p {
        font-size: 10px;
        line-height: 16px;
    }
    .quick-link-listing ul li {
        width: 100%;
    }
    .quick-link-box img {
        width: 100%;
    }
    .adjusted-odds-left span {
        font-size: 10px;
        line-height: 16px;
    }
    .team_detail-detail p {
        font-size: 10px;
        line-height: 16px;
    }
    .tab-info .tab-menu ul li .tab .desc-box {
        padding-left: 10px;
    }
    .tab-info .tab-menu ul li .tab .img-box {
        width: 90px;
    }
    .tab-info .tab-menu ul li .tab .desc-box {
        width: calc(100% - 90px);
    }
    .tab-info .tab-menu ul li .tab h6 {
        font-size: 12px;
        line-height: 22px;
        padding-bottom: 0;
    }
    .tab-info .tab-menu ul li .tab p {
        font-size: 11px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .tab-info .tab-menu ul li .tab .email-info,
    .tab-info .tab-menu ul li .tab .email-info a {
        font-size: 12px;
        line-height: 22px;
    }
    .tab-section-wrap {
        padding-bottom: 40px;
    }
    .related-references-title h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .kh-footer-wrap .footer-row .footer-col {
        width: 100%;
    }
    .kh-footer-wrap .logo-wrap {
        width: 100%;
    }
    .kh-footer-wrap .footer-row .footer-col:first-child {
        width: 100%;
    }
    .footer-email-info {
        padding-top: 20px;
    }
    .kh-footer-wrap .social-media ul {
        justify-content: start;
        padding-top: 20px;
    }
    .note,
    .accordion-body p {
        font-size: 10px;
        line-height: 16px;
    }
    .accordion-body h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .scroll-to-section-box-listing ul li {
        width: 100%;
    }
    .scroll-to-section-desc-wrap {
        padding-top: 50px;
    }
    .listing-note ul li {
        font-size: 10px;
        line-height: 16px;
        padding: 10px;
    }
    .listing-note {
        padding-top: 0;
    }
    .related-references-listing .container>ul li {
        margin-bottom: 10px;
    }
    .related-references-listing.links-listing ul li a .svg {
        top: 4px;
    }
    .page-intro-wrap.three-box-style .two-columns-list .two-columns-list-box {
        width: 100%;
    }
    .note-wrap p {
        font-size: 10px;
        line-height: 16px;
    }
    .share-social-media-wrap .share-social-media {
        padding: 20px 0;
    }
    .resource-database-listing ul li {
        width: 100%;
        margin-bottom: 30px;
    }
    .resource-database-listing-box a .icon-box {
        padding-bottom: 10px;
    }
    .resource-database-listing-box a h4 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .resource-database-listing-box a p {
        font-size: 10px;
        line-height: 26px;
    }
    .external-resources-listing ul li {
        width: 100%;
    }
    .kh-side-bar-section .left-column {
        width: 100%;
    }
    .kh-side-bar-section .right-column {
        width: 100%;
    }
    .current-news-wrap {
        padding: 30px 0 60px;
    }
    .current-news-wrap .slick-arrow {
        bottom: 20px;
    }
    .current-news-wrap .slick-dots {
        bottom: -34px;
    }
    .news-img-slide-desc p {
        font-size: 10px;
        line-height: 16px;
    }
    .current-news-slide-desc .date-info {
        font-size: 10px;
        line-height: 16px;
    }
    .current-news-slide-desc a {
        font-size: 10px;
        line-height: 16px;
    }
    .general-information-wrap p {
        font-size: 10px;
        line-height: 16px;
    }
    .general-information-policy-box-left {
        width: 100%;
    }
    .general-information-policy-box-right {
        width: 100%;
    }
    .monitoring-evaluation-box ul li .evaluation-box {
        font-size: 18px;
        line-height: 26px;
    }
    .monitoring-evaluation-box ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .news-img-desc-wrap {
        padding: 0;
    }
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a,
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
        font-size: 14px;
        padding: 5px 10px;
    }
    .news-img-slider-wrap {
        padding: 0;
    }
    .kh-footer-wrap .footer-col .social-media h2 {
        text-align: left;
        padding-top: 20px;
    }
    .kh-footer-wrap .social-media ul {
        padding-top: 0;
    }
    .news-img-desc {
        font-size: 10px;
        line-height: 20px;
    }
    .e-library-listing>ul>li {
        width: 100%;
    }
    .e-library-listing>ul>li img {
        width: 100%;
    }
    .news-listing-page .page-body,
    .e-library-listing .page-body {
        font-size: 10px;
        line-height: 16px;
    }
    .news-listing-page .news-update-box .news-update-desc .page-read-more a,
    .e-library-listing .news-update-box .news-update-desc .page-read-more a {
        font-size: 16px;
        line-height: 26px;
    }
    .news-listing-page .news-update-box .news-update-img,
    .e-library-listing .news-update-box .news-update-img {
        width: 100%;
    }
    .news-listing-page .news-update-box .news-update-desc,
    .e-library-listing .news-update-box .news-update-desc {
        width: 100%;
    }
    .browse-library-listing .listing-col {
        width: 100%;
    }
    .browse-library-box h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .taxonomy-listing .views-row-wrapper .views-row {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .banner-bottom-slider .banner-bottom-slide {
        width: 100%;
    }
    .external-website-listing-wrap .announce-row-wrap .announce-img div {
        height: 215px !important;
        max-height: 215px !important;
    }
}

@media (min-width: 1020px) {
    #sf-top-header {
        background-color: #000
    }
    .sfPageEditor #sf-top-header {
        background-color: inherit
    }
    #sf-top-header ul li a {
        color: #fff !important
    }
    #sf-top-header ul.rdCommands li a {
        color: #000 !important
    }
    .sfPageEditor #sf-top-header ul li a {
        color: inherit
    }
    #sf-top-header div.navigation-search>span>i {
        color: #fff !important
    }
    #sf-top-header #sf-geo-navigation-container ul.sf-primary-geo-navigation .has-children>a:after {
        filter: brightness(0) invert(1)
    }
    #sf-top-header #search-form .search-button .fa {
        font-size: 22px;
        color: #900000
    }
    #sf-top-header #search-form .search-button {
        min-height: 48px;
        background-color: #efefef;
        color: #fff;
        text-align: center
    }
    #sf-top-header select {
        font: 400 12px/1.3 sans-serif;
        -webkit-appearance: none;
        appearance: none;
        line-height: 1;
        outline: 0;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%;
        background-position: right 20px center, right bottom, right bottom, right bottom;
        color: #fff !important;
        font-size: 15px;
        font-weight: 700;
        line-height: 28px;
        min-width: 110px;
        height: 44px;
        padding: .65em 24px .55em 8px;
        cursor: pointer;
        background-color: #20313b;
        border: 0 #20313b
    }
    #sf-top-header select:hover {
        background-image: linear-gradient(var(--accentFg), var(--accentFg)), linear-gradient(-135deg, transparent 50%, var(--accentFg) 50%), linear-gradient(-225deg, transparent 50%, var(--accentFg) 50%), linear-gradient(var(--accentFg) 42%, var(--accentBg) 42%)
    }
    #sf-top-header select:active {
        background-image: linear-gradient(var(--accentFg), var(--accentFg)), linear-gradient(-135deg, transparent 50%, var(--accentFg) 50%), linear-gradient(-225deg, transparent 50%, var(--accentFg) 50%), linear-gradient(var(--accentFg) 42%, var(--accentBg) 42%);
        color: var(--accentBg);
        border-color: var(--accentFg);
        background-color: var(--accentFg)
    }
    #sf-top-header .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px
    }
    #sf-top-header .select-items div,
    .select-selected {
        color: #fff;
        padding: 8px 16px;
        border: 1px solid transparent;
        border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
        cursor: pointer
    }
    #sf-top-header .select-items {
        position: absolute;
        background-color: #1e90ff;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99
    }
    #sf-top-header .select-hide {
        display: none
    }
    #sf-top-header .select-items div:hover,
    .same-as-selected {
        background-color: rgba(0, 0, 0, .1)
    }
    #sf-top-header select option,
    #sf-top-header select option:active,
    #sf-top-header select option:focus {
        background: linear-gradient(#000, #000);
        background-color: #fff !important;
        color: #000 !important
    }
    #sf-top-header select .selected {
        background: linear-gradient(#000, #000);
        background-color: #fff !important;
        color: #900000 !important
    }
    #sf-top-header #search2 .closebtn {
        display: none
    }
    #sf-top-header div#search2 {
        max-width: 450px;
        max-height: 48px
    }
    #sf-top-header .col-md-8 {
        display: flex;
        flex-direction: row;
        max-height: 48px;
        justify-content: flex-end
    }
    .sfPageEditor #sf-top-header .col-md-8 {
        display: block;
        flex-direction: inherit;
        max-height: inherit;
        justify-content: inherit
    }
    #sf-top-header #sf-geo-navigation-container ul.sf-primary-geo-navigation>li>a {
        min-height: 48px;
        max-height: 48px
    }
    #sf-top-header #search-form input[type=text] {
        min-height: 48px;
        padding: 0 0;
        font-size: 16px
    }
    #sf-top-header #search-form input[type=text] {
        border-radius: 0 !important;
        border: 0 !important;
        background-color: transparent;
        color: #000
    }
    #sf-top-header #search-form .search-button {
        border-radius: 0 !important;
        background-color: transparent
    }
    #sf-top-header #search-form .search-button:hover {
        background-color: inherit
    }
    #sf-top-header #search-form input[type=text]:focus {
        border-radius: 0 !important;
        border: 0 !important;
        outline: -webkit-focus-ring-color auto 0
    }
    #sf-top-header .language-selector>i.fa-language {
        color: #fff;
        margin-left: 0 !important;
        font-size: 16px;
        padding-left: 0
    }
    #sf-top-header .language-selector>i.fa-language {
        content: url(/ResourcePackages/WHO/assets/dist/images/Translation.svg);
        vertical-align: middle;
        filter: brightness(0) invert(1);
        height: 24px;
        margin-top: -4px
    }
    #sf-top-header .navigation-search i.fa-search {
        vertical-align: middle;
        filter: brightness(0) invert(1);
        position: initial;
        top: auto;
        left: auto;
        transform: inherit;
        height: 48px;
        width: 24px;
        margin-right: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px
    }
    #sf-top-header div.language-selector i.fa-angle-down {
        color: #fff;
        margin-left: -22px;
        content: url(/ResourcePackages/WHO/assets/dist/images/arrow-down-blue.svg);
        vertical-align: middle;
        height: 22px;
        filter: brightness(0) invert(1);
        margin-top: -4px;
        pointer-events: none
    }
    .right-to-left #sf-top-header div.language-selector i.fa-angle-down {
        margin-left: 22px;
        margin-top: 4px
    }
    #sf-top-header #search-form .search-button:hover {
        background-color: transparent
    }
    #sf-top-header #search-form .search-button i:hover {
        color: #900000
    }
    #sf-top-header #search2 .wrapper {
        height: 48px;
        background-color: #efefef
    }
    #sf-top-header #search2 .wrapper:hover {
        border-bottom: 5px solid #900000
    }
    #sf-top-header #search2 .wrapper:focus-within {
        border-bottom: 5px solid #900000
    }
    #sf-top-header {
        font-size: 15px !important;
        line-height: 18px
    }
    #sf-top-header div.language-selector i {
        color: #fff
    }
    #sf-top-header .language-selector {
        min-width: 220px
    }
    .search-open {
        overflow: inherit !important
    }
    .search-open #sf-top-header {
        display: block
    }
    .search-open #sf-top-header .search-overlay {
        position: inherit;
        top: inherit;
        left: inherit;
        z-index: inherit;
        width: inherit;
        height: inherit;
        overflow-x: inherit;
        opacity: 0;
        visibility: inherit;
        background-color: inherit;
        background-color: inherit
    }
    .search-open #sf-top-header {
        display: block
    }
    #sf-top-header .language-selector {
        padding-left: 48px !important
    }
    #sf-top-header .sf-secondary-geo-navigation-container {
        top: 48px
    }
    .search-open {
        overflow: hidden
    }
    .search-open #sf-top-header {
        display: block
    }
    .search-open #sf-top-header .search-overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2000;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        opacity: 1;
        visibility: visible;
        background-color: #20313b;
        background-color: rgba(32, 49, 59, .9);
        transition: .5s
    }
    .search-open #sf-top-header #search-form {
        display: block
    }
    .search-open #sf-top-header .search-overlay {
        position: relative;
        top: inherit;
        left: inherit;
        z-index: inherit;
        width: inherit;
        height: inherit;
        overflow-x: inherit;
        opacity: inherit;
        visibility: inherit;
        background-color: inherit;
        background-color: inherit;
        transition: .5s
    }
    #sf-top-header .search-overlay .wrapper {
        position: relative;
        top: inherit;
        width: inherit;
        max-width: inherit;
        padding: inherit;
        margin: inherit;
        right: inherit;
        left: inherit;
        -ms-transform: inherit;
        transform: inherit
    }
    #sf-top-header .navigation-search span {
        height: 48px;
        vertical-align: middle;
        align-items: center;
        justify-content: center
    }
    #sf-top-header .navigation-search {
        display: flex;
        height: 48px;
        margin-left: 4px
    }
    .search-open #sf-top-header .navigation-search {
        display: none
    }
    #search-form label {
        float: right
    }
    .right-to-left #sf-top-header div#search2 {
        padding-left: 48px
    }
    .right-to-left #search-form label {
        padding-right: 24px !important
    }
    .k-ie .language-selector i {
        margin-top: 6px !important
    }
    .k-ie #sf-top-header #sf-geo-navigation-container ul.sf-primary-geo-navigation .has-children>a::after {
        content: "\f107" !important;
        font-family: "Font Awesome 5 Free";
        margin-top: 2px !important;
        padding-left: 8px !important
    }
    .k-ie #sf-top-header #sf-geo-navigation-container ul.sf-primary-geo-navigation .has-children.open>a::after {
        margin-top: -1px !important
    }
    .language-selector.language-selector-header {
        display: none
    }
}

@media (max-width: 1019.5px) {
    .search-open #sf-top-header .language-selector {
        display: none !important
    }
    .search-open #sf-top-header #sf-geo-navigation-container {
        display: none !important
    }
    #sf-top-header .navigation-search span {
        display: none !important
    }
    .slicknav_addition select {
        font: 400 12px/1.3 sans-serif;
        -webkit-appearance: none;
        appearance: none;
        color: var(--baseFg);
        border: 1px solid var(--baseFg);
        line-height: 1;
        outline: 0;
        border-radius: var(--radius);
        background-color: var(--baseBg);
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 1px 100%, 20px 22px, 20px 22px, 20px 100%;
        background-position: right 20px center, right bottom, right bottom, right bottom;
        color: #fff !important;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        min-width: 110px;
        height: 44px;
        padding: .65em 24px .55em 8px;
        cursor: pointer;
        padding-left: 20px
    }
    .slicknav_addition .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px
    }
    .select-selected,
    .slicknav_addition .select-items div {
        color: #fff;
        padding: 8px 16px;
        border: 1px solid transparent;
        border-color: transparent transparent rgba(0, 0, 0, .1) transparent;
        cursor: pointer
    }
    .slicknav_addition .select-items {
        position: absolute;
        background-color: #1e90ff;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99
    }
    .slicknav_addition .select-hide {
        display: none
    }
    .same-as-selected,
    .slicknav_addition .select-items div:hover {
        background-color: rgba(0, 0, 0, .1)
    }
    .slicknav_addition select option,
    .slicknav_addition select option:active,
    .slicknav_addition select option:focus {
        background: linear-gradient(#000, #000);
        background-color: #fff !important;
        color: #000 !important
    }
    .slicknav_addition select option .selected {
        background: linear-gradient(#000, #000);
        background-color: #fff !important;
        color: #900000 !important
    }
    .slicknav_addition i.fas.fa-language {
        display: none
    }
    li.slicknav_addition.sf-lang-selector label {
        width: 100%;
        position: relative
    }
    li.slicknav_addition.sf-lang-selector label select {
        min-width: 100%
    }
    li.slicknav_addition .fa-angle-down {
        font-size: 24px;
        position: absolute;
        top: 10px;
        right: 25px
    }
    .right-to-left .fa-angle-down {
        font-size: 24px;
        position: absolute;
        top: 10px !important;
        left: 24px !important;
        right: inherit !important
    }
}

.right-to-left .fa-angle-down {
    font-size: 24px;
    position: absolute;
    top: 10px !important;
    left: 24px !important;
    right: inherit !important
}

.sf-lang-selector.list-inline select {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    min-width: 110px;
    height: 35px;
    padding: 0 24px 0 8px;
    cursor: pointer;
    padding-left: 20px
}

.sf-lang-selector.list-inline select:hover {
    background-image: linear-gradient(var(--accentFg), var(--accentFg)),
}

.sf-lang-selector.list-inline select:active {
    background-image: linear-gradient(var(--accentFg), var(--accentFg)), color: var(--accentBg);
    border-color: var(--accentFg);
    background-color: var(--accentFg)
}

.sf-lang-selector.list-inline select option,
.sf-lang-selector.list-inline select option:active,
.sf-lang-selector.list-inline select option:focus {
    background: linear-gradient(#000, #000);
    background-color: #fff !important;
    color: #000 !important
}

.sf-lang-selector.list-inline select option .selected {
    background: linear-gradient(#000, #000);
    background-color: #fff !important;
    color: #900000 !important
}

.sf-lang-selector.list-inline select option .selected {
    background: linear-gradient(#000, #000);
    background-color: #fff !important;
    color: #900000 !important
}

#sf-top-header #search-form .search-button:focus {
    outline: 0;
    box-shadow: none
}

@media (min-width: 1020px) {
    #sf-top-header span.srchaction i,
    #sf-top-header span.srchtoggle i {
        width: 24px;
        font-size: 24px;
        color: #fff !important;
        cursor: pointer
    }
    #sf-top-header .sf-search-input-wrapper input {
        height: 48px;
        border: 0;
        border-radius: 0;
        padding: 0 24px 0 24px;
        color: #000;
        font-size: 15px;
        line-height: normal;
        letter-spacing: normal;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        background-color: transparent
    }
    #sf-top-header .sf-search-input-wrapper input:focus {
        border-radius: 0 !important;
        border: 0 !important;
        outline: -webkit-focus-ring-color auto 0
    }
    #sf-top-header span.srchaction:focus {
        border-radius: 0 !important;
        border: 0 !important;
        outline: -webkit-focus-ring-color auto 0
    }
    #sf-top-header .srchaction-wrapper:focus {
        border-radius: 0 !important;
        border: 0 !important;
        outline: -webkit-focus-ring-color auto 0
    }
    #sf-top-header .form-group.sf-search-input-wrapper {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 48px
    }
    #sf-top-header span.srchaction {
        padding-left: 24px;
        padding-right: 0;
        border: none;
        float: left;
        transition: all .3s ease;
        box-shadow: none;
        min-height: 48px;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center
    }
    #sf-top-header span.srchaction i {
        color: #900000 !important
    }
    #sf-top-header .srchaction-wrapper {
        display: none
    }
    .search-open #sf-top-header .srchaction-wrapper {
        display: flex;
        height: 48px;
        padding-bottom: 5px;
        background-color: #efefef
    }
    .search-open #sf-top-header span.srchtoggle {
        display: none
    }
    #sf-top-header .navigation-search {
        display: none !important
    }
    .search-open #sf-top-header .srchaction-wrapper:focus {
        border-bottom: solid 5px #900000 !important
    }
    .search-open #sf-top-header .srchaction-wrapper:focus-within {
        border-bottom: solid 5px #900000 !important
    }
    .search-open #sf-top-header .srchaction-wrapper:hover {
        border-bottom: solid 5px #900000 !important
    }
}

@media (max-width: 1019.5px) {
    #sf-top-header .sf-search-input-wrapper {
        display: none !important
    }
    .search-open {
        overflow: inherit !important
    }
}

.right-to-left .sf-search-input-wrapper {
    padding-left: 24px
}

.right-to-left .srchaction {
    padding-right: 24px;
    padding-left: 0
}

.ui-autocomplete.ui-front.sf-autocomplete {
    z-index: 999
}

.right-to-left #sf-top-header span.srchaction {
    padding-left: 0;
    padding-right: 24px
}

span.srchtoggle {
    z-index: 3
}

#sf-top-header .srchaction-wrapper {
    display: flex;
    opacity: 0;
    transition: .3s all ease;
    width: 0;
    height: 48px
}

.search-open #sf-top-header .srchaction-wrapper {
    width: 280px;
    opacity: 1
}

#sf-top-header span.srchtoggle {
    display: block !important;
    opacity: 1;
    transition: 1s opacity ease
}

.search-open #sf-top-header span.srchtoggle {
    transition: .3s opacity ease;
    opacity: 0
}

.language-selector {
    z-index: 4
}

#navigationToScrape *,
.top-header * {
    box-sizing: border-box;
}

.language-selector-header .sf-lang-selector li a[data-available-culture="pt"] {
    display: none !important;
}

.slicknav_addition.sf-lang-selector.slicknav_parent li a[data-available-culture="pt"] {
    display: none !important;
}

@media screen AND (max-width: 1019px) {
    .bottom-footer .col-md-4 {
        max-width: 50%;
        width: 50%;
    }
    .bottom-footer .col-md-4:nth-of-type(2) {
        display: none;
    }
}

@media screen AND (max-width: 480px) {
    .bottom-footer .col-md-4 {
        max-width: 100%;
        width: 100%;
    }
}

.sfPageEditor #sf-top-header,
#ctl00_MainHeader_RadDockZoneMainHeader {
    display: none;
}

div#ctl00_Navigation_ctl00_C_TD9F2A204024_Col00 {
    height: 8px;
    overflow: hidden;
}

body.sf-body.sfPageEditor.sfTemplateEditor #sf-top-header,
body.sf-body.sfPageEditor.sfTemplateEditor #ctl00_MainHeader_RadDockZoneMainHeader {
    display: block;
}

body.sf-body.sfPageEditor.sfTemplateEditor div#ctl00_Navigation_ctl00_C_TD9F2A204024_Col00 {
    height: auto;
}

#navigationToScrape .nav-container ul.nav>li:nth-child(6) {
    display: table-cell;
}


/* 12/01/2022 */

.experts-database-list-wrap.resource-db .views-exposed-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0px -8px;
    padding-bottom: 108px;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item {
    width: 20%;
    padding: 0px 8px;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield {
    width: 100%;
    padding-bottom: 45px;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-select {
    padding-bottom: 8px;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield input[type="text"] {
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    padding: 0px 60px 0px 30px;
    height: 53px;
    background: #f2f2f2;
    color: #404040;
    width: 100%;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/search-icon-black.svg) #f2f2f2 no-repeat center right 24px;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield input[type="text"]::-webkit-input-placeholder {
    color: #bdbdbd;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield input[type="text"]::-moz-placeholder {
    color: #bdbdbd;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield input[type="text"]:-ms-input-placeholder {
    color: #bdbdbd;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield input[type="text"]:-moz-placeholder {
    color: #bdbdbd;
}

.experts-database-list-wrap.resource-db .select2-container .select2-selection {
    height: 37px;
    border-radius: 5px;
    border: 1px solid #a4a4a4;
    background: #f2f2f2;
    padding: 0px 15px;
}

.experts-database-list-wrap.resource-db .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #b7b7b7;
}

.experts-database-list-wrap.resource-db .table-responisve {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.experts-database-list-wrap.resource-db table.dataTable thead th a {
    color: #fff;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}

.experts-database-list-wrap.resource-db table.dataTable th .tablesort--desc {
    background-image: url(../images/sort_both.png);
}

.experts-database-list-wrap.resource-db table.dataTable th .tablesort--asc {
    background-image: url(../images/sort_both.png);
}

.experts-database-list-wrap.resource-db .form-link a {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    color: #16629d;
    padding: 13px 38px 12px;
    display: inline-block;
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    background: #f2f2f2;
}

.info-section-wrap .info-section-iframe {
    position: relative;
    padding-bottom: 56.25%;
}

.info-section-wrap .info-section-iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.info-section-desc .cta-btn {
    padding-top: 10px;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label {
    position: relative;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
    width: 223px;
}

.webform-submission-rdbd-upload-contribute-form .updated-section {
    margin-bottom: 20px;
}

.webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.js-form-type-checkbox label {
    width: 100%;
}

.file-upload-wrap .webform-flex--container .webform-flex {
    width: 100% !important;
    padding: 0 !important;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .form-item-attach-file .form-submit {
    border: 2px solid #ba2025;
    background: transparent;
    color: #ba2025;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    width: 100%;
    max-width: 200px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 10px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .form-item-attach-file .form-submit:hover {
    background: #ba2025;
    color: #fff;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox input {
    position: absolute;
    top: 13px;
    left: 0;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox {
    position: relative;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox label {
    width: calc(100% - 25px) !important;
    padding-left: 29px;
    padding-right: 0 !important;
    margin-top: 10px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-managed-file {
    width: calc(100% - 223px);
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .webform-wrapper .webform-title {
    padding-left: 20px;
    padding-right: 20px;
}

.js-form-type-processed-text~.js-form-type-checkbox label {
    font-size: 18px;
    font-weight: 700;
    color: #000;
}

.js-form-type-processed-text~.js-form-type-checkbox input {
    top: 0 !important;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-type-processed-text~.js-form-item input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-type-processed-text~.js-form-item label {
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 22px;
    color: #404040;
    padding-left: 43px !important;
    display: block;
    padding-top: 11px;
    padding-bottom: 11px;
    background: transparent;
    border: 0px solid #a4a4a4;
    border-radius: 5px;
    margin-bottom: 10px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-type-processed-text~.js-form-item label:before {
    content: "";
    width: 27px;
    height: 27px;
    border: 1px solid #a4a4a4;
    background: transparent;
    position: absolute;
    top: 8px;
    left: 0px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-type-processed-text~.js-form-item label:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-black.svg) no-repeat;
    background-size: cover;
    top: 17px;
    left: 3px;
    width: 13px;
    height: 10px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-type-processed-text~.js-form-item input:checked+label:after {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-white.svg) no-repeat;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-type-processed-text~.js-form-item input:checked+label:before {
    background: #ba2025;
    border-color: #ba2025;
}

@media (min-width: 786px) {
    .fctc-flex-11 div.webform-flex {
        flex: inherit !important;
    }
    .fctc-flex-13 div.webform-flex {
        flex: inherit !important;
    }
}

@media (min-width: 1367px) {
    .dropdown:hover>.sub-menu {
        display: block;
    }
    .menu-arrow {
        pointer-events: none;
    }
}

@media (min-width: 1025px) {
    .mobile-header-top-menu {
        display: none;
    }
    .colse-icon {
        display: none;
    }
    .header-menu-btn {
        display: none;
    }
    .header-menu-close-btn {
        display: none;
    }
}

@media (max-width: 1890px) {
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 18px;
    }
}

@media (max-width: 1800px) {
    .protocol-database-listing-wrap {
        width: 92%;
    }
    .protocol-database-box a .overly-desc p {
        font-size: 18px;
        line-height: 26px;
    }
}

@media (max-width: 1760px) {
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 16px;
    }
    .dropdown .sub-menu li a {
        font-size: 16px;
    }
    .experts-database-list-wrap {
        width: 90%;
    }
    .experts-database-list-wrap .expert-header {
        text-align: center;
    }
    .experts-database-list-wrap .expert-header a {
        position: relative;
        margin-top: 20px;
        -webkit-transform: translate(0px, 0);
        -moz-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
    .experts-database-list-wrap .expert-header .expert-submission {
        padding-top: 0;
    }
    .experts-database-list-wrap .expert-header .expert-submission a {
        margin-top: 10px;
    }
}

@media (max-width: 1630px) {
    .header-menu-nav ul.menu-wrap>li>a {
        padding: 16px 10px 16px 10px;
    }
    .header-menu-nav ul.menu-wrap>li.dropdown>a {
        padding-right: 20px;
    }
    .menu-arrow {
        width: 10px;
        height: 10px;
        right: 4px;
    }
    .announce-row-wrap {
        max-width: 1630px;
        padding: 0 15px;
    }
    .announce-row {
        margin: 0 -15px;
    }
    .announce-row .views-row {
        padding: 0 15px;
    }
    .banner-wrap .page-title {
        width: 100%;
    }
    .platform-child-list .views-row-wrapper {
        width: 90%;
    }
    .container {
        width: 100%;
    }
    .header-top-wrap .container {
        width: 100%;
    }
    .announce-exposed-form .views-exposed-form {
        width: 100%;
    }
    .announce-row-wrap {
        width: 90%;
    }
    .announce-header-right {
        font-size: 13px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.js-form-type-textfield .form-text {
        font-size: 16px;
    }
    .select2-container .select2-selection--single {
        font-size: 16px;
    }
    .expert-terms-wrap .webform-wrapper {
        width: 92%;
    }
    .path-search .main-content section {
        width: 91%;
    }
    .news-update-wrap .container,
    .featured-material-wrap .container {
        width: 90%;
    }
    .protocol-database-box a .overly-desc p {
        font-size: 16px;
        line-height: 24px;
    }
    .protocol-database-box a .overly-desc {
        padding: 17px 15px;
    }
    .messages .container {
        width: 100%;
    }
    .messages {
        width: 90%;
    }
    .webform-ajax-form-wrapper .messages {
        width: 100%;
    }
    .webform-confirmation__back {
        width: 90%;
    }
}

@media (max-width: 1440px) {
    .breadcrumb-wrapper nav ol li a {
        font-size: 16px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 16px;
    }
    .banner-wrap .page-title h1 {
        font-size: 45px;
        line-height: 55px;
    }
    .announce-header header h2 {
        font-size: 22px;
        line-height: 33px;
    }
    .announce-header header p {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-header-left {
        font-size: 16px;
        line-height: 26px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 22px;
        line-height: 33px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 16px;
        line-height: 26px;
    }
    .footer-col h2 {
        font-size: 18px;
    }
    .quick-links ul li a {
        font-size: 16px;
    }
    .select2-container .select2-selection--single {
        height: 40px;
    }
    .announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 15px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 40px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.js-form-type-textfield .form-text {
        height: 40px;
        font-size: 16px;
    }
    .announce-header header {
        width: 90%;
    }
    .announce-title {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 15px;
    }
    .announce-header-left {
        width: 40%;
        padding-left: 15px;
    }
    .announce-header-right {
        width: 60%;
    }
    .announce-desc {
        font-size: 16px;
        line-height: 26px;
        padding: 0 15px 20px;
    }
    .announce-desc .cta-btn {
        font-size: 16px;
    }
    .announcement-board-detailed-title {
        font-size: 30px;
        line-height: 40px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 16px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        font-size: 16px;
    }
    .announcement-board-post-desc {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-documents-box-title {
        font-size: 22px;
        line-height: 33px;
        padding: 20px 30px;
    }
    .announce-document-listing {
        padding: 20px 30px;
    }
    .announce-document-listing ul li {
        font-size: 16px;
    }
    .cta-btn a {
        font-size: 18px;
    }
    .announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 14px;
        right: 11px;
        width: 20px;
        height: 15px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by .select2-selection__arrow {
        width: 15px;
        background-size: contain;
    }
    .select2-results__option {
        font-size: 16px;
        padding: 10px 20px;
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper {
        max-width: 1115px;
    }
}

@media (max-width: 1400px) {
    .header-center-wrap {
        padding: 0px 20px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul {
        padding-left: 0;
    }
    .breadcrumb-wrapper nav {
        padding: 0 20px;
    }
    .e-library-listing .views-row-wrapper ul {
        padding-left: 60px;
    }
}

@media (max-width: 1366px) {
    .header-top-wrap .container {
        padding: 0 15px;
    }
    .header-menu-btn {
        display: block;
    }
    .header-menu-btn a {
        width: 50px;
        height: 53px;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-left: auto;
    }
    .header-menu-btn a img {
        width: 30px;
    }
    .header-menu-nav {
        width: 320px;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        right: -100%;
        background: #2a2c5c;
        z-index: 123;
        padding: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        padding-top: 50px;
    }
    .header-menu-nav.open {
        right: 0;
    }
    .header-menu-close-btn {
        width: 50px;
        height: 53px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .header-menu-close-btn a img {
        width: 20px;
    }
    .header-menu-nav>ul {
        display: block;
    }
    .header-menu-nav>ul>li {
        padding: 0;
    }
    .header-menu-nav>ul>li>a {
        display: block;
    }
    .dropdown .sub-menu {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
    .dropdown .sub-menu .sub-menu {
        display: block !important;
        left: 0;
        right: inherit;
    }
    .dropdown .dropdown .menu-arrow {
        display: none;
    }
    .header-menu-btn {
        padding-right: 15px;
    }
    .header-menu-nav ul.menu-wrap {
        display: block;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        padding: 16px 30px 16px 15px;
        display: block;
    }
    .menu-arrow {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 10px;
        z-index: 123;
        cursor: pointer;
    }
    .announce-header-left {
        padding-left: 15px;
    }
    .announce-header-right .post-on {
        padding-bottom: 5px;
    }
    .announce-header-right {
        padding: 20px 15px 10px;
    }
    .announce-title {
        padding: 10px 15px;
    }
    .announce-desc {
        padding: 0 15px 20px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 16px;
    }
    .breadcrumb-wrapper nav ol li a {
        font-size: 16px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 22px;
        line-height: 32px;
        padding: 15px 15px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 16px;
        line-height: 26px;
    }
    .banner-wrap .page-title h1 {
        font-size: 44px;
        line-height: 55px;
    }
    .platform-child-list .views-row-wrapper .views-row a {
        padding: 40px 0;
    }
    .announce-header header h2 {
        font-size: 22px;
        line-height: 33px;
        padding-top: 12px;
        padding-bottom: 20px;
    }
    .announce-header header {
        padding: 50px 15px 70px;
    }
    .announce-header header p {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item .form-select {
        padding: 0 15px;
        font-size: 16px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.js-form-type-textfield .form-text {
        padding: 0 15px;
        font-size: 16px;
    }
    .announce-exposed-form {
        margin-bottom: 50px;
    }
    .announce-header-left {
        font-size: 16px;
    }
    .announce-header-right {
        font-size: 13px;
    }
    .announce-title {
        font-size: 22px;
        line-height: 33px;
    }
    .announce-desc {
        font-size: 16px;
        line-height: 26px;
    }
    .announcement-board-detailed-title {
        font-size: 45px;
        line-height: 55px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 16px;
        padding: 0 16px 0 12px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        font-size: 16px;
        padding: 20px 15px;
    }
    .announcement-board-post-desc {
        font-size: 16px;
        line-height: 26px;
    }
    .cta-btn a {
        font-size: 18px;
    }
    .contact-us-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .contact-us-wrap h1 {
        font-size: 35px;
        line-height: 45px;
    }
    .contact-us-wrap p {
        font-size: 16px;
        line-height: 26px;
    }
    .contact-us-wrap form {
        padding-top: 30px;
    }
    .contact-details-wrap h4 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .contact-details-wrap p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .contact-details-wrap ul li a {
        font-size: 16px;
        line-height: 26px;
    }
    .contact-details-wrap ul li {
        padding-bottom: 15px;
    }
    .media-enquiries {
        padding: 20px 0;
    }
    .media-enquiries a {
        font-size: 16px;
    }
    .media-enquiries h5 {
        padding-bottom: 10px;
    }
    .platform-cta-btn a {
        font-size: 18px;
    }
    .search-icon {
        font-size: 18px;
    }
    .footer-col h2 {
        font-size: 22px;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 18px;
    }
    .dropdown .sub-menu li a {
        font-size: 18px;
    }
    .quick-links ul li a {
        font-size: 16px;
    }
    .footer-info-row {
        font-size: 16px;
    }
    .contact-us-wrap .js-form-item label {
        width: 100%;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .contact-us-wrap .js-form-item input {
        width: 100%;
    }
    .contact-us-wrap .js-form-item .select2-container {
        width: 100% !important;
    }
    .contact-us-wrap .js-form-item.js-form-type-textarea div {
        width: 100%;
    }
    #ajax-wrapper .form-item-attach-file {
        padding: 0;
        margin-bottom: 0;
    }
    .webform-wrapper .webform-title {
        padding: 15px 30px;
    }
    .webform-submission-add-form {
        padding: 36px 30px;
    }
    .header-search-bar form .form-actions .form-submit {
        background-size: 20px;
    }
    .header-search-bar form .form-actions {
        height: 35px;
    }
    .header-search-bar form .form-search {
        height: 35px;
    }
    .header-search-bar {
        top: 9px;
    }
    .contact-us-wrap .webform-element-help.js-webform-element-help {
        position: absolute;
        top: 10px;
        right: inherit;
    }
    .experts-database-list-wrap .views-header-wrapper h1 {
        font-size: 22px;
        line-height: 33px;
        padding-bottom: 15px;
    }
    .experts-database-list-wrap .expert-header a {
        font-size: 18px;
    }
    .dataTables_length label {
        font-size: 18px;
    }
    .dataTables_filter .dt-buttons button {
        font-size: 18px;
    }
    .experts-database-list-wrap {
        padding: 40px 0 54px;
    }
    table.dataTable thead th {
        font-size: 18px;
    }
    table.dataTable tbody td {
        font-size: 16px;
    }
    .databases-info-box a .databases-icon {
        padding: 20px 20px 20px 20px;
    }
    .databases-info-box a .databases-desc h5 {
        font-size: 20px;
    }
}

@media (max-width: 1300px) {
    .left-column {
        width: 100%;
        padding: 0 20px;
    }
    .right-column {
        width: 40%;
        padding: 0 15px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item {
        width: 40%;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
        width: 20%;
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper {
        max-width: 900px;
    }
}

@media (max-width: 1240px) {
    .header-logo {
        order: 1;
    }
    .page-title-header {
        width: 100%;
        order: 3;
        padding: 20px 0 10px;
        text-align: center;
    }
    .header-search-wrap {
        order: 2;
    }
    .platform-child-list .views-row-wrapper .views-row {
        width: 33.33%;
    }
    .webform-wrapper {
        width: calc(100% - 80px);
    }
    .offer-assistance-form .form-header {
        width: calc(100% - 80px);
    }
}

@media (max-width: 1180px) {
    .dataTables_filter {
        width: calc(100% - 215px);
    }
    .dataTables_wrapper .dataTables_length {
        width: 215px;
    }
}

@media (max-width: 1140px) {
    .social-media ul li {
        margin-bottom: 10px;
    }
    .footer-row .footer-col {
        width: 25%;
    }
    .footer-logo {
        padding-bottom: 20px;
        text-align: center;
    }
    .footer-logo a {
        display: inline-block;
    }
}

@media (max-width: 1100px) {
    .announcement-board-post-info .announcement-board-post-info-left {
        padding: 20px 0 10px;
        width: 100%;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        padding-bottom: 10px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        width: 100%;
        padding: 15px 15px;
    }
    .announcement-board-detailed-info .announcement-board-post-info {
        position: relative;
    }
    .nomination_filter_select {
        width: 190px;
    }
}

@media (max-width: 1024px) {
    .header-top-menu {
        width: 320px;
        height: 100%;
        overflow: auto;
        position: fixed;
        top: 0;
        right: -100%;
        background: #404040;
        z-index: 12;
        padding: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .header-top-menu.open {
        right: 0;
    }
    .header-top {
        justify-content: space-between;
        position: relative;
    }
    .mobile-header-top-menu a {
        width: 157px;
        height: 53px;
        display: flex;
        align-items: center;
        padding-right: 20px;
        font-size: 18px;
        color: #fff;
        font-weight: 700;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .colse-icon {
        width: 50px;
        height: 53px;
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .colse-icon a img {
        width: 20px;
    }
    .mobile-header-top-menu a img {
        width: 15px;
        position: absolute;
        top: 24px;
        right: 0;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .header-top-menu ul {
        padding-top: 50px;
        display: block;
    }
    .header-top-menu ul li a {
        display: block;
    }
    .header-center-wrap {
        position: relative;
    }
    .header-search-wrap {
        position: absolute;
        top: 27px;
        right: 73px;
    }
    .banner-wrap .page-title h1 {
        font-size: 40px;
        line-height: 30px;
    }
    .announce-header header {
        padding: 50px 15px;
    }
    .platform-parent-list .views-row-wrapper .views-row .box-wrap {
        padding: 180px 0 180px;
    }
    .platform-cta-btn a {
        font-size: 18px;
        padding: 18px 30px;
    }
    .announce-row .views-row {
        width: 50%;
    }
    .announce-img img {
        width: 100%;
    }
    .footer-col h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .quick-links ul li a {
        font-size: 14px;
    }
    .social-media ul li {
        padding: 0 5px;
    }
    .social-media ul li a img {
        max-width: 32px;
    }
    .announcement-board-detailed-title {
        font-size: 24px;
        line-height: 34px;
        padding: 15px;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 15px;
    }
    .dropdown .sub-menu li a {
        font-size: 15px;
    }
    .breadcrumb-wrapper nav ol li a {
        font-size: 14px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 14px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 14px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        font-size: 14px;
    }
    .announcement-board-post-desc {
        font-size: 14px;
        line-height: 24px;
    }
    .announce-documents-box-title {
        font-size: 20px;
        line-height: 30px;
    }
    .announce-document-listing ul li {
        font-size: 14px;
        line-height: 24px;
    }
    .cta-btn a {
        font-size: 14px;
    }
    .footer-info-row {
        font-size: 14px;
    }
    .footer-info a {
        font-size: 14px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 19px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 14px;
    }
    .banner-wrap .page-title h1 {
        font-size: 29px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item .form-select {
        height: 45px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.js-form-type-textfield .form-text {
        height: 45px;
    }
    .nomination-form-wrap .form-item-radio-buttons [type="radio"]:checked+label,
    .nomination-form-wrap .form-item-radio-buttons [type="radio"]:not(:checked)+label {
        font-size: 18px;
    }
    .form-item-radio-buttons {
        padding-right: 20px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label {
        width: 100%;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item .form-control {
        width: 100%;
    }
    .webform-submission-add-form .webform-flexbox .js-form-type-select .select2,
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image,
    .resourcedb-cover-page-image .file-wrapper-custom {
        width: 100% !important;
        display: block;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image .file-wrapper-custom .form-file {
        width: 30px;
        height: 30px;
        top: 0;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .resourcedb-cover-page-image label {
        display: block;
    }
    fieldset.webform-composite-hidden-title {
        margin-top: 0;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex {
        padding: 0 15px;
    }
    .webform-submission-add-form .webform-flexbox {
        margin: 0 -15px;
    }
    .webform-submission-add-form .js-form-type-textarea>div {
        width: 100%;
    }
    .webform-submission-add-form .form-actions .button {
        margin-top: 30px;
    }
    .expert-terms-wrap .form-actions .button {
        margin-top: 40px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
        width: 100%;
    }
    .nomination-form-wrap .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex .js-form-managed-file {
        width: 100%;
    }
    .databases-info-box a .databases-desc {
        padding-left: 20px;
        padding-right: 20px;
    }
    .expert-terms-wrap .check-all-uncheck-all-wrap {
        margin: 0px;
    }
    .dataTables_wrapper .dataTables_filter input {
        width: 186px;
    }
    .remote-video-popup {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .header-logo ul li a img {
        width: 100%;
        max-width: 120px;
    }
    .header-search-wrap {
        top: 12px;
    }
    .header-menu-btn {
        top: 14px;
    }
    .announce-document-listing {
        padding: 20px 15px;
    }
    .announce-documents-box-title {
        padding: 20px 15px;
        font-size: 18px;
        line-height: 28px;
    }
    .announcement-board-post-desc {
        font-size: 12px;
        line-height: 24px;
    }
    .announce-document-listing ul li a .svg {
        width: 22px;
    }
    .announce-document-listing ul li a {
        padding-left: 35px;
        padding-bottom: 5px;
    }
    .cta-btn a {
        font-size: 16px;
    }
    .announce-document-listing ul li {
        font-size: 12px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 12px;
    }
    .announcement-board-detailed-wrap .cta-btn {
        padding: 30px 0;
    }
    .banner-wrap .page-title {
        position: relative;
        bottom: 0;
        padding: 0 15px;
        text-align: center;
    }
    .banner-wrap .page-title h1 {
        padding: 20px 0;
        display: block;
        background: rgba(186, 32, 37, 1);
    }
    .banner-wrap .page-title {
        padding: 0;
        width: 100%;
    }
    .platform-parent-list .views-row-wrapper .views-row .box-wrap {
        padding: 100px 0 100px;
    }
    .left-column {
        width: 100%;
        padding: 0 20px;
    }
    .right-column {
        width: 100%;
        padding: 0 15px;
    }
    .contact-us-wrap {
        padding: 50px 0;
    }
    .contact-details-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item {
        width: 33.33%;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
        width: 33.33%;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 12px;
    }
    .breadcrumb-wrapper nav ol li a {
        font-size: 12px;
    }
    .breadcrumb-wrapper {
        padding: 15px 0 5px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 18px;
        line-height: 28px;
    }
    .banner-wrap .page-title h1 {
        font-size: 28px;
        line-height: 38px;
        padding: 10px 10px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 12px;
        line-height: 22px;
    }
    .platform-child-list .views-row-wrapper .views-row {
        width: 50%;
    }
    .announce-header-right {
        width: 100%;
        order: 1;
        text-align: left;
        border-radius: 0;
    }
    .announce-header-left {
        width: 100%;
        order: 2;
        padding-top: 15px;
    }
    .contact-details-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 14px;
    }
    .dropdown .sub-menu li a {
        font-size: 14px;
    }
    .quick-links ul li a {
        font-size: 12px;
    }
    .quick-links ul li {
        margin-bottom: 10px;
    }
    .announce-header header h2 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .announce-header header p {
        font-size: 12px;
        line-height: 24px;
    }
    .announce-title {
        font-size: 18px;
    }
    .announce-desc {
        font-size: 12px;
        line-height: 24px;
    }
    .footer-col h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .footer-info-row {
        font-size: 12px;
    }
    .footer-info a {
        font-size: 12px;
    }
    .expert-terms-wrap .js-form-item label {
        font-size: 16px;
        line-height: 26px;
        padding-right: 15px;
        padding-left: 40px;
    }
    .expert-terms-wrap .js-form-item label:after {
        top: 19px;
        /* width: 6px;
      height: 11px; */
        left: 14px;
    }
    .expert-terms-wrap .js-form-item label:before {
        /*  top: 16px; */
        width: 20px;
        height: 20px;
        left: 10px;
    }
    .expert-terms-wrap .webform-wrapper form {
        padding: 40px 0;
    }
    .dataTables_wrapper .dataTables_length {
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter {
        float: none;
        margin-bottom: 20px;
        display: block;
        text-align: center;
    }
    .dataTables_filter .dt-buttons button {
        margin-left: 5px;
        margin-top: 0;
        margin-right: 5px;
    }
    .databases-listing-wrap {
        padding: 50px 0 50px;
    }
    .databases-info-box a .databases-desc {
        width: 100%;
        padding: 20px;
        text-align: center;
    }
    .databases-info-box a .databases-icon {
        width: 100%;
    }
    .databases-info-box a .databases-icon::before {
        width: 100%;
        height: 1px;
        right: 0;
        top: inherit;
        bottom: 0;
    }
    .dataTables_wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    table.dataTable {
        width: 500px !important;
    }
    .protocol-database-box {
        width: 50%;
    }
    .protocol-database-landing-page {
        padding: 50px 0 50px;
    }
    .dataTables_wrapper .dataTables_filter {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .dataTables_wrapper .dataTables_length {
        margin: 0 auto 20px;
    }
    .banner-wrap .page-title h1 {
        font-size: 22px;
        line-height: 26px;
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing {
        position: relative;
        display: block;
        text-align: center;
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper {
        max-width: none;
        background-color: rgba(186, 32, 37, 1);
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper .page-title h1 {
        text-align: center;
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper .page-body-text {
        font-size: 20px;
        padding-top: 8px;
        line-height: 28px;
    }
    .contact-us-wrap .article12-attach-file .file-wrapper-custom {
        width: 100%;
    }
    .contact-us-wrap .article12-attach-file .file-wrapper-custom .form-managed-file .option span {
        padding: 0;
        margin-left: 10px;
        display: block;
    }
}

@media (max-width: 767px) {
    .header-search-wrap .search-icon {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 0;
        width: 35px;
    }
    .search-icon img {
        width: 20px;
        height: 20px;
    }
    .header-search-bar .form-group .form-control {
        height: 40px;
    }
    .header-search-bar .form-group .form-control {
        background-size: 20px;
        font-size: 15px;
    }
    .header-top-menu ul li a {
        font-size: 14px;
        padding: 10px 15px;
    }
    .header-menu-nav>ul>li>a {
        font-size: 18px;
        padding: 10px 35px 10px 15px;
    }
    .menu-arrow {
        top: 2px;
    }
    .page-title-header h5 {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0;
    }
    .dropdown .sub-menu li a {
        font-size: 14px;
    }
    .dropdown .sub-menu li {
        padding: 10px 20px;
    }
    .header-menu-btn {
        width: 50px;
        height: 50px;
        margin-left: auto;
    }
    .header-menu-btn a {
        width: 100%;
        height: 100%;
    }
    .header-center-wrap {
        padding: 10px 15px;
    }
    .header-logo ul li a img {
        max-width: 100px;
    }
    .footer-wrap {
        padding-top: 40px;
    }
    .footer-row .footer-col {
        width: 100%;
    }
    .quick-links {
        padding-bottom: 30px;
    }
    .quick-links ul li {
        text-align: center;
    }
    .quick-links ul li a {
        display: inline-block;
    }
    .footer-col h2 {
        text-align: center;
    }
    .footer-info-left,
    .footer-info-right {
        width: 100%;
        text-align: center;
    }
    .banner-wrap .page-title h1 {
        font-size: 25px;
        line-height: 35px;
        padding: 10px 10px;
    }
    .announce-header header h2 {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 15px;
    }
    .announce-header header p {
        font-size: 10px;
        line-height: 16px;
    }
    .platform-parent-list .views-row-wrapper .views-row {
        width: 100%;
    }
    .platform-parent-list .views-row-wrapper .views-row .box-wrap {
        padding: 50px 15px 50px;
    }
    .platform-cta-btn {
        padding-top: 30px;
    }
    .platform-cta-btn a {
        font-size: 16px;
        padding: 18px 20px;
    }
    .left-column {
        padding: 0 15px;
    }
    .contact-us-wrap p {
        font-size: 16px;
        line-height: 26px;
    }
    .contact-us-wrap form {
        padding-top: 30px;
    }
    .contact-us-wrap .js-form-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .contact-us-wrap .webform-address--wrapper {
        margin-bottom: 20px !important;
    }
    .contact-us-wrap .js-form-item input {
        padding: 0 20px;
    }
    .contact-us-wrap .form-actions .button {
        height: 58px;
        font-size: 18px;
    }
    .contact-details-wrap h4 {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .contact-details-wrap p {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 20px;
    }
    .contact-details-wrap ul li {
        padding-bottom: 10px;
    }
    .contact-details-wrap ul li a {
        font-size: 10px;
    }
    .media-enquiries {
        padding: 20px 0;
    }
    .media-enquiries h5 {
        font-size: 16px;
        padding-bottom: 10px;
    }
    .media-enquiries a {
        font-size: 10px;
    }
    .logo-wrap img {
        width: 150px;
    }
    .platform-child-list .views-row-wrapper .views-row {
        width: 100%;
    }
    .announce-exposed-form .views-exposed-form .js-form-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .announce-exposed-form .views-exposed-form .js-form-item.form-item-sort-by {
        width: 100%;
        margin-bottom: 0;
    }
    .announce-exposed-form {
        margin-bottom: 50px;
    }
    .announce-row .views-row {
        width: 100%;
        margin-bottom: 30px;
    }
    .announce-title {
        font-size: 20px;
    }
    .announce-desc {
        font-size: 10px;
        line-height: 16px;
    }
    .announce-pager .pager {
        padding: 15px 15px;
        padding-bottom: 0;
    }
    .announce-pager .pager ul .pager__item {
        margin-bottom: 15px;
    }
    .search-icon {
        font-size: 18px;
        width: 90px;
    }
    .platform-child-list .views-row-wrapper .views-row a {
        padding: 40px 0;
    }
    .platform-child-list {
        padding: 130px 15px 40px;
    }
    .breadcrumb-wrapper nav ol li a {
        font-size: 10px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 10px;
    }
    .breadcrumb-wrapper nav ol li+li::before {
        padding: 0 5px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 10px;
        line-height: 16px;
        padding: 0;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        padding: 10px 0;
    }
    .footer-info-left {
        padding-bottom: 10px;
    }
    .announcement-board-detailed-title {
        font-size: 22px;
        line-height: 33px;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 12px;
        padding: 10px 30px 10px 15px;
    }
    .dropdown .sub-menu li a {
        font-size: 12px;
    }
    .quick-links ul li a {
        font-size: 12px;
    }
    .footer-col h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-header-left {
        font-size: 10px;
    }
    .announce-header-right {
        font-size: 10px;
    }
    .footer-info-row {
        font-size: 10px;
    }
    .footer-info a {
        font-size: 10px;
    }
    .announce-desc .cta-btn {
        font-size: 10px;
    }
    .announce-desc .cta-btn .svg {
        width: 8px;
        height: 8px;
    }
    .announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 20px;
        top: 14px;
        right: 11px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex {
        width: 100%;
    }
    .form-header h1 {
        font-size: 22px;
        line-height: 33px;
    }
    .form-header p {
        font-size: 16px;
        line-height: 26px;
    }
    .webform-wrapper .webform-title h2 {
        font-size: 18px;
        line-height: 28px;
    }
    .webform-submission-add-form {
        padding: 20px 15px;
    }
    .form-item-radio-buttons {
        width: 100%;
        margin-bottom: 10px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label {
        font-size: 16px;
    }
    .webform-wrapper {
        width: calc(100% - 30px);
    }
    .nomination-form-wrap .radios--wrapper {
        margin-bottom: 30px;
    }
    .databases-listing-left {
        width: 100%;
    }
    .databases-listing-right {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
    .databases-desc h5 {
        font-size: 18px;
    }
    .databases-info-box a .databases-desc {
        padding: 10px 20px;
    }
    table.dataTable thead th {
        font-size: 14px;
    }
    table.dataTable tbody td {
        font-size: 12px;
    }
    .protocol-database-box {
        width: 100%;
    }
    .protocol-database-box a .overly-desc p {
        font-size: 14px;
        line-height: 22px;
    }
    .expert-database-view-list .info-box .title {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #404040;
        background: #e2e2e2;
    }
    .expert-database-view-list .info-box .desc {
        width: 100%;
    }
    .expert-database-view-list .info-box {
        background: #f2f2f2;
    }
    .offer-assistance-form .form-header {
        width: calc(100% - 30px);
    }
    .dataTables_filter label {
        margin-bottom: 10px;
    }
    .dataTables_filter .dt-buttons {
        margin-bottom: 10px;
    }
    .discussion-forum-table table th {
        padding: 15px;
    }
    .discussion-forum-table table th a {
        font-size: 18px;
        line-height: 28px;
    }
    .discussion-forum-table table td {
        padding: 10px;
        font-size: 14px;
        line-height: 22px;
    }
    .discussion-forum-table table td .forum__title a {
        font-size: 18px;
        line-height: 28px;
    }
    .discussion-forum-table table td .forum__title span {
        font-size: 14px;
        line-height: 18px;
    }
    .discussion-forum-table table {
        width: 400px;
    }
    .offer-assistance-form .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item.form-item-attach-file>label {
        width: 100%;
    }
    .webform-submission-fctc-announcement-request-add-form .file-upload-wrap .js-form-managed-file {
        width: 100%;
    }
    .hero-banner-section.hero-banner-legel-challenges .views-field-nothing .banner-text-wrapper .page-body-text {
        font-size: 16px;
        line-height: 24px;
    }
}

@media (max-width: 580px) {
    .path-search .main-content section .search-form .js-form-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .path-search .main-content section .search-form .form-search {
        padding: 0 15px;
    }
}


/* new changes */

@media (min-width: 1025px) {
    .nomination-form-wrap .file-upload-wrap .webform-flex:first-child {
        width: 473px;
        flex: inherit !important;
    }
    .nomination-form-wrap .js-form-item-multiple-url .webform-multiple-add {
        padding-left: 225px;
    }
}

@media (max-width: 1024px) {
    .expert-attachbutton {
        margin-top: 7px;
        padding-bottom: 25px !important;
    }
    .gn-discussion-forum input.form-text {
        width: 100%;
    }
}


/* new changes */


/* Responisive */

@media (max-width: 1366px) {
    .banner-wrap .page-title h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-img .svg {
        width: 60px;
        height: 60px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 16px;
        line-height: 26px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 12px;
        line-height: 18px;
    }
    .main-content p {
        font-size: 14px;
        line-height: 22px;
    }
    .main-content .main-body ol>li {
        font-size: 14px;
        line-height: 22px;
    }
    .footer-info a,
    .footer-info-row {
        font-size: 14px;
        line-height: 22px;
    }
    .footer-col h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .breadcrumb-wrapper nav ol li a,
    .breadcrumb-wrapper nav ol li {
        font-size: 14px;
        line-height: 22px;
    }
    .search-icon {
        font-size: 14px;
    }
    .header-user-login ul li a {
        font-size: 14px;
        line-height: 22px;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 14px;
    }
    .dropdown .sub-menu li a {
        font-size: 14px;
    }
    .announce-header header h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-header header p {
        font-size: 14px;
        line-height: 22px;
    }
    .announce-title {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-header-left {
        font-size: 14px;
        line-height: 22px;
    }
    .announce-header-right {
        font-size: 14px;
        line-height: 22px;
    }
    .announce-desc {
        font-size: 14px;
        line-height: 22px;
    }
    .announce-desc .cta-btn {
        font-size: 14px;
    }
    .announcement-board-detailed-title {
        font-size: 30px;
        line-height: 40px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 14px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        font-size: 14px;
    }
    .form-header h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label,
    .add-more-wrapper label,
    .other-area-wrapper label,
    .other-language-wrapper label {
        font-size: 14px;
    }
    .page-intro .title h2 {
        font-size: 16px;
        line-height: 26px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .call-to-action-box-wrap .call-to-action-box a .img-box .svg {
        width: 60px;
        height: 60px;
    }
    .call-to-action-box-wrap .call-to-action-box a span {
        font-size: 16px;
        line-height: 26px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 10px;
    }
    .call-to-action-banner h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .call-to-action-banner p strong {
        color: #fff;
    }
    .call-to-action-banner p b {
        color: #fff;
    }
    .js .dropbutton-widget .dropbutton span {
        font-size: 14px;
    }
    .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
        width: 60px;
        height: 60px;
    }
    .knowledge-networks-listing .knowledge-network-box .desc-box {
        font-size: 16px;
        line-height: 26px;
    }
    .footer-info {
        font-size: 16px;
        line-height: 26px;
    }
    .footer-info-row .kh-footer-copyright {
        font-size: 14px;
        line-height: 23px;
    }
    .news-update-desc h4 {
        font-size: 16px;
        line-height: 26px;
    }
    .banner-bottom-slide-box .desc-box {
        font-size: 16px;
        line-height: 26px;
    }
    .section-title h2 {
        font-size: 25px;
        line-height: 26px;
    }
    .footer-email-info .email-info a {
        font-size: 14px;
        display: block;
    }
    .footer-email-info .email-info h6 {
        font-size: 14px;
    }
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a,
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
        font-size: 14px;
    }
    .footer-email-info .icon-box img {
        width: 60px;
    }
    .info-section-desc h4 {
        font-size: 18px;
        line-height: 28px;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        font-size: 14px;
        line-height: 22px;
    }
    .sections_group table td {
        font-size: 14px;
        line-height: 22px;
    }
    .main-content .main-body ol>li {
        font-size: 14px;
        line-height: 22px;
    }
    .main-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .contact-us-wrap .js-form-item label {
        font-size: 14px;
    }
    .contact-details-wrap ul li a {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {
    .banner-wrap .page-title h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-img .svg {
        width: 50px;
        height: 50px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 14px;
        line-height: 26px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 14px;
        line-height: 18px;
    }
    .main-content p {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-info a,
    .footer-info-row {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-col h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .breadcrumb-wrapper nav ol li a,
    .breadcrumb-wrapper nav ol li {
        font-size: 14px;
        line-height: 20px;
    }
    .search-icon {
        font-size: 14px;
    }
    .header-user-login ul li a {
        font-size: 14px;
        line-height: 20px;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 14px;
    }
    .dropdown .sub-menu li a {
        font-size: 14px;
    }
    .announce-header header h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-header header p {
        font-size: 14px;
        line-height: 24px;
    }
    .announce-title {
        font-size: 14px;
        line-height: 22px;
    }
    .announce-header-left {
        font-size: 14px;
        line-height: 20px;
    }
    .announce-header-right {
        font-size: 14px;
        line-height: 20px;
    }
    .announce-desc {
        font-size: 14px;
        line-height: 20px;
    }
    .announce-desc .cta-btn {
        font-size: 14px;
    }
    .announcement-board-detailed-title {
        font-size: 24px;
        line-height: 35px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 14px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        font-size: 14px;
    }
    .form-header h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label,
    .add-more-wrapper label,
    .other-area-wrapper label,
    .other-language-wrapper label {
        font-size: 14px;
    }
    .page-intro .title h2 {
        font-size: 16px;
        line-height: 26px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .call-to-action-box-wrap .call-to-action-box a .img-box .svg {
        width: 50px;
        height: 50px;
    }
    .call-to-action-box-wrap .call-to-action-box a span {
        font-size: 14px;
        line-height: 20px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 10px;
    }
    .call-to-action-banner h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .call-to-action-banner p strong {
        color: #fff;
    }
    .call-to-action-banner p b {
        color: #fff;
    }
    .js .dropbutton-widget .dropbutton span {
        font-size: 14px;
    }
    .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
        width: 50px;
        height: 50px;
    }
    .knowledge-networks-listing .knowledge-network-box .desc-box {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-info {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-info-row .kh-footer-copyright {
        font-size: 14px;
        line-height: 20px;
    }
    .news-update-desc h4 {
        font-size: 14px;
        line-height: 20px;
    }
    .banner-bottom-slide-box .desc-box {
        font-size: 14px;
        line-height: 20px;
    }
    .section-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .footer-email-info .email-info a {
        font-size: 14px;
    }
    .footer-email-info .email-info h6 {
        font-size: 14px;
    }
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a,
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
        font-size: 14px;
    }
    .footer-email-info .icon-box img {
        width: 50px;
    }
    .info-section-desc h4 {
        font-size: 16px;
        line-height: 28px;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        font-size: 14px;
        line-height: 20px;
    }
    .sections_group table td {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content .main-body ol>li {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .contact-us-wrap .js-form-item label {
        font-size: 14px;
    }
    .contact-details-wrap ul li a {
        font-size: 14px;
    }
    .search-icon {
        width: 70px;
    }
    .other-area-wrapper.addmore-visible,
    .add-more-wrapper.addmore-visible,
    .other-language-wrapper.addmore-visible {
        display: block !important;
        width: 100%;
    }
    .other-area-wrapper.addmore-visible input,
    .add-more-wrapper.addmore-visible input,
    .other-language-wrapper.addmore-visible input {
        width: 100%;
    }
    .other-area-wrapper.addmore-visible label,
    .add-more-wrapper.addmore-visible label,
    .other-language-wrapper.addmore-visible label {
        margin-bottom: 10px;
        display: block;
    }
}

@media (max-width: 767px) {
    .banner-wrap .page-title h1 {
        font-size: 17px;
        line-height: 27px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-img .svg {
        width: 50px;
        height: 50px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-title {
        font-size: 14px;
        line-height: 26px;
    }
    .platform-child-list .views-row-wrapper .views-row .platform-desc {
        font-size: 12px;
        line-height: 18px;
    }
    .main-content p {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-info a,
    .footer-info-row {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-col h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .breadcrumb-wrapper nav ol li a,
    .breadcrumb-wrapper nav ol li {
        font-size: 12px;
        line-height: 20px;
    }
    .search-icon {
        font-size: 12px;
    }
    .header-user-login ul li a {
        font-size: 12px;
        line-height: 20px;
    }
    .header-menu-nav ul.menu-wrap>li>a {
        font-size: 12px;
    }
    .dropdown .sub-menu li a {
        font-size: 12px;
    }
    .announce-header header h2 {
        font-size: 16px;
        line-height: 26px;
    }
    .announce-header header p {
        font-size: 12px;
        line-height: 24px;
    }
    .announce-title {
        font-size: 14px;
        line-height: 22px;
    }
    .announce-header-left {
        font-size: 12px;
        line-height: 20px;
    }
    .announce-header-right {
        font-size: 12px;
        line-height: 20px;
    }
    .announce-desc {
        font-size: 12px;
        line-height: 20px;
    }
    .announce-desc .cta-btn {
        font-size: 12px;
    }
    .announcement-board-detailed-title {
        font-size: 18px;
        line-height: 35px;
    }
    .announcement-board-post-info .announcement-board-post-info-left ul li {
        font-size: 12px;
    }
    .announcement-board-post-info .announcement-board-post-info-right {
        font-size: 12px;
    }
    .form-header h1 {
        font-size: 18px;
        line-height: 28px;
    }
    .webform-submission-add-form .webform-flexbox .webform-flex .webform-flex--container .js-form-item label,
    .add-more-wrapper label,
    .other-area-wrapper label,
    .other-language-wrapper label {
        font-size: 12px;
    }
    .page-intro .title h2 {
        font-size: 16px;
        line-height: 26px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .call-to-action-box-wrap .call-to-action-box a .img-box .svg {
        width: 50px;
        height: 50px;
    }
    .call-to-action-box-wrap .call-to-action-box a span {
        font-size: 12px;
        line-height: 20px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 16px;
        line-height: 26px;
        padding-bottom: 10px;
    }
    .call-to-action-banner h3 {
        font-size: 16px;
        line-height: 26px;
    }
    .call-to-action-banner p strong {
        color: #fff;
    }
    .call-to-action-banner p b {
        color: #fff;
    }
    .js .dropbutton-widget .dropbutton span {
        font-size: 12px;
    }
    .knowledge-networks-listing .knowledge-network-box a .icon-box .svg {
        width: 50px;
        height: 50px;
    }
    .knowledge-networks-listing .knowledge-network-box .desc-box {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-info {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-info-row .kh-footer-copyright {
        font-size: 12px;
        line-height: 20px;
    }
    .news-update-desc h4 {
        font-size: 12px;
        line-height: 20px;
    }
    .banner-bottom-slide-box .desc-box {
        font-size: 12px;
        line-height: 20px;
    }
    .section-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .footer-email-info .email-info a {
        font-size: 12px;
    }
    .footer-email-info .email-info h6 {
        font-size: 12px;
    }
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item a,
    .news-img-slider-wrap .count-word-many .entity-pager-list .entity-pager-item .inactive {
        font-size: 12px;
    }
    .footer-email-info .icon-box img {
        width: 50px;
    }
    .info-section-desc h4 {
        font-size: 16px;
        line-height: 28px;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        font-size: 12px;
        line-height: 20px;
    }
    .sections_group table td {
        font-size: 12px;
        line-height: 20px;
    }
    .main-content .main-body ol>li {
        font-size: 12px;
        line-height: 20px;
    }
    .main-content h1 {
        font-size: 25px;
        line-height: 35px;
    }
    .contact-us-wrap .js-form-item label {
        font-size: 12px;
    }
    .contact-details-wrap ul li a {
        font-size: 12px;
    }
    .search-icon {
        width: 70px;
    }
    .container {
        width: 100% !important;
    }
    .resourcedb-cover-page-image .file-wrapper-custom .form-managed-file .file--image {
        margin-right: 10px;
    }
}


/* New Font size responsive 02-02-2022 */

@media (max-width: 1600px) {
    .announcement-board-detailed-title {
        font-size: 30px;
        line-height: 40px;
    }
    .main-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .announcement-board-detailed-title h1 {
        margin-bottom: 0;
    }
    .waterpipe-overview-page .page-title h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .breadcrumb-wrapper nav ol li a {
        font-size: 15px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 15px;
    }
    .info-section-desc .section-title h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .main-content h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .section-title h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .info-section-desc .section-title.bottom-line h2 {
        padding-bottom: 10px;
    }
    .number-listing-box ol li {
        font-size: 16px;
        line-height: 25px;
    }
    .accordion-body ul li {
        font-size: 16px;
        line-height: 25px;
    }
    .main-content .main-body ol>li {
        font-size: 16px;
        line-height: 25px;
    }
    .info-section-desc p {
        font-size: 16px;
        line-height: 25px;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        font-size: 16px;
        line-height: 25px;
    }
    .normal-listing ul li:before,
    .info-section-wrap .info-section-desc ul li:before {
        top: 5px;
    }
    .accordion-body ul li:before {
        top: 5px;
    }
    .accordion-body ul li {
        padding-left: 30px;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
        font-size: 16px;
        line-height: 25px;
    }
    .main-content .main-body ul>li {
        /*font-size: 16px;*/
        /*line-height: 25px;*/
    }
    .main-body .sections_group span {
        font-size: 16px;
        line-height: 25px;
    }
    .full-text h4 {
        font-size: 20px;
        line-height: 23px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 20px;
        line-height: 23px;
    }
    .main-content h3 {
        font-size: 25px;
        line-height: 35px;
    }
    .main-content h4 {
        font-size: 20px;
        line-height: 23px;
        padding: 0 0 10px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 20px;
        line-height: 23px;
    }
    .main-content h4 {
        font-size: 20px;
        line-height: 23px;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
        font-size: 16px;
        line-height: 25px;
    }
    .two-columns-section {
        margin: 0 -15px 100px;
    }
    .contain-box-wrap {
        padding-bottom: 50px;
    }
    .two-columns-section {
        margin-bottom: 50px;
    }
    .info-section-wrap {
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        padding-left: 30px;
    }
    .info-section-wrap.full-width-bg-img {
        padding: 50px 0 50px !important;
    }
    .call-to-action-box-wrap {
        padding: 0 0 50px;
    }
    .feed-card-wrap {
        padding-bottom: 50px;
    }
    .feed-card-box {
        margin-bottom: 20px;
    }
    .accordion-title {
        padding: 0 58px 0;
    }
    .accordion-listing>ul>li .accordion-title:before {
        top: 7px;
        left: 22px;
        font-size: 20px;
    }
    .accordion-title h3 {
        font-size: 18px;
        line-height: 28px;
        padding: 10px 0 10px 20px;
    }
    .accordion-title:after {
        width: 15px;
        height: 15px;
        right: 15px;
        top: 18px;
    }
    .accordion-body {
        padding: 25px;
        font-size: 16px;
        line-height: 25px;
    }
    .waterpipe-overview-page .page-title {
        padding: 20px 15px;
    }
    .waterpipe-overview-page .page-title {
        margin-bottom: 20px;
    }
    .accordion-section-wrap {
        padding-bottom: 20px;
    }
    .scroll-to-section-box a .desc-box {
        font-size: 18px;
        line-height: 28px;
    }
    .listing-note {
        padding-top: 10px;
    }
    .knowledge-networks-listing ul {
        margin: 0 -15px;
    }
    .knowledge-networks-listing ul li {
        padding: 0 15px;
    }
    .sections_group table td {
        font-size: 16px;
        line-height: 26px;
    }
    .media-enquiries ul li {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 1366px) {
    .main-content .main-body ol>li {
        font-size: 14px;
        line-height: 22px;
    }
    .main-content .main-body ul>li {
        font-size: 14px;
        line-height: 22px;
    }
    .main-content a {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 1024px) {
    .breadcrumb-wrapper nav ol li a {
        font-size: 12px;
        line-height: 18px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .breadcrumb-wrapper nav ol li+li::before {
        padding: 0 5px;
    }
    .info-section-desc .section-title h2,
    .section-title h2 {
        font-size: 21px;
        line-height: 24px;
    }
    .main-content h2 {
        font-size: 21px;
        line-height: 24px;
    }
    .main-content h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .waterpipe-overview-page .page-title h2 {
        font-size: 21px;
        line-height: 24px;
    }
    .main-content p {
        font-size: 14px;
        line-height: 20px;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
        font-size: 14px;
        line-height: 20px;
    }
    .accordion-body {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content .main-body ul>li {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content .main-body ol>li {
        font-size: 14px;
        line-height: 20px;
    }
    .main-body .sections_group span {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content h4 {
        font-size: 17px;
        line-height: 20px;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 14px;
        line-height: 20px;
    }
    .main-content h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .number-listing-box ol li {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 15px 10px 30px;
    }
    .number-listing-box ol li:before {
        font-size: 14px;
        top: 9px;
    }
    .main-content .main-body ol>li:before {
        font-size: 14px;
        /* top: 9px;*/
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        font-size: 14px;
    }
    .accordion-title h3 {
        font-size: 18px;
    }
    .main-body .sections_group .column_our_team_list .team_list {
        margin-bottom: 0px;
    }
    .accordion-body ul li {
        font-size: 14px;
        line-height: 18px;
    }
}

@media (max-width: 991px) {
    .main-body .sections_group .column_our_team_list .team_list .one-fourth {
        padding-left: 0;
    }
    .wts-database .announce-exposed-form .views-exposed-form .js-form-item {
        width: 33.33%;
    }
    .wts-database .announce-exposed-form .views-exposed-form .js-form-item.js-form-item-combine {
        width: 33.33%;
    }
    .e-library-expose-filters {
        padding: 0 0;
    }
    .e-library-expose-filter-col .form-checkboxes .js-form-item label {
        font-size: 18px;
    }
    .e-library-expose-filter-col {
        width: 100%;
        padding: 10px 15px 0px;
        border-right: 0;
        border-bottom: 2px solid #404040;
    }
    .e-library-expose-filter-col:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 767px) {
    .breadcrumb-wrapper nav ol li a {
        font-size: 10px;
        line-height: 15px;
    }
    .breadcrumb-wrapper nav ol li {
        font-size: 10px;
        line-height: 15px;
    }
    .breadcrumb-wrapper nav {
        padding: 0 15px;
    }
    .e-library-listing .views-row-wrapper ul {
        padding-left: 50px;
    }
    .waterpipe-overview-page .page-title {
        padding: 0;
    }
    .waterpipe-overview-page .page-title h2 {
        font-size: 15px;
        line-height: 25px;
        padding: 10px 15px;
    }
    .info-section-desc .section-title h2,
    .section-title h2 {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .section-title.bottom-line h2 {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .main-content p {
        font-size: 12px;
        line-height: 18px;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
        font-size: 12px;
        line-height: 18px;
    }
    .number-listing-box ol li {
        font-size: 12px;
        line-height: 18px;
    }
    .main-content .main-body ol>li {
        font-size: 12px;
        line-height: 18px;
    }
    .accordion-body ul li {
        font-size: 12px;
        line-height: 18px;
    }
    .main-content h4 {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 0;
    }
    .feed-card-box .feed-card-desc h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .info-section-wrap.full-width-bg-img {
        padding: 30px 0 30px !important;
    }
    .info-section-wrap {
        padding: 0 0 30px !important;
    }
    .info-section-desc .section-title.bottom-line h2 {
        padding-top: 0;
    }
    .contain-box-wrap {
        padding-bottom: 30px;
    }
    .main-body .sections_group span {
        font-size: 12px;
        line-height: 18px;
    }
    .accordion-body {
        font-size: 12px;
        line-height: 18px;
        padding: 20px 15px;
    }
    .main-content .main-body ul>li {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .main-body .sections_group .column,
    .main-body .sections_group .columns {
        margin-bottom: 0;
    }
    .main-content h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .call-to-action-box-wrap ul li {
        width: 100% !important;
        margin-bottom: 20px;
    }
    .call-to-action-box-wrap .call-to-action-box a {
        padding: 10px;
    }
    .full-text h3 {
        padding-bottom: 0;
    }
    .page-intro {
        padding: 0;
    }
    .scroll-to-section-box a .desc-box {
        font-size: 14px;
        line-height: 24px;
    }
    .databases-info-box a .databases-desc h5 {
        font-size: 15px;
    }
    .section_wrapper .column {
        margin: 0 0 20px !important;
        height: auto!important;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        font-size: 12px;
    }
    .normal-listing ul li:before,
    .info-section-wrap .info-section-desc ul li:before {
        width: 10px;
        height: 10px;
        top: 8px;
    }
    .normal-listing ul li,
    .info-section-wrap .info-section-desc ul li {
        padding-left: 20px;
    }
    .main-content h3 {
        margin-bottom: 10px;
    }
    .main-body .sections_group .column h3 {
        margin-bottom: 10px;
    }
    .accordion-title h3 {
        margin-bottom: 0;
    }
    .news-update-wrap .container {
        width: 90% !important;
    }
    .news-update-wrap .container h4 {
        padding-bottom: 10px !Important;
    }
    .news-update-desc .date-info {
        font-size: 12px;
        line-height: 18px;
    }
    .news-update-desc .date-info span {
        font-size: 12px;
    }
    .news-listing-page .news-update-box .news-update-desc .page-read-more a,
    .e-library-listing .news-update-box .news-update-desc .page-read-more a {
        font-size: 12px;
        line-height: 18px;
    }
    .news-update-desc h4,
    .e-library-listing .news-update-box .news-update-desc h4 {
        padding-bottom: 10px;
    }
    .wts-database .announce-exposed-form .views-exposed-form .js-form-item {
        width: 100%;
    }
    .wts-database .announce-exposed-form .views-exposed-form .js-form-item.js-form-item-combine {
        width: 100%;
    }
    .views-expose-filter.e-library-filter .btn {
        width: 40px;
        line-height: 40px;
    }
    .views-expose-filter.e-library-filter .btn .svg {
        width: 20px;
        line-height: auto;
    }
    .views-expose-filter-right .sort-filters .select2 {
        width: 150px !important;
    }
    .taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-img {
        width: 100%;
    }
    .taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-desc {
        width: 100%;
    }
    .taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box {
        flex-wrap: wrap;
    }
}


/* Expert Database page design changes*/

@media (max-width: 1920px) {
    .experts-database-list-wrap {
        padding: 0;
    }
}

@media (max-width: 991px) {
    .experts-database-list-wrap.resource-db .views-exposed-form {
        padding-bottom: 50px;
    }
    .experts-database-list-wrap.resource-db .views-exposed-form .js-form-item {
        width: 33.33%;
    }
    .resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-max,
    .resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-min {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    .experts-database-list-wrap.resource-db .views-exposed-form .js-form-item {
        width: 100%;
    }
    .experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield {
        padding-bottom: 26px;
    }
    .experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield input[type="text"] {
        font-size: 18px;
        padding: 0px 45px 0px 20px;
        background-position: center right 10px;
        background-size: 20px;
    }
    .experts-database-list-wrap.resource-db .views-exposed-form {
        padding-bottom: 35px;
    }
    .experts-database-list-wrap.resource-db .form-link a {
        font-size: 18px;
        padding: 10px 30px 10px;
    }
}

.section-title.center-text h2 {
    text-align: center;
}

.section-title.center-text h2:before {
    right: 0;
}

.news-listing-page .news-update-box .news-update-img article {
    height: 100%;
}

.news-listing-page .news-update-box .news-update-img article div {
    height: 100%;
    position: relative;
}


/*.news-listing-page .news-update-box .news-update-img article div img {
    height: 100%;
    object-fit: cover;
  }*/

.listing-note ul li:before {
    display: none;
}

.listing-note ul li {
    color: #fff !important;
}


/* 18-01-2022 */

.main-body .sections_group .column_our_team_list .team_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-body .sections_group .column_our_team_list .team_list .one-fourth {
    width: 23%;
}

.main-body .sections_group .column_our_team_list .team_list .one-fourth img {
    width: 100%;
}

.main-body .sections_group .column_our_team_list .team_list .one-second {
    width: 77%;
    padding-left: 25px;
}

.main-body .sections_group .column_our_team_list .team_list .one-second hr {
    display: none;
}

.main-body .sections_group .column_our_team_list .team_list .one-second h4 {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px;
}

.main-body .sections_group .column_our_team_list .team_list .one-second h4:before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.main-body .sections_group .column_our_team_list .team_list .one-second .desc {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #404040;
}

.main-body .sections_group .column_our_team_list .team_list .one-second .desc a {
    color: #ba2025;
}

.sections_group table {
    width: 100%;
    border: 1px solid #404040;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.sections_group table td {
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
    padding: 10px;
    font-size: 18px;
    line-height: 28px;
    color: #404040;
}

.sections_group table td:last-child {
    border-right: 0;
}

.column_fancy_heading .section-title h2 {
    text-align: left;
}

.main-body .sections_group .column_our_team_list .team_list {
    margin-bottom: 40px;
}

.main-body .sections_group .column_our_team_list .team_list .one-second .desc .links {
    padding-top: 10px;
}

.main-body .sections_group .column_our_team_list .team_list .one-second .desc .links a {
    font-weight: 700;
}

.mcb-wrap-inner {
    display: flex;
    flex-wrap: wrap;
}

.main-body .sections_group .three-fourth.column {
    width: 73%;
}

.main-body .sections_group .one-fourth.column,
.four.columns {
    width: 23%;
}

.main-body .sections_group .column,
.main-body .sections_group .columns {
    padding: 0 15px;
    margin-bottom: 20px;
}

.main-body .sections_group .two-third.column {
    width: 65%;
}

.main-body .sections_group .one-third.column {
    width: 35%;
}

.image_frame,
.wp-caption,
.google-map,
.icon_box .icon_wrapper,
.content_slider .content_slider_ul,
.author-box .avatar-wrapper,
#comments .commentlist>li .photo,
.edd_download_image {
    border-color: #ba2025;
}

.main-body .sections_group .image_frame {
    display: block;
    overflow: hidden;
    margin: 0;
    border-width: 2px;
    border-style: solid;
    max-width: 100%;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main-body .sections_group .image_frame.no_border {
    border-width: 0;
}

.main-body .sections_group hr.no_line {
    background-color: transparent !important;
    color: transparent !important;
}

.main-body .sections_group img.scale-with-grid,
#Content img {
    max-width: 100%;
    height: auto;
}

.main-body .sections_group .image_frame .image_wrapper img:not(.ls-l) {
    position: relative;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.accordion-title h3 {
    margin-bottom: 0;
}

.section-title.text-center h3 {
    text-align: center;
}

.main-body .sections_group .alignright {
    float: right;
    margin: 15px 0 15px 15px;
}

.main-body .sections_group .alignleft {
    float: left;
    margin: 15px 15px 15px 0;
}

.main-body .sections_group .one.column {
    width: 100%;
}

.column_button a.button {
    font-size: 20px;
    font-weight: 700;
    background: #ba2025;
    color: #fff;
    border: 2px solid #ba2025;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 20px 37px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.column_button a.button:hover {
    color: #ba2025;
    background: #f5f5f5;
}

.main-body .sections_group .one-third.column {
    width: 33.33%;
}

.main-body .sections_group .content_video.iframe.auto-wh {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.main-body .sections_group .content_video.iframe.auto-wh iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-body .sections_group iframe {
    max-width: 100%;
}

.main-body .sections_group .aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.main-body .sections_group .aligncenter {
    clear: both;
}

.main-body .sections_group span {
    font-size: 18px;
    line-height: 28px;
}

.main-body .sections_group blockquote {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
    padding: 20px;
    border-left: 5px solid #ba252e;
    background: #f5f5f5;
}

.main-body .sections_group blockquote a {
    color: #ba2025;
}


/*.main-body .sections_group .section_wrapper {
    display: flex;
    flex-wrap: wrap;
  }*/

.main-body .sections_group .promo_box_wrapper .photo_wrapper {
    width: 36%;
    float: left;
    text-align: left;
    line-height: 0;
}

.main-body .sections_group .promo_box_wrapper {
    overflow: hidden;
}

.main-body .sections_group .promo_box_wrapper .desc_wrapper {
    width: 56%;
    margin: 0 2% 0 6%;
    float: left;
    padding-top: 10px;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.section_wrapper.d-flex {
    width: 100%;
}

.section_wrapper.d-flex .one-second {
    width: 50%;
}

.main-body .sections_group .one-second.column {
    width: 48%;
}

.main-body .sections_group .team.team_circle {
    text-align: center;
}

.main-body .sections_group .team.team_circle .image_frame.photo {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.main-content h2.title.center-text {
    text-align: center;
}

.center-text {
    text-align: center;
}

.main-content h2.title.center-text:before {
    right: 0;
}

.cta-btn.center-text {
    text-align: center;
}

.pb-50 {
    padding-bottom: 50px;
}

.sliding_box .desc_wrapper {
    background: #bb2530;
}

.sliding_box .desc_wrapper {
    padding: 15px 20px;
    width: 100%;
    text-align: center;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sliding_box a {
    display: block;
}

.announcement-board-post-info-left .related-articles .quickedit-field {
    display: flex;
    flex-wrap: wrap;
}

.announcement-board-post-info-left .related-articles .quickedit-field div+div {
    padding-left: 5px;
}

.main-body .sections_group .photo_box .image_frame {
    margin-bottom: 15px;
}

.main-content .main-body ol li a {
    color: #ba2025;
}

img.full-width {
    width: 100%;
    margin-bottom: 30px;
    display: block;
}

ul,
ol {
    list-style: none !important;
}

.main-content .main-body ol ol {
    margin-top: 15px;
}

.accordion-body p:last-child {
    margin-bottom: 0;
}

.sections_group table th {
    padding: 10px;
    font-size: 18px;
    color: #000;
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
}

.p-b-t-20 {
    padding-top: 20px;
}

.main-body .sections_group .section-slider {
    background-color: #f6f5f5;
    box-shadow: 0px 3px 6px #00000029;
}

.main-body .sections_group .one-fourth.mcb-wrap {
    width: 25%;
}

.main-body .sections_group .three-fourth.mcb-wrap {
    width: 75%;
}

.main-body .sections_group .mcb-wrap {
    float: left;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.main-body .sections_group .section_wrapper:after,
.main-body .sections_group .container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

.main-body .sections_group .clearfix:before,
.main-body .sections_group .clearfix:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.main-body .sections_group .one-third.mcb-wrap {
    width: 33.333%;
}

.main-body .sections_group .column_attr.align_center {
    text-align: center;
}

span a {
    color: #bb2530;
}

.ul-first li:before {
    display: none;
}

.publications-wrap .one-second.mcb-wrap {
    width: 50%;
}

.Latest_news ul li {
    margin: 0 0 30px;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
}

.Latest_news ul li .photo {
    width: 30%;
    border-color: #bb2530;
}

.Latest_news ul li .photo a {
    display: block;
    width: 100%;
    height: 100% !important;
}

.Latest_news ul li .photo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.Latest_news ul li .desc {
    width: 60%;
    padding-left: 20px;
}

.Latest_news ul li .desc a {
    color: #bb2530;
}

.post-excerpt {
    font-size: 18px;
    line-height: 26px;
}

.one-second.mcb-wrap {
    width: 50%;
}

.views-row-wrapper.news-listing-page.news-cate-listing {
    margin: 0;
}

.views-row-wrapper.news-listing-page.news-cate-listing .views-row {
    width: 100%;
}

.views-row-wrapper.news-listing-page.news-cate-listing .news-update-box:hover .news-update-desc h4 {
    color: #444444;
}

.views-row-wrapper.news-listing-page.news-cate-listing .container.main-body {
    padding: 0;
}

@media (max-width: 1366px) {
    .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
        font-size: 16px;
        line-height: 26px;
    }
    .accordion-title h3 {
        font-size: 18px;
        line-height: 28px;
        padding: 10px 0 10px 20px;
    }
    .accordion-title {
        padding: 0 48px 0;
    }
    .accordion-listing>ul>li .accordion-title:before {
        left: 19px;
        top: 10px;
    }
    .accordion-title:after {
        top: 18px;
    }
    .accordion-listing>ul>li {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .main-body .sections_group .column_our_team_list .team_list .one-second {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-fourth {
        width: 100%;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-fourth img {
        width: 100%;
        max-width: 250px;
    }
    .main-body .sections_group .column_our_team_list .team_list .one-fourth .image_frame {
        width: 100%;
        max-width: 250px;
    }
}

@media (max-width: 767px) {
    .main-body .sections_group .column_our_team_list .team_list .one-second .desc {
        font-size: 14px;
        line-height: 22px;
    }
    .main-body .sections_group .three-fourth.column {
        width: 100%;
    }
    .main-body .sections_group .one-fourth.column,
    .four.columns {
        width: 100%;
    }
    .main-body .sections_group .column,
    .main-body .sections_group .columns {
        padding: 0;
    }
    .main-body .sections_group .two-third.column {
        width: 100%;
    }
    .main-body .sections_group .one-third.column {
        width: 100%;
    }
    .main-body .sections_group hr.no_line {
        display: none;
    }
    .main-body .sections_group .column h3 {
        margin: 0;
    }
    .section_wrapper.d-flex .one-second {
        width: 100%;
    }
}

.normal-listing ul li a,
.info-section-wrap .info-section-desc ul li a {
    color: #ba2025;
    font-weight: 700;
}

.section-title.text-center h3 {
    text-align: center;
}

.cta-btn.text-center {
    text-align: center;
}

.main-content .main-body .normal-listing ul>li:before {
    border: 0;
}

.page-node-type-information-hub .hero-banner-section {
    margin-bottom: 30px;
}

.accordion-body ul li {
    font-size: 18px;
    line-height: 30px;
    color: #20313b;
    padding-left: 50px;
    margin-bottom: 20px;
    position: relative;
}

.accordion-body ul li:before {
    content: "";
    width: 13px;
    height: 13px;
    border: 3px solid #707070;
    position: absolute;
    top: 10px;
    left: 0;
}

.accordion-body ul li a {
    color: #ba2025;
}

.call-to-action-banner p b,
.call-to-action-banner p strong {
    color: #fff;
}


/* 25-01-22 */

.pt-30 {
    padding-top: 30px;
}

.kh-slt-views-summary {
    max-width: 366px;
    width: 100%;
    margin: 0 auto;
}

.mb-0 h2 {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .webform-submission-fctc-announcement-request-form .webform-element-help.js-webform-element-help {
        top: 37px !important;
        right: inherit !important;
    }
}

.quick-links ul li {
    margin-top: 35px;
    text-align: center;
}

.main-body .sections_group .float-none {
    float: none;
    clear: both;
    width: 100%;
}

.main-body .sections_group .full-width.mcb-wrap-inner {
    width: 100%;
}

.main-body .sections_group .d-flex.aligncenter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.main-body .sections_group .one-second.column {
    width: 50%;
}

.main-body .sections_group .blog_wrapper .col-3 {
    width: 100%;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.main-body .sections_group .blog_wrapper .col-3 h2 {
    font-size: 30px;
    line-height: 40px;
    padding: 0 0 20px;
}

.main-body .sections_group .blog_wrapper .col-3 .date_label {
    padding: 20px 0 20px;
    font-size: 20px;
    font-weight: 700;
    color: #404040;
}

.main-content h3 a {
    color: #000;
}

.two-col-btn .column_button {
    width: auto !important;
}

.feature_list_new ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}

.feature_list_new ul li {
    padding-right: 15px;
    width: 33.33%;
}

@media (max-width: 767px) {
    .feature_list_new ul li {
        padding-right: 0;
        width: 100%;
    }
}

.webinar-title {
    padding-top: 60px;
}

.main-content .video-box h4 a {
    color: #000;
}

.main-content .main-body ul li a {
    color: #ba2025;
}

.main-content .main-body ol li a,
.main-content .main-body ul li a {
    display: block;
}


/*.news-cate-listing .news-update-box .news-update-img img {
    height: 100%;
    object-fit: cover;
  }*/

.sections_group table th {
    background: #ba2025;
    color: #fff;
}

.feature_list ul {
    margin: 0;
    overflow: hidden;
}

.feature_list ul li {
    margin: 0;
    list-style: none;
    width: 25%;
    float: left;
    display: block;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.feature_list[data-col="2"] ul li {
    width: 50%;
}

.feature_list ul li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.feature_list ul li p {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.feature_list hr {
    display: none;
}

.feature_list ul li a {
    display: block;
}

.feature_list ul li:hover,
.feature_list ul li:hover a {
    background: #bb2530;
    color: #fff;
}

.feature_list ul li:hover p,
.feature_list ul li:hover a p {
    color: #fff;
}

.general-information-wrap.pbt-0 .monitoring-evaluation-wrap {
    padding-top: 0;
}

.sliding_box .desc_wrapper h4 {
    font-size: 19px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 0;
}

.sliding_box .desc_wrapper h4 a {
    color: #fff;
}

.sliding_box .photo_wrapper img {
    width: 100%;
    height: 220px !important;
    object-fit: cover;
}

.sections_group .one-fifth.column {
    width: 18%;
}

.main-content h3 a {
    color: #ba2025;
}

.main-content .main-body ul ul {
    padding-bottom: 0;
    padding-top: 20px;
}

.news-img-desc-wrap img {
    width: auto;
    margin: 0 auto;
    text-align: center;
}


/*.news-img-desc-wrap {
    text-align: center;
  }*/

.container .container {
    padding: 0;
}

.tweets-section-box #block-twittertimeline {
    height: 500px;
    overflow: auto;
}

.main-content p {
    padding-top: 0;
}

.icon_box.icon_position_left {
    min-height: 126px;
    padding-left: 145px;
}

.icon_box.icon_position_left .image_wrapper {
    position: absolute;
    left: 0;
    top: 10px;
    margin-bottom: 0;
    width: 126px;
    height: 126px;
    overflow: hidden;
}

.icon_box {
    position: relative;
}

.icon_box.icon_position_left .desc_wrapper {
    text-align: left;
    padding-top: 10px;
}

.icon_box.icon_position_left .desc_wrapper .desc {
    color: #ba2025;
}

.one.column_feature_list .feature_list ul.fl-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    justify-content: space-between;
}

.one.column_feature_list .feature_list ul.fl-content li {
    width: 50%;
    padding: 0 15px;
    background: transparent !important;
}

.one.column_feature_list .feature_list ul.fl-content li:before {
    display: none;
}

.one.column_feature_list .feature_list ul.fl-content li p {
    padding-left: 0px;
}

.one.column_feature_list .feature_list ul.fl-content li a {
    padding: 10px 25px;
    background: transparent;
    color: #ba2025;
}

.one.column_feature_list .feature_list ul.fl-content li a:hover {
    background: #ba2025;
    color: #fff;
}

.call-to-action-box-wrap .call-to-action-box .img-box {
    height: 100%;
}

.rb-categories-wrap .tags-listing {
    padding: 0 15px;
}

.links-box-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px;
    justify-content: center;
}

.links-box-wrap .one-third.column {
    width: 20% !important;
    padding: 0 12px;
    margin-bottom: 30px;
}

.links-box-wrap .one-third.column p {
    width: 100%;
    height: 100%;
}

.links-box-wrap .one-third.column p a {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    padding: 20px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.links-box-wrap .one-third.column p a:hover {
    background: #ba2025;
    color: #fff;
}

.alignleft {
    float: left;
    margin: 15px 15px 15px 0;
}

.sections_group table td a {
    color: #ba2025;
}

.icon_box .desc_wrapper h4 a:hover {
    color: #ba2025;
}

.wts-database .announce-exposed-form .views-exposed-form .js-form-item {
    width: 20%;
    margin-bottom: 20px;
}

.wts-database .announce-exposed-form .views-exposed-form .js-form-item.js-form-item-combine {
    width: 100%;
}

.wts-database .announce-exposed-form .views-exposed-form .js-form-item.js-form-type-textfield .form-text {
    height: 37px;
    border-radius: 5px;
    border: 1px solid #a4a4a4;
    background: #fff;
    padding: 0px 15px;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/search-icon-black.svg) #fff no-repeat center right 15px;
    background-size: 15px;
}

.wts-database .announce-exposed-form .select2-container .select2-selection {
    height: 37px;
    line-height: 37px;
    border-radius: 5px;
    border: 1px solid #a4a4a4;
    background: #fff;
    padding: 0px 15px;
}

.wts-database .announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 37px;
}

.wts-database .announce-exposed-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 14px;
    width: 14px;
}

.wts-exp-table-parent th a {
    color: #fff;
}

table.dataTable tbody td a {
    color: #ba2025;
}

.wts-database table.dataTable tbody td {
    background: transparent;
}

.wts-database table.dataTable tbody tr.views-expandable-table-target td {
    padding: 0 !important;
}

.wts-database table.dataTable tbody tr:nth-child(even) td {
    background: transparent;
}

.wts-database table.dataTable tbody .dt-control {
    background: url(../../../../../../datatables.net/examples/resources/details_open.png) no-repeat left 10px center;
    cursor: pointer;
    padding-left: 40px;
}

.wts-database table tr.dt-hasChild {
    background: url(../../../../../../datatables.net/examples/resources/details_close.png) no-repeat left 10px center;
}

.wts-database table.dataTable tbody .dt-control td:first-child,
.wts-database table.dataTable tbody .dt-hasChild td:first-child {
    padding-left: 40px;
}

.wts-no-result {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
    font-weight: 700;
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    text-align: left;
}

.wts-child-block-box {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #b8b8b8;
}

.wts-child-block-box:last-child {
    border: 0;
}

.wts-field-title {
    width: 50%;
    padding: 15px;
    border-right: 1px solid #b8b8b8;
}

.wts-field-value {
    width: 50%;
    padding: 15px;
}

.wts-database table.dataTable tbody td {
    font-size: 14px;
    font-weight: 400;
}

.wts-database .table-responisve {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 20px;
}

.kh-slt-views-summary .sction-title h2 {
    text-align: left;
}

.browse-library-by-subject-wrap.location-wrap {
    padding-top: 0 !important;
}

.browse-library-by-subject-wrap.location-wrap .browse-library-listing {
    display: block;
    margin: 0;
}

.section-title.left-text h2 {
    text-align: left;
}

.section-title.left-text h2:before {
    right: inherit !important;
}

.browse-library-by-subject-wrap.classification-wrap {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
}

.e-library-listing-box .e-library-listing-img {
    position: relative;
    padding-bottom: 56.26%;
}

.e-library-listing-box .e-library-listing-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.e-library-listing>ul>li .views-field-nothing {
    height: 100%;
}

.views-expose-filter.e-library-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.views-expose-filter.e-library-filter .btn {
    width: 50px;
    height: 50px;
    border: 2px solid #404040;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.views-expose-filter.e-library-filter .btn:hover {
    background: #ba2025;
    border-color: #ba2025;
}

.views-expose-filter.e-library-filter .btn .svg {
    width: 30px;
    height: 30px;
}

.views-expose-filter.e-library-filter .btn .svg path {
    fill: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.views-expose-filter.e-library-filter .btn:hover .svg path {
    fill: #fff;
}

.views-expose-filter-right .box {
    display: flex;
}

.grid-switcher {
    display: flex;
}

.views-expose-filter-right .grid-switcher .btn {
    margin-right: 15px;
}

.views-expose-filter-right .sort-filters .js-form-item label {
    display: none;
}

.views-expose-filter-right .sort-filters .select2 {
    width: 200px !important;
}

.views-expose-filter-right .select2-container .select2-selection {
    height: 50px;
    padding-left: 10px;
}

.views-expose-filter-right .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.views-expose-filter-right .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 22px;
}

.e-library-expose-filters {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 10px;
    border: 2px solid #404040;
    margin-bottom: 30px;
    border-radius: 5px;
}

.e-library-expose-filter-col {
    width: 33.33%;
    padding: 30px 20px;
    border-right: 2px solid #404040;
}

.e-library-expose-filter-col:last-child {
    border-right: 0;
}

.e-library-expose-filter-col .fieldset-legend {
    font-size: 20px;
    font-weight: 700;
    color: #404040;
    padding-bottom: 20px;
    display: block;
}

.e-library-expose-filter-col .form-checkboxes .js-form-item label {
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 22px;
    color: #404040;
    padding-left: 30px;
    display: block;
    margin-bottom: 10px;
}

.e-library-expose-filter-col .form-checkboxes .js-form-item input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.e-library-expose-filter-col .form-checkboxes .js-form-item label:before {
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #a4a4a4;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
}

.e-library-expose-filter-col .form-checkboxes .js-form-item input:checked+label:before {
    background: #ba2025;
    border-color: #ba2025;
}

.e-library-expose-filter-col .form-checkboxes .js-form-item label:after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-black.svg) no-repeat;
    background-size: cover;
    top: 4px;
    left: 4px;
    width: 13px;
    height: 10px;
    opacity: 0;
    visibility: hidden;
}

.e-library-expose-filter-col .form-checkboxes .js-form-item input:checked+label:after {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-white.svg) no-repeat;
    opacity: 1;
    visibility: visible;
}

.taxonomy-listing .views-row-wrapper.grid-view.list-view .views-row {
    width: 100%;
}

.taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box {
    display: flex;
}

.taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-img {
    width: 20%;
}

.taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-desc {
    width: calc(100% - 20%);
}

.taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-img {
    padding-bottom: 0;
}

.taxonomy-listing .views-row-wrapper.grid-view.list-view .e-library-listing-box .e-library-listing-img img {
    position: relative;
}

.e-library-expose-filter-col .fieldgroup {
    margin-bottom: 20px;
}


/* 15/02/2022 */

.two-columns-section-wrap .two-columns-section.only-text .column-left,
.two-columns-section-wrap .two-columns-section.only-text .column-right {
    padding: 0 15px;
    width: 50%;
}

@media (max-width: 991px) {
    .two-columns-section-wrap .two-columns-section.only-text .column-left,
    .two-columns-section-wrap .two-columns-section.only-text .column-right {
        padding: 0 15px;
        width: 100%;
    }
}

.add-new-forum-topic .action-links li a {
    font-size: 20px;
    font-weight: 700;
    background: #ba2025;
    color: #fff;
    border: 2px solid #ba2025;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
    padding: 20px 37px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 20px;
}

.wts-database .views-footer-wrapper {
    padding: 20px 0 40px;
}

.tablesort--desc {
    background-image: url(../images/sort_both.png);
}

.tablesort--desc {
    background-image: url(../images/sort_both.png);
}

.tablesort--asc {
    background-image: url(../images/sort_asc.png) !important;
}

.tablesort--asc {
    background-image: url(../images/sort_both.png) !important;
}

.wts-database table.dataTable tbody td.views-field-title {
    width: 40%;
}

.wts-database table.dataTable tbody td.views-field-field-wts-pub-year {
    width: 10%;
}

.wts-database table.dataTable tbody td.views-field-field-wts-author {
    width: 30%;
}

.wts-database table.dataTable tbody td.views-field-field-wts-searchlink {
    width: 20%;
}

.wts-database table tr.dt-hasChild.expanded td {
    border-bottom: 2px solid #ba2025;
}

.table-responisve {
    position: relative;
}

.ajax-progress.ajax-progress-fullscreen {
    position: fixed;
    top: 50%;
    left: 50%;
    right: 50%;
    bottom: 50%;
    margin: auto;
}

.wts-exp-table-parent th a {
    display: block;
}

.number-listing-box.two-column ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.number-listing-box.two-column ol li {
    width: calc(50% - 15px);
}

.page-intro.left-text p {
    text-align: left;
}

.page-intro-wrap.left-align {
    max-width: 100%;
}

.snppopup-wrap {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1234;
    display: none;
}

.snppopup {
    width: 100%;
    max-width: 600px;
    height: auto;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    margin: 0 auto;
}

.popup-info {
    display: flex;
    flex-wrap: wrap;
}

.popup-info-img {
    width: 200px;
}

.popup-info .desc-box {
    width: calc(100% - 200px);
    padding-left: 20px;
}

.popup-info .desc-box h4 {
    font-size: 20px;
    color: #404040;
    font-weight: 700;
    padding-bottom: 10px;
}

.popup-info .desc-box p {
    font-size: 18px;
    line-height: 28px;
    color: #404040;
}

.popup-info .desc-box .cta-btn a {
    padding: 10px 15px;
    font-size: 18px;
}

.popup-info {
    padding: 0 20px 20px;
}

.snppopup-desc .close-btn {
    text-align: right;
}

.snppopup-desc .close-btn img {
    margin-left: auto;
}

.views-expose-filter-right .grid-switcher .btn.active {
    background: #ba2025;
    border-color: #ba2025;
}

.views-expose-filter-right .grid-switcher .btn.active .svg path {
    fill: #fff;
}

.e-library-detail-page-wrap .e-library-detail-desc {
    padding: 50px 0 50px;
}

.e-library-detail-page-wrap .e-library-detail-desc .e-library-listed-in {
    padding-top: 30px;
}

.e-library-detail-desc .row .col ul li a {
    word-break: break-word;
}

.advanced-add-wrap .webform-flex--1 .webform-flex--container .webform-flex--1 {
    width: 100%;
    padding: 0;
}

.advanced-add-wrap .address--wrapper {
    margin-top: 0 !important;
}

.main-content p a {
    word-break: break-word;
}

.main-content .main-body ul li a {
    word-break: break-word;
}

.main-content .main-body ol li a {
    word-break: break-word;
}

.sort-parent {
    display: flex;
    align-items: center;
}

.sort-parent .result-summary {
    margin-left: 10px;
}

.header-add-content a {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding-left: 15px;
}

@media (max-width: 1366px) {
    .header-add-content a {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 991px) {
    .header-add-content a {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 767px) {
    .header-add-content a {
        font-size: 12px;
        line-height: 20px;
    }
}

.e-library-no-result {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 80px;
    font-size: 20px;
    font-weight: 700;
    color: #404040;
    text-align: left;
}

.header-wrap .logo-wrap a svg {
    width: 201px;
    height: 101px;
}

.footer-wrap .footer-logo a svg,
.footer-wrap .kh-logo-first a svg {
    height: 135px;
    width: 269px;
}

.webform-submission-fctc-announcement-request-form {
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .links-box-wrap .one-third.column {
        width: 33.33% !important;
    }
}

@media (max-width: 767px) {
    .links-box-wrap .one-third.column {
        width: 100% !important;
    }
}

.snppopup {
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .snppopup {
        width: calc(100% - 30px);
    }
    .popup-info .desc-box {
        width: 100%;
        padding-top: 20px;
    }
    .popup-info-img {
        width: 200px;
        display: block;
        margin: 0 auto;
    }
    .views-expose-filter-left {
        padding: 10px 0;
    }
    .views-expose-filter-right {
        padding: 10px 0;
    }
}

.sections_group.client-logo-wrap .one-third.column_image .image_frame {
    text-align: center;
}

.sm-container .container {
    width: 95%;
}

.browse-library-by-subject-wrap {
    text-align: center;
}

.browse-library-listing.normal-listing ul li {
    padding-left: 0;
}

.browse-library-listing.normal-listing ul li:before {
    display: none;
}

.search-icon {
    width: 65px;
}

@media (max-width: 767px) {
    .main-body .sections_group .mcb-wrap {
        float: none;
    }
}

.table-responisve {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.language_ar .number-listing-box ol li {
    padding: 20px 40px 20px 25px;
}

.language_ar .number-listing-box ol li:before {
    left: inherit;
    right: 15px;
}

.language_ar .main-content .main-body ol>li {
    padding: 20px 40px 20px 25px;
}

.language_ar .main-content .main-body ol>li:before {
    left: inherit;
    right: 15px;
}

.language_ar .main-content .main-body ul>li {
    padding-left: 0;
    padding-right: 30px;
}

.language_ar .main-content .main-body ul>li:before {
    left: inherit;
    right: 0;
}

.language_ar .header-user-login {
    padding-right: 20px;
    padding-left: 0;
}

.language_ar .header-user-login ul li {
    padding-left: 0;
}

.language_ar .search-icon {
    margin-right: 30px;
}

.language_ar #block-dropdownlanguage .dropbutton-widget {
    padding-left: 10px;
    padding-right: 2rem;
}

.language_ar .header-top-search {
    left: 60px;
    right: inherit;
}

.language_ar .header-add-content a {
    padding-left: 0;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .number-listing-box.two-column ol li {
        width: 100%;
    }
}

.main-content a {
    font-size: 18px;
    line-height: 28px;
    color: #ba2025;
    font-weight: 700;
}

.page-node--10330 #block-fctcapps-fctcmenu,
.page-node--10338 #block-fctcapps-fctcmenu {
    display: none;
}


/* 23-03-2022 */

.e-library-detail-desc .row .col ul li {
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

.e-library-listed-in ul li {
    display: flex;
    align-items: center;
}

.e-library-listed-in.big-icon ul li svg {
    width: 30px;
}

.main-body .sections_group span {
    word-break: break-word;
}

.column_button a.button {
    padding: 10px 20px;
}

.webform_rdbd_upload_contribute {}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box label {
    position: relative;
}

.small-check-box input.form-checkbox {
    position: absolute;
    top: 0;
    opacity: 0;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box label.option {
    width: 100% !important;
    padding-left: 45px !important;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    display: block;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    color: #404040;
    margin: 0 0 20px;
    cursor: pointer;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box label.option:before {
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid #a4a4a4;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box label.option:after {
    content: "";
    display: block;
    position: absolute;
    background-size: cover;
    top: 6px;
    left: 5px;
    width: 11px;
    height: 9px;
    margin: 0;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box input:checked+label:before {
    border-color: #ba2025;
    background: #ba2025;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box input:checked+label:after {
    background: url(https://extranet.who.int/fctcapps/themes/custom/fctcapps/images/tick-white.svg) no-repeat;
    background-size: cover;
}

.webform_rdbd_upload_contribute.webform-submission-add-form .js-form-type-textarea.js-form-item .form-textarea {
    width: 100%;
    height: 129px;
    border: 1px solid #a4a4a4;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 23px;
    font-size: 18px;
    font-weight: 400;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-top: 10px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box.fill-check-box label.option {
    background: #0E85B1;
    font-size: 18px;
    font-weight: 700 !important;
    color: #fff;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box.fill-check-box label.option:before {
    top: 8px;
    left: 13px;
    border-color: #BA2025;
    background: #fff;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box.fill-check-box label.option:after {
    top: 14px;
    left: 18px;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box.fill-check-box input:checked+label:before {
    border-color: #ba2025;
    background: #ba2025;
}

.webform_rdbd_upload_contribute.webform-submission-add-form .js-form-type-textarea>div {
    width: 100%;
}

.external-websites-listing .announce-title {
    padding: 0 0 20px 0;
}

.webform-wrapper .webform-nomination-title.bg-blue {
    background: #0E85B1;
    margin-top: 40px !important;
}

.bef-exposed-form .js-form-item.js-form-item-sort-by label {
    display: none;
}

.bef-exposed-form .js-form-item.js-form-item-items-per-page label {
    display: none;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield.js-form-item-field-rdbd-entities-involved-value {
    width: 250px;
    padding-bottom: 8px;
}

.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield.js-form-item-field-rdbd-entities-involved-value input[type="text"] {
    height: 37px;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 15px 0px 15px;
    background: #f2f2f2;
    border-radius: 0;
}

.bef-exposed-form .select2-container .select2-selection {
    border-radius: 0 !important;
}

.resource-database-listing ul {
    margin: 0;
}

.rb-categories-wrap {
    padding-bottom: 100px !important;
}

.featured-document-box .date-info span {
    display: block;
    font-weight: 700;
}

.experts-database-list-wrap.resource-db .table-responisve {
    margin-bottom: 60px;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
}

table.dataTable thead .sorting {
    background-image: url(../../../../../DataTables-1.11.3/images/sort_both.html);
}

.publication-source-box img {
    width: 50%;
}

@media (max-width: 1600px) {
    .resource-database-listing ul {
        margin: 0 -15px;
    }
    .resource-database-listing ul li {
        padding: 0 15px;
    }
    .featured-documents-listing ul {
        margin: 0 -15px;
    }
    .featured-documents-listing ul li {
        padding: 0 15px;
    }
    .e-library-listing .views-row-wrapper ul {
        padding-left: 100px;
    }
}

@media (max-width: 1024px) {
    .webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box label.option {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .external-websites-listing .announce-title {
        padding: 0 0 10px 0;
    }
    .external-website-listing-wrap .announce-row-wrap .external-websites-listing .external-website-wrapper {
        padding: 18px 20px !important;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form.bef-exposed-form {
        padding-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .featured-documents-listing ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .featured-document-box .desc-box {
        padding: 20px;
    }
    .featured-document-box .desc-box a {
        font-size: 18px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .rb-categories-wrap .tags-listing ul li a {
        font-size: 14px;
        line-height: inherit;
    }
    .rb-categories-wrap {
        padding-bottom: 50px !important;
    }
    .legal-challenges-body-text::after {
        bottom: -45px !important;
    }
}

@media (max-width: 767px) {
    .webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box label.option {
        font-size: 14px !important;
        line-height: 18px !important;
    }
}

.webform-wrapper .rdbd_upload.webform-title {
    background: #0E85B1 !important;
}

.language_fr .search-icon {
    width: 143px;
}

[dir=rtl] .number-listing-box ol {
    counter-reset: item;
    list-style: none;
}

[dir=rtl] .number-listing-box ol li:before {
    content: counter(item, arabic-indic);
    counter-increment: item;
}

#comment-form #edit-comment-body-0-format {
    display: none;
}

.who-user .field__label {
    font-weight: 700;
    color: #000;
}

.who-user {
    padding-bottom: 60px;
}

.who-member-for-title h4 {
    margin-bottom: 0;
    padding-right: 5px;
}

.who-member-for-title {
    display: flex;
    align-items: center;
    font-size: 30px !important;
    line-height: 40px !important;
    font-weight: 700;
    color: #000000;
    padding-bottom: 20px;
}

.discussion-forum-table table td .forum__title a {
    color: #ba2025 !important;
}

.discussion-forum-table table th a .tablesort--desc {
    display: none;
}

.res-db-fil-item-page {
    display: flex;
    flex-wrap: wrap;
}

.res-db-fil-combines {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.res-db-fil-items_per_page {
    width: 250px;
    display: flex;
    align-items: center;
    font-weight: 700;
    padding-right: 30px;
    color: #000000;
}

.res-db-fil-combine {
    width: calc(100% - 550px);
    margin-right: 10px;
}

.res-db-fil-combine .form-item-combine {
    padding-bottom: 0px !important;
}

.res-db-fil-form .res-db-fil-item-page {
    padding-bottom: 40px;
}

.text-end {
    text-align: right;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.news-update-desc .date-info span {
    padding-bottom: 5px;
}

.table-responisve table.dataTable thead th.views-field-field-rdbd-country a {
    background-image: url(../images/sort_both.png) !important;
    padding-right: 20px;
    background-position: center right;
    background-repeat: no-repeat;
}

.table-responisve table.dataTable thead th.views-field-field-rdbd-country.is-active a {
    background-image: none !important;
}

#edit-flexbox-15>.webform-flex--1:first-child {
    width: 30%;
}

.resource-db .announce-pager {
    text-align: right;
}

.resource-db-tobacco-entity .views-exposed-form {
    padding-bottom: 50px !important;
}

.resource-db-tobacco-entity .res-db-fil-combines {
    align-items: center;
}

.experts-database-list-wrap .views-expose-filter .views-exposed-form .res-db-fil-combines .js-form-item,
.experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield.js-form-item-field-rdbd-entities-involved-value {
    width: 208px;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form .res-db-fil-combines .js-form-item {
    margin-right: 0;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] {
    border: none;
    padding: 0 0 8px;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] legend span {
    color: #404040;
    font-size: 18px;
    font-weight: 700;
    padding-left: 8px;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-min label,
.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-max label {
    display: none;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-max,
.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-min {
    padding-bottom: 8px;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-min input[type="text"],
.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper .form-item-field-rdbd-doc-pub-date-value-max input[type="text"] {
    height: 37px;
    border: 1px solid #a4a4a4;
    background: #f2f2f2;
    padding: 0px 15px;
    border-radius: 0;
    font-size: 18px;
}

.resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-actions"] {
    width: 210px;
    padding: 0 8px;
    margin-bottom: 16px;
    height: 50px;
}

.resource-db-tobacco-entity .views-exposed-form [data-drupal-selector="edit-actions"] input[type="submit"] {
    max-width: 210px;
    height: 37px;
}

@media (max-width: 767px) {
    .res-db-fil-items_per_page {
        width: 250px;
        display: flex;
        align-items: center;
        margin: 0 auto;
    }
    .res-db-fil-combine {
        width: 100%;
    }
    .resource-db-tobacco-entity .res-db-fil-combines {
        justify-content: center;
    }
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .res-db-fil-combines .js-form-item,
    .experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield.js-form-item-field-rdbd-entities-involved-value {
        width: 50%;
    }
    .resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] {
        width: 100% !important;
    }
    .resource-db-tobacco-entity .views-exposed-form [data-drupal-selector="edit-actions"] input[type="submit"] {
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .experts-database-list-wrap .views-expose-filter .views-exposed-form .res-db-fil-combines .js-form-item,
    .experts-database-list-wrap.resource-db .views-exposed-form .js-form-item.js-form-type-textfield.js-form-item-field-rdbd-entities-involved-value {
        width: 100%;
    }
    .resource-db-tobacco-entity .views-expose-filter .views-exposed-form [data-drupal-selector="edit-field-rdbd-doc-pub-date-value-wrapper"] .fieldset-wrapper {
        display: block;
    }
}

.six-box-page .scroll-to-section-box-listing ul li {
    width: 16.66%;
}

@media (max-width: 1024px) {
    .six-box-page .scroll-to-section-box-listing ul li {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .six-box-page .scroll-to-section-box-listing ul li {
        width: 100%;
    }
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box.normal-box label.option:after {
    opacity: 0;
    visibility: hidden;
}

.webform-submission-add-form.webform-submission-rdbd-upload-contribute-form .js-form-item.form-item.js-form-type-checkbox.small-check-box.normal-box input:checked+label:after {
    opacity: 1;
    visibility: visible;
}

.news-update-wrap.new-rdb .news-update-img img {
    width: 100%;
    height: 204px;
    object-fit: cover;
}

.featured-documents-wrap.new-rdb .featured-documents-listing .featured-document-box .img-box img {
    width: 100%;
    height: 204px;
    object-fit: cover;
}

.post-date-new .announce-header {
    padding: 15px 30px;
    border-top: 1px solid #d4d4d4;
}

.post-date-new .announce-header .announce-header-right {
    padding: 0;
    margin: 0;
    background: transparent !important;
    color: #404040 !important;
    font-weight: 400;
    width: 100%;
    display: block;
    justify-content: space-between;
    align-items: center;
}

.announce-row .views-row a:hover .post-date-new .announce-header .announce-header-right {
    color: #fff !important;
}

.post-date-new .announce-header .announce-header-right .post-on {
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
}

.post-date-new .announce-header .announce-header-right .post-close {
    width: 100%;
    text-align: left;
}

.category-new {
    padding: 0 30px;
    font-weight: 600;
    font-size: 16px;
    color: #404040;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.announce-row .views-row a:hover .category-new {
    color: #fff;
}

.new-announce-box {}

.new-announce-box .announce-title {
    padding: 10px 30px 0px 30px;
}

.new-announce-box .announce-desc {
    padding: 0 30px;
}

.new-announce-box .announce-desc p:last-child {
    margin-bottom: 20px;
}

@media (max-width: 1366px) {
    .new-announce-box .announce-title {
        padding: 10px 15px 0px 15px;
    }
    .new-announce-box .announce-desc {
        padding: 0 15px;
    }
    .category-new {
        padding: 0 15px;
    }
    .post-date-new .announce-header {
        padding: 15px;
    }
    span.publication_year {
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) {
    .category-new {
        font-size: 14px;
    }
}

.featured-documents-listing ul li>div {
    height: 100%;
}

.featured-documents-listing ul li>div>span {
    height: 100%;
}

.featured-document-box {
    height: 100%;
}

.webform_rdbd_upload_contribute #edit-flexbox-08 .webform-flex--1 .webform-flex--1 {
    width: 100% !important;
    padding: 0 !important;
}

.webform_rdbd_upload_contribute #edit-flexbox-08 .webform-flex--1 .webform-flex--1 .webform-flex--1 {
    width: 100% !important;
    padding: 0 !important;
}

.announce-row .views-row a.new-announce-box {
    display: flex;
    flex-direction: column;
}

.announce-row .views-row a.new-announce-box .post-date-new {
    margin-top: auto;
}

.news-category-list.rdb-category-list .news-update-img img {
    width: 100%;
    height: 261px;
    object-fit: cover;
    display: block;
}


/*kh page news card listing date design*/

.kh-news-desc .page-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.kh-news-desc .page-title::before {
    content: "";
    width: 78px;
    height: 3px;
    background: #ba2025;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 17px;
}

.kh-news-desc .page-title h4 {
    display: inline;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-right: 10px;
    position: relative;
}

.kh-news-desc .page-title h4::before {
    content: none;
}

.kh-news-desc .page-title time::before,
.kh-news-date::before {
    content: "";
    width: 10px;
    height: 4px;
    background-color: #ba2025;
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 10px;
}

.kh-news-desc .page-title time,
.kh-news-date {
    font-size: 18px;
    line-height: 28px;
    color: #ba2025;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline;
}

.news-listing-page .news-update-box .kh-news-img .contextual {
    position: absolute;
}


/* WHO-663-alignment adjustment */

#views-exposed-form-resouce-db-page-1 .res-db-fil-form,
#views-exposed-form-resouce-db-page-2 .res-db-fil-form {
    width: 100%;
}

#views-exposed-form-resouce-db-page-1 .res-db-fil-combines,
#views-exposed-form-resouce-db-page-2 .res-db-fil-combines {
    margin-left: 40px;
    justify-content: normal;
}

#views-exposed-form-resouce-db-page-2 .res-db-fil-combines {
    justify-content: flex-end;
}

.openid-connect-accounts-form,
.simplenews-subscriber-account-form {
    margin-bottom: 20px !important;
    font-size: 18px;
}

.simplenews-subscriber-account-form {
    line-height: 2;
}

.openid-connect-accounts-form>.description {
    font-size: 30px !important;
    line-height: 40px !important;
    font-weight: 700;
    color: #000000;
    padding-bottom: 20px;
}

.openid-connect-accounts-form fieldset {
    padding: 20px;
    font-size: 20px;
}

.openid-connect-accounts-form .js-form-submit,
.simplenews-subscriber-account-form .js-form-submit {
    font-weight: 700;
    color: #fff;
    background: #ba2025;
    border: 2px solid #ba2025;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
    margin-top: 19px;
    font-size: 18px;
}

.openid-connect-accounts-form .js-form-submit:hover,
.simplenews-subscriber-account-form .js-form-submit:hover {
    background: #fff;
    color: #ba2025;
}

.page-node-type-alternativelivelihoods-e-library .browse-library-listing .listing-col {
    width: 33.33%;
}


/* Css changes WHO-678 */

.page-node-type-alternativelivelihoods-e-library .article-title {
    width: 100%;
    max-width: 800px;
    margin: 50px auto;
    padding: 40px 70px;
    background-color: #d9d9d9;
    font-size: 24px;
    color: #AC0103;
    text-align: center;
    font-weight: 900;
}

.page-node-type-alternativelivelihoods-e-library .article-spacing .article-title {
    margin-top: 0 !important;
}

.page-node-type-alternativelivelihoods-e-library .article-spacing {
    padding-top: 20px !important;
}


/* Test-caption page */

.page-node-type-alternativelivelihoods figure {
    display: table;
    margin-right: 15px;
}

.page-node-type-alternativelivelihoods figcaption {
    display: table-caption;
    caption-side: bottom;
}

.listed-links {
    width: 100% !important;
}

.advertisement-content {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
    -o-transition: height 0.2s linear;
    transition: height 0.2s linear;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    height: 260px;
    margin: 5px 1% 5px 1%;
    text-align: center;
    overflow: hidden;
}

.advertisement-title {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    margin: 10px 0 35px 0;
}

.advertisement-content {
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    font-weight: 100;
    padding: 20px;
    text-align: center;
    letter-spacing: 0px;
    opacity: 1;
}

.advertisement-content:hover {
    height: fit-content;
}

a.advertisement-button {
    width: 83px;
    height: 33px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 1px;
    opacity: 1;
    text-align: center;
    font-weight: bold !important;
    font-size: 15px !important;
    letter-spacing: 0px;
    color: #404040 !important;
    margin-top: 10px;
    padding: 6px 10px;
}


/* our team page */

.paragraph--type--our-team .tab-menu ul li img {
    height: 200px;
}

.paragraph--type--our-team .web-data {
    position: relative;
    z-index: 1;
    top: 6%;
    display: none;
}


/**
 * @file
 * Utility classes to hide elements in different ways.
 */


/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */

.hidden {
    display: none;
}


/**
   * Hide elements visually, but keep them available for screen readers.
   *
   * Used for information required for screen reader users to understand and use
   * the site where visual display is undesirable. Information provided in this
   * manner should be kept concise, to avoid unnecessary burden on the user.
   * "!important" is used to prevent unintentional overrides.
   */

.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}


/**
   * The .focusable class extends the .visually-hidden class to allow
   * the element to be focusable when navigated to via the keyboard.
   */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    position: static !important;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
}


/**
   * Hide visually and from screen readers, but maintain layout.
   */

.invisible {
    visibility: hidden;
}


/* Slick Slider */


/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

height: auto;
border: 1px solid transparent;

}
.slick-arrow.slick-hidden {
    display: none;
}