@charset "UTF-8";

/** Typhography
------------------------------------------------------------ */
body {font-size:1rem;}
h1, h2, h3, h4, h5, h6, h7 {font-family: Verdana,Geneva,sans-serif; margin:1.1em 0 0.8em;}
h1 {font-size:2.25rem; color:#3a3a3a;}/*36px*/
h3 {font-size:1.563rem; color:#3c8304;}/*25px*/
h3.top_title {text-align:center;}
h4 {font-size:1.25rem; color:#3c8304;}/*20px*/
h5 {font-size:1.125rem; color:#3c8304;}/*18px*/
h6 {font-size:1rem; color:#000000;}
p {padding: 0.357em 0; margin: 0.357em 0; font-size:1rem; line-height:1.438em/*23px*/;}
p i.fa {padding-right: 10px;}
i.pdf {color:#ba0707;}
i.doc {color:#295497 !important;}
i.xls {color:#1f7244 !important;}
i.zip {color:#f4a91b !important;}
i.ppt {color:#d04727 !important;}
.fa-file-text {width: 1.7em; height: 2em; font-size: 1.5em; display: inline-block; text-align: center; padding-top: 8px; padding-right: 0px !important;}
.greytxt {color:#777777;}
.open_close_btn .close_txt, .open_close_btn[aria-expanded="true"] .open_txt, .open_close_btn[aria-expanded="false"] .close_txt {display:none;}
.open_close_btn[aria-expanded="true"] .close_txt, .open_close_btn[aria-expanded="false"] .open_txt {display:inline;}
a.open_close_btn:hover, a.open_close_btn:active, a.open_close_btn:focus {outline:none;}
small {color:#777777; line-height:140%;}
a {cursor: pointer; color:#5d7e02;}
.module_contents p a {text-decoration:underline}
.module_contents p.files a {text-decoration:none}
a.green {color:#3c8304 !important;}
a.cursornone {cursor:default}
a.a_button {text-decoration:none!important}
.files a {color:#333 !important}
.btn:hover {cursor:pointer}
.required {font-size:1.125rem;}
h5 .required {font-size:0.875rem}
.module_contents ul li {list-style-type:disc; margin-left: 15px; padding: 5px 0 5px 5px;}
.module_contents ul ul {margin: 10px 0;}
.module_contents ul ul li {list-style-type:none;}
.module_contents ul ul li::before {content: "\25CB"; color: #666; font-weight: bolder; display: inline-block; width: 1em; margin-left: -1em; font-size: 0.9rem; vertical-align:top}
.module_contents ul ul ul li::before {content: "\25A0"; color: #555; font-size: 0.8rem;}
.tfu_contents ul ul li::before, .tfu_contents ul ul ul li::before {content:none}
ul.nobullet li, ul.pagination li,  ul.row li, ul[role="tablist"] li, ul li.photo, .card ul li {list-style-type:none; margin-left:inherit; padding: inherit}
ul.row li, .card ul li {margin-left:0;}
ul.fa-ul li, ul.icon_ul li {list-style-type:none}
.files li {padding:0}
ul.bullet {margin: 10px 0 10px 15px;}
ul.bullet li {list-style-type: disc; color:#b4d850; padding: 5px 0 5px 5px;}
ul.bullet_grey li {color:inherit;}
ul.bullet2 {margin: 10px 0 10px 15px;}
ul.bullet2 li {list-style-type: none; padding: 5px 0 5px 20px; position: relative;}
ul.bullet2 li::before {content: "\002022"; font-size:1.4em; color:#7fa418; position:absolute; left:0;}
ul.normal li {padding: 0; margin:8px 0;}
ul.normal li i {padding-right: 8px; color:#333;}
ul.fa-ul .fa {color:#3c8304;}
ul.border_col li {margin:5px 10px; border:1px solid #eee;}
ul.border_col li:hover {background:#3e8704;}
ul.border_col li:hover a, ul.border_col li:hover i {color:#fff !important;}
ul.border_col li a {padding:10px 5px; display:block;}
ul.border_col .fa-li {position:inherit;}
ul.horizontal li {display:inline-block; padding-right:20px;}
ul.icon_ul {margin-left: 2.9em; position:relative; padding-bottom: 0.7em; padding-top: 0.7em; margin-bottom: 0.3em;}
ul.icon_ul > li {margin-left: 0 !important; padding:0;}
ul.icon_ul .li_icon {position: absolute; left: -46px; top: 0;}
ul.icon_ul.inline_list {padding:0; margin-left:0;}
ul.icon_ul.inline_list li {display:inline-block; position: relative; padding: 11px 25px 10px 45px; vertical-align:top; min-height: 45px;}
ul.icon_ul.inline_list li.announcement_links {padding: 5px 5px 5px 35px; min-height:unset;}
ul.icon_ul.inline_list .li_icon {left:0;}
ul.icon_ul.inline_list .single_icon {padding-top: 15px; padding-left: 10px; padding-right: 11px;}
ul.no_col li {display:block!important; width:100%;}
ol.normal {margin-left: 2.9em;}
ol.normal li {list-style-type: inherit; padding: 5px 0 5px 10px;}
div.border_col {border-radius: 10px; border:1px solid #eee;}
.brder_top {border-top:1px solid #eee; padding-top: 10px;}
.brder_right {border-right:1px solid #eee;}
.brder_left {border-left:1px solid #eee;}
.borderbtm {border-bottom:1px solid #eee; padding-bottom: 10px;}
.card.normal {margin:10px 0;}
.card.normal .card-header p, .card.normal .card-header .card_title {padding: 0; margin: 0;}
.card.normal .files a {color:#333 !important;}
.card.normal .files-single i {color:#5d7e02; padding-right:8px}
.card.normal li a {color:#333!important}
.card.normal li a i.fa-file-text {color:#5d7e02}
.card .btn_effect {min-width:90px;}
.card .btn_effect:hover {min-width:150px}
.card.style01 .title {margin: 0; padding:0;}
.card.style01 ul li {padding:10px 0;}
.card.style02 h4 {
    background: rgba(0,0,0,.03);
    margin: 0;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    color: #000;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
}
.card.style02 h5 {padding: .75rem 1.25rem; margin: 0; color:#373737;}
.filetype a {color:#333 !important;}
.border_list li {border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; margin-top: 13px; padding-top: 2px;}
.btn_style01 {border:1px solid #fff; padding: 1.07em 3em; border-radius:5px; -webkit-transition: all 0.4s; /* Safari 3.1 to 6.0 */ transition: all 0.4s;}
.btn_style01:hover {text-decoration: none;}
.green_light {background: #4ca405;}
.green_light:hover {background: #5cc805;}
.green_dark {background: #1a3802;}
.green_dark:hover {background: #2b5a05;}
.trnsprnt:hover {background: #32630b;}
.algncenter {text-align:center;}
.btn {white-space: initial}
a.btn-success:link, #main_contents a.btn-success:link, #main_contents a.btn-success:visited, #main_contents a.btn-secondary:visited, #main_contents a.btn-success:link {color:#fff;}
a.btn_icon i {padding: 0 8px 0 0}
.center {margin:0 auto; text-align:center;}
table.normal {width:100%;}
table.darkcol_left th {background: #eee; border: 1px solid #fff;}
table.darkcol_left td {padding-left: 10px;}
table.green th {background:#1C3B03; color:white; text-align:center;}
table.green .sub th {background:#4D881D;}
table.lightgreen .sub th {background:#e1ead6;}
table.style01 {
	width: 100%;
	table-layout: fixed;
}
table.style01 th {
	font-weight: normal;
  padding: 9px 10px 3px;
  border: 1px solid #fff;
	vertical-align: top;
  text-align: center;
}
table.style01 td {
	padding: 10px;
	border: none;
}
table.lightgreen th {background-color: #e1ead6;}
.table_resx {overflow-x:auto; overflow-y:hidden; width:100%; display:block; -ms-overflow-style:-ms-autohiding-scrollbar;}
.table_custyle {margin: 25px 0 50px;}
.table_custyle th {padding:10px 0;}
.verticaltop, table.verticaltop th, table.verticaltop td {vertical-align:top;}
.striped td:nth-last-of-type(4n+3), .striped td:nth-of-type(4n+4) {background: #F7F7F9;}
.tdcol td {display: inline-block; width: 49%; min-height:68px;}
.text ul li, .j-text ul li {list-style-type: disc; margin: 3px 0 0 25px;}
.text ol li, .j-text ol li {list-style-type: numbers; margin: 3px 0 0 25px;}
.itto_form input::placeholder {color:#d2d0d0; font-weight:normal;}
#limitTxt {max-height:70px; overflow:hidden;}
.limitTxtBtn {color:#3c8304!important;}
form.normal .wrap {max-width:90%; margin:0 auto;}
form.normal input.form-control, form.normal textarea.message {width:100%;}
form.normal select, .normal_form_style select {max-width:350px;}
.normal_form_style .row {margin-top:10px;}
.normal_form_style .row:first-child {margin-top:0;}
.normal_form_style .checkbox input {margin-right:5px;}

.pagination .current, .page-item.disabled .page-link.current {background:#459207; color:#fff;}

#tab_menu_normal {border: none; margin: 20px 0;}
#tab_menu_normal li {border-bottom: 1px solid #ccc; padding-left:15px; padding-right:15px;}
#tab_menu_normal li.active {border: 1px solid #ccc; border-bottom: none; border-radius: 0.25rem 0.25rem 0 0;}
#tab_menu_normal .col {padding: 0;}

.tab_menu_side {box-shadow:-1px 0px 0px 0px #ececec inset;}
.tab_menu_side a {display:block !important; padding-right:40px;}
.tab_menu_side .nav-pills .nav-link.active {background:#fff; border:1px solid #ececec; border-right:0; border-radius: 0; color:inherit!important}

.tab_normal {margin:20px 0;}
.tab_normal a {display:block !important; height:100%}

#tab_menu_itto {border: none; margin-bottom: 60px;}
#tab_menu_itto a, #tab_menu_normal a, .tab_normal a {color:#757575 !important; text-decoration:none !important;}
#tab_menu_itto .active a, #tab_menu_normal .active a, .tab_normal a.active {color:#040404 !important;}
#tab_menu_itto .nav-item {padding-bottom: 80px; background-size:45px 46px; /*min-width: 65px;*/ background-position: center 48px; background-repeat:no-repeat; display:block !important; transition:all 0.4s; cursor:pointer;}
#tab_menu_itto .nav-link {display:block !important; border:none; border-bottom: 1px solid #ccc; /*padding: .5rem 3rem;*/}
#tab_menu_itto .nav-item.show .nav-link, #tab_menu_itto .active .nav-link {border: 1px solid #ccc; border-bottom: none;}
#tab_menu_itto .active {background-size:75px 76px; background-position: bottom center;}
#tab_menu_itto .public {background-image:url('/files/user/facelift/resource_icon_1_grey.png');}
#tab_menu_itto .active.public {background-image:url('/files/user/facelift/resource_icon_1.png');}
#tab_menu_itto .photo {background-image:url('/files/user/facelift/resource_icon_2_grey.png');}
#tab_menu_itto .active.photo {background-image:url('/files/user/facelift/resource_icon_2.png');}
#tab_menu_itto .video {background-image:url('/files/user/facelift/resource_icon_3_grey.png');}
#tab_menu_itto .active.video {background-image:url('/files/user/facelift/resource_icon_3.png');}
#tab_menu_itto .guide {background-image:url('/files/user/facelift/resource_icon_4_grey.png');}
#tab_menu_itto .active.guide {background-image:url('/files/user/facelift/resource_icon_4.png');}
#tab_menu_itto .pm {background-image:url('/files/user/facelift/resource_icon_5_grey.png');}
#tab_menu_itto .active.pm {background-image:url('/files/user/facelift/resource_icon_5.png');}

#tab_content_itto .border_list a:link, #tab_content_itto .border_list a:visited {color: #333;}
#tab_content_itto .border_list a:hover {color: #3c8304;}

.readmore_hideshw .collapse {display: block !important; height: 45px; overflow: hidden;}
.readmore_hideshw .show {height: inherit;}
.readmore_hideshw  p.readmore {text-align:center}
.readmore_hideshw  a.badge:link, .readmore_hideshw  a.badge:visited, .readmore_hideshw  a.hideshowbtn:visited {color:#fff !important; padding: 5px 0 5px 10px;}
.readmore_hideshw .fa-lg {line-height: 3px; vertical-align: top;}
.readmore_hideshw .fa-sort-up {line-height:inherit;}
a.badge .close_btn, a.hideshowbtn .close_btn  {display:none;}  {display:none;}
.show + .readmore .readmore_btn  {display:none;}
.show + .readmore .close_btn  {display:block;}

.table_list {border-bottom:1px solid #ddd; padding:30px 0;}
.table_list table th {width: 28%; padding: 6px 10px; vertical-align:top; border-right:1px solid #eee;}
.table_list table tr td {padding: 6px 10px 6px 15px; border-bottom:1px solid #eee;}
.table_list table tr:last-child td, #table_tab_list .tab-pane .table_list:last-child {border:none;}
.table_list .readmore_hideshw .collapse {height:80px;}
.table_list .readmore_hideshw .show  {height:inherit;}

.custm_error .errtable {background:none; width:100%;}
.custm_error .errtable tr {border:none;}
.custm_error .errtable tr td {padding:5px 10px;}

.msgtable {width: 100%; background: none; border-color: #4d881d;}
.msgtable ul {padding-top: 10px;}

.pdf_absolute a {display: block; position: relative; padding-left: 45px; padding-top:10px;}
.pdf_absolute a .fa-stack {position: absolute; left: 0; top: 0;}

#social_sharing {position:fixed; left:0 top:0; margin:10px}
#social_sharing div {display:block; margin:5px 0}
#social_sharing div a {min-width:150px;}
#social_sharing .ozWidgetRioButton_ {width:72px;}

/* Site structure
------------------------------------------------------------ */

body{
    min-width: 290px;
    max-width:100vw;
    overflow-x:hidden;
}

.mng_line {
	margin-left: auto;margin-right: auto;
	text-align:left;
	width:100%;
}

#container {
	width:100%;
}

#contents {margin:0 auto; width:100%; max-width:1280px; padding: 0 20px;}

#site_content .wrap {
    max-width:1280px;
    margin: 0 auto;
}

#site_content {margin-top: 25px;}

#contents {padding:15px 0;}

.layout1 #contents,
.layout2 #contents,
#header_title,
.layout_fix-width  {
    max-width: 1140px;
    margin: 0 auto !important;
}

.layout_narrow #contents,
.layout_fix-width-narrow {
    max-width: 900px;
    margin: 0 auto !important;
}

.layout_fluid #contents {
    max-width: inherit;
}

.bg_grey {
    background: #dddddd54;
}

#top .content_section_first {padding: 25px 0 40px;}

#top .content_section {padding: 40px 0;}

#top .event .list-group-item,
#top .proposal .list-group-item {background-position: 6px center; padding-left: 22px; padding-right: 0; margin-right: 1.25rem}
#top .event .list-group-item.feature:hover {background-color: rgba(255,255,255,0.3) !important}

#sub_module3, #main_module, #sub_module4, #sub_module7 {
    margin-right: 0 !important;
}

#sub_module3, #main_module, #sub_module4, #sub_module7 {
    margin-right: 0 !important;
}

.layout7 #main_module {
    margin-right: 663px !important;
}

.img_caption {display:table; margin: 0 auto;}
.img_caption .img {padding: 0; margin: 0; padding-bottom:5px!important}
.img_caption .caption {display:table-caption; caption-side: bottom}

/* Header
------------------------------------------------------------ */
#header {background: none !important;; width: 100% !important;; text-align: inherit !important;;}
#navi {width:100% !important; border-bottom:3px solid #4d881d}
#top #navi {border:none}

#header_top {
    background: #1c3b03;
}

#header_top .row {
    max-width: 1280px;
    padding: 5px 0;
    margin: 0 auto;
}

#header_top .row img {
    margin: 0 5px;
}

#header_top #contents1001954 {
    float: right;
}

#header_top .lang {
    padding: 5px 0;
    clear: none;
    font-weight: normal;
}

#header_top .lang a {
    color: #d3d3d3;
}

#header_top .lang a:hover, #header_top .lang a.active {
    color: #ffd303;
    background: none;
}

#header_top .lang li {
    padding: 0 10px;
}

#header_top .season_google_box{
    background: none;
    height: auto;
    width: auto;
}

#header_top #cse-search-box {
    background:#f0f0f0;
    max-width: 265px;
    border-radius: 6px;
    overflow: hidden;
}

#header_top .searchbar input.searchfield {
    width: 220px;
    background:#f0f0f0;
    border: none;
    padding: 2px 15px;
    font-size: 0.92em;
}

#site_logo {padding-left:0;}

#social_media_link {display:inline-block;}

#social_media_link a {cursor: pointer; font-size:0.813em/*13px*/;}

#social_media_link a:hover {text-decoration: none;}

#social_media_link .icon {color: #1c3b03;}

#social_media_link .fa-circle {color: #4f7332;}

#social_media_link a:hover .fa-circle {color: #79b44a;}

#contact_us .module_contents #social_media_link .icon {color: #fff;}

#social_media_link .fa-stack {margin: 0 4px;}

#header_main {
    max-width:1280px;
    position:relative;
    padding: 0;
    padding-bottom: 16px;
    padding-top: 12px;
    margin: 0 auto;
    font-size: 1.071em;
    background: url('/files/user/facelift/header_bg.jpg') no-repeat center;
}

#main_menu nav a {
    color: #323232;
    font-weight: bold;
    margin: 0 5px;
    padding: 40px 7px 3px;
    text-align: center;
}

#header_main nav a.btn-success {
    color: #fff !important;
    background-color: #4ca108;
    padding-top: 3px !important;
    margin-top: 38px;
}

#main_menu {padding: 0; position: unset}

#main_menu nav {
    padding-left: 0;
    padding-right: 0;
}

#main_menu .nav-item.dropdown {
    display:block !important;
}

#main_menu nav .nav-link:hover {
    color:#459207;
}

#main_menu nav li.active .nav-link {
    color:#4ea508;
}

#main_menu .dropdown-menu {
    margin: 0;
    padding: 0;
    padding-top: 15px;
    background: none;
    border:none;
}
  #main_menu .dropdown-menu.-large {
    width: 100vw;
    max-width: 1050px;
  }

#main_menu nav .dropdown-menu .wrap {
    background: #367503;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

#main_menu .dropdown-menu .multi_col {
    max-width:1145px;
    padding: 5px 0 0;
    margin-right:0;
    flex-wrap: inherit;
    margin-left: 0;
}
  #main_menu .dropdown-menu.-large .multi_col {
    max-width: inherit;
    margin-left: 0;
  }

#main_menu .dropdown-menu .multi_col div {
    border-left: 1px solid #32620a;
}

#main_menu nav .dropdown-menu a {
    color:#fff;
    border-bottom: 1px solid #449205;
    border-top: 1px solid #2b5c03;
    padding: 6px 15px;
    margin: 0;
    font-size: 0.95em;
    font-weight: normal;
    text-align: left;
}
  #main_menu nav .dropdown-menu.-large a.dropdown-item {
      white-space: inherit;
  }
#main_menu nav .dropdown-menu a:first-child {
    border-top: none;
    margin-top: 5px;r
}

#main_menu nav .dropdown-menu a:hover {
    background: #275502;
    color:#fad403;
}


#main_menu .dropdown-toggle::after {color:#777777;}

#main_menu .btn-success::after {color:#fff;}

.languegebar .lang ul {margin:0;}

.member_area {position:absolute; right:0; top:-3px; background:#243a0e; border-radius:0 0 8px 8px; padding:2px 10px; z-index:999;}
.member_area a {color:#fff; font-size:0.875em; padding:2px 5px 2px 8px;}
.member_area a:first-child {border-right:1px solid #0a1600}
.member_area a:last-child {border-left:1px solid #728b5d}
.member_area a:only-of-type {border:none}
.member_area a .fa {padding-left:5px; color:#d3d3d3}
.member_area a:hover {text-decoration:none; color:#ffd303}

.card-columns-1 {column-count: 1}
.card-columns-2 {column-count: 2}
.card-img_collage .card {
  margin: 0px 5px 10px 5px;
  display: inline-block;
}


/* is Status
------------------------------------------------------------ */
.is-btn_effect:hover {
  opacity: 0.8;
}


/* Themes
------------------------------------------------------------ */
.t-border_top {
  border-top: 1px solid #ddd;
}
.t-border_btm {
  border-bottom: 1px solid #ddd;
}
.t-border_top_btm {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.t-border_btm-wrap .t-border_btm:last-child {
  border-bottom: none;
}
.t-sidebar_bg {
  background: url('/files/user/facelift/sidebar-bg.png') no-repeat left top;
  padding-left: 65px;
  min-height: 500px;
}
.t-sidebar_sdg .icon-sdg {
    font-size: 0.9rem;
    background-size: auto 35px;
    height: 100%;
}
.t-sidebar_sdg .icon-sdg-1 {
    background-size: 80px auto;
}
.icon-sdg_headline img {
    max-width: 235px;
    width: 100%;
}
.t-sidebar_sdg-wrap {
    height: 100%;
    position: relative;
}
.icon-sdg_wrap {
    min-width: 100px;
}
.icon-sdg_banner {
    transform: none !important;
}
.t-sidebar_sdg-icons {
    position: relative;
    position:sticky;
    top: 0;
    margin-bottom: 38px;
    position: -webkit-sticky;
    max-height: 100vh;
    overflow-y: scroll;
}
.t-wysiwyg_area ul {
  margin: 15px 0 15px 15px;
}
.c-wysiwyg ul {
  margin: 15px 0 15px 20px;
}
  .c-wysiwyg a {
    color: #648802;
    text-decoration: underline;
  }
  .c-wysiwyg ul li {
    list-style-type: disc;
  }


/* Layout
------------------------------------------------------------ */
.l-double_col {
  display: flex;
  flex-wrap: wrap;
}
  .l-double_col-item,
  .l-double_col-item.card.normal {
    width: 49%;
    margin-right: 1%;
  }

/* Top Page
------------------------------------------------------------ */

#top_quicklink {
	background: url('/files/user/facelift/quicklink_bg.png') repeat-x bottom;
	margin: 0 0 50px;
}

#top_quicklink .wrap {
    max-width: 1280px;
    margin:0 auto;
}

#top_quicklink .content {
	background: url('/files/user/facelift/quicklink_seperator.png') no-repeat right 10px;
	text-align: center;
	padding-top: 60px;
}

#top_quicklink .content:last-child {background: none;}

#top_quicklink .wrap .row {min-height: 180px; height:100%;}

#top_quicklink h4, #top_quicklink  p {transition: 0.2s linear 0.1s; margin: 0 0 .3rem;}

#top_quicklink  p {margin: 0; padding: 10px 0;}

#top_quicklink a:hover {text-decoration: none;}

#top_quicklink a:hover h4 {margin-top: 8px;}

#top_quicklink a:hover p {color:#333;}

#announcements .wrap {border: 1px solid #e5e5e5; border-right: none; border-left: none;}

#announcements .icon {padding: 0;}

#announcements .slider {
    max-width:1130px;
    width:100%;
    padding:0 60px;
    margin-left: 20px;
}

#announcements .slick-list {
    border: 1px solid #ccc;
    border-top:none;
    border-bottom: none;
    padding: 23px 0;
}

.slick-slider {
    -webkit-touch-callout: auto; /* iOS Safari */
    -webkit-user-select: auto; /* Safari */
    -khtml-user-select: auto; /* Konqueror HTML */
    -moz-user-select: auto; /* Firefox */
    -ms-user-select: auto; /* Internet Explorer/Edge */
    user-select: auto;
}

#announcements .slick-slide {
    margin: 0px 20px;
    /*background:#ccc;*/
    min-height: 70px;
}


#announcements .slick-arrow {
    border: 1px solid #4ca108;
    background: none;
    padding: 2px 11px 2px 15px;
    color: #959595;
    position: absolute;
    top: 37%;
    cursor: pointer;
}

#announcements .fa-angle-right {right: 0;}

#announcements .fa-angle-left {left: 0; padding: 2px 15px 2px 11px;}

#announcements .slider p {
    margin: 0;
    padding: 5px 0;
    font-size:0.875em;
}

#announcements p.title {
    padding: 4px 0 5px 0/*30px*/;
    font-size:1rem;
    font-weight:bold;
}

#announcements a{
	text-decoration: underline;
	color: #3c8304;
}

#news_left, #news_left .wrap, #news_right  {position: inherit !important;}
#news_left #contents1002011 {position: relative; height:100%}
#news_event #sub_module4 {height:100%;}
#news_event .badge {margin-left: 3px;}
#news_event h3 {margin: 0; padding: 20px 0;}
#news_event h3 span {color:#fff; background:#4ca405; padding: 18px 20% 18px 25px;}
#news_event a:link, #news_event a:active, #news_event a:visited {color:#fff !important;}
#news_event .list-group-item:hover {color:#fff; background-color:rgba(255,255,255,0.18) !important; }
#news_event .wrap {position:relative;}
#news_event .proposal {margin-bottom: 30px;}
#news_event .news {padding-bottom: 10px;}
#news_event .news .wrap {background: url('/files/user/facelift/news_bg_news.jpg') #173301 no-repeat top left; height:100%; overflow:hidden}
#news_event .proposal .wrap {background: url('/files/user/facelift/news_bg_proposal.jpg') #000 no-repeat top left; overflow:hidden}
#news_event .event .wrap {background: url('/files/user/facelift/news_bg_event.jpg') #000 no-repeat top left; overflow:hidden}
@keyframes blink{ 0%{opacity: 0;} 50%{opacity: .5;} 100%{opacity: 1;}}
#news_event .event .feature {background-color: rgba(255,255,255,0.18) !important; padding-right: 0; margin-right: 1.25rem; margin-bottom: 4px; border-radius: .25rem}
#news_event .wrap .list-group {padding:20px 0 45px 25px;}
#news_event .list-group-item {background: url('/files/user/facelift/icon_arrw_right.png') no-repeat left; border:none; padding-left:20px; background-size:7px 13px; -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    		transition: all 0.5s;}
#news_event .news .list-group-item {border-bottom:1px solid #646f58; background: url('/files/user/facelift/new_icon_01.png') no-repeat right; background-size:26px 21px; padding: 1rem 30px 1rem 0;
margin-right: 25px;}
#news_event .news .list-group-item:last-child {border-bottom: none;}
#news_event .date {display:block; color:#ffd303;}
#news_event .readmore {position:absolute; bottom: 0; display:block; text-align:center; background:rgba(0,0,0,0.5); width:100%; text-transform:uppercase; color:#ebebeb; padding: 5px 0; font-size:0.875em}

#news_releases .topics_detail .date {color:#e07306; font-weight:bold;}
#news_releases .t_photo {display:table;margin: 0 auto;}
#news_releases .t_caption {display:table-caption;caption-side:bottom;}
.thumb_caption .t_photo {display:table;margin: 0 auto;}
.thumb_caption .t_caption {display:table-caption;caption-side:bottom;}

#news .btn-outline-secondary:hover {color:#fff;}
.tag_word_cloud .selected_tag a , .tag_search_list .selected_tag a {background:#4ea508; color:#fff;}

#top_resources {border-top:1px solid #e5e5e5;}
#top_resources .outframe {border-right: 1px solid #ededed; margin: 10px 0 0; padding: 30px 15px 70px; position:relative}
#top_resources .outframe:last-child {border-right: none;}
#top_resources h6 {color:#3c8304; font-weight:bold; text-align:center; margin:0.5em 0 2em;}
#top_resources .header {text-align:center;}
#top_resources .content a {background: url('/files/user/facelift/icon_arrw_right_grey.png') no-repeat left 2px; background-size:7px 13px; display: block; padding: 0 0 0 15px; margin: 10px 0; text-decoration:underline;}
#top_resources .content h6 a {background: none; padding: 0; margin: 0; text-decoration:none; color:#3c8304;}
#top_resources .content a:hover {color:#3c8304}
#top_resources a.no_icon {background:none; color:#5d7e02}
#top_resources a.more {background: #999999; display: inline-block; border-radius: 50px; color: #fff; text-decoration: none; margin: 10px 0 0; padding: 2px 8px 1px; font-size: 0.81rem}
#top_resources a.more:hover {background: #275502}
#top_resources .morebtn {position: absolute; bottom: 45px; left: 0; right: 0; text-align: center;}

#subscription {background:url('/files/user/facelift/bg_subscription.jpg') top no-repeat; background-size: 100% auto; text-align: center; padding: 30px 0;}
#subscription .btn_style01 {margin: 0.71em 1.3em; display: inline-block; color:#fff; font-size:1.142em;}
#subscription h3 {color:#fff;}
#subscription .links {clear:both; display: block; padding: 1.785em 0;}
#subscription .btn_style01 {padding:1.07em 1em}

#council_committees .photo img, #itta .photo img, #itta_previous .photo img, .public_pdf01 .photo img {border:2px solid #ccc;}
.public_pdf01 table {margin: 10px 0 10px 5px;}

.pbcation_list .style02 {width:100%;}
.pbcation_list .style02.row {width:auto;}/*For those layout that use together with bootstrap row*/
.pbcation_list .style02 .photo_area {/*width: 25%;Remove and replace with padding-left*/ padding-left:20px; text-align: right; padding-bottom:10px; margin:0!important;}
.pbcation_list .style02 .photo_area img, .pbcation_list .cus_content img {max-width: 170px; min-width:170px; border:1px solid #eee; height:auto!important;}
.pbcation_list .row > div .photo_area {width: auto; width: 100%}
.pbcation_list .cus_content img {margin-bottom:15px; margin-left:20px;}
.pbcation_list .cus_content a {color: #333!important}
.pbcation_list .style02 .status {width:70%; margin:10px 0;}
.pbcation_list .style02 table.table_details {width: 100%;}
.pbcation_list .style02 .table_details td, .pbcation_list .style02 .table_details th {padding: 3px; text-align:left; vertical-align:top}
.pbcation_list .style02 table.table_details th {width: 20%; color: #373737;}
.pbcation_list .style02 h4 {margin-bottom: 0; max-width: 830px;}
.pbcation_list.layout_2col {max-width:100%; margin:0; padding-bottom: 10px;}
.table-striped tbody tr:nth-of-type(2n+1) {/*For publication layout*/
    background-color: inherit;
}
.layout_2col {border-bottom: 1px solid #ddd; padding-top:5px}
.module_contents .layout_2col:last-child {border-bottom:none;}

#council_documents #main_contents .card a, #documents_detail #main_contents .card a {color:#6c6c6c;}
#council_documents #main_contents .card a:hover, #documents_detail #main_contents .card a:hover {color:#5d7e02;}

#decision_search .search_col {margin:20px 0; background: #eeeeee; padding: 5px 15px 20px; box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);}

#cites_programme #contents h3, #biodiversity #contents h3, #feature20 #contents h3{font-size: 1.125rem; padding-top: 10px;}
#itto_membres #main_module {display: inline-block; width: 100%;}
#itto_membres #contents #title {border-bottom:unset;}
#itto_membres #left {width: 45%; float: left;}
#itto_membres #right {width: 45%; float: right;}
#cites_programme h2, #cites_programme h4, #imm h4{font-size: 100%;}
#cites_programme h2 {font-size:90%}
.ceep_photo {text-align: left; width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto;}
.ceep_photo img{width:285px}
#ceep .file_photo {float: right;}
#ceep .files {margin: 30px;}

#projects_photo_gallery {font-size:16px!important;}
#projects_photo_gallery .page_title, #project_search_detai .page_title {font-size: 1.8em; font-weight:normal; margin-top:16px;}
.photogallery .imgWrapper {max-height: 190px !important;}
#bsPhotoGalleryModal .modal-dialog img {max-height: 70vh !important; max-width: 90vw; width:auto!important;}
#bsPhotoGalleryModal .modal-dialog {margin: 15px auto 0; /*width:auto; display: inline-block;*/}
#bsPhotoGalleryModal .modal-lg, #bsPhotoGalleryModal .modal-dialog {max-width: inherit;}
#bsPhotoGalleryModal .modal-content {display: inline-block;}
#bsPhotoGalleryModal .bsp-text-container {max-width:700px; margin:0 auto;}

#gallery li {padding-right: 15px; padding-left: 15px;}

.gallery_search .wrap {box-shadow: 0px 1px 4px #ddd; background:#f5f4f4; border:1px solid #ddd; padding:10px 0; border-radius:8px;}
.gallery_search select {border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); width: 100%; min-height: 35px;}

.search_form_hide[aria-expanded="true"] {background: #777; border-color: #777; box-shadow: 0 0 0 3px rgba(119, 119, 119,.5);}

/* Top Page Slider
------------------------------------------------------------ */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 28px;
            height: 26px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb01 div { background-color: #4d881d; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #5fae1e; }
        .jssorb01 .av { background-color: #78d131; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 66px;
            height: 70px;
            cursor: pointer;
            background: url('/files/user/slider/banner-arrow.png') no-repeat;
            overflow: hidden;
			-webkit-transition: all 2s; /* Safari 3.1 to 6.0 */
    		transition: opacity 0.5s;
        }
        .jssora05l { background-position: 0 1px; opacity: 0.5}
        .jssora05r { background-position: -83px 0; opacity: 0.5}
        .jssora05l:hover, .jssora05r:hover {opacity: 1}
        .jssora05l.jssora05ldn { background-position: 0 4px}
        .jssora05r.jssora05rdn { background-position: -83px 4px}
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        .jssort09-600-45 .p {    position: absolute;    top: 0;    left: 0;    width: 434px;    height: 330px; overflow:hidden;}.jssort09-600-45 .t {    font-family: verdana;    font-weight: normal;    position: absolute;    width: 434px;    height: 100%;    top: 0;    left: 0;    color:#fff;    line-height: 28px;    font-size: 20px;}
		.bannercaption {right:-237px !important; left: auto !important; padding-bottom: 30px; width:474px; height:450px;}
		.jssort09-600-45 .p h1 {font-family: verdana; font-size: 25px; color: #ffffff; font-weight: normal; margin-bottom: 30px;}
		.jssort09-600-45 .p p, .jssort09-600-45 .p a {font-family: arial; font-size: 14px; color: #d9d9d9; line-height: 18px; max-height:174px; overflow:hidden;}
		.jssort09-600-45 .p a {color:#ffd303; padding: 10px 0; display: inline-block;}

.news-slider {
  max-width: 1280px;
  width:100%;
  position: relative;
  margin: 0 auto;
  background-color: #285502;
  overflow: hidden;
  height: 35vw;
  max-height: 450px;
  min-height: 350px;
}
.news-slider .text-content .text-content-wrap {
  height:100%;
  overflow:hidden;
}
.news-slider .text-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2vw;
  padding-bottom:60px;
  width: 35%;
  height: 100%;
  margin-left: 65%;
  overflow:hidden;
}
.news-slider .text-content .slide-title {
  display:inline-block;
}
.news-slider .text-content .slide-descrip {
    overflow:hidden;
    margin: 18px 0;
}
.news-slider .text-content .slide-descrip a {
    color: #ffd303;
}
.news-slider .text-content .readmore_inner {
    display:table-cell;
    vertical-align: bottom;
}
.news-slider .text-content h2 {
  margin: 0;
  font-family: verdana;
  color: #ffffff;
  margin-bottom: 30px;
  font-size: calc(12px + 0.8vw);
}
.news-slider .text-content p {
  margin: 1em 0;
  font-family: arial;
  color: #d9d9d9;
  line-height: 18px;
  font-size: calc(10px + 0.35vw);
  padding:0;
  margin:0;
}
#slider_container .news-slider .text-content p::selection,
#slider_container .news-slider .text-content a::selection,
#slider_container .news-slider .text-content h2::selection{
    background: #193801;
}
.news-slider .text-content a.button-link {
  padding: 0.25em 0;
  color: #ffd303;
  display: inline-block;
  width:100%;
}
.news-slider .image-content {
  line-height: 0;
  background-repeat: no-repeat;
  width: 65%;
  height:35vw;
  max-height:450px;
  background-size: 100%;
  background-position: center;
}
.news-slider .image-content img {
      width: 65%;
      margin-right: 35%;
      opacity:0;
}
.news-slider .sy-pager {
  text-align: right;
  display: block;
  list-style: none;
  z-index: 3;
  position: absolute;
  bottom: 15px;
  right: 25px;
}
.news-slider .sy-pager li a{
  display: inline-block;
  width: 28px;
  height: 26px;
  overflow: hidden;
  background-color: #4d881d;
  cursor: pointer;
  border-radius: unset;
  text-indent: 9999px;
}
.news-slider .sy-pager li{
  margin: 0 10px;
}
.news-slider .sy-pager li.sy-active a {
  background-color: #60a726;
}
.news-slider .sy-pager li:hover.sy-active a {
  background-color: #6ed31b;
}
.news-slider .sy-pager li a:hover, .sy-pager li a:focus {
    opacity: 1;
    color:#77d02f;
}
.sy-slides-wrap{
    position: absolute;
    z-index: 2;
}
.sy-controls{
  width: 65%;
}
.sy-controls li a:after{
  background-image: url(/files/user/slider/arrows.svg?v=1506929185);
}
#slider_container{
  position: relative;
  margin: 0 auto;
  width: 100%;
}

/* Top Page
------------------------------------------------------------ */
.p-top-call_proposal-item {
  background-position: 6px 16px!important;
}
  .p-top-call_proposal-desc {
    display: block;
    color: #fff;
    //font-size: 0.85em;
    line-height: 1.4em;
  }

/* Sub Page
------------------------------------------------------------ */
.page_title {border-bottom: 1px dashed #ccc; margin-top: 1rem; font-size: 1.8rem;
padding-bottom: 10px;
margin-bottom: 10px;}
#page_banner {position: relative; max-width: 1280px; margin: 0 auto; overflow:hidden;}
#page_banner h1 {position: absolute; left: 20px; bottom: 9px; width: 97%; color: #fff; padding: 0; margin: 0;}
#footpath {padding: 1px 0 5px 0 !important; /*border-top: 3px solid #4d881d;*/ margin-bottom:10px;}
#footpath .breadcrumb-item {float:none;}
ul.footpath {max-width:1280px; margin: 0 auto; padding: 5px 20px;}
#page_breadcrumb {background: none; max-width:1280px; margin: 0 auto; padding: 0;}
#page_breadcrumb .active {color:#3c8304;}
.layout2 #main_contents {background: none; width: 75%; margin: 0; float:left;}
.layout2 #side_contents_right {border-left: 1px solid #ececec; width: 25%; padding: 0 0 50px 20px; float:left;}
.layout_2col #main_contents {background: none; width: 49%; margin: 0; float:left;}
.layout_2col #side_contents_right {width: 49%; padding: 0 0 0 20px; float:left;}
.layout_2col #bottom_contents, .layout_2col #contents, .standrd_lyout #contents {max-width:1140px; margin:0 auto;}
.layout_2col_sm #side_contents_left {width: 25%; margin: 0; float:left;}
.layout_2col_sm #main_contents {width: 70%; margin: 0; float:left;}
.layout2 #main_contents {background: url('/files/user/facelift/sidebar-bg.png') no-repeat right top; padding: 0 42px 0 0; margin:0; min-height: 500px;}
#main_contents a, #main_contents a:active, #main_contents a:visited, ul.footpath a:link, ul.footpath a:visited, .subpage_sidebar small a {color:#648802;}
#main_contents a.badge:link {display:inline-block; margin:2px}
#main_contents a.badge:link, #main_contents a.badge:visited {color:#fff; padding:6px 8px;}

#prev_doc .wrap {background:#f0f0f0; border-radius: 4px; box-shadow: 0px 0px 2px #717171; text-align:center; padding: 15px 0 5px; margin: 12px 0;}
#prev_doc h6 {color:#3e8704; margin: 0;}
#prev_doc h6, #prev_doc a {margin: 5px 0;}
#prev_doc .fa {display:block; color:#808080; padding: 5px 0;}
#prev_doc a:hover .wrap, #prev_doc .wrap:hover {background:#3e8704;}
#prev_doc a:hover, #prev_doc a:hover h6, #prev_doc a:hover .fa, #prev_doc .wrap:hover, #prev_doc .wrap:hover span {color:#fff; text-decoration:none;}
#prev_doc .prev_doc_yearlist .wrap {margin:12px 10px; padding: 0;}
#prev_doc .prev_doc_yearlist .fa {display:inherit;}
#prev_doc .prev_doc_yearlist .wrap a {display: inline-block; width: 100%;}
#prev_doc .prev_doc_yearlist a {padding: 5px 0; margin: 0;}

.news_list {border-bottom: 1px solid #e1e1e1; padding: 14px 0; width: 100%; overflow: hidden}
.news_list .date {color:#777777;word-wrap: break-word; overflow-wrap: break-word;} 
.news_list ul {margin-bottom: 0;}
.news_list ul li {padding-top: 2px; display:block;}
.date_info i {display:block; padding:20px 0; color:#aeaeae;}
.news_list.featured {background:#f4f4f4;}
.news_list.featured .date {color:#3c8304;}
.news_list .files {padding-left:12px}
.news_list .files ul {margin: 10px 0 10px 2.14285714em;}
.news_list .files a, .news_list div ul li div {color:#6c6c6c !important; font-size:0.95em;}
.news_list_wrap .page_links {margin: 20px 0; text-align:center;}
.news_list .upcoming .date {color:#3c8304;}
.news_list .title a {color:#333 !important;}
.news_list .title a:hover {color:#3c8304 !important;}

.searchform_01 {max-width:800px; border:1px solid #CCC; padding: 15px 20px; margin: 10px auto 20px;}
.searchform_01 label {font-weight:bold;}

.search_result {padding: 25px 0; border-bottom:1px solid #eee;}
.search_result .title {font-size:1.063rem;}
.search_result .project_info {background:#898989; padding: 3px 5px; color:#fff!important;}
.search_result .subinfo div + div {border-left:1px solid #ccc; flex:inherit; padding: 2px 15px;}
.table_btn {display: block; margin: 2px 0 6px; color: #333!important;}
.table_btn .fa {float:right;}
.table_btn .arrow {display:inline; color:#3c8304}

.pagination_01 {border-bottom:1px solid #ccc; padding: 15px 0 0;}

.project_search_result .title {font-weight:bold;}
.project_search_result .executing td {padding-left:0;}
table.project_search_result th {width:20%!important;}
.project_search_result td a.open_close_btn {transition: all 0.8s; -webkit-transition: all 0.8s; color:#3c8304 !important;}

.p-project-search_intro ul br {
  display: none;
}
  .p-project-search_intro ul.bullet {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    padding-left: 15px;
  }
  .p-project-search_intro ul.bullet li {
    padding: 3px 0 3px 5px;
  }

#thematic_programme_general h2.module_title {display:none;}

.cover_col {text-align:center;}
.cover_col img {box-shadow: 3px 3px 9px #ccc;}

.project_db label {margin: 0 10px;}
.project_db li input, .project_db li select {
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    max-width:100%;
}
.project_db li input[type="text"], .project_db li select {display:block;}
.output_button {padding:0; margin:0; padding-bottom:5px;}
.output_button input {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    border: 1px solid transparent;
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
@media screen{
    .imgBlockPrintWrapper {display:none;}
}

#itto_project_db_output_query_edit th {background-color: #e1ead6; background-color: #e1ead6; padding: 0px 8px; border-right: 1px solid #fff;}
#itto_project_db_output_query_edit h3 {font-size: 1.35rem;}
#form_query_edit td {padding:10px 5px;}
#form_query_edit select {background: #fff; max-height: 195px;}
#form_query_edit select[disabled="true"], #form_query_edit select[disabled=""] {background: transparent; max-height: 195px;}
#form_query_edit select option {padding-bottom:3px;}

.sf_2005 #wrap_contents .wrap_bg {background:#8CAB5E;}
.sf_2005 #side_contents_left {text-align:center}
.sf_2005 #main_contents {padding-left:3%; padding-right:5%; background:#fff; width:75%;}
.sf_2005 .files li {width: 47%; display: inline-block;}
.sf_2005 .form-group {max-width:170px;}
.sf_2005 .map {text-align:center;}
.sfm_details .files li {width: 100%; display: block;}
.sfm_2005_title {background: #8CAB5E; color: #fff; padding: 16px 10px 16px 15px; margin:0;}
.SFM-keypointUl li {list-style-type: disc; padding: 5px 0 5px 10px;}
.SFM-mapLink i {color:#969696;}
.SFM-mapLink li {padding:7px 0 7px 10px;}
#sfm_2011 #side_contents_left .filetype a, #sfm_2011 #side_contents_left h4 {color:#fff !important;}
#sfm_2011 #side_contents_left h4 {background: #b7d688; color: #3a3a3a !important; text-align: left; padding-top: 10px; padding-left:10px; margin-bottom:10px;}
#sfm_2011 .files {width: 93%; margin: 0 auto;}
#sfm_2011 .files li {width:100%; text-align: left; font-size: 95%;}
#sfm_2011 .layout_2col {border-bottom:none/*1px solid #64882e*/;}
#sfm_2011 .photo_list h2 {margin:0; font-size: 1.25rem; color: #3c8304;}
#sfm_2011 .photo_list h2 + .page_links {display:none;}
#sfm_2011 .photo_list h2 + .module_contents .page_links {display:none;}
#sfm_2011 .subitem_list img {min-height:150px;}
#sfm_2011 .subitem_list a:first-child {display:none;}
#sfm_2011 .subitem_list a {font-size:0.7rem; display:block;}

#mis_detail {overflow-wrap: break-word;}
#mis_back_issues .style01 {line-height: 12px;}
#mis_withdrawal input[type="submit"] {color: #fff; background-color: #6c757d; border-color: #6c757d; border-radius: .25rem; border: 1px solid transparent; padding: .375rem .75rem; margin: 10px 0;}
#mis_detail h3.date {background: #8CAB5E; color: #fff; padding: 10px 10px; font-size: 1.25rem;}
#mis_detail .module_contents table {width:100% !important; font-size:1rem;}
#mis_detail .module_contents table td {vertical-align:top; border:none!important;}
#mis_detail .module_contents table td table {width:95% !important;}
#mis_detail .module_contents table td table img {width:100%!important; max-width: 350px!important; height: auto!important; margin: 0 auto; display: block; border: 1px solid #eee}
#mis_detail .module_contents table ul, #mis_detail .issue_content ul {margin: 10px 0 10px 15px;}
#mis_detail .module_contents table ul li, #mis_detail .issue_content ul li {list-style-type: disc; padding: 5px 0 5px 5px;}
#mis_detail .topics_contents > table:first-child > tbody > tr > td {width:50% !important;}
#mis_detail .topics_contents > table:first-child > tbody > tr > td:first-child, #mis_detail .topics_contents > table > tbody > tr > td:first-child {border-right:1px solid #eee!important; width:47%!important;}
#mis_detail .topics_contents > table:first-child > tbody > tr > td:first-child + td, #mis_detail .topics_contents > table > tbody > tr > td:first-child + td {padding-left:35px;}


.staff_details {max-height:0; overflow:hidden; -webkit-transition: max-height 0.6s; /* Safari */ transition: max-height 0.6s;}
.staff_details img {max-width:200px; max-height:220px; overflow-y:hidden;}
.staff_col h5, .staff_col .btn_details {cursor:pointer}

.fellow_step .btn {width:100%; max-width:300px;}
.fellow_sidebar .btn {width:100%; max-width:200px; color:#fff; font-size:0.938em/*15px*/;}
.fellow_sidebar .active .btn {background-color: #28a745; border-color:#fff;}
.fms_guidlines {font-size:0.938em/*15px*/; color:#585858;}
#itto_fm_form td {vertical-align:top;}
#itto_fm_form input[type="text"], #itto_fm_form select, #itto_fm_form textarea {width: 100%; padding: .375rem .75rem; display:block; border: 1px solid #ced4da; border-radius: .25rem; margin-bottom:4px;}
#itto_fm_form input[type="radio"], #itto_fm_form input[type="checkbox"] {margin: 0 7px}
#itto_fm_form input.inline-input {width:auto; display:inline-block;}
#itto_fm_form select {height: calc(2.25rem + 2px);}
#itto_fm_form table.border_col {margin-top:8px;}
#itto_fm_form input.submitButton, .itto_fellowship_pager a {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#itto_fm_form div.border_col {padding:20px;}
.itto_fellowship_pager {text-align: center; margin-bottom: 30px;}
.itto_fellowship_pager li {display:inline-block !important; padding: 4px 6px;}
.itto_fellowship_pager a {float:none; color:#fff!important; background-color: #5a6268; border-color: #545b62; color:#fff;}
.itto_fellowship_pager li:last-child a {background-color: #28a745; border-color: #28a745;}

#itto_fellowship_budget table[style="display: block;"], #itto_fellowship_budget table.inline-table, #itto_fm_form table.inline-table {display:inline-table !important; width:100%;}
#itto_fellowship_budget .border_col td, #itto_fellowship_budget .border_col th {padding:5px}

table.border_col {border-radius: 10px; border:1px solid #ddd; padding:20px;}
#itto_fellowship_budget .itto_contribution_title {width:35%;}

.division .staff_col {
    margin-left: 30px;
    margin-bottom:20px;
    border-left: 1px solid #ddd;
    padding-left: 20px;
    padding-bottom: 0;
}
.division .borderbtm {border-bottom: 1px solid #ddd}
.division .itto_director, .division .assistant {border:none!important; margin:0;}
.division .ssa, .division .general {margin-left: 55px;}

.division .staff_details {-webkit-transition: all 0.4s; /* Safari 3.1 to 6.0 */ transition: all 0.4s;}
.division .active + .staff_details {padding-bottom:15px}

#season_google .gsc-webResult.gsc-result, .gsc-webResult .gsc-result {border-bottom: 1px solid #eee; padding: 23px 0 23px 0;}
#season_google .gsc-control-cse .gs-result .gs-title {font-size:1.250rem}
#season_google .gsc-thumbnail-inside, #season_google .gsc-url-top {padding-left:0}
#season_google .gs-webResult .gs-snippet {font-size:0.938rem}

#top_story .topics_contents img,
#topics_detail47 .p-sdgdetails_main_content img,
#news_releases .topics_contents img
{width: 100%; height: auto;}

.p-resources_lm a,
#tab_content_itto .border_list .p-resources_lm a:link {
  color:#648802;
}
  .p-resources_lm-title {
    display: block;
    font-weight: bold;
  }
  .p-resources_lm-icon {
    padding-top: 3px;
  }

#calls_proposals .p-call_proposal-desc a,
.p-top-call_proposal-desc a {
  color: #3c8304 !important;
  text-decoration: underline;
}
  #calls_proposals .p-call_proposal-desc a:hover,
  .p-top-call_proposal-desc a:hover {
    opacity: 0.8;
  }
/*
.p-call_proposal-desc {
  padding-left: 20px; 
  padding-top: 5px; 
  display: block
}*/

.p-projectdash_table-wrap {
    overflow: hidden;
    overflow-x: auto;
}
    .p-projectdash_heading {
        text-align: center;
    }
    .p-projectdash_table {
        border:1px solid #ccc; 
        margin: 25px 0;
        padding-bottom: 10px;
        min-width: 700px;
    }
    .p-projectdash_table .heading {
        background: #28a745;
        padding: 6px 12px;
        margin-bottom: 8px;
        color: #fff;
        font-weight: bold;
    }
    .p-projectdash_table .p-projectdash_table-row:last-child {
        border: none;
    }
    .p-projectdash_table-row {
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #eee;
        position: relative;
    }
    .p-projectdash_table-row_inner {
        padding-left: 22px;
    }
    .p-projectdash_table .highlight-red {
        color: red;
    }
    .p-projectdash_table-row_subtotal {
        margin-top: 5px;
    }
        .p-projectdash_table-row_subtotal > div {
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .p-projectdash_table-subtotal {
            font-weight: bold;
            border-top: 1px solid #7a7a7a;
            border-bottom: 1px solid #7a7a7a;
            position: relative;
        }
        /*
        .p-projectdash_table-subtotal:before {
            content: '';
            width: 100%;
            height: 1px;
            border-top: 1px solid #7a7a7a;
            display: block;
            position: absolute;
            top: 1px;
            left: 0;
        }*/
        .p-projectdash_table-subtotal:after {
            content: '';
            width: 100%;
            height: 1px;
            border-top: 1px solid #7a7a7a;
            display: block;
            position: absolute;
            bottom: 1px;
            left: 0;
        }

.p-projectdash_list {
    margin-top: 50px;
}
    .p-projectdash_list-item {
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin: 18px 0;
        padding: 13px 0 20px;
    }
    .p-projectdash_list-item a {
        text-decoration: none;
        transition: all 0.4s ease;
    }
        .p-projectdash_list-item a:hover {
            opacity: 0.8;
        }
    .p-projectdash_list-item .heading {
        font-size: 1.1em;
        margin-top: 0;
    }
        .p-projectdash_list-item .heading br {
            margin-top: 10px;
            content: "";
            display: block;
        }
    .p-projectdash_list-item .content {
        color: #373737;
        font-size: 0.9em;
    }

.p-projectdash_table-remark {
    position: absolute;
    right: 5px;
}
    .p-projectdash_table-remark_wrap {
        padding-right: 23px;
    }

/* Document download
------------------------------------------------------------ */
.doc_dwnload h6 {font-weight:bold; color:#373737;}
.doc_dwnload .card {margin: 10px 0; box-shadow: 0px 0px 1px #aaaaaa;}
.doc_dwnload .card-header p, .doc_dwnload .card-body ul {padding:0; margin:0;}
.doc_dwnload ul.icon_ul.inline_list li {display: block;}
.doc-downloader {text-align:right; margin-top: 15px;}
.doc-downloader button {background:#6b6b6b; padding: 6px 10px; border: none; color:#fff; border-radius:4px;}
.doc-downloader i {color:#d6d6d6; padding-right:5px;}
.doc-downloader select {padding: 5px 10px; margin-right:5px;}


/* Sub Page Sidebar
------------------------------------------------------------ */

.subpage_sidebar .collapse, #side_contents_right .collapse {display: block !important;}
.subpage_sidebar h5.headline {margin: 0 0 30px; color: #fff; background: #3e8704; padding: 15px 40px 15px 10px; position:relative}
.subpage_sidebar h5.menu_title {border-bottom:2px solid #d8d8d8; padding: 10px 40px 10px 0; position: relative; font-size:1rem;}
.subpage_sidebar h5 .badge {position: absolute; font-size: 0.55em; padding: 5px; right: 10px}
.subpage_sidebar a.collapse_link {margin:0; margin-top:30px}
.subpage_sidebar a.collapse_link h5 {margin-bottom:0}
.subpage_sidebar a[aria-expanded="true"] h5 .open_sign, .subpage_sidebar a h5 .close_sign {display:none}
.subpage_sidebar a[aria-expanded="true"] h5 .close_sign, .subpage_sidebar a[aria-expanded="false"] h5 .open_sign {display:block}
.subpage_sidebar a[aria-expanded="true"] h5 .badge {padding: 5px 7px; background: #ccc; color: #000;}
.subpage_sidebar h5.menu_title .badge {position: absolute; right: 0; float:inherit;}
.subpage_sidebar ul a i {color: #275502;}
.subpage_sidebar ul a .fa-stack i.fa {color:#fff;}
.subpage_sidebar ul a:hover i {color: #535353;}
.subpage_sidebar ul.icon_ul a i, .subpage_sidebar ul.icon_ul a .fa-stack i.fa, .subpage_sidebar ul.icon_ul a:hover i {color:inherit;}
.subpage_sidebar ul.icon_ul a .fa-stack i.fa {color:#fff;}
.subpage_sidebar ul.icon_ul a .fa-stack i.pdf {color:#ba0707;}
.subpage_sidebar ul li, .list_icon li {padding: 2px 0 10px;}
ul.list_dwnload a i.fa {color: #aeaeae; padding-right: 10px;}
ul.list_dwnload a:hover i.fa {color: #4ca405;}
.layout2 #side_contents_right h2.module_title {
    background:url('/files/user/facelift/title-bg-grenbar.png') repeat-y left top;
    color: #373737;
    font-size:16px;
    border: 1px solid #e6e6e6;
    border-left: none;
    padding: 10px 10px 10px 17px;
    margin: 30px 0 10px;
}
.layout2 #side_contents_right .module_body {border: none !important;}
#side_contents_right .topics_detail .topics_contents {width:100% !important;}

/* TFU page
------------------------------------------------------------ */
.catch p {margin:0; padding:0;}

input.gsc-search-button {box-sizing: content-box;}

#tfu #contents {padding-top:0;}
#tfu a.download {color:#333; white-space: nowrap;}
#tfu .cover_detail a.download {color:#fff;}

.tfu_register {padding: 45px 0 33px; position: relative; margin-bottom: 80px;}
.tfu_register .wrap {border: 1px solid #dedede; padding: 35px 20px 10px;}
.tfu_register h3 {background: none !important; display:block; position: absolute; top: 0; width: 100%; border:none !important;}
.tfu_register h3 span {background-color: #fff; padding: 0 25px;}
.tfu_register #magazine_detail_form {}
.tfu_register .form-group {max-width: 900px; margin: 40px auto;}
.tfu_register .form-group-small {max-width: 800px;}
.tfu_register .form-group .badge {font-size:65%; vertical-align: middle;}
#tfu_hard_copy .tfu_register .form-group {max-width: 1000px;}
.tfu_register p.tfu_submit {position:absolute; bottom: 0; display:block; width:100%; text-align:center;}
.tfu_register p.tfu_submit span {background: #fff; padding: 0 20px;}
.tfu_register p.tfu_submit input.btn {padding: 0.5rem 2rem;}
.tfu_register .other_option {margin: 10px 0; position: absolute; bottom: 0; left: 0;}
.tfu_register .other_option a {padding: 0 10px; text-decoration:underline;}
.tfu_register .first {border-right:1px solid #ccc;}
.tfu_register .other_option a, .tfu_register .btn {cursor:pointer;}
#tfu_registration .errtable, #tfu_registration .msgtable, .tfu_register .errtable, .tfu_register .msgtable {background:none; margin: 10px 0 20px;}
#tfu_registration .errtable td, #tfu_registration .msgtable td, .tfu_register .errtable td, .tfu_register .msgtable td {padding: 5px 20px;}
#tfu_registration .errtable td ul, #tfu_registration .msgtable td ul, .tfu_register .errtable td ul, .tfu_register .msgtable td ul {padding: 0; margin: 0;}
.hardcopy_register {text-align:left;}


#tfu #sub_module7 { border-top: 1px dotted #ccc; padding: 10px 0; margin: 10px 0;}
.tfu_contents .borderbtm {margin-top:5px;}
.tfu_contents .fa-ul {margin-bottom: 0;}
.tfu_contents .fa-ul li {padding: 15px 0 8px;}
.tfu_contents .fa-ul li i {padding-top: 16px;}
.tfu_contents .fa-ul li:last-child {border:none;}
.tfu_contents .fa-ul.nomargin {margin-left: 0;}
.tfu_contents .fa-ul.nomargin h4.borderbtm {margin-bottom: 20px;}
.tfu_contents .bwrap_old br {display:none}
.tfu_contents h4 {font-size:1.125rem;}
#tfu .topics_contents {line-height:150% !important;}

.form_border {border: 1px solid #dedede; padding: 45px 20px 10px;}
.form_with_header {padding-top: 20px}

#tfu h3 {font-size:1.688rem; margin: 1.1em 0 0.2em;}
#tfu h3, #tfu h4, #tfu h4 a, #tfu h2.module_title {color:#566b10 !important;}
#tfu h5 + ul li {list-style-type:none}
#tfu .textS-N {font-size:1rem}
#tfu_header .col {position:inherit !important; padding:0;}
#tfu_header .tfu_banner .wrap {position: relative;}
.tfu_banner {overflow:hidden; background: url('/files/user/facelift/tfu-cover-bg.jpg') no-repeat center; height: 368px; background-size: cover;}
.tfu_banner img {min-width:844px; max-width:844px; min-height:368px; width:100%;}
.tfu_banner .module_body {padding: 0 !important;}
.tfu_banner .tfu_sublink {position:absolute; top: 330px; right: 10px;}
.tfu_sublink a {border:1px solid #fff; border-radius:8px; color:#fff !important; padding:8px 15px; background:#333333; margin: 0 10px;}
.tfu_sublink .subscribe {background:#116542;}
.tfu_banner .banner_wrap {position:relative;}
.tfu_banner .border {width:100%; display:block; height:100%; position:absolute; outline: 1px solid #fff; outline-offset: -7px; opacity: 0.5;}
.tfu_cover {min-width: 457px;}
.tfu_cover .module_body {background: url('/files/user/facelift/cover-bg.jpg') no-repeat left bottom #187850; min-height:368px; max-height:368px;}
#tfu_header .col.cover_detail {padding-right: 15px;}
.tfu_cover .cover_detail .issue {color:#fff; font-weight:bold; font-size:1.286em;}
.tfu_cover .cover_detail .download {max-width: 270px; background:#0fa42b; border:1px solid #fff; border-radius:8px; color:#fff !important; font-weight:bold; font-size:1.143em; padding: 12px 15px; display:block; text-align:center;}
.tfu_cover .cover_detail .download:hover {text-decoration:none; background:#0cbf2e;}
.tfu_contents .tfu_logo {margin-bottom: 15px; display:block; text-align:center;}
.tfu_contents .tfu_logo img {width:100%; max-width:347px;}

#tfu .full_edition, #tfu .tfu_other_wrap {background:#e2e2e2; padding:5px 0; margin:0 0 20px; position:relative;}
#tfu .full_edition .wrap {border-top:1px solid #fff; border-bottom:1px solid #fff; padding:10px 20px 0;}
#tfu .full_edition .detail {display: block; clear: both; padding-top:2px;}
.tfu_cover .full_edition {padding: 10px 0;}
#tfu .full_edition .cover_img {text-align:center;}
#tfu .full_edition .download {width:auto; margin:0; max-width: 150px; }
#tfu .full_edition .download i {padding-right:10px;}
#tfu .full_edition .apps_store {/*position:absolute; bottom:0; right:0;*/ border-top:1px solid #ccc; padding: 15px 5px; margin-top: 15px;}
#tfu .full_edition .apps_store a:hover {text-decoration:none}
#tfu .tfu_other_col {min-height:200px; max-height:200px; border-bottom:1px solid #ccc; overflow:hidden; padding:20px 0;}
#tfu .tfu_other .col .tfu_other_col:last-child {border:none;}
#tfu .tfu_other_wrap .module_title {background:#8c8c8c; padding: 15px 20px; margin: 0; color:#fff;}
#tfu .mobile_banner {display:none}
#tfu .desktop_banner img {width:100%;}

#tfu_back_issues .card h5 {margin:0;}
#tfu_back_issues .card-body i {color:#5d7e02;}
#tfu_back_issues .card-body .pdf i {color:#fff;}
#tfu_back_issues .card-body a, .download_link--style a {color:#333 !important}
#tfu_back_issues .module_body {padding-bottom:0;}

.topics_list .tfu_contents {}
.topics_list .tfu_contents + .tfu_contents {border-top: 1px solid #eee;}
.topics_list .article a {font-size:1.071em /*15px*/; font-weight:bold;}
.topics_list .article .author {padding-left: 10px; border-left:1px solid #ccc; margin-left:10px;}
.topics_list .article ul {margin-top:20px;}
.topics_list .article ul li {padding-bottom:18px;}
.topics_list h4 {margin-bottom:0; max-width:830px;}
.topics_list .pdf_area2 {margin-bottom:15px;}
.topics_list .pdf_area2 a:link, .topics_list .pdf_area2 a:visited {color:#333;}
.topics_list small.author {display: block; padding: 5px 0px;}

.tfu_nav {max-width:1115px}
.tfu_nav a, .page_nav a {padding:0 22px; border-right:1px solid #ddd; color:#969696 !important; font-size:0.938em/*14px*/;}
.tfu_nav a:hover, .page_nav a:hover {color:#3c8304!important;}
.tfu_nav a:last-child, .page_nav a:last-child {border:none}
.tfu_nav i, .page_nav i {color:#717171; padding-left:8px;}

.tfu_logo {background:#464e25; position:relative;}
.tfu_logo .issue {display: inline-block; float: right; color: #fff; font-size: 1.250em/*20px*/; position: absolute; bottom: 5px; right: 10px; padding: 0; margin: 0}

.small-only {display:none}

/* ITTC page
------------------------------------------------------------ */
.ittc_menu {margin: 20px 0}
.ittc_menu .list {border: 1px solid #d9d9d9; text-align: center; color: #317d00; background: #f0f0f0; padding: 0}
.ittc_menu .list a {display: block; padding: 8px 15px; height:100%; color:#333!important}
.ittc_menu .list a:hover {color: #fff!important; background: #3e8704; text-decoration:none}
.ittc_menu .active {border-top:none; background:#fff}
#main_contents .ittc_menu .active {border-bottom:none; border-top:1px solid #d9d9d9} /*For top section menu only, menu at bottom page section is not included*/
.ittc_menu .active a {font-weight: bold; color: #5a7b02!important}

.ittc-page {max-width: 900px; margin:0 auto}
.ittc-page .caption {max-width: 700px; margin:0 auto; text-align:left}
.ittc-page .thumbnail, .ittc-page .video {max-width: 700px; width:100%}
.ittc-page .video {height:450px}
#main_text p {margin:0; padding:0}

/*NEW ITTC 2018*/
.ittc_banner {min-height: 200px; background-position: center; background-repeat:no-repeat; background-size:100%}
.ittc_content {max-width: 700px; width:100%; display: block; margin:0 auto}
.ittc_caption {display:block; margin-bottom: 1.5rem;}
.ittc_caption.-noSpacing {margin-top: -15px;}
.ittc-page .col {padding-top:15px; padding-bottom:15px}
//.ittc-page .topics_contents a[rel="noopener"] {display: block; text-align: center}
#ittc_calendar {padding-top:10px; padding-bottom: 20px}
#ittc_calendar .fc-list-view {border-color: #c5c5c5}
#ittc_calendar .fc-list-heading td {background: #e8e8e8}
#ittc_calendar {max-width: 1000px; width:100%}
#ittc_calendar a.fc-list-heading-main {color: #3e8704}
#ittc_calendar .fc-list-item td {font-size:0.97em}
#ittc_calendar .fc-scroller {height: auto!important}
#ittc_calendar .fc-event-dot {display: block; width: 1px; height: 20px; background: #ccc}
.ittc_present_title {background-image:none; text-align: left; font-size: 130%; border-top: 1px solid #ccc; padding-top: 20px;}
#main_module .ittc_present_title {border:none}


.activity_detail .layout_2col {border-top: 1px solid #ddd; border-bottom: unset; padding-top: 15px;}

/* SDG page
------------------------------------------------------------ */
.t-sidebar_related_sdg .icon-sdg,
.p-newstories_stgsidebar .icon-sdg {
  transform: scale(1);
}

.t-sidebar_related_sdg .icon-sdg img,
.p-newstories_stgsidebar .icon-sdg img {
  transition: all 0.1s ease-in;
}

.t-sidebar_related_sdg .icon-sdg:hover img,
.p-newstories_stgsidebar .icon-sdg:hover img {
  transform: scale(1.05);
}

.p-fromSDG #main_contents {
  width: 62%;
}
.p-fromSDG #side_contents_right {
  width: 38%;
  border-left: none;
}
.p-sdg_topstories {
  margin-top: 30px;
  border-top: 1px solid #ddd;
}
    .p-sdg_topstories-content {
      background: #f5f5f5
    }
.p-sdg_landing-catdetail {
  max-height: 16em;
}
    .p-sdg_landing-catdetail-wrap {
      height: 100%;
      width:100%; 
      background: gray; 
      background-clip: content-box; 
      overflow: hidden;
    }
    .p-sdg_landing-catdetail img {
      width: 100%;
    }

.p-sdg_landing-catdetail.align-bottom {
  //min-height: 256px;
  height: 100%;
  width: 100%;
  position: relative;
}
    .p-sdg_landing-catdetail.align-bottom img {
      position: absolute;
      bottom: 0;
    }
.p-sdg_landing-catdetail.custom-align {
  height: 100%;
  width: 100%;
  position: relative;
}
    .p-sdg_landing-catdetail.custom-align.sdg-16 img {
      position: absolute;
      top: -35%;
    }
    .p-sdg_landing-catdetail.custom-align.align-center img {
      position: absolute;
      top: -38%;
    }
.p-sdg_landing-catdetail-content ul,
.p-sdg_landing-catdetail-content ol {
  margin-top: 18px;
  padding-left: 40px !important;
}
    .p-sdg_landing-catdetail-content ol li {
      list-style-type: decimal !important;
    }
/*** SDG Checkbox styling ***/
.t-checkbox_wrap {
  min-width: 130px;
  max-width: 130px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.t-checkbox_wrap input {
  opacity: 0;
  cursor: pointer;
}
.t-background, .icon-sdg {
  background-size: 60px auto;
  background-position: center 90%;
  background-repeat: no-repeat;
  cursor: pointer;
  color: #fff;
  font-size: 0.9em;
  line-height: 1.3em;
  height: 100%;
  opacity: 0.5;
  transition: all 0.1s ease-in;
  transform: scale(0.94, 0.94);
}
.t-sdg_icon {
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.1s ease-in;
    transform: scale(0.94, 0.94);
}
.is-sdg_landingPage .t-background,
.is-sdg_landingPage .t-sdg_icon {
  opacity: 1;
  transform: scale(1, 1);
}
.t-sdg_search_alert {
  background: #eee;
  padding: 8px 0;
  color: #3c8304;
  margin: 10px 0 40px;
}
.tooltip {
  font-size: 11px;
}
.tooltip-inner {
  max-width: 150px;
  background: #444;
}
.t-checkbox_wrap:hover .t-background,
.t-checkbox_wrap input:checked ~ .t-background,
.t-checkbox_wrap:hover .t-sdg_icon,
.t-checkbox_wrap input:checked ~ .t-sdg_icon {
  transform: scale(1, 1);
}
.t-checkbox_wrap:hover .t-background.sdg-disabled {
  transform: scale(0.94, 0.94);
  cursor: not-allowed;
}
.is-sdg_landingPage .t-checkbox_wrap:hover .t-background.sdg-disabled,
.is-sdg_landingPage .t-checkbox_wrap .t-background.sdg-disabled {
  transform: scale(0.94, 0.94);
}
.sdg-disabled {
  opacity: 0.5 !important;
}
.sdg-img-disabled {
  opacity: 0.7 !important;
}
.t-background.sdg-disabled::after {
    content: attr(data-remark);
    position: absolute;
    background: #000;
    text-align: center;
    font-size: 13px;
    line-height: 15px;
    opacity: .7;
    width: 100%;
    padding: 3px 0;
    bottom: 0;
    left: 0;
    /*
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 17px 0;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    */
}
.t-checkbox_wrap input:checked ~ .t-background,
.t-checkbox_wrap input:checked ~ .t-sdg_icon {
  opacity: 1;
  box-shadow: 1px 1px 2px #bbb;
}
.t-checkbox_submit {
  min-width: 100px;
  min-height: 50px;
  background: #5cc805;
  border: none;
  color: #fff;
  top: 35%;
  position: absolute;
  cursor: pointer;
}
.sdg_img_px-1{
    padding-right: .25rem;
    padding-left: .25rem;
}
.sdg_img_py-1{
    padding-top: .01rem;
    padding-bottom: .01rem;
}
.t-checkbox_wrap:nth-of-type(1) .t-background, .badge-sdg-1, .icon-sdg-1 {
  background-color: #e5243b;
}
.t-checkbox_wrap:nth-of-type(2) .t-background, .badge-sdg-2, .icon-sdg-2 {
  background-color: #dda83a;
}
.t-checkbox_wrap:nth-of-type(3) .t-background, .badge-sdg-3, .icon-sdg-3 {
  background-color: #4c9f38;
}
.t-checkbox_wrap:nth-of-type(4) .t-background, .badge-sdg-4, .icon-sdg-4 {
  background-color: #c31f33;
}
.t-checkbox_wrap:nth-of-type(5) .t-background, .badge-sdg-5, .icon-sdg-5 {
  background-color: #ff3a21;
}
.t-checkbox_wrap:nth-of-type(6) .t-background, .badge-sdg-6, .icon-sdg-6 {
  background-color: #26bde2;
}
.t-checkbox_wrap:nth-of-type(7) .t-background, .badge-sdg-7, .icon-sdg-7 {
  background-color: #fcc30b;
}
.t-checkbox_wrap:nth-of-type(8) .t-background, .badge-sdg-8, .icon-sdg-8 {
  background-color: #a21942;
}
.t-checkbox_wrap:nth-of-type(9) .t-background, .badge-sdg-9, .icon-sdg-9 {
  background-color: #fd6925;
}
.t-checkbox_wrap:nth-of-type(10) .t-background, .badge-sdg-10, .icon-sdg-10 {
  background-color: #dd1367;
}
.t-checkbox_wrap:nth-of-type(11) .t-background, .badge-sdg-11, .icon-sdg-11 {
  background-color: #fd9d24;
}
.t-checkbox_wrap:nth-of-type(12) .t-background, .badge-sdg-12, .icon-sdg-12 {
  background-color: #bf8b2e;
}
.t-checkbox_wrap:nth-of-type(13) .t-background, .badge-sdg-13, .icon-sdg-13 {
  background-color: #3f7e44;
}
.t-checkbox_wrap:nth-of-type(14) .t-background, .badge-sdg-14, .icon-sdg-14 {
  background-color: #0a97d9;
}
.t-checkbox_wrap:nth-of-type(15) .t-background, .badge-sdg-15, .icon-sdg-15 {
  background-color: #56c02b;
}
.t-checkbox_wrap:nth-of-type(16) .t-background, .badge-sdg-16, .icon-sdg-16 {
  background-color: #00689d;
}
.t-checkbox_wrap:nth-of-type(17) .t-background, .badge-sdg-17, .icon-sdg-17 {
  background-color: #19486a;
}
.badge-sdg {
  background-image: none;
}
.badge-faded {
  opacity: 0.3;
}
.icon-sdg {
  height: auto;
  opacity: 1;
  transform: scale(0.97);
  font-size: 1.3em;
  padding: 5px 5px 5px;
  background-size: auto 61px;
}
.icon-sdg:hover {
  text-decoration: none;
  transform: scale(1);
}
.icon-sdg-hover_disable:hover {
  transform: scale(0.97);
  cursor: inherit;
}
.icon-sdg-1, .icon-sdg-12, .icon-sdg-13 {
  background-size: 110px auto;
}
#sdg_exp_header {
  overflow: hidden;
}
#sdg_exp_header ul{
  list-style-type: disc;
  padding-left: 15px;
}
#sdg_exp_header li{
  list-style-type: disc;
  padding: 5px 0 5px 5px;
}
#sdg_exp_header .image_description {
  position: absolute;
  bottom: 15px;
  right: 4px;
  left: 4px;
  font-size: 80%;
  color:white;
  background:#2b5a05;
  opacity: 0.8;
  text-align: left;
  padding: 5px;
}
/* Resources
------------------------------------------------------------ */
.publication_cat_view {padding-left: 15px;}
.publication_cat_view ul {margin-bottom: 0;}
.publication_cat_view ul li {margin: 10px 0;}
.publication_cat_view ul.fa-ul .fa {color:#b4b4b4;}
#resPM .cover {max-height: 150px; padding-right:15px;}
#resPM .row .col-auto + .col > a {padding-top:15px; display:block;}

#tab_menu_itto .nav-link {
    font-size: 0.85em;
    font-weight: bold;
}
li.nav-tabs_bgImage {
    position: relative;
}
li.nav-tabs_bgImage::before,
.p-top_resources-tab-bg::before {
    width: 45px;
    height: 46px;
    font-family: 'FontAwesome';
    box-sizing: border-box;
    position: absolute;
    top: 50px;
    //bottom: 10px;
    background: #adadad;
    border: 2px solid #fff;
    padding-top: 10px;
    font-size: 22px;
    left: 0;
    border-radius: 50%;
    right: 0;
    margin: 0 auto;
    transition: 0.5s all;
    color: #e7e7e7;
    filter: blur(0.3px);
}
li.nav-tabs_bgImage.active::before {
    width: 75px;
    height: 76px;
    font-size: 32px;
    top: 45px;
    padding-top: 25px;
    background: #275502;
    animation: play .35s ease;
}
@keyframes play {
   0% { top: 50px; }
   50% { top: 54px; }
   100% { top: 45px; }
}
li#lm_btn::before,
.p-top_resources-tab-bg.icon_lm::before {
    content: "\f19d";
}
.p-top_resources-tab-bg img {
  opacity: 0;
}
.p-top_resources-tab-bg.icon_lm::before {
    width: 100%;
    height: 100%;
    max-width: 103px;
    max-height: 102px;
    top: 0;
    font-size: 53px;
    padding-top: 40px;
    background: #275502;
    border: 3px solid #edf0ea;
    z-index: -1;
}

/* Concept Notes page
------------------------------------------------------------ */
.p-conceptNote_form .floating_save {
    width: 100%;
    background: rgba(77,136,29,0.8);
    text-align: right;
    padding: 6px 15px;
    position: fixed;
    right: 0;
    bottom: 0;
}
.p-conceptNote_form .floating_save #inquiry_item_button_save { 
    background: #fff;
    color: #373737;
}
.p-conceptNote_form {
padding: 20px 20px 10px;
border: 1px solid #dedede;
}
.p-conceptNote_form .title {
    font-weight: bold;
background-color: #efefef;
padding: 5px 10px;
text-align: left !important;
margin: 10px 0;
}
.p-conceptNote_form-title {
    padding-top: 30px;
    border-top: 1px dotted #ccc;
    margin-top: 60px;
}
.p-conceptNote_form input[type="radio"] {
    margin-right: 10px;
}
.p-conceptNote_form .float_submit_btn {
    min-width: 170px;
}
table.p-conceptNote_detail {
        margin-top: 15px;
    }
    table.p-conceptNote_detail th {
        width: 20% !important;
    }
    table.p-conceptNote_calculation {
        max-width: 750px;
    }
    table.p-conceptNote_calculation td, table.p-conceptNote_calculation th {
        border: 1px solid #e9ecef;
        background: none;
        padding: .75rem;
    }
    table.p-conceptNote_calculation thead th {
        border: 1px solid #e9ecef;
        background: none;
        border-bottom-width: 2px;
        border-bottom: 2px solid #e9ecef;
        font-weight: bold;
    }
/*
#my_concepts_notes_edit .module_body {
    height: auto;
}
*/
/*
.p-conceptNote_form #countriesInvolved option[checked="checked"] {
    background: rgba(77,136,29,0.8);
    color: #fff;
}
*/

/* Contact
------------------------------------------------------------ */
.event_sub-title {
    color: #207736;
    font-size: 130%;
}
.inquiry_detail .errtable {width:100%;}
.inquiry_detail .errtable td {padding: 5px 10px;}
.contactpg_info #social_media_link {border:none!important; font-size:20px;}
ul.contact .fa-stack {color:#4f7332;}


/* Social Media sharing bar
------------------------------------------------------------ */
.t-social_sharing {
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    backface-visibility: hidden;
    z-index: 9999;
    display: block;
    position: fixed;
    top: 100px;
    left: 0px;
    opacity: 1;
    text-align: left;
}
.t-social_sharing > div {
    clear: left;
    float: left;
    display: inline-block!important;
}
.t-social_sharing .st-btn.st-first {
    border-top: none!important;
    border-top-right-radius: 5px!important;
}
.t-social_sharing .st-btn.st-last {
    border-bottom: none!important;
    border-bottom-right-radius: 5px!important;
}

/* Footer
------------------------------------------------------------ */
#footer {text-align: inherit !important; padding: 0 !important;}
#site_footer {background:#435b01; text-align:left;}
#site_footer #navi {background:url('/files/user/facelift/bg_footer.jpg') no-repeat top; /*background-size:100% auto;*/ width:100%; padding: 10px 0; background-size:cover}
#site_footer #navi .wrap {max-width:1280px; margin: 0 auto;}
#site_footer #navi .collapse {display: block !important;}
#site_footer #navi .section {border-right:1px solid #6a8817; border-left:1px solid #29340a;}
#site_footer #navi .section:first-child {border-left:none;}
#site_footer #navi .section:last-child {border-right:none;}
#site_footer h4 {color:#fff !important;}
#site_footer #navi ul li a {color:#e7e7e7;}
#site_footer .contact {color:#e7e7e7; font-size:19px;}
#site_footer .contact i {color:#65b029;}
#site_footer .contact li {padding: 4px 0;}
#site_footer a.collapse_link:hover {text-decoration:none;}
#site_footer .collapse_link:hover.collapse_link::after {-webkit-animation: fa-spin 0.5s linear; animation: fa-spin 0.5s linear; animation-iteration-count: 0.3; -webkit-animation-iteration-count: 0.3; /* Safari 4.0 - 8.0 */}
#site_footer .collapse_link h4 {margin:0;}
#site_footer .collapse_link {padding: 15px 0; border-bottom: 1px solid #6a8817; border-top: 1px solid #29340a; position:relative; cursor:pointer;}
#site_footer .collapse_link::after {content:'\f067'; position: absolute;  font-family:'FontAwesome'; right:0; top:45%; font-size:1.5em; color:#cdcdcd; -webkit-text-stroke: 1px #4d6900;}
#site_footer .collapse_link[aria-expanded="true"]::after {content:'\f068';}
#site_footer .collapse_link:hover.collapse_link[aria-expanded="true"]::after {animation-iteration-count: 1; -webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */}
#site_footer .section:first-child .collapse_link {border-top: none;}
#site_footer .section:last-child .collapse_link {border-bottom: none;}
#site_footer #social_media_link .icon {color: #3b5001; cursor:pointer;}
#site_footer #social_media_link .fa-circle {color: #77884c;}
#site_footer #social_media_link a:hover .fa-circle {color: #a2b17b;}
#site_footer #social_media_link .fa-stack {margin: 0 2px;}
#site_footer .copyright {background:#122800; padding: 25px 0; text-align:center; color:#bfbebe; font-size:0.92em;}
#site_footer .copyright a {color:#ffd303;}
#site_footer #contactMenu ul li {margin: 10px 0}
#site_footer #contactQuickLink ul.bullet {margin-top: 9px;}


#lightwindow_container {width: inherit !important;}


/* Forms autocomplete fields
------------------------------------------------------------ */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  /*-webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;*/
  transition: background-color 5000s ease-in-out 0s;
}


/* Forms realign text label to align right
------------------------------------------------------------ */
/* Mainly all new design form: */
form .row > div:first-child,
form label.col-form-label,
/* Mainly fellowship page form: */
.form_item th, table.host_table th
{text-align:right}

/* Remain align left for some checkbox text or 2 rows text fields: */
form .row > div:only-child,
#tr_itto_grant_1_0  th,
#tr_other_f_1_0  th,
#tr_total_total th
{text-align:left}


/* Gallery Page
------------------------------------------------------------ */

    #gallery .text {
      color:#666;
      font-size:11px;
      margin-bottom:10px;
      padding:12px;
      background:#fff;
    }
    .text .download_lnk{
        display: none;
    }
    ul.pagination a {color:#3c8304}
    ul.pagination a#current_page {background:#3c8304; color:#fff}
    .imgWrapper {
        max-height: 190px!important;
    }
    #gallery b.img_title, #gallery .img_title b {font-weight: normal; margin: 0 0 10px; padding: 0.357em 0; display:block}
    #gallery .bspImgWrapper {cursor: pointer; height:190px; max-height: 190px !important; background-position-x: center !important; background-position-y: center !important; background-size: cover !important;}
    #gallery .bspHasModal .text {display:none}
    #gallery li.bspHasModal {margin: 15px 0 15px;}
    #gallery li p {font-size:1em;}
    .download_lnk a {color:#fff !important; margin:5px 0;}
    #bsPhotoGalleryModal {text-align:center}
    #bsPhotoGalleryModal .modal-lg, #bsPhotoGalleryModal .modal-dialog {max-width:inherit}
    #bsPhotoGalleryModal .modal-dialog {margin: 15px auto 0; width:auto; display: inline-block;}
    #bsPhotoGalleryModal .modal-content {display:inline-block}
    #bsPhotoGalleryModal .pText, #bsPhotoGalleryModal h6 {font-size:16px}
    #bsPhotoGalleryModal .pText .download_lnk {font-size:15px}
    #bsPhotoGalleryModal .bsp-close {background: none; padding: 0; border: none}
    #bsPhotoGalleryModal .bsp-close .fa, #bsPhotoGalleryModal a.bsp-controls {text-shadow: 1px 1px 18px #000; color:white; background:none; border:none; font-size:2.5em; opacity:0.8}
    #bsPhotoGalleryModal a.bsp-controls, a.bsp-controls:active, a.bsp-controls:visited {top:40%}
    #bsPhotoGalleryModal a.bsp-controls.previous {left: -8px}
    #bsPhotoGalleryModal a.bsp-controls.next {right: -8px}

/* Gallery Page
------------------------------------------------------------ */
.t-activity_thumb {min-height: 229px; width: 100%; position: relative; opacity:0.6}
.t-activity_thumb .message {text-align:center; top:40%; position: absolute; width: 100%;}


/* Blog display styling (SDG page)
------------------------------------------------------------ */
.l-blog_thumb {
    max-height: 350px;
    max-width: 440px;
    overflow: hidden;
}
.l-blog_thumb-sdg {
    max-width: inherit;
}
.t-position_btm, .t-blog_thumb-txt {
   position: absolute;
}
.t-position_btm {
    bottom: 0;
}
.t-blog_thumb-txt {
	top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.t-blog_thumb-dummy {
    opacity: 0.4;
}

/* Statistics DB
------------------------------------------------------------ */
.statistics_db_select{
  padding-right: 5px;
  padding-left: 5px;
}

/* IE FIX
------------------------------------------------------------ */
:root #main_menu {
display: block \0/IE9;
width: 1000px \0/IE9;
}
:root #header_top {
    display:none \0/IE9;
}
@media all and (-ms-high-contrast:none)/*IE11*/
{
#site_logo {max-width:400px!important; padding-right:20px}
#navbar_res_btn {top:-70px!important}
}
@media print {
  div {
    break-inside: avoid;
    page-break-inside:avoid;
  }
}

/* Components
------------------------------------------------------------ */
.c-form_checkbox-lg {
  width: 20px;
  height: 20px;
}
.c-text_highlight {
  background-color: #d8d8d8;
  padding: 2px 4px;
}