/* Add here all your css styles (customizations) */

@media (min-width: 992px) {
  .header-v1 .container > .navbar-header,
  .header-v1 .container-fluid > .navbar-header,
  .header-v1 .container > .navbar-collapse,
  .header-v1 .container-fluid > .navbar-collapse {
    margin-bottom: 10px;
  }
}
/*-----------------------------------
  Super extra small buttons
------------------------------------*/

.btn-u-xxs,
a.btn-u-xxs {
  font-size: 11px;
  padding: 2px 8px;
  line-height: 12px;
}

/*--------------------------------------------------
    [2. Header - Navbar]
----------------------------------------------------*/

.header {
  border-bottom: none;
}

.header-v1 .navbar-default .navbar-nav > li > a {
  padding: 10px 30px 12px 20px;
}

.navbar-brand {
  padding-right: 2px;
}

.navbar-toggle {
  margin-top: 5px;
}

/*----------------------------------
  title
-----------------------------------*/
.title {
  display: block;
  margin: 10px 0 20px 0;
}

.title a {
  text-decoration: none;
  color: #555;
}

.title h1 {
  margin: 0 0 -2px 0;
  padding-bottom: 5px;
  border-bottom: 2px solid #5b92e5;
}

/*----------------------------------
  headline
-----------------------------------*/
.headline {
  margin: 0 0 10px 0;
}

.headline h2 {
  padding-top: 2px;
}

/*----------------------------------
  Footer
------------------------------------*/

.footer {
  color: #5b92e5;
}

.copyright {
  color: #5b92e5;
}

.copyright .row {
  margin-right: 30px;
}

/*----------------------------------
 language document button
-----------------------------------*/

.btn-language-doc {
  min-width: 6em;
  margin: 2px 0;
}

span.label-blue,
span.badge-blue {
  background: #5b92e5;
  color: #fff;
  padding: 0px 4px 2px;
  font-family: "Open Sans";
  font-weight: lighter;
}

span.label-green,
span.badge-green {
  background: #1abc9c;
  color: #fff;
  padding: 0px 4px 2px;
  font-family: "Open Sans";
  font-weight: lighter;
}

span.label-yellow,
span.badge-yellow {
  background: #f1c40f;
  color: #fff;
  padding: 0px 4px 2px;
  font-family: "Open Sans";
  font-weight: lighter;
}

/*----------------------------------
 Tabs
-----------------------------------*/

.acc-v1 a.active,
.acc-v1 a.accordion-toggle,
.acc-v1 a.accordion-toggle:hover {
  background: #5b92e5;
  color: #fff;
}

.pager-v2 li > a,
.pager-v2 li > span {
  color: #fff;
  background: #5b92e5;
  border-color: #5b92e5;
  margin: 15px 0;
}

.acc-v1-grey .panel-heading {
  background: #999;
  color: #fff;
}
.acc-v1-grey .panel-heading:hover {
  background: #ccc;
  color: #fff;
}

.acc-v1-grey .panel-heading a:hover {
  text-decoration: none;
  color: #999;
}

.acc-v1-grey .panel-heading a.active,
.acc-v1-grey .panel-heading a.accordion-toggle,
.acc-v1-grey .panel-heading a.accordion-toggle:hover {
  text-decoration: none;
  color: #fff;
}

/*----------------------------------
  Pager
 -----------------------------------*/
.pager.pager-v2 li > a:hover,
.pager.pager-v2 li > a:focus {
  background: #96b9ee;
  border-color: #96b9ee;
}

/*----------------------------------
  news
 -----------------------------------*/

.news-read-more i {
  color: #5b92e5;
  background: none;
}

/*----------------------------------
 Side-events styling
-----------------------------------*/

.side-event-day .panel-title {
  font-weight: bold;
}

.side-event-slot h4,
.side-event {
  border-bottom: dotted 1px #999;
}

.side-event p {
  margin-bottom: 0px;
  border-bottom: none;
  font-size: smaller;
}

.side-event-time {
  font-weight: bold;
}

.side-event-banner {
  color: red;
}

.side-event-title {
  color: #5b92e5;
}

.side-event-link {
  text-align: left;
}

.side-event-slot-remark,
.side-event-remark {
  font-style: italic;
  text-align: center;
}

/*----------------------------------
Side-event main page styling
-----------------------------------*/

.side-event-page-title {
  font-size: large;
}

.event-page-organizer {
  font-style: italic;
}
.event-page-alert {
  font-style: italic;
  font-weight: bolder;
}

.event-page-body {
  max-width: 750px;
  margin: 0 auto;
  margin-top: 25px;
}
.event-page-body p {
  margin-bottom: 25px;
}

.event-agenda {
  max-width: 650px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
}

.event-agenda h3 {
  margin-left: -1em;
  padding-top: 15px;
  font-size: larger;
  font-weight: 600;
  color: #888;
}

.event-agenda h4 {
  font-size: medium;
  margin-left: -1em;
  font-style: italic;
  font-weight: 600;
}

.agenda-item {
  margin-bottom: 6px;
  font-size: larger;
}

.agenda-item-time {
  color: #5b92e5;
  padding-left: 1em;
}

.agenda-item-title {
  font-weight: 600;
}

.agenda-item-files a {
  text-decoration: none;
}

.agenda-item-files ul {
  list-style: none;
  padding: 2px 0;
}

.agenda-item-files li {
  padding-left: 1.3em;
  color: #5b92e5;
}

.agenda-item-files li:before {
  content: "\f1c1"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #5b92e5;
}

.speaker-name,
.speaker-position,
.speaker-organization {
  font-style: italic;
}

/*----------------------------------
 unsc documents styling
 ----------------------------------*/

.unsc-document {
  padding-left: 15px;
}

.unsc-agenda-item-number {
  font-size: small;
  margin-bottom: 0;
}

.unsc-document-number {
  font-size: x-small;
  margin-bottom: 0;
}

.unsc-agenda-item-title {
  font-weight: bolder;
  font-size: large;
  margin-bottom: 0;
}

.unsc-document-title {
  font-weight: bolder;
  margin-bottom: 5px;
}

.unsc-document-links > li {
  margin-top: 2px;
  margin-bottom: 2px;
}

.unsc-document-alert {
  background: #5b92e5;
  color: #fff;
  font-size: smaller;
  font-weight: 200;
  padding: 0px 4px;
}

/*--------------------------------------
 Events styling
-------------------------------------- */

ul#events {
  list-style: none;
  padding: 0;
}

.event {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 3px 2px -2px #e7e7e7;
}

.date {
  border-right: solid 1px #ccc;
}

.month {
  text-transform: uppercase;
}
.day {
  font-size: 50px;
  color: #888;
}

.end-date {
  margin-left: 12px;
}

.event-heading {
  color: #069;
  margin-bottom: 20px;
}

.event-time-location {
  margin-bottom: 20px;
}

.event-time-location p {
  margin-bottom: 3px;
}

.event-time-location span {
  margin-right: 15px;
}

.event-time-location i {
  margin-right: 5px;
  color: #8bb2c6;
}

.event-body img {
  display: block;
  max-width: 100%;
  height: auto;
}

.event-tags {
  margin-top: 20px;
}

#rel-docs a:hover {
  text-decoration: none;
}

#rel-docs a:hover .fa {
  color: #8bb2c6;
}

#rel-docs a:hover .fa-inverse {
  color: #fff;
}

/*----------------------*/

.img-center {
  margin: 0 auto;
}

.blue-blockquote {
  border-top: solid rgba(52, 152, 219, 0.7);
  border-left: none;
}

.red-blockquote {
  border-top: solid rgba(231, 76, 60, 0.7);
  border-left: none;
}

.yellow-blockquote {
  border-top: solid rgba(241, 196, 15, 0.7);
  border-left: none;
}

.green-blockquote {
  border-top: solid rgba(26, 188, 156, 0.7);
  border-left: none;
}

/*----------------------*/

.owl-carousel-v4 .owl-slider-unsd-home .item {
  margin: 0 8px;
}

.owl-slider-unsd-home .owl-pagination {
  display: none;
}

.owl-carousel-v4 .owl-slider-videos .item-video {
  margin: 0px 10px 0px 0px;
}

/*----------------------*/
.affix {
  top: 225px;
}
.show-inline {
  display: inline-block;
  height: 35px;
  vertical-align: bottom;
}

.tab-v3 .nav-pills li a {
  /*color: #777;*/
  font-size: 12px;
  padding: 4px 8px;
  margin-bottom: 3px;
  /*background: #fafafa;*/
  border: solid 1px #eee;
}

.tab-v3 .nav-pills li.active a.tab-blue,
.nav-pills li a.tab-blue:hover,
.nav-pills li a.tab-blue:focus {
  color: #fff;
  background-color: #5b92e5;
  border: solid 1px #5b92e5;
}

.tab-v3 .nav-pills li.active a.tab-green,
.nav-pills li a.tab-green:hover,
.nav-pills li a.tab-green:focus {
  color: #fff;
  background-color: #27ae60;
  border: solid 1px #27ae60;
}

.tab-v3 .nav-pills li.active a.tab-orange,
.nav-pills li a.tab-orange:hover,
.nav-pills li a.tab-orange:focus {
  color: #fff;
  background-color: #f39c12;
  border: solid 1px #f39c12;
}

.hr-m49s {
  color: #5b92e5;
  margin: 0 0 1px 0;
  border: 2px solid #5b92e5;
}

.hr-og {
  color: #27ae60;
  padding: 0px 0px;
  border: solid 2px #27ae60;
  margin: 0 0 1px 0;
}

.hr-sd {
  color: #f39c12;
  padding: 0px 0px;
  border: solid 2px #f39c12;
  margin: 0 0 1px 0;
}

/*-----------------------------------*/

.owl-carousel-v4 .owl-slider-unsd-home .item {
  margin: 0 8px;
}

.owl-slider-unsd-home .owl-pagination {
  display: none;
}

.owl-carousel-v4 .owl-slider-videos .item-video {
  margin: 0px 10px 0px 0px;
}

/*--------------------------------------
Buttons
---------------------------------------*/

.btn-primary {
  color: #fff;
  background-color: #5b92e5;
  border-color: #5b92e5;
}

/*--------------------------------------
Admin data collaborative styline
----------------------------------------*/

.card ul {
  list-style: disc;
}

.markdown-link ul {
  list-style: none;
  padding: 0;
}
.markdown-link li {
  padding-left: 1.3em;
}

.markdown-link li:before {
  content: "\f138"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #5b92e5;
}

.panel-heading a:link,
.panel-heading a:visited,
.panel-heading a:hover,
.panel-heading a:active {
  text-decoration: none;
  color: #222;
}

.labels {
  line-height: 200%;
}

span.case_study {
  background: #e74c3c;
}

span.e_learning {
  background: #3498db;
}

span.guideline {
  background: #1abc9c;
}

span.report {
  background: #f1c40f;
}

span.tool {
  background: #4765a0;
}
