@charset "UTF-8";
/*.oneLine3{Padding:1.3em 0; display : inline-block;}
.twoLine3{Padding:0.63em 0; display : inline-block;}*/
.udhr-link, .udhr-link:hover{ color:white; text-decoration:none;}
#ctl00_MSO_ContentDiv{display:none}
footer{display:none;}
.breadcrumb{display:none;}
.welcome-name{
	float:right
}


/*body{ overflow-y: auto !important;}*/

.site-action{float:left}

#editpage table{
	margin-bottom:0 !important;
}
.searchbuttons__bigbutton--what {float: left;}
.search_form > div > label {margin-right: -4px;}
.form-country__buttonimg {
    padding: 0 0 2px;
    position: absolute;
    right: 2px;
}
/*.navigation__text{line-height:21.8px}*/
.navigation__text{line-height:1.3em}
.navigation__subnav{font-weight:400;}
#countrylist{text-transform:none;}
#countrylist .navigation__subnav__link{text-align: left;}

.select_resource{padding:0.5em 1.5em 0.5em 0.5em;}

.frame-stories{
	width: 90%;
}
.tabs-home__p {margin:0 1.5em 1.5em 0}
.navigation__text--after:after { right: .7em; }
.bg-img-nav-rtl {  background: url("/_layouts/15/OHCHR/OHCHR_Images/header-rtl.jpg") no-repeat scroll 100% 0\0/;} /* ie8 css hacks */



@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .nav-system__link.navigation__link {height: 76px;} } /* only ie11 css */
@media (min-width: 1024px) {.tabs-home__titlelink {   margin-right: 17px;  }}

/*********************************  Added fixes for 2013  *********************************/

#s4-bodyContainer {padding-bottom:0;}
.header__wrapper  a:visited , footer  a:visited  {color:#fff !important; text-decoration:none !important}
a:hover{text-decoration:none !important}
.header__topnav a:visited {color:#106FA8 !important;}
.header__topnav a:hover{color: #5D5D5D !important;}
input[type=button], input[type=reset], input[type=submit], button {min-width:29px;}

.searchform__input {
  height: 2em;
  background: #fff url("/_layouts/15/OHCHR/OHCHR_Images/blue_separator.gif") 100% 50% no-repeat !important;
  -webkit-appearance: none;
  border-radius: 0 !important;
  border:none !important;
}
#filterCountry {border:none !important;}

.searchform__submit{height:28px/*32px*/; margin-right:-3px;}
/*img,table,td,blockquote,code,pre,textarea,input,svg {max-width: inherit;}
*, *:before, *:after {box-sizing: content-box !important;}*/

.grid-selection-gut {width:1%;}
#s4-ribbonrow  img,table,td,blockquote,code,pre,textarea,input,svg  {max-width: inherit;}
#s4-ribbonrow *, *:before, *:after {box-sizing: content-box !important;}
#suiteBar img,table,td,blockquote,code,pre,textarea,input,svg  {max-width: inherit;}
#suiteBar *, *:before, *:after {box-sizing: content-box !important;}
#navigation a:visited {color:#106fa8}
/*#hiddenscript {display:none}*/
/*
#ZoneQuickSelection button:hover {background-color:#588fc2;}
#ZoneQuickSelection .blue_button {border:none;}

#ctl00_ctl48_ExplicitLogin{display:none !important;}*/
a {outline: 0 !important;}
.navigation > .navigation__item--hover > a { color:#106fa8 } 

#ZoneStory a:visited, 
#ZoneTwitter a:visited, 
#ZoneNews a:visited, 
#ZonePriorities a:visited, 
#ZoneResources a:visited, 
#ZoneQuickSelection a:visited, 
#ZoneCarousal a:visited {color:#106FA8}

#ZoneNews h2, 
#ZonePriorities h2, 
#ZoneResources h2, 
#ZoneQuickSelection button, #ZoneQuickSelection h2  {color:#5d5d5d; font-family:Arial, Helvetica, sans-serif;}
#ZoneQuickSelection button { color:#fff;}


#ZoneNews button:hover, #ZonePriorities button:hover, #ZoneResources button:hover, #ZoneCarousal button:hover, #ZoneStory button:hover
{
/* [ReplaceColor(themeColor:"ButtonHoverBorder")] */ border-color: transparent;
/* [ReplaceColor(themeColor:"ButtonHoverBackground",opacity:"1")] */ background-color:transparent;
/* [ReplaceColor(themeColor:"ButtonHoverBackground")] */ background-color:transparent;
}

#ZoneStory a:hover , 
#ZoneTwitter a:hover , 
#ZoneNews a:hover , 
#ZonePriorities a:hover , 
#ZoneResources a:hover , 
#ZoneQuickSelection a:hover , 
#ZoneCarousal a:hover {color:#5d5d5d} 


.tabs-home__links a:hover , .udhr-link, .udhr-link:hover { color:#fff !important}
#header .searchform__submit:hover {background-color:#fff;}
.ms-dlgTitleBtns {
	margin-right:0;
}

.ms-ToolPaneOuter {position:relative !important}
.ms-signInLink{display:none !important;}


/*********************************  Media Query  *********************************/

@media (min-width: 768px) {

  @-moz-document url-prefix() { /*mozial hack for search box width*/
    .searchform__input { width: 183px; }
	}
}

@media (max-width: 767px) {

#header  button:hover{background-color:transparent;}

}


@media (min-width: 767px) {
#ZoneQuickSelection input[type="button"] :hover,
#ZoneQuickSelection .blue_button {background-color:#588fc2;  border:none;}
}

@media (min-width: 300px) {
#ZoneQuickSelection input[type="button"] :hover,
#ZoneQuickSelection .blue_button, #ZoneQuickSelection .blue_button:focus, #ZoneQuickSelection .blue_button:active {background-color:#588fc2;}
}

@media only screen and (min-width:300px) and (max-width: 750px)  {
select:focus{ border:1px solid #fff;}
}


@media (max-width: 59.625em) {
  .searchbuttons__bigbutton__spacer {clear:both;}
}

@media (max-width: 750px) {
	.nav-system__link.navigation__link {display: block !important;  height: auto; padding: 1em 0;}
	.nav-system__link.navigation__link {height: auto !important;} 
}

@media (min-width: 750px) {
/** Navagation design issues **/
.navigation__itemhover, .navigation-filter__itemhover {  bottom: -10px; }
/*.nav-system__link.navigation__link {   display: flex; height: 70px; padding: 1.7em 0.2em 1.1em;}
.navigation__text { align-self: center; justify-content: center; line-height: 1.3em; margin: auto;}*/
.nav-system__link.navigation__link { display: table; height: 66px; margin: 0 auto; text-align: center;}
.flexbox .navigation__text {align-self: center;display: table-cell;justify-content: center; margin: auto;vertical-align: middle;}
.navigation__text { align-self: center; display: table-cell; justify-content: center; margin: auto; vertical-align: middle;}
.nav-system__link.navigation__link {height: 76px\0/;} /* ie9, ie10 css */
}

@media (min-width:1025px) { /*fix for ribon icons*/
  img {max-width:none}
}

/* ipad and iphone issue*/	
@media (max-width: 46.875em) {

footer .centered-content	{max-width: inherit !important;}

.searchbuttons__bigbutton--what {float: left;}


#s4-workspace{
	  -webkit-overflow-scrolling: touch;
	   overflow-y: scroll;	
}

#s4-workspace * {
	  -webkit-overflow-scrolling: auto;
}



.select_resource{width:100% !important; margin: 0px auto !important;
    display: block;
    padding: 0px !important;
    height: 30px; 
    text-indent: 10px;}
	
footer .grid-selection{width: 100% !important; display: block; margin: 0px auto;}
.centered-content { padding-left: 0em; padding-right: 0em; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
			#s4-workspace {
			-webkit-overflow-scrolling: touch;
			overflow-y: scroll;
		}
	}
/*end ipad and iphone issue*/