@charset "utf-8";
/* CSS Document */

.site-header {
	/*font: normal 26px/1em 'Roboto Slab', arial, sans-serif;
    letter-spacing: -0.015em;
    color: #4d4d4d;
    text-transform: none;
    text-decoration: none;
    font-weight: bold !important;

	margin-top: 75px;    */
	font-size: 400%;
	margin-top: 15px;
}
.js {
	width: 100%;
	margin: 0px;
	overflow-x: hidden;
}
.pull-left {
	float: left!important;
}
h3 {
	color: #104a6a;
}
.search-container {
}
a {
	color: #196787;
	text-decoration: underline;
}
/*.un-banner-logo {
    padding: 57px 0px;
}
*/
header {
/*border-bottom:2px solid #bab3ad;*/
}
.fa {
	padding-top: 3px;
}
.region-search {
	margin-top: 20px;
	margin-bottom: 20px;
}
.un-social-media-ga {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.nav>li>a {
	text-decoration: none;
}
#languages {
	height: auto !important;
	margin-top: 5px;
}
.un-brandbar-welcome-lr {
	text-decoration: none;
}
li.no_lang_link {
	padding: 10px 7px 0px 7px;
	font-weight: bold;
}
/*---SM---*/
/*
un-social-media {
    position: absolute;
    top: 145px;
    left: 1000px;
    width: 45px;
    text-align: center;
    z-index: 9999;
} */



.un-social-media ul {
	list-style: none;
	padding: 0;
}
.un-social-media ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}
.un-social-media ul li a {
	width: 35px;
	height: 34px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6.5px;
}
.un-social-media ul li.facebook a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/facebook.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.twitter a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/twitter.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.youtube a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/youtube.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.pinterest a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/pinterest.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.google a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/googleplus.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.flickr a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/flickr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.tumblr a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/tumblr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.instagram a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/instagram.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.more a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/more.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media {
	position: absolute;
	top: 145px;
	left: 10px;
	width: 60px;
	text-align: center;
	z-index: 9999;
}
.un-social-media ul {
	list-style: none;
	padding: 0;
}
.un-social-media ul li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
}
/*---End SM---*/



/* PAGE CONTENT ATTRIBUTES */

/*#main-responsive { 
	float: right;
	margin: 0;
	width:73%;
	padding-top: 1.3em;
	padding-left: 1.3em;
	padding-bottom: 1.5em;
	padding-right: 2.3em;
}
*/
#main-responsive h2 {
	color: #00a7e2; /* NEW */
	font-weight: normal;
	font-size: 160%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#main-responsive h3 {
	clear: both;
	color: #cc3300;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#main-responsive h4 {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.7em;
}
#main-responsive p, #main-responsive ul li, #main-responsive ol li {
	color: #555555; /* NEW *//*line-height: 16px;  SADEK */
}
#main-responsive ul li {
	/*list-style-type: none;
	background-image: url(/ar/ga/images/bullet_brown.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	margin: 0px;
	padding: 0 12px 4px 0;*/
	list-style-type: none;
	 background-image: url(https://www.un.org/en/ga/images/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	margin: 0px;
	padding: 0 17px 4px 0;
}
#main-responsive ol li {
	padding-right: 0.6em;
	margin-right: 2em;
	list-style: decimal inside;
}
#main-responsive ol.space li, #main-responsive ul.space li {
	padding-bottom: 1em
}
#main-responsive a:link {
	color: #015b7e;
} /* NEW */
#main-responsive a:visited {
	color: #414141;
} /* NEW */
#main-responsive a:hover, #main-responsive a:active {
	color: #cc3300;  /* NEW */
	text-decoration: underline;
}
.search-container {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 15px;
}
#content-index {
	width: 100% !important;
	padding: 0 !important;
}
.home-page-third {/*changed/new for GA72*/
	/*border: 1px solid #5a5a5a;*/
	width: 47%;
	/*background-color: white;
	margin-top: -1.2em;*/
}
}
.cols-wrapper {
	clear: both;
	margin: 2em 0 3em 0;
    border-top: 3em;
/*	border-top: 3em #f3723b solid; original for pre-GA75 sites*/
}
.first-col {
	margin-right: 1%;
}
.second-col {
	margin-right: 4%;
}
.third-col {
	float: left;
	margin-left: 1%;
}
.search-container {
	height: 18px;
}
a {
	color: #196787;
	text-decoration: underline;
}
ul.slides li .un-social-media li {
	background-image: none !important;
}
.flex-control-nav {
	bottom: 0px;
}

#main-responsive .more {
	loat: right;
    background-image: url(https://www.un.org/ar/ga/assets/img/checkmark.gif);
    background-repeat: no-repeat;
    background-position: 87% 0;
    padding-right: 17%;
}
.nolink {
	font-weight: bold !important;
}
.subul {
	padding-right: 10px;
}
/* For 5TH COMTTE SIDE MENU */
.headitem {
	font-weight: bold;
}
.active_sub {
	/*background-color: #0698c9 !important;*/
	color: #F15A22 !important;
	font-weight: bold !important;
/*	background-image: url(/ar/ga/assets/img/bullet7.gif);*/
	background-repeat: no-repeat;
	background-position: right 12px;
	padding-right: 10px;
}

#content .date {
	font-size: 0.82em;
	color: #555555;
}

p.gaticker {
	color: #b50b02;/* margin-top: 1em;
	margin-bottom: -10px;
	*/
}
#bottomnav-responsive h3 {
	border-bottom: 2px #019ad0solid;
}
#bottomnav-responsive {
	margin-top: 75px;
}
#bottomnav-responsive ul li {
	list-style: none;
}

/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
    margin-top: -6px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
    margin-right: -65px; 
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(/styleguide/img/logo-ar.svg) no-repeat;
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}
 .nolink {
    font-weight: bold !important;
}
/**/

/* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
    /* 1) gray bar index */
              #main-responsive .grey-well {  
                font-family: 'Droid Arabic Kufi', "Noto Kufi Arabic", "Roboto", sans-serif !important;
                /* 
                  margin: auto 0 1.5rem 0;
                  padding: 1rem;
                  background-color: #f5f5f5;
                  border-radius: 0px;
                  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                  border-right: 1px solid #e3e3e3;  
                  box-sizing: border-box;
                  margin-right: 1%;
                  width: 30%;
              */       
                font-size: 90%;
                }
              .itemzindex ul li {
                list-style: none;
                font-size: 88%;
                padding-left: 1rem;
                list-style: none;
                display: inline-flex;
                background-image: none;
              }
              .itemzindex li a {
                list-style: none;
              }
              .itemzindex a {
                color: #aaa;
                text-decoration: none;
              }
              .itemzindex a:hover {
                font-weight: bolder;
                color: #1A1A1A;
                text-decoration: overline;
                text-decoration-color: #00a1d9;
              }
              .itemzindex a:active {
                color: #939393;
                text-decoration: overline;
                text-decoration-color: #00a1d9;
              }
   /* 2)  items */
              .ItemTitle {
                text-align: center;
                padding-top: 1.75em;
              }
              .ItemNumber {
                font-weight: bold;
                color: #069DD8;
                font-size: 120%;
              }
            .footnote {
                font-size: 80%;
                margin-top: 1%;
                padding-right: 1%;
                width: 85%;
                color:#9a9696; 
                }
                .foot-spacer {
                  border-top: 0.5px solid #4EBCE8;
                width: 24%;
                margin-top: 3%;
                }
                .footnote p {
                    padding-top: 1%;
                }
                .footnote ul {
                   padding-top: 0.5%;

                }
                .footnote ol {
/*                  list-style: arabic-indic;*/
                  padding-top: 0.5%;
                  margin-right: -4%;

                }
                .ftnt, .ftnt a {
                    font-size: 72%;
                    color: #9a9696;
                    font-weight: lighter;
                }

              #main-responsive .ItemTitle h4 {
                font-size: 124%;
                color: #f15a22;
              }
              #main-responsive .ItemTitle h5 {
                font-size: 110%;
                font-weight: bolder;
                color: #F15A22 !important;
              }
   /* 3) accordion  */
              .panel-title {
                text-align: center;
                color: #00a1d9;
              }
              .panel-title a {
                color: #00a1d9;
              }
              label {
                display: -webkit-box;
                font-weight: 600;
                margin-bottom: 0.375em;
                margin-right: 5em;
              }
              .udrlned-blue {
                color: #00a1d9;
                text-decoration: underline;
                text-decoration-color: #00a1d9;
              }
              #itemindex {
                border: solid 1px #000;
                background-color: #f5f5f5;
                border: 1px solid #e3e3e3;
                padding: 1%;
                text-align: center;
                margin-bottom: 1em;
              }
              #itemindex a {
                font-family: "Noto Kufi Arabic", "Roboto", sans-serif !important;
                padding: 9px;
                font-size: 1.25em;
                padding-left: 0.4rem;
                color: #aaa;
              }
              #itemindex a:hover {
                font-weight: bolder;
                color: #1A1A1A;
                text-decoration: overline;
                text-decoration-color: #00a1d9;
              }
              .panel {
                background-color: transparent !important;
                border: 0px !important;
              }
              .panel-default {
                border-color: transparent !important;
              }
              .panel-group .panel + .panel {
                margin-top: 0px;
              }
              .panel-default > .panel-heading {
                display: none;
              }
                       /*  BACK TO TABLE OF CONTENT (ANOTHER PAGE) 
                           note: this part kept for refrence as it is replaced with more floating side nav for ease & accessibility


                                  .back-to-toc {
                                    float: right;
                                    font-size: 85%;
                                  }
                                  .back-to-toc::before {
                                    text-align: right;
                                    padding-top: 5px;
                                    font-family: 'FontAwesome';
                                    content: '\f101';
                                    color: #00a1d9;
                                    padding: 5px;
                                  }
                                  .back-to-toc a, a:active, a:checked, a:hover, a:visited {
                                    color: #cc3300;
                                  }
                      */
/* 5) FLOATING SIDE NAV */
        .floatnav {
                  height: 100%;
                  width: 0;
                  position: fixed;
                  z-index: 1;
                  top: 0;
                  right: 0;
                  background-color: #4fc5f2;
                  overflow-x: hidden;
                  transition: 0.5s;
                  padding-top: 60px;
                  z-index: 100;
                  }
            .floatnav a {
                  padding: 8px 45px 8px 8px;
                  text-decoration: none;
                  font-size: 15px;
                  color: #818181;
                  display: block;
                  transition: 0.3s;
                  } 
            .floatnav .closebtn {
                  position: absolute;
                  top: 0;
                  left: 25px;
                  font-size: 36px;
                  margin-right: 50px;
                }

            #RoPGAFloatNav a:link  {
                   color: #fff;
                   font-weight: bold;
                   }
            #RoPGAFloatNav a:hover  {
                   background: #015b7e;
                   font-weight: bold;
                   }
            .tocfloatNav {
                    float: right;
                    font-size: 85%;
                    cursor:pointer;
                    color: #015b7e;
                    }
            .tocfloatNav::before {
                    text-align: right;
                    padding-top: 5px;
                    font-family: 'FontAwesome';
                    content: '\f0c9';
                    color: #F15A22;
                    padding: 5px;
                    }

   /* 6) BACK TO TOP LINK  */
                  .back-to-toplink {
                    float: left;
                    margin-right: 5%;
                    font-size: 85%;
                    }
                  .back-to-toplink::before {
                    text-align: left;
                    padding-top: 5px;
                    font-family: 'FontAwesome';
                    content: '\f102';
                    color: #F15A22;
                    padding: 5px;
                    }
                        /*
                          .back-to-toplink a, a:active, a:checked, a:hover, a:visited {
                            color: #cc3300;
                          }
                        */
                .indxa {
                margin-right: 4%;
                }

      /* INTERACTIVE TABS */
              .intratv-tabs .nav  {
                      font-size: 20px;
                      font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
                      font-weight: 600;
                  }

                  .intratv-tabs .nav-pills > li.active > a, 
                  .intratv-tabs .nav-pills > li.active > a:hover, .intratv-tabs 
                  .nav-pills > li.active > a:focus {
                      background-color: #009edb;
                      border-radius: 0;
                  }
                  .tab-content li {
                      padding-bottom: 10px;
                  }

                  .intratv-tabs .tab-pane {
                     margin: 0 5rem;;
                  }

                  .tab-content a {
                      border-bottom: dotted 0.1rem #333333;
                  }
                  .intratv-tabs a {
                      font-size: 18px;
                  }

/* THIS SECTION IS FOR HANDHELD DEVICES CODES ONLY  */

@media (max-width: 999px) {
ul#site-main-menu .nav-item {
	height: 50px;
}
#content .date {
	font-size: 0.82em;
	color: #555555;
}
/*
	.site-header {
	font-size: 241%;
}
*/
    
/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
    margin-top: -6px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
    margin-right: -65px; 
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(/styleguide/img/logo-ar.svg) no-repeat;
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}
 
/* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* gray bar index */
    #main-responsive .grey-well { padding-bottom: 0.5rem;}


}

@media (min-width: 769px) {
.sub-nav {
	position: absolute;
}
.nav-menu {
	display: block;
}
button.menu-link {
	display: none;
}
#content .date {
	font-size: 0.82em;
	color: #555555;
}

.site-header {
	font-size: 241%;
}
    
/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
    margin-top: -6px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
/*    margin-right: -65px; originally used to make space for GA75 icon */
    margin-right: 3px;
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(https://www.un.org/styleguide/img/logo-ar.svg) no-repeat;
/*    background: url(/styleguide/img/logo-ar.svg) no-repeat; original */
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}

    /* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* gray bar index */
    #main-responsive .grey-well { padding-bottom: 0.5rem;}
}

@media (max-width: 768px) {
.sub-nav {
	position: inherit;
}
ul#site-main-menu .nav-item {
	height: auto;
}
.nav-menu {
	display: none;
}
.menu-active {
	display: block;
}
.unga-banner-logo {
	width: 50px;
	float: left !important;
	margin-left: 25px;
}
.un-banner-logo {
	padding: 7px 0px;
}
.region-search {
	margin-top: 10px;
}
footer {
	margin-top: 0px;
}
.site-header {
	width: 100%;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 241%;
}
.un-social-media {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	text-align: left;
	padding-bottom: 39px;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
}
.un-social-media ul {
	list-style: none;
	padding: 0 20px;
}
.un-social-media ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	float: right;
}
.basicfacts-responsive {
	margin-bottom: 25px;
}
.sub-nav.open {
	margin-top: 0px;
	min-width: 200px;
}
.flex-control-nav {
	display: none;
}
.home-page-third {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-bottom: 0.5em;
	margin-top: 0;
	margin-right: 20px;
	width: 98%;
	margin: 1% 1%;
}
.first-col, .second-col, .third-col {
	float: none;
	margin: 0%;
}
.cols-wrapper {
	clear: both;
	margin: 1em 0 0em 0;
	padding: 3rem; /* by sadek */
/*	border-top: 3em #f3723b solid;*/
}
#content .date {
	font-size: 0.82em;
	color: #555555;
}
.home-page-third h3 { /*changed/new for GA72*/
	padding-top: 20px !important;
	margin-top: 20px !important;
}
#focus {
    max-width: 100%;
    border: 3px dotted #f15a22;
    margin: 40px auto 40px auto;
}
#skiptocontent a:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #777;
	outline: 0;
 -webkit-transition: top .1s ease-in, background .5s linear;
 transition: top .1s ease-in, background .5s linear;
}
#site-main-menu .nav>li>a:focus, #site-main-menu .nav>li>a:hover {
	background-color:#666666;
}
#page-content-x a, #page-content-x a:focus,#page-content-x a:hover,#page-content a, #page-content a:focus,#page-content a:hover{
	text-decoration:underline !important;
}
.flying-focus_target {
	outline: 2px solid #163cdf !important;
}
    
/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    /*color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
	margin-right: -65px;
	color: #ffffff00;*/
    font-weight: 700;
    font-size: 2rem !important;
    margin-top: 8px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
    margin-right: 102px !important;
}
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(/styleguide/img/logo-ar.svg) no-repeat;
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}
 
#bottomnav-responsive h3 {
	border-bottom: 2px #019ad0solid;
}
    /* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* gray bar index */
    #main-responsive .grey-well { padding-bottom: 0.5rem;}
    
}

 /* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* floating side nav */
@media screen and (max-height: 450px) {
		  .floatnav {padding-top: 15px;}
		  .floatnav a {font-size: 18px;}
		  .cols-wrapper {padding: 3rem; margin: 1rem;}
		 .navbar-header .navbar-brand-un2 {color: #fff0;}
		}

  /* additional styles by sadek  */
  
@media screen and (max-width: 768px)
.cols-wrapper { 
	.cols-wrapper {padding: 3rem; margin: 1rem;}
	.navbar-header .navbar-brand-un2 {color: #fff0;}
}
@charset "utf-8";
/* CSS Document */

.site-header {
	/*font: normal 26px/1em 'Roboto Slab', arial, sans-serif;
    letter-spacing: -0.015em;
    color: #4d4d4d;
    text-transform: none;
    text-decoration: none;
    font-weight: bold !important;

	margin-top: 75px;    */
	font-size: 400%;
	margin-top: 15px;
}
.js {
	width: 100%;
	margin: 0px;
	overflow-x: hidden;
}
.pull-left {
	float: left!important;
}
h3 {
	color: #104a6a;
}
.search-container {
}
a {
	color: #196787;
	text-decoration: underline;
}
/*.un-banner-logo {
    padding: 57px 0px;
}
*/
header {
/*border-bottom:2px solid #bab3ad;*/
}
.fa {
	padding-top: 3px;
}
.region-search {
	margin-top: 20px;
	margin-bottom: 20px;
}
.un-social-media-ga {
	position: fixed;
	z-index: 10000;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.nav>li>a {
	text-decoration: none;
}
#languages {
	height: auto !important;
	margin-top: 5px;
}
.un-brandbar-welcome-lr {
	text-decoration: none;
}
li.no_lang_link {
	padding: 10px 7px 0px 7px;
	font-weight: bold;
}
/*---SM---*/
/*
un-social-media {
    position: absolute;
    top: 145px;
    left: 1000px;
    width: 45px;
    text-align: center;
    z-index: 9999;
} */



.un-social-media ul {
	list-style: none;
	padding: 0;
}
.un-social-media ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}
.un-social-media ul li a {
	width: 35px;
	height: 34px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6.5px;
}
.un-social-media ul li.facebook a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/facebook.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.twitter a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/twitter.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.youtube a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/youtube.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.pinterest a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/pinterest.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.google a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/googleplus.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.flickr a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/flickr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.tumblr a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/tumblr.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.instagram a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/instagram.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media ul li.more a {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
	background-image: url(/ar/events/global-assets/img/more.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	list-style-image: none;
	list-style-type: none;
}
.un-social-media {
	position: absolute;
	top: 145px;
	left: 10px;
	width: 60px;
	text-align: center;
	z-index: 9999;
}
.un-social-media ul {
	list-style: none;
	padding: 0;
}
.un-social-media ul li {
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 0;
}
/*---End SM---*/



/* PAGE CONTENT ATTRIBUTES */

/*#main-responsive { 
	float: right;
	margin: 0;
	width:73%;
	padding-top: 1.3em;
	padding-left: 1.3em;
	padding-bottom: 1.5em;
	padding-right: 2.3em;
}
*/
#main-responsive h2 {
	color: #00a7e2; /* NEW */
	font-weight: normal;
	font-size: 160%;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#main-responsive h3 {
	clear: both;
	color: #cc3300;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#main-responsive h4 {
	color: #333333;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.7em;
}
#main-responsive p, #main-responsive ul li, #main-responsive ol li {
	color: #555555; /* NEW *//*line-height: 16px;  SADEK */
}
#main-responsive ul li {
	/*list-style-type: none;
	background-image: url(/ar/ga/images/bullet_brown.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	margin: 0px;
	padding: 0 12px 4px 0;*/
	list-style-type: none;
	 background-image: url(https://www.un.org/en/ga/images/bullet_orange.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	margin: 0px;
	padding: 0 17px 4px 0;
}
#main-responsive ol li {
	padding-right: 0.6em;
	margin-right: 2em;
	list-style: decimal inside;
}
#main-responsive ol.space li, #main-responsive ul.space li {
	padding-bottom: 1em
}
#main-responsive a:link {
	color: #015b7e;
} /* NEW */
#main-responsive a:visited {
	color: #414141;
} /* NEW */
#main-responsive a:hover, #main-responsive a:active {
	color: #cc3300;  /* NEW */
	text-decoration: underline;
}
.search-container {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 15px;
}
#content-index {
	width: 100% !important;
	padding: 0 !important;
}


.cols-wrapper {
	clear: both;
	margin: 2em 0 3em 0;
    border-top: 3em;
/*	border-top: 3em #f3723b solid; original for pre-GA75 sites*/
}
.first-col {
	margin-right: 1%;
}
.second-col {
	margin-right: 4%;
}
.third-col {
	float: left;
	margin-left: 1%;
}
.search-container {
	height: 18px;
}
a {
	color: #196787;
	text-decoration: underline;
}
ul.slides li .un-social-media li {
	background-image: none !important;
}
.flex-control-nav {
	bottom: 0px;
}

#main-responsive .more {
	loat: right;
    background-image: url(https://www.un.org/ar/ga/assets/img/checkmark.gif);
    background-repeat: no-repeat;
    background-position: 87% 0;
    padding-right: 17%;
}
.nolink {
	font-weight: bold !important;
}
.subul {
	padding-right: 10px;
}
/* For 5TH COMTTE SIDE MENU */
.headitem {
	font-weight: bold;
}
.active_sub {
	/*background-color: #0698c9 !important;*/
	color: #F15A22 !important;
	font-weight: bold !important;
/*	background-image: url(/ar/ga/assets/img/bullet7.gif);*/
	background-repeat: no-repeat;
	background-position: right 12px;
	padding-right: 10px;
}

#content .date {
	font-size: 0.82em;
	color: #555555;
}

p.gaticker {
	color: #b50b02;/* margin-top: 1em;
	margin-bottom: -10px;
	*/
}
#bottomnav-responsive h3 {
	border-bottom: 2px #019ad0solid;
}
#bottomnav-responsive {
	margin-top: 75px;
}
#bottomnav-responsive ul li {
	list-style: none;
}

/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
    margin-top: -6px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
    margin-right: -65px; 
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(/styleguide/img/logo-ar.svg) no-repeat;
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}
 .nolink {
    font-weight: bold !important;
}
/**/

/* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
    /* 1) gray bar index */
              #main-responsive .grey-well {  
                font-family: 'Droid Arabic Kufi', "Noto Kufi Arabic", "Roboto", sans-serif !important;
                /* 
                  margin: auto 0 1.5rem 0;
                  padding: 1rem;
                  background-color: #f5f5f5;
                  border-radius: 0px;
                  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
                  border-right: 1px solid #e3e3e3;  
                  box-sizing: border-box;
                  margin-right: 1%;
                  width: 30%;
              */       
                font-size: 90%;
                }
              .itemzindex ul li {
                list-style: none;
                font-size: 88%;
                padding-left: 1rem;
                list-style: none;
                display: inline-flex;
                background-image: none;
              }
              .itemzindex li a {
                list-style: none;
              }
              .itemzindex a {
                color: #aaa;
                text-decoration: none;
              }
              .itemzindex a:hover {
                font-weight: bolder;
                color: #1A1A1A;
                text-decoration: overline;
                text-decoration-color: #00a1d9;
              }
              .itemzindex a:active {
                color: #939393;
                text-decoration: overline;
                text-decoration-color: #00a1d9;
              }
   /* 2)  items */
              .ItemTitle {
                text-align: center;
                padding-top: 1.75em;
              }
              .ItemNumber {
                font-weight: bold;
                color: #069DD8;
                font-size: 120%;
              }
            .footnote {
                font-size: 80%;
                margin-top: 1%;
                padding-right: 1%;
                width: 85%;
                color:#9a9696; 
                }
                .foot-spacer {
                  border-top: 0.5px solid #4EBCE8;
                width: 24%;
                margin-top: 3%;
                }
                .footnote p {
                    padding-top: 1%;
                }
                .footnote ul {
                   padding-top: 0.5%;

                }
                .footnote ol {
/*                  list-style: arabic-indic;*/
                  padding-top: 0.5%;
                  margin-right: -4%;

                }
                .ftnt, .ftnt a {
                    font-size: 72%;
                    color: #9a9696;
                    font-weight: lighter;
                }

              #main-responsive .ItemTitle h4 {
                font-size: 124%;
                color: #f15a22;
              }
              #main-responsive .ItemTitle h5 {
                font-size: 110%;
                font-weight: bolder;
                color: #F15A22 !important;
              }
   /* 3) accordion  */
              .panel-title {
                text-align: center;
                color: #00a1d9;
              }
              .panel-title a {
                color: #00a1d9;
              }
              label {
                display: -webkit-box;
                font-weight: 600;
                margin-bottom: 0.375em;
                margin-right: 5em;
              }
              .udrlned-blue {
                color: #00a1d9;
                text-decoration: underline;
                text-decoration-color: #00a1d9;
              }
              #itemindex {
                border: solid 1px #000;
                background-color: #f5f5f5;
                border: 1px solid #e3e3e3;
                padding: 1%;
                text-align: center;
                margin-bottom: 1em;
              }
              #itemindex a {
                font-family: "Noto Kufi Arabic", "Roboto", sans-serif !important;
                padding: 9px;
                font-size: 1.25em;
                padding-left: 0.4rem;
                color: #aaa;
              }
              #itemindex a:hover {
                font-weight: bolder;
                color: #1A1A1A;
                text-decoration: overline;
                text-decoration-color: #00a1d9;
              }
              .panel {
                background-color: transparent !important;
                border: 0px !important;
              }
              .panel-default {
                border-color: transparent !important;
              }
              .panel-group .panel + .panel {
                margin-top: 0px;
              }
              .panel-default > .panel-heading {
                display: none;
              }
                       /*  BACK TO TABLE OF CONTENT (ANOTHER PAGE) 
                           note: this part kept for refrence as it is replaced with more floating side nav for ease & accessibility


                                  .back-to-toc {
                                    float: right;
                                    font-size: 85%;
                                  }
                                  .back-to-toc::before {
                                    text-align: right;
                                    padding-top: 5px;
                                    font-family: 'FontAwesome';
                                    content: '\f101';
                                    color: #00a1d9;
                                    padding: 5px;
                                  }
                                  .back-to-toc a, a:active, a:checked, a:hover, a:visited {
                                    color: #cc3300;
                                  }
                      */
/* 5) FLOATING SIDE NAV */
        .floatnav {
                  height: 100%;
                  width: 0;
                  position: fixed;
                  z-index: 1;
                  top: 0;
                  right: 0;
                  background-color: #4fc5f2;
                  overflow-x: hidden;
                  transition: 0.5s;
                  padding-top: 60px;
                  z-index: 100;
                  }
            .floatnav a {
                  padding: 8px 45px 8px 8px;
                  text-decoration: none;
                  font-size: 15px;
                  color: #818181;
                  display: block;
                  transition: 0.3s;
                  } 
            .floatnav .closebtn {
                  position: absolute;
                  top: 0;
                  left: 25px;
                  font-size: 36px;
                  margin-right: 50px;
                }

            #RoPGAFloatNav a:link  {
                   color: #fff;
                   font-weight: bold;
                   }
            #RoPGAFloatNav a:hover  {
                   background: #015b7e;
                   font-weight: bold;
                   }
            .tocfloatNav {
                    float: right;
                    font-size: 85%;
                    cursor:pointer;
                    color: #015b7e;
                    }
            .tocfloatNav::before {
                    text-align: right;
                    padding-top: 5px;
                    font-family: 'FontAwesome';
                    content: '\f0c9';
                    color: #F15A22;
                    padding: 5px;
                    }

   /* 6) BACK TO TOP LINK  */
                  .back-to-toplink {
                    float: left;
                    margin-right: 5%;
                    font-size: 85%;
                    }
                  .back-to-toplink::before {
                    text-align: left;
                    padding-top: 5px;
                    font-family: 'FontAwesome';
                    content: '\f102';
                    color: #F15A22;
                    padding: 5px;
                    }
                        /*
                          .back-to-toplink a, a:active, a:checked, a:hover, a:visited {
                            color: #cc3300;
                          }
                        */
                .indxa {
                margin-right: 4%;
                }

      /* INTERACTIVE TABS */
              .intratv-tabs .nav  {
                      font-size: 20px;
                      font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
                      font-weight: 600;
                  }

                  .intratv-tabs .nav-pills > li.active > a, 
                  .intratv-tabs .nav-pills > li.active > a:hover, .intratv-tabs 
                  .nav-pills > li.active > a:focus {
                      background-color: #009edb;
                      border-radius: 0;
                  }
                  .tab-content li {
                      padding-bottom: 10px;
                  }

                  .intratv-tabs .tab-pane {
                     margin: 0 5rem;;
                  }

                  .tab-content a {
                      border-bottom: dotted 0.1rem #333333;
                  }
                  .intratv-tabs a {
                      font-size: 18px;
                  }

/* THIS SECTION IS FOR HANDHELD DEVICES CODES ONLY  */

@media (max-width: 999px) {
ul#site-main-menu .nav-item {
	height: 50px;
}
#content .date {
	font-size: 0.82em;
	color: #555555;
}
/*
	.site-header {
	font-size: 241%;
}
*/
    
/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
    margin-top: -6px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
    margin-right: -65px; 
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(/styleguide/img/logo-ar.svg) no-repeat;
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}
 
/* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* gray bar index */
    #main-responsive .grey-well { padding-bottom: 0.5rem;}


}

@media (min-width: 769px) {
.sub-nav {
	position: absolute;
}
.nav-menu {
	display: block;
}
button.menu-link {
	display: none;
}
#content .date {
	font-size: 0.82em;
	color: #555555;
}

.site-header {
	font-size: 241%;
}
    
/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
    margin-top: -6px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
/*    margin-right: -65px; originally used to make space for GA75 icon */
    margin-right: 3px;
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(https://www.un.org/styleguide/img/logo-ar.svg) no-repeat;
/*    background: url(/styleguide/img/logo-ar.svg) no-repeat; original */
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}

    /* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* gray bar index */
    #main-responsive .grey-well { padding-bottom: 0.5rem;}
}

@media (max-width: 768px) {
.sub-nav {
	position: inherit;
}
ul#site-main-menu .nav-item {
	height: auto;
}
.nav-menu {
	display: none;
}
.menu-active {
	display: block;
}
.unga-banner-logo {
	width: 50px;
	float: left !important;
	margin-left: 25px;
}
.un-banner-logo {
	padding: 7px 0px;
}
.region-search {
	margin-top: 10px;
}
footer {
	margin-top: 0px;
}
.site-header {
	width: 100%;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 241%;
}
.un-social-media {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	text-align: left;
	padding-bottom: 39px;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 15px;
}
.un-social-media ul {
	list-style: none;
	padding: 0 20px;
}
.un-social-media ul li {
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
	float: right;
}
.basicfacts-responsive {
	margin-bottom: 25px;
}
.sub-nav.open {
	margin-top: 0px;
	min-width: 200px;
}
.flex-control-nav {
	display: none;
}
.home-page-third {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-bottom: 0.5em;
	margin-top: 0;
	margin-right: 20px;
	width: 98%;
	margin: 1% 1%;
}
.first-col, .second-col, .third-col {
	float: none;
	margin: 0%;
}
.cols-wrapper {
	clear: both;
	margin: 1em 0 0em 0;
	padding: 3rem; /* by sadek */
/*	border-top: 3em #f3723b solid;*/
}
#content .date {
	font-size: 0.82em;
	color: #555555;
}
.home-page-third h3 { /*changed/new for GA72*/
	padding-top: 20px !important;
	margin-top: 20px !important;
}
#focus {
    max-width: 100%;
    border: 3px dotted #f15a22;
    margin: 40px auto 40px auto;
}
#skiptocontent a:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #777;
	outline: 0;
 -webkit-transition: top .1s ease-in, background .5s linear;
 transition: top .1s ease-in, background .5s linear;
}
#site-main-menu .nav>li>a:focus, #site-main-menu .nav>li>a:hover {
	background-color:#666666;
}
#page-content-x a, #page-content-x a:focus,#page-content-x a:hover,#page-content a, #page-content a:focus,#page-content a:hover{
	text-decoration:underline !important;
}
.flying-focus_target {
	outline: 2px solid #163cdf !important;
}
    
/* UN2 Masthead */
#brand-bar.navbar {
  padding-right: 6rem;
  padding-left: 6rem; }

.navbar-header {
  padding-top: 39.7301012822px;
  padding-bottom: 39.7301012822px;
  width: 100%;
}
  .navbar-header .navbar-brand-un2 {
    /*color: #4d4d4d;
    font-weight: 700;
    font-size: 3.6rem;
	margin-right: -65px;
	color: #ffffff00;*/
    font-weight: 700;
    font-size: 2rem !important;
    margin-top: 8px;
    font-family: 'Droid Arabic Kufi',tahoma !important;
    line-height: 1.2;
    letter-spacing: 0;
    text-decoration: none;
    padding: 0;
    margin-right: 102px !important;
}
}
  .navbar-header .navbar-btn {
    display: block;
    margin: 0 0 0 -3px;
    padding: 0;
    width: 27.4615384615rem;
    height: 7.7981651376rem;
    margin-left: 1.9615384615rem;
    background: url(/styleguide/img/logo-ar.svg) no-repeat;
    background-position: right top !important;
    float: right !important;
}
    .navbar-header .navbar-btn::after {
      content: '';
      display: block;
      margin-top: 0.3041284404rem;
      height: 7.1509174312rem;
      border-left: black solid 1px; 
}
   
a.navbar-brand-un2.navbar-brand-img.pull-right.flip {
  margin: 0;
  padding: 0;
  height: 71px;
  width: 158px; 
    float: right !important;
}

.site-title-un2 {
	margin-right: 30px;
}
 
#bottomnav-responsive h3 {
	border-bottom: 2px #019ad0solid;
}
    /* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* gray bar index */
    #main-responsive .grey-well { padding-bottom: 0.5rem;}
    
}

 /* STYLES FOR GA'S RULES OF PROCEDURES ADDED BY SADEK */
      /* floating side nav */
@media screen and (max-height: 450px) {
		  .floatnav {padding-top: 15px;}
		  .floatnav a {font-size: 18px;}
		  .cols-wrapper {padding: 3rem; margin: 1rem;}
		 .navbar-header .navbar-brand-un2 {color: #fff0;}
		}

  /* additional styles by sadek  */
  
@media screen and (max-width: 768px)
.cols-wrapper { 
	.cols-wrapper {padding: 3rem; margin: 1rem;}
	.navbar-header .navbar-brand-un2 {color: #fff0;}
}
.second-col {
    float: right;
    margin-right: 1%;
}



#content p, #content ul li, #content ol li {
    color: #4d4d4d;
    line-height: 19px;
    margin-top: 1.2em;
}
p {
    margin: 0 0 10px;
}
p, fieldset, table {
    margin-bottom: 1em;
}

body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}



@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
body {
    font-family: "Noto Naskh Arabic", "Roboto", serif;
    font-size: 15px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.first-col {
    margin-left: 1%;
}


@media (min-width: 992px) {
    .col-md-4 {
        width: 33.33333333%;
    }
}

.separationline {
    width: 35%;
    border-bottom: 1px dotted #ffc20e;
    margin: 30px auto;
    padding: 0;
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: right;
    }
}

.first-col {
    margin-left: 1%;
}

.home-page-third {

.un-no-padding {
    padding: 0px;
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

}
 #focus {
    
    border: 3px dotted #f15a22;
    margin: 40px auto 40px auto;
}
#content {
    float: right;
    margin: 0;
    width: 73%;
    padding-top: 1.3em;
    padding-left: 1.3em;
    padding-bottom: 1.5em;
    padding-right: 2.3em;
}
#content {
    width: 100% !important;
    padding: 0 !important;
}
#content h2 {
    /* margin-top: 0.5em !important; */
    padding-top: 20px !important;
    margin-bottom: 0.5 !important;
    color: #019ad0 /*#4d4d4d*/ !important;
}

p {
    
    font-weight: 400;
    color: #454545;
    letter-spacing: -0.35px;
    font-family: "Noto Naskh Arabic", "Roboto", serif;
}

#content p, #content ul li, #content ol li {
    color: #4d4d4d;
    line-height: 30px;
    margin-top: 1.2em;
    font-size: 18px;
}