@charset "UTF-8";
/* Colors */
/* Sizes */
/* From Bootstrap */
/* Variables */
/* Font Sizes */
/* Padding */
/* Border Radius */
/* Screens */
.profile-wrapper {
  background-color: #f4f4f4;
}
.profile-wrapper .carousel {
  margin-top: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}
.profile-wrapper .carousel .carousel-item {
  padding-top: 0;
  padding-bottom: 0;
}
.profile-wrapper .carousel .carousel-item .img {
  max-width: 100% !important;
  width: 100% !important;
}
.profile-wrapper #main {
  position: relative;
  z-index: 2;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .profile-wrapper #main {
    display: flex;
    flex-wrap: wrap;
  }
}
.profile-wrapper #main .profile-header {
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .profile-wrapper #main .profile-header {
    width: 30%;
  }
}
.profile-wrapper #main .profile-header .nav-link {
  background-color: white;
  margin-bottom: 8px;
  border-radius: 0;
}
.profile-wrapper #main .profile-header .edit-link {
  color: #666666;
  display: block;
  text-align: center;
  float: none;
  width: 100%;
  padding: 0 0 14px;
}
.profile-wrapper #main .profile-content {
  min-height: 600px;
  background-color: white;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
}
@media (min-width: 768px) {
  .profile-wrapper #main .profile-content {
    width: 70%;
  }
}
.profile-wrapper #main .profile-content > div {
  position: relative;
}
.profile-wrapper #main .profile-content > div nav.breadcrumbs {
  margin: 0;
}
.profile-wrapper #main .profile-content > div > section.feed > div {
  padding: 26px;
}
.profile-wrapper #main .profile-content > div > section.feed > nav {
  padding-bottom: 26px;
}
.profile-wrapper #main .profile-content > div > section#folder {
  background-color: #fcfcfc;
  padding: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 2;
}
.profile-wrapper #main .profile-content > div > section#folder header {
  text-align: center;
  background-color: #efefef;
  padding: 17px;
}
.profile-wrapper #main .profile-content > div > section#folder header > * {
  font-size: 1.2em;
  color: #333333;
}
.profile-wrapper #main .profile-content > div > section#folder header > * a {
  color: #4c4c4c;
  text-decoration: none;
}
.profile-wrapper #main .profile-content > div > section#folder header > * a:hover, .profile-wrapper #main .profile-content > div > section#folder header > * a:focus {
  color: #009edf;
}
.profile-wrapper #main .profile-content > div > section#folder article {
  overflow: hidden;
}
.profile-wrapper #main .profile-content > div > section#folder article > .media {
  margin-top: 17px;
}
.profile-wrapper #main .profile-content > div > section:not(#folder) {
  margin-left: auto;
  margin-right: auto;
}
.profile-wrapper #main .profile-content > div > section:not(#folder) #archive-filter {
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}
.profile-wrapper #main .profile-content > div > section:not(#folder) #archive-filter > nav {
  text-align: center;
  display: block;
}
.profile-wrapper #main .profile-content > div > section:not(#folder) #archive-filter > strong {
  display: block;
  padding-bottom: 10px;
}
.profile-wrapper #main .profile-content > div > section:not(#folder).type-calendar {
  max-width: 100% !important;
  width: 100% !important;
  padding: 14px;
}
@media (min-width: 768px) {
  .profile-wrapper #main .profile-content > div > section:not(#folder).type-calendar {
    padding: 26px;
  }
}
.profile-wrapper #main .profile-content > div > h2 {
  padding: 17px;
  text-align: center;
  font-size: 1.4em;
  color: #333333;
  background-color: #fff;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  position: relative;
  z-index: 3;
}
.profile-wrapper #main .profile-content > div .profile-about {
  padding: 26px;
  padding-bottom: 36px;
  max-width: 768px;
}
.profile-wrapper #main .profile-content > div .profile-about > * {
  margin-top: 23px;
}
.profile-wrapper #main .profile-content > div .profile-about > *:first-child {
  margin-top: 0;
}
.profile-wrapper #main .profile-content > div .profile-about > h3 {
  padding-top: 26px;
}
.profile-wrapper #main .profile-content > div .profile-about > .title {
  background-color: #009edf;
  color: #fff;
  padding: 17px 23px;
  text-align: center;
  margin-bottom: 29px;
}
.profile-wrapper #main .profile-content > div .profile-about p,
.profile-wrapper #main .profile-content > div .profile-about li {
  text-align: justify;
  font-size: 1.15em;
  line-height: 1.6;
}
.profile-wrapper #main .profile-content > div .profile-about li p {
  font-size: inherit;
}
.profile-wrapper #main .profile-content > div .profile-about p.align-center {
  text-align: center;
}
.profile-wrapper #main .profile-content > div ul.media {
  list-style: none;
  overflow: hidden;
}
.profile-wrapper #main .profile-content > div .profile-maps ul {
  overflow: hidden;
  padding: 23px 0;
  display: flex;
  flex-wrap: wrap;
  margin: 0 11.5px;
}
.profile-wrapper #main .profile-content > div .profile-maps ul:after {
  content: " ";
  display: block;
  height: 1px;
  clear: both;
}
.profile-wrapper #main .profile-content > div .profile-maps ul li {
  width: 33.3264%;
  height: 220px;
  margin-bottom: 23px;
  float: none;
  display: block;
  vertical-align: top;
  overflow: hidden;
}
@media (max-width: 1079px) {
  .profile-wrapper #main .profile-content > div .profile-maps ul li {
    width: 50%;
  }
}
@media (max-width: 479px) {
  .profile-wrapper #main .profile-content > div .profile-maps ul li {
    width: 100%;
  }
}
.profile-wrapper #main .profile-content > div .profile-maps ul li a {
  display: block;
  margin: 0 11.5px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  color: #009edf;
  background-color: #f4f4f4;
  padding: 0 23px;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}
.profile-wrapper #main .profile-content > div .profile-maps ul li a:hover {
  color: #008cc6;
  background-color: #efefef;
}
.profile-wrapper #main .profile-content > div .profile-maps ul li a:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #dddddd;
  font-size: 120px;
  margin: 0;
  margin-top: -60px;
  margin-left: -60px;
}
.profile-wrapper #main .profile-content > div .profile-maps ul li a strong {
  display: block;
  font-size: 1.15em;
  margin-bottom: 11px;
  position: relative;
  z-index: 2;
  width: 100%;
  word-break: break-all;
  text-shadow: 1px 1px 1px #fff;
}
.profile-wrapper #main .profile-content > div .profile-maps ul li a .btn {
  display: block;
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.6);
  font-size: 1em;
  padding: 11px 23px;
}
.profile-wrapper #folder article > .media {
  margin: 0 auto;
}

#profile-header,
.profile-header {
  background-color: #fff;
  z-index: 9 !important;
}

.profile-header {
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
}
@media (max-width: 767px) {
  .profile-header {
    text-align: center;
  }
}
.profile-header .profile-nav-tabs {
  padding: 0 17px 17px;
}
@media (max-width: 767px) {
  .profile-header .profile-nav-tabs {
    padding: 0;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 413px) {
  .profile-header .profile-nav-tabs {
    padding: 8px;
  }
}
.profile-header .profile-title {
  display: block;
  padding: 20px 0 0;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .profile-header .profile-title {
    padding: 8px 14px;
    display: inline-block;
    vertical-align: middle;
  }
}
@media (max-width: 413px) {
  .profile-header .profile-title {
    padding-top: 8px;
  }
}
.profile-header .profile-title .img {
  height: 153px;
  width: 153px;
  margin: 0 auto;
  border-radius: 50%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #efefef;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  border: white 1px solid;
}
@media (max-width: 767px) {
  .profile-header .profile-title .img {
    display: inline-block;
    height: 72px;
    width: 72px;
    vertical-align: middle;
    margin-right: 0;
  }
}
@media (max-width: 413px) {
  .profile-header .profile-title .img {
    height: 63px;
    width: 63px;
  }
}
.profile-header .profile-title h1 {
  line-height: 1.7;
  font-size: 1.5em;
  color: #333333;
  margin: 17px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .profile-header .profile-title h1 {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.3em;
    margin: 14px 14px 8px;
    display: none;
  }
}
.profile-header .profile-title > * {
  display: block;
  text-align: center;
}
.profile-header .profile-title > .btn {
  margin: 14px 0 14px -14px;
  padding: 8px;
}
@media (max-width: 559px) {
  .profile-header .nav-pills .nav-link {
    max-width: 90px;
  }
}
@media (max-width: 767px) {
  .profile-header .nav-pills .nav-link {
    display: inline-block;
    width: auto;
    font-size: 1em;
    padding: 8px 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0 !important;
  }
}
.profile-header .description > * {
  font-size: 0.9em;
}

.description > * {
  margin: 14px auto 0 auto;
  text-align: justify;
}
.description > *:first-child {
  margin-top: 0;
}

body.page-angeles .profile-about ul li:before,
body.page-angeles .profile-about ol li > div:first-child .img,
body.page-angeles .profile-wrapper #main .profile-content .tab-content .title,
body.page-angeles .profile-wrapper #main .profile-header .nav-link.active,
body.page-angeles .nav-pills .show > .nav-link,
body.page-angeles .main-navbar {
  background-color: #139547;
}
body.page-angeles #form.search-form button {
  color: #fff;
  background-color: #139547;
  border-color: #139547;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #139547 linear-gradient(180deg, #36a563, #139547) repeat-x;
  color: #fff;
}
body.page-angeles #form.search-form button:hover, body.page-angeles #form.search-form button:active, body.page-angeles #form.search-form button:focus {
  background-color: #107e3c;
  background: #107e3c linear-gradient(180deg, #349159, #107e3c) repeat-x;
}
body.page-angeles #form.search-form button:focus, body.page-angeles #form.search-form button.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(19, 149, 71, 0.5);
}
body.page-angeles #form.search-form button.disabled, body.page-angeles #form.search-form button:disabled {
  background-color: #139547;
  border-color: #139547;
}
body.page-angeles #form.search-form button:not([disabled]):not(.disabled):active, body.page-angeles #form.search-form button:not([disabled]):not(.disabled).active, .show > body.page-angeles #form.search-form button.dropdown-toggle {
  color: #fff;
  background-color: #0d6831;
  background-image: none;
  border-color: #0c5c2c;
}
body.page-angeles #form.search-form button:not([disabled]):not(.disabled):active:focus, body.page-angeles #form.search-form button:not([disabled]):not(.disabled).active:focus, .show > body.page-angeles #form.search-form button.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(19, 149, 71, 0.5);
}
body.page-angeles #form .form-control:focus {
  border-color: #139547;
  box-shadow: inset 0 0 0px #efefef, 0 0 0 2px rgba(19, 149, 71, 0.5);
}
body.page-angeles #elements table tbody tr.layer-uncategorized svg path {
  fill: #139547 !important;
}

.partner-cities > a.angeles:before,
.nav-profiles ul.count-5 > li.profile-angeles:after {
  background-color: #139547;
}

.btn-angeles {
  color: #fff;
  background-color: #139547;
  border-color: #139547;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #139547 linear-gradient(180deg, #36a563, #139547) repeat-x;
  color: #fff;
}
.btn-angeles:hover, .btn-angeles:active, .btn-angeles:focus {
  background-color: #107e3c;
  background: #107e3c linear-gradient(180deg, #349159, #107e3c) repeat-x;
}
.btn-angeles:focus, .btn-angeles.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(19, 149, 71, 0.5);
}
.btn-angeles.disabled, .btn-angeles:disabled {
  background-color: #139547;
  border-color: #139547;
}
.btn-angeles:not([disabled]):not(.disabled):active, .btn-angeles:not([disabled]):not(.disabled).active, .show > .btn-angeles.dropdown-toggle {
  color: #fff;
  background-color: #0d6831;
  background-image: none;
  border-color: #0c5c2c;
}
.btn-angeles:not([disabled]):not(.disabled):active:focus, .btn-angeles:not([disabled]):not(.disabled).active:focus, .show > .btn-angeles.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(19, 149, 71, 0.5);
}

body.page-cagayan-de-oro .profile-about ul li:before,
body.page-cagayan-de-oro .profile-about ol li > div:first-child .img,
body.page-cagayan-de-oro .profile-wrapper #main .profile-content .tab-content .title,
body.page-cagayan-de-oro .profile-wrapper #main .profile-header .nav-link.active,
body.page-cagayan-de-oro .nav-pills .show > .nav-link,
body.page-cagayan-de-oro .main-navbar {
  background-color: #158fa1;
}
body.page-cagayan-de-oro #form.search-form button {
  color: #fff;
  background-color: #158fa1;
  border-color: #158fa1;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #158fa1 linear-gradient(180deg, #38a0af, #158fa1) repeat-x;
  color: #fff;
}
body.page-cagayan-de-oro #form.search-form button:hover, body.page-cagayan-de-oro #form.search-form button:active, body.page-cagayan-de-oro #form.search-form button:focus {
  background-color: #127b8a;
  background: #127b8a linear-gradient(180deg, #368f9c, #127b8a) repeat-x;
}
body.page-cagayan-de-oro #form.search-form button:focus, body.page-cagayan-de-oro #form.search-form button.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(21, 143, 161, 0.5);
}
body.page-cagayan-de-oro #form.search-form button.disabled, body.page-cagayan-de-oro #form.search-form button:disabled {
  background-color: #158fa1;
  border-color: #158fa1;
}
body.page-cagayan-de-oro #form.search-form button:not([disabled]):not(.disabled):active, body.page-cagayan-de-oro #form.search-form button:not([disabled]):not(.disabled).active, .show > body.page-cagayan-de-oro #form.search-form button.dropdown-toggle {
  color: #fff;
  background-color: #0f6774;
  background-image: none;
  border-color: #0e5d69;
}
body.page-cagayan-de-oro #form.search-form button:not([disabled]):not(.disabled):active:focus, body.page-cagayan-de-oro #form.search-form button:not([disabled]):not(.disabled).active:focus, .show > body.page-cagayan-de-oro #form.search-form button.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(21, 143, 161, 0.5);
}
body.page-cagayan-de-oro #form .form-control:focus {
  border-color: #158fa1;
  box-shadow: inset 0 0 0px #efefef, 0 0 0 2px rgba(21, 143, 161, 0.5);
}
body.page-cagayan-de-oro #elements table tbody tr.layer-uncategorized svg path {
  fill: #158fa1 !important;
}

.partner-cities > a.cagayan-de-oro:before,
.nav-profiles ul.count-5 > li.profile-cagayan-de-oro:after {
  background-color: #158fa1;
}

.btn-cagayan-de-oro {
  color: #fff;
  background-color: #158fa1;
  border-color: #158fa1;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #158fa1 linear-gradient(180deg, #38a0af, #158fa1) repeat-x;
  color: #fff;
}
.btn-cagayan-de-oro:hover, .btn-cagayan-de-oro:active, .btn-cagayan-de-oro:focus {
  background-color: #127b8a;
  background: #127b8a linear-gradient(180deg, #368f9c, #127b8a) repeat-x;
}
.btn-cagayan-de-oro:focus, .btn-cagayan-de-oro.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(21, 143, 161, 0.5);
}
.btn-cagayan-de-oro.disabled, .btn-cagayan-de-oro:disabled {
  background-color: #158fa1;
  border-color: #158fa1;
}
.btn-cagayan-de-oro:not([disabled]):not(.disabled):active, .btn-cagayan-de-oro:not([disabled]):not(.disabled).active, .show > .btn-cagayan-de-oro.dropdown-toggle {
  color: #fff;
  background-color: #0f6774;
  background-image: none;
  border-color: #0e5d69;
}
.btn-cagayan-de-oro:not([disabled]):not(.disabled):active:focus, .btn-cagayan-de-oro:not([disabled]):not(.disabled).active:focus, .show > .btn-cagayan-de-oro.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(21, 143, 161, 0.5);
}

body.page-legazpi .profile-about ul li:before,
body.page-legazpi .profile-about ol li > div:first-child .img,
body.page-legazpi .profile-wrapper #main .profile-content .tab-content .title,
body.page-legazpi .profile-wrapper #main .profile-header .nav-link.active,
body.page-legazpi .nav-pills .show > .nav-link,
body.page-legazpi .main-navbar {
  background-color: #7e2876;
}
body.page-legazpi #form.search-form button {
  color: #fff;
  background-color: #7e2876;
  border-color: #7e2876;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #7e2876 linear-gradient(180deg, #91488b, #7e2876) repeat-x;
  color: #fff;
}
body.page-legazpi #form.search-form button:hover, body.page-legazpi #form.search-form button:active, body.page-legazpi #form.search-form button:focus {
  background-color: #6b2264;
  background: #6b2264 linear-gradient(180deg, #81437b, #6b2264) repeat-x;
}
body.page-legazpi #form.search-form button:focus, body.page-legazpi #form.search-form button.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(126, 40, 118, 0.5);
}
body.page-legazpi #form.search-form button.disabled, body.page-legazpi #form.search-form button:disabled {
  background-color: #7e2876;
  border-color: #7e2876;
}
body.page-legazpi #form.search-form button:not([disabled]):not(.disabled):active, body.page-legazpi #form.search-form button:not([disabled]):not(.disabled).active, .show > body.page-legazpi #form.search-form button.dropdown-toggle {
  color: #fff;
  background-color: #571c52;
  background-image: none;
  border-color: #4e1949;
}
body.page-legazpi #form.search-form button:not([disabled]):not(.disabled):active:focus, body.page-legazpi #form.search-form button:not([disabled]):not(.disabled).active:focus, .show > body.page-legazpi #form.search-form button.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(126, 40, 118, 0.5);
}
body.page-legazpi #form .form-control:focus {
  border-color: #7e2876;
  box-shadow: inset 0 0 0px #efefef, 0 0 0 2px rgba(126, 40, 118, 0.5);
}
body.page-legazpi #elements table tbody tr.layer-uncategorized svg path {
  fill: #7e2876 !important;
}

.partner-cities > a.legazpi:before,
.nav-profiles ul.count-5 > li.profile-legazpi:after {
  background-color: #7e2876;
}

.btn-legazpi {
  color: #fff;
  background-color: #7e2876;
  border-color: #7e2876;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #7e2876 linear-gradient(180deg, #91488b, #7e2876) repeat-x;
  color: #fff;
}
.btn-legazpi:hover, .btn-legazpi:active, .btn-legazpi:focus {
  background-color: #6b2264;
  background: #6b2264 linear-gradient(180deg, #81437b, #6b2264) repeat-x;
}
.btn-legazpi:focus, .btn-legazpi.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(126, 40, 118, 0.5);
}
.btn-legazpi.disabled, .btn-legazpi:disabled {
  background-color: #7e2876;
  border-color: #7e2876;
}
.btn-legazpi:not([disabled]):not(.disabled):active, .btn-legazpi:not([disabled]):not(.disabled).active, .show > .btn-legazpi.dropdown-toggle {
  color: #fff;
  background-color: #571c52;
  background-image: none;
  border-color: #4e1949;
}
.btn-legazpi:not([disabled]):not(.disabled):active:focus, .btn-legazpi:not([disabled]):not(.disabled).active:focus, .show > .btn-legazpi.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(126, 40, 118, 0.5);
}

body.page-ormoc .profile-about ul li:before,
body.page-ormoc .profile-about ol li > div:first-child .img,
body.page-ormoc .profile-wrapper #main .profile-content .tab-content .title,
body.page-ormoc .profile-wrapper #main .profile-header .nav-link.active,
body.page-ormoc .nav-pills .show > .nav-link,
body.page-ormoc .main-navbar {
  background-color: #a1cc3a;
}
body.page-ormoc #form.search-form button {
  color: #333333;
  background-color: #a1cc3a;
  border-color: #a1cc3a;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #a1cc3a linear-gradient(180deg, #afd458, #a1cc3a) repeat-x;
  color: #fff;
}
body.page-ormoc #form.search-form button:hover, body.page-ormoc #form.search-form button:active, body.page-ormoc #form.search-form button:focus {
  background-color: #93bc31;
  background: #93bc31 linear-gradient(180deg, #a3c650, #93bc31) repeat-x;
}
body.page-ormoc #form.search-form button:focus, body.page-ormoc #form.search-form button.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(161, 204, 58, 0.5);
}
body.page-ormoc #form.search-form button.disabled, body.page-ormoc #form.search-form button:disabled {
  background-color: #a1cc3a;
  border-color: #a1cc3a;
}
body.page-ormoc #form.search-form button:not([disabled]):not(.disabled):active, body.page-ormoc #form.search-form button:not([disabled]):not(.disabled).active, .show > body.page-ormoc #form.search-form button.dropdown-toggle {
  color: #fff;
  background-color: #83a82b;
  background-image: none;
  border-color: #7b9d29;
}
body.page-ormoc #form.search-form button:not([disabled]):not(.disabled):active:focus, body.page-ormoc #form.search-form button:not([disabled]):not(.disabled).active:focus, .show > body.page-ormoc #form.search-form button.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(161, 204, 58, 0.5);
}
body.page-ormoc #form .form-control:focus {
  border-color: #a1cc3a;
  box-shadow: inset 0 0 0px #efefef, 0 0 0 2px rgba(161, 204, 58, 0.5);
}
body.page-ormoc #elements table tbody tr.layer-uncategorized svg path {
  fill: #a1cc3a !important;
}

.partner-cities > a.ormoc:before,
.nav-profiles ul.count-5 > li.profile-ormoc:after {
  background-color: #a1cc3a;
}

.btn-ormoc {
  color: #333333;
  background-color: #a1cc3a;
  border-color: #a1cc3a;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #a1cc3a linear-gradient(180deg, #afd458, #a1cc3a) repeat-x;
  color: #fff;
}
.btn-ormoc:hover, .btn-ormoc:active, .btn-ormoc:focus {
  background-color: #93bc31;
  background: #93bc31 linear-gradient(180deg, #a3c650, #93bc31) repeat-x;
}
.btn-ormoc:focus, .btn-ormoc.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(161, 204, 58, 0.5);
}
.btn-ormoc.disabled, .btn-ormoc:disabled {
  background-color: #a1cc3a;
  border-color: #a1cc3a;
}
.btn-ormoc:not([disabled]):not(.disabled):active, .btn-ormoc:not([disabled]):not(.disabled).active, .show > .btn-ormoc.dropdown-toggle {
  color: #fff;
  background-color: #83a82b;
  background-image: none;
  border-color: #7b9d29;
}
.btn-ormoc:not([disabled]):not(.disabled):active:focus, .btn-ormoc:not([disabled]):not(.disabled).active:focus, .show > .btn-ormoc.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(161, 204, 58, 0.5);
}

body.page-tagum .profile-about ul li:before,
body.page-tagum .profile-about ol li > div:first-child .img,
body.page-tagum .profile-wrapper #main .profile-content .tab-content .title,
body.page-tagum .profile-wrapper #main .profile-header .nav-link.active,
body.page-tagum .nav-pills .show > .nav-link,
body.page-tagum .main-navbar {
  background-color: #f3a232;
}
body.page-tagum #form.search-form button {
  color: #333333;
  background-color: #f3a232;
  border-color: #f3a232;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #f3a232 linear-gradient(180deg, #f5b051, #f3a232) repeat-x;
  color: #fff;
}
body.page-tagum #form.search-form button:hover, body.page-tagum #form.search-form button:active, body.page-tagum #form.search-form button:focus {
  background-color: #f2971a;
  background: #f2971a linear-gradient(180deg, #f4a73c, #f2971a) repeat-x;
}
body.page-tagum #form.search-form button:focus, body.page-tagum #form.search-form button.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(243, 162, 50, 0.5);
}
body.page-tagum #form.search-form button.disabled, body.page-tagum #form.search-form button:disabled {
  background-color: #f3a232;
  border-color: #f3a232;
}
body.page-tagum #form.search-form button:not([disabled]):not(.disabled):active, body.page-tagum #form.search-form button:not([disabled]):not(.disabled).active, .show > body.page-tagum #form.search-form button.dropdown-toggle {
  color: #333333;
  background-color: #e58a0d;
  background-image: none;
  border-color: #d9830d;
}
body.page-tagum #form.search-form button:not([disabled]):not(.disabled):active:focus, body.page-tagum #form.search-form button:not([disabled]):not(.disabled).active:focus, .show > body.page-tagum #form.search-form button.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(243, 162, 50, 0.5);
}
body.page-tagum #form .form-control:focus {
  border-color: #f3a232;
  box-shadow: inset 0 0 0px #efefef, 0 0 0 2px rgba(243, 162, 50, 0.5);
}
body.page-tagum #elements table tbody tr.layer-uncategorized svg path {
  fill: #f3a232 !important;
}

.partner-cities > a.tagum:before,
.nav-profiles ul.count-5 > li.profile-tagum:after {
  background-color: #f3a232;
}

.btn-tagum {
  color: #333333;
  background-color: #f3a232;
  border-color: #f3a232;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #f3a232 linear-gradient(180deg, #f5b051, #f3a232) repeat-x;
  color: #fff;
}
.btn-tagum:hover, .btn-tagum:active, .btn-tagum:focus {
  background-color: #f2971a;
  background: #f2971a linear-gradient(180deg, #f4a73c, #f2971a) repeat-x;
}
.btn-tagum:focus, .btn-tagum.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(243, 162, 50, 0.5);
}
.btn-tagum.disabled, .btn-tagum:disabled {
  background-color: #f3a232;
  border-color: #f3a232;
}
.btn-tagum:not([disabled]):not(.disabled):active, .btn-tagum:not([disabled]):not(.disabled).active, .show > .btn-tagum.dropdown-toggle {
  color: #333333;
  background-color: #e58a0d;
  background-image: none;
  border-color: #d9830d;
}
.btn-tagum:not([disabled]):not(.disabled):active:focus, .btn-tagum:not([disabled]):not(.disabled).active:focus, .show > .btn-tagum.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(243, 162, 50, 0.5);
}

body.page.kind-profile.variant-ngas .profile-wrapper #main .profile-header .nav-link.active,
body.page.kind-profile.variant-ngas .profile-wrapper #main .profile-header .nav-pills .show > .nav-link, body.page.kind-profile.variant-lgus .profile-wrapper #main .profile-header .nav-link.active,
body.page.kind-profile.variant-lgus .profile-wrapper #main .profile-header .nav-pills .show > .nav-link {
  background-color: #7f7f7f;
}
body.page.kind-profile #form.search-form {
  z-index: 3;
  position: relative;
}

body.page-partner-cities.kind-generic .page-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}
body.page-partner-cities.kind-generic .page-wrapper h3 {
  margin-bottom: 0;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities {
  padding-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities p {
  display: none;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a {
  display: inline-block;
  margin-bottom: 0;
  width: 100%;
  vertical-align: top;
  padding: 8px;
  max-width: 360px;
}
@media (min-width: 768px) {
  body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a {
    width: 50%;
  }
}
@media (min-width: 768px) {
  body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a {
    width: 33.33%;
  }
}
@media (min-width: 1280px) {
  body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a {
    width: 20%;
  }
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a > .img {
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 50%;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a > div {
  width: 100%;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a > div img {
  height: 100px;
  width: auto;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a > div .btn {
  display: none;
}
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a > div,
body.page-partner-cities.kind-generic .page-wrapper .partner-cities > a > .img {
  display: block;
}

body.kind-partners .page-wrapper {
  width: 98%;
  margin: 0 auto;
}
@media (min-width: 414px) {
  body.kind-partners .page-wrapper {
    width: 94%;
  }
}
@media (min-width: 1080px) {
  body.kind-partners .page-wrapper {
    width: 89%;
  }
}
@media (min-width: 1366px) {
  body.kind-partners .page-wrapper {
    max-width: 1366px;
  }
}
body.kind-partners .page-wrapper h2 {
  color: #333333;
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 8px;
  padding: 14px 0;
  font-weight: 600;
}
body.kind-partners .page-wrapper .row {
  margin-top: 17px;
  margin-bottom: 0;
}

.nav-profiles {
  padding: 0 0 23px 0;
}
.nav-profiles > strong {
  text-align: center;
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  display: none;
}
.nav-profiles ul {
  width: 100%;
  list-style: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.nav-profiles ul li {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #666666;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #fff;
  border: #efefef 0px solid;
}
.nav-profiles ul li:hover > div > strong, .nav-profiles ul li:active > div > strong {
  color: #009edf;
}
.nav-profiles ul li.inactive {
  background-color: white;
  opacity: 0.4;
  text-shadow: 1px 1px 0px #fff;
}
.nav-profiles ul li.inactive .img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.nav-profiles ul li.inactive:hover > div > strong, .nav-profiles ul li.inactive:active > div > strong {
  color: #666666;
}
.nav-profiles ul li:before {
  display: none !important;
}
.nav-profiles ul li:first-child {
  margin-top: 0;
}
.nav-profiles ul li:last-child {
  margin-bottom: 0;
}
.nav-profiles ul li > * {
  display: block;
  padding-bottom: 8px;
  padding: 0 14px;
  padding-left: 107px;
  text-decoration: none;
  position: relative;
  height: 104.5px;
}
.nav-profiles ul li > *:before {
  height: 100%;
  width: 1px;
  content: " ";
  display: inline-block;
  vertical-align: middle;
}
.nav-profiles ul li > * .img {
  display: block;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #efefef;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  border: white 1px solid;
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -45px;
}
.nav-profiles ul li > * h3 {
  font-size: 1.5em;
  line-height: 1.4;
  color: #4c4c4c;
  padding-left: 11px;
  display: inline-block;
  vertical-align: middle;
  width: 95%;
  margin: 0 !important;
  text-align: left;
}
.nav-profiles ul li > a:hover, .nav-profiles ul li > a:active {
  background-color: white;
}
.nav-profiles ul.count-5 > li {
  position: relative;
}
.nav-profiles ul.count-5 > li:after {
  display: block;
  content: " ";
  width: 11px;
  height: 100%;
  background-color: #efefef;
  position: absolute;
  top: 0;
  left: 0;
}
.nav-profiles ul.count-7 > li > * {
  height: 73px;
  padding-left: 70px;
}
.nav-profiles ul.count-7 > li > * .img {
  width: 55px;
  height: 55px;
  margin-top: -27px;
  left: 14px;
}
.nav-profiles ul.count-7 > li > * h3 {
  font-size: 1.1em;
}

.profile-about ol {
  overflow: hidden;
  padding: 0;
}
.profile-about ol li {
  margin-bottom: 17px;
  display: block;
  position: relative;
  min-height: 65px;
}
@media (min-width: 768px) {
  .profile-about ol li {
    vertical-align: top;
    width: 48%;
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .profile-about ol li:nth-child(even) {
    margin-left: 3%;
  }
}
.profile-about ol li:last-child {
  margin-bottom: 0;
}
.profile-about ol li > div {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.profile-about ol li > div:first-child {
  width: 65px;
  position: absolute;
  top: 0;
  left: 0;
}
.profile-about ol li > div:first-child .img {
  height: 65px;
  width: 65px;
  border-radius: 75px;
  background-color: #009edf;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-about ol li > div:first-child .img i {
  color: white;
  font-size: 2em;
}
.profile-about ol li > div:last-child {
  min-height: 65px;
  padding-left: 65px;
}
.profile-about ol li > div:last-child p {
  padding-right: 23px;
  padding-left: 14px;
  text-align: left !important;
}
.profile-about ol li:last-child {
  width: 100%;
  min-height: 0;
  text-align: center;
}
.profile-about ol li:last-child em {
  font-weight: 600;
  text-align: center;
  display: block;
}

.profile-about ul {
  list-style: none;
}
.profile-about ul li {
  margin: 17px 0 0 0;
  text-align: left;
  min-height: 23px;
  position: relative;
  padding-left: 37px;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .profile-about ul li {
    text-align: justify;
  }
}
.profile-about ul li:first-child {
  margin-top: 0;
}
.profile-about ul li:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  width: 23px;
  height: 23px;
  line-height: 23px;
  background-color: #009edf;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.partner-cities > a {
  display: block;
  position: relative;
  margin-bottom: 36px;
  margin-left: auto;
  margin-right: auto;
}
.partner-cities > a:before {
  content: " ";
  display: block;
  height: 14px;
  background-color: #009edf;
  position: relative;
  z-index: 4;
}
.partner-cities > a:after {
  content: " ";
  display: block;
  width: 100%;
  clear: both;
}
.partner-cities > a > .img {
  height: 200px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (min-width: 768px) {
  .partner-cities > a > .img {
    width: 50%;
    display: table-cell;
    height: 400px;
  }
}
.partner-cities > a > div {
  position: relative;
  z-index: 3;
  background-color: #fff;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  width: 100%;
  margin: 0 auto;
  padding: 26px;
}
@media (min-width: 768px) {
  .partner-cities > a > div {
    width: 50%;
    display: table-cell;
  }
}
.partner-cities > a > div img {
  width: 120px;
  height: auto;
}
.partner-cities > a > div h3 {
  margin-top: 17px !important;
  text-align: center !important;
  font-size: 1.5em !important;
}
.partner-cities > a > div h3 a {
  color: #191919 !important;
}

html.no-js #user-menu,
html.no-js #attendance,
html.no-js #users {
  display: none;
}
html.no-js body.page-attendance > .spinner:before,
html.no-js body.page-users > .spinner:before {
  display: block;
  z-index: 100;
}
html.no-js.is-export #attendance {
  display: block;
}
html.no-js.is-export body.page-attendance {
  overflow: auto !important;
}

#user-menu {
  position: fixed;
  top: 74px;
  left: 0;
  width: 100%;
  z-index: 11;
}
#user-menu .posts-listing {
  padding: 0 14px;
}
#user-menu > div {
  width: 98%;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 414px) {
  #user-menu > div {
    width: 94%;
  }
}
@media (min-width: 1080px) {
  #user-menu > div {
    width: 89%;
  }
}
@media (min-width: 1366px) {
  #user-menu > div {
    max-width: 1366px;
  }
}
#user-menu > div:after {
  content: " ";
  display: block;
  background-color: #4c4c4c;
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -8px;
  right: 23px;
  z-index: -1;
}
#user-menu > div > div {
  background-color: #fff;
  width: 80%;
  width: 340px;
  float: right;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
}
#user-menu > div > div > header {
  background-color: #4c4c4c;
  color: #fff;
  position: relative;
  text-align: left;
  padding: 0;
}
#user-menu > div > div > header > strong {
  width: 100%;
  font-weight: 600;
  font-size: 0.86em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
  display: block;
  padding: 0 14px;
  font-size: 1.2em;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  vertical-align: middle;
}
#user-menu > div > div > header > strong a {
  color: #fff;
  text-decoration: none;
}
#user-menu > div > div > header ul {
  list-style: none;
  margin: 0;
  padding: 0 7px 14px;
  width: 100%;
  display: block;
  vertical-align: middle;
  text-align: right;
}
#user-menu > div > div > header ul:after {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}
#user-menu > div > div > header ul li {
  display: block;
  width: 25%;
  float: left;
  padding: 0 7px;
}
#user-menu > div > div > header ul a {
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: none;
  position: relative;
  text-align: center;
  color: #fff;
  background-color: #333333;
  border-color: #fff;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #333333 linear-gradient(180deg, #525252, #333333) repeat-x;
  border-radius: 5px;
}
#user-menu > div > div > header ul a:hover, #user-menu > div > div > header ul a:active, #user-menu > div > div > header ul a:focus {
  background-color: #262626;
  background: #262626 linear-gradient(180deg, #474747, #262626) repeat-x;
}
#user-menu > div > div > header ul a:focus, #user-menu > div > div > header ul a.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
#user-menu > div > div > header ul a.disabled, #user-menu > div > div > header ul a:disabled {
  background-color: #333333;
  border-color: #fff;
}
#user-menu > div > div > header ul a:not([disabled]):not(.disabled):active, #user-menu > div > div > header ul a:not([disabled]):not(.disabled).active, .show > #user-menu > div > div > header ul a.dropdown-toggle {
  color: #fff;
  background-color: #191919;
  background-image: none;
  border-color: #dfdfdf;
}
#user-menu > div > div > header ul a:not([disabled]):not(.disabled):active:focus, #user-menu > div > div > header ul a:not([disabled]):not(.disabled).active:focus, .show > #user-menu > div > div > header ul a.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
#user-menu > div > div > header ul a i {
  font-size: 26px;
}
#user-menu > div > div > header ul a i:before {
  line-height: 55px;
}
#user-menu > div > div > header ul a span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  z-index: 3;
  background-color: #191919;
  color: #fff;
  width: 120px;
  font-weight: 400;
  text-align: center;
  display: none;
  line-height: 1.3;
  padding: 8px;
}
#user-menu > div > div > header ul a:hover span {
  display: block;
}
#user-menu > div > div > em {
  background-color: white;
  display: block;
  line-height: 36px;
  padding: 11px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: normal;
  color: #7f7f7f;
}
#user-menu > div > div > em a {
  display: block;
  color: #009edf;
  text-decoration: none;
}
#user-menu > div > div > em i {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  vertical-align: middle;
  margin-right: 5px;
}
#user-menu > div > div > em b {
  font-weight: 600;
  font-style: italic;
  color: #333333;
}
#user-menu > div > div > div {
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0;
}
#user-menu > div > div > div a {
  display: block;
  padding: 14px 29px;
  color: #666666;
  border-radius: 8px;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border: transparent 0 solid;
  outline-style: none;
  font-size: 1.1em;
  font-weight: 600;
  color: #333333;
  background-color: white;
  border-color: #fff;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: white linear-gradient(180deg, white, white) repeat-x;
  text-align: left;
  padding: 8px;
}
#user-menu > div > div > div a:hover, #user-menu > div > div > div a:active, #user-menu > div > div > div a:focus {
  background-color: #f2f2f2;
  background: #f2f2f2 linear-gradient(180deg, #f4f4f4, #f2f2f2) repeat-x;
}
#user-menu > div > div > div a:focus, #user-menu > div > div > div a.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
#user-menu > div > div > div a.disabled, #user-menu > div > div > div a:disabled {
  background-color: white;
  border-color: #fff;
}
#user-menu > div > div > div a:not([disabled]):not(.disabled):active, #user-menu > div > div > div a:not([disabled]):not(.disabled).active, .show > #user-menu > div > div > div a.dropdown-toggle {
  color: #333333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #dfdfdf;
}
#user-menu > div > div > div a:not([disabled]):not(.disabled):active:focus, #user-menu > div > div > div a:not([disabled]):not(.disabled).active:focus, .show > #user-menu > div > div > div a.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
#user-menu > div > div > div a > * {
  display: inline-block;
  vertical-align: middle;
}
#user-menu > div > div > div a > i {
  font-size: 22px;
  color: #009edf;
  margin-right: 4px;
}
#user-menu > div > div .posts-listing li > a > div {
  padding-right: 90px;
}
#user-menu .card {
  background-color: #fafafa;
}
#user-menu .card-body {
  padding: 14px 0;
  overflow: auto;
}
#user-menu .card-header {
  border-bottom: #f4f4f4 1px solid;
}
#user-menu .card-header span {
  padding: 14px 17px;
  cursor: pointer;
}
#user-menu .card-header span:hover {
  color: #191919;
}

html.no-js body.logged-in .main-navbar > div > a.user-btn {
  cursor: not-allowed;
}

#mine-head {
  background-color: #666666;
  color: #fff;
  padding: 11px;
}
#mine-head strong {
  font-size: 1.5em;
  height: 40px;
  line-height: 40px;
}
#mine-head > div {
  width: 98%;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 414px) {
  #mine-head > div {
    width: 94%;
  }
}
@media (min-width: 1080px) {
  #mine-head > div {
    width: 89%;
  }
}
@media (min-width: 1366px) {
  #mine-head > div {
    max-width: 1366px;
  }
}
#mine-head > div nav {
  float: right;
}
#mine-head > div nav a {
  padding: 0 14px;
  color: #fff;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  vertical-align: top;
}
#mine-head > div nav a.btn-close i {
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  display: block;
}
#mine-head > div nav a.btn-close i:before {
  line-height: 40px;
  display: block;
  margin: 0;
}

#empty-query {
  text-align: center;
}
#empty-query > div {
  padding: 36px;
}
#empty-query > div strong {
  font-size: 1.5em;
  display: block;
  color: #333333;
  font-weight: 400;
  padding-bottom: 14px;
}

#author {
  text-align: center;
  width: 98%;
  margin: 0 auto;
}
@media (min-width: 414px) {
  #author {
    width: 94%;
  }
}
@media (min-width: 1080px) {
  #author {
    width: 89%;
  }
}
@media (min-width: 1366px) {
  #author {
    max-width: 1366px;
  }
}
#author .col > header {
  padding: 26px 17px;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #f7f7f7;
}
#author .col > header > a {
  color: #191919;
  text-decoration: none;
}
#author .col > header > * {
  margin-top: 11px !important;
  display: block;
}
#author .col > header > *:first-child {
  margin-top: 0 !important;
}
#author .col > header .img {
  width: 120px;
  height: 120px;
  display: block;
  margin: 0 auto;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#author .col > header h1 {
  font-size: 1.3em;
  color: #191919;
  margin: 14px 0 0 0;
}
#author .col > header strong {
  display: block;
  margin: 14px 0;
}
#author .col > header strong a {
  color: #666666;
  text-decoration: none;
  display: block;
}
#author .col > header strong a span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  padding-left: 5px;
  color: #4c4c4c;
  font-size: 1.1em;
}
#author .col > header strong .img {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#author .col > header em {
  font-size: 1.1em;
}
#author .col > header > nav a {
  display: block;
  color: #009edf;
  margin-top: 10px;
  text-decoration: none;
  padding: 14px 29px;
  color: #666666;
  border-radius: 8px;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border: transparent 0 solid;
  outline-style: none;
  font-size: 1.1em;
  font-weight: 600;
  color: #333333;
  background-color: white;
  border-color: #fff;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: white linear-gradient(180deg, white, white) repeat-x;
}
#author .col > header > nav a:hover, #author .col > header > nav a:active, #author .col > header > nav a:focus {
  background-color: #f2f2f2;
  background: #f2f2f2 linear-gradient(180deg, #f4f4f4, #f2f2f2) repeat-x;
}
#author .col > header > nav a:focus, #author .col > header > nav a.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
#author .col > header > nav a.disabled, #author .col > header > nav a:disabled {
  background-color: white;
  border-color: #fff;
}
#author .col > header > nav a:not([disabled]):not(.disabled):active, #author .col > header > nav a:not([disabled]):not(.disabled).active, .show > #author .col > header > nav a.dropdown-toggle {
  color: #333333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #dfdfdf;
}
#author .col > header > nav a:not([disabled]):not(.disabled):active:focus, #author .col > header > nav a:not([disabled]):not(.disabled).active:focus, .show > #author .col > header > nav a.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
#author .col > header > nav a i {
  display: inline-block;
  margin-right: 5px;
}
#author .col > header > nav a:last-child {
  color: #fff;
  background-color: #009edf;
  border-color: #009edf;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #009edf linear-gradient(180deg, #26ade4, #009edf) repeat-x;
}
#author .col > header > nav a:last-child:hover, #author .col > header > nav a:last-child:active, #author .col > header > nav a:last-child:focus {
  background-color: #008cc6;
  background: #008cc6 linear-gradient(180deg, #269dcf, #008cc6) repeat-x;
}
#author .col > header > nav a:last-child:focus, #author .col > header > nav a:last-child.focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 158, 223, 0.5);
}
#author .col > header > nav a:last-child.disabled, #author .col > header > nav a:last-child:disabled {
  background-color: #009edf;
  border-color: #009edf;
}
#author .col > header > nav a:last-child:not([disabled]):not(.disabled):active, #author .col > header > nav a:last-child:not([disabled]):not(.disabled).active, .show > #author .col > header > nav a:last-child.dropdown-toggle {
  color: #fff;
  background-color: #007aac;
  background-image: none;
  border-color: #00719f;
}
#author .col > header > nav a:last-child:not([disabled]):not(.disabled):active:focus, #author .col > header > nav a:last-child:not([disabled]):not(.disabled).active:focus, .show > #author .col > header > nav a:last-child.dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(0, 158, 223, 0.5);
}
#author section {
  margin-bottom: 26px;
}
#author section header {
  padding: 17px;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #f7f7f7;
  margin-bottom: 8.5px;
}
#author section header h2 {
  font-size: 1.2em;
}
#author section nav {
  display: block;
  padding: 26px 0 0;
}
#author section nav a {
  color: #009edf;
  text-decoration: none;
}
#author section nav a,
#author section nav span {
  display: inline-block;
  padding: 0 3px;
}
#author .posts-listing {
  text-align: left;
  margin-top: 23px;
}
#author .posts-listing .publication-excerpt {
  min-height: 0;
  box-shadow: none;
}
#author .posts-listing .publication-excerpt > div {
  min-height: 0;
}
#author .posts-listing li {
  border: none;
  margin-bottom: 30px;
  padding-bottom: 0;
}
#author .posts-listing li > a .img {
  padding-top: 0;
}
#author .posts-listing li > a > div > em {
  display: inline-block;
}

#modal-settings {
  background-color: #efefef;
  padding: 17px;
}

#users > div {
  overflow: auto;
}
#users .table {
  min-width: 960px;
}
#users .table tr.pending {
  background-color: #fff1c9;
}
#users .table tr.pending.loading {
  background-color: #fff9e7;
  cursor: wait;
}
#users .table tr.pending.loading .btn, #users .table tr.pending.loading i {
  opacity: 0.5;
  box-shadow: none;
}
#users .table tr.pending.loading .btn span, #users .table tr.pending.loading i span {
  opacity: 0.5;
}
#users .table tr.pending.via-add_contact {
  background-color: #e2e2e2;
}
#users .table tr td {
  font-size: 0.86em;
  padding: 11px;
}
#users .table tr td span {
  display: block;
}
#users .table tr .btn {
  display: block;
  width: 100%;
  padding: 6px 10px;
}
#users .table tr .btn.btn-blue {
  display: none;
}
#users .table tr i {
  font-size: 20px;
  padding: 2px 3px;
  display: block;
}

body.page-login #wrapper .page-wrapper, body.page-lost-password #wrapper .page-wrapper {
  text-align: center;
  padding: 0;
  width: 100%;
}
body.page-login #wrapper .page-wrapper section, body.page-lost-password #wrapper .page-wrapper section {
  padding-top: 23px;
  padding-bottom: 23px;
}
body.page-login #wrapper .page-wrapper section > p > a, body.page-lost-password #wrapper .page-wrapper section > p > a {
  color: #009edf;
  display: inline-block;
  padding: 0 8px;
  padding-top: 0;
  max-width: 360px;
  margin: 0 auto;
}
body.page-login #wrapper .page-wrapper section > p > a.light, body.page-lost-password #wrapper .page-wrapper section > p > a.light {
  color: #cecece;
}
body.page-login #wrapper .page-wrapper section form, body.page-lost-password #wrapper .page-wrapper section form {
  max-width: 360px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 14px 8px;
}
body.page-login #wrapper .page-wrapper section form > p, body.page-lost-password #wrapper .page-wrapper section form > p {
  text-align: center;
  margin-bottom: 11px;
  width: 100%;
}
body.page-login #wrapper .page-wrapper section form > p:first-child, body.page-lost-password #wrapper .page-wrapper section form > p:first-child {
  margin-top: 0;
}
body.page-login #wrapper .page-wrapper section form > p > *, body.page-lost-password #wrapper .page-wrapper section form > p > * {
  display: block;
}
body.page-login #wrapper .page-wrapper section form > p > label, body.page-lost-password #wrapper .page-wrapper section form > p > label {
  display: block;
  margin-bottom: 8px;
  text-align: left;
}
body.page-login #wrapper .page-wrapper section form > p input[type=submit], body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit] {
  padding: 14px 29px;
  color: #666666;
  border-radius: 8px;
  text-decoration: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border: transparent 0 solid;
  outline-style: none;
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  background-color: #009edf;
  border-color: #009edf;
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075);
  background: #009edf linear-gradient(180deg, #26ade4, #009edf) repeat-x;
  display: inline-block;
}
body.page-login #wrapper .page-wrapper section form > p input[type=submit]:hover, body.page-login #wrapper .page-wrapper section form > p input[type=submit]:active, body.page-login #wrapper .page-wrapper section form > p input[type=submit]:focus, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:hover, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:active, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:focus {
  background-color: #008cc6;
  background: #008cc6 linear-gradient(180deg, #269dcf, #008cc6) repeat-x;
}
body.page-login #wrapper .page-wrapper section form > p input[type=submit]:focus, body.page-login #wrapper .page-wrapper section form > p input[type=submit].focus, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:focus, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit].focus {
  box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.15), 1px 1px 0 rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 158, 223, 0.5);
}
body.page-login #wrapper .page-wrapper section form > p input[type=submit].disabled, body.page-login #wrapper .page-wrapper section form > p input[type=submit]:disabled, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit].disabled, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:disabled {
  background-color: #009edf;
  border-color: #009edf;
}
body.page-login #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled):active, body.page-login #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled).active, .show > body.page-login #wrapper .page-wrapper section form > p input[type=submit].dropdown-toggle, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled):active, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled).active, .show > body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit].dropdown-toggle {
  color: #fff;
  background-color: #007aac;
  background-image: none;
  border-color: #00719f;
}
body.page-login #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled):active:focus, body.page-login #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled).active:focus, .show > body.page-login #wrapper .page-wrapper section form > p input[type=submit].dropdown-toggle:focus, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled):active:focus, body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit]:not([disabled]):not(.disabled).active:focus, .show > body.page-lost-password #wrapper .page-wrapper section form > p input[type=submit].dropdown-toggle:focus {
  box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(0, 158, 223, 0.5);
}
body.page-login #wrapper .page-wrapper section form > p input[type=text],
body.page-login #wrapper .page-wrapper section form > p input[type=password], body.page-lost-password #wrapper .page-wrapper section form > p input[type=text],
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password] {
  display: block;
  width: 100%;
  padding: 0 14px;
  font-size: 1em;
  line-height: 1.7;
  color: #333333;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #cecece;
  max-width: 100%;
  min-height: 42px;
  line-height: 42px;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]::-ms-expand,
body.page-login #wrapper .page-wrapper section form > p input[type=password]::-ms-expand, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]::-ms-expand,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]::-ms-expand {
  background-color: transparent;
  border: 0;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]:focus,
body.page-login #wrapper .page-wrapper section form > p input[type=password]:focus, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]:focus,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]:focus {
  background-color: #fff;
  border-color: #009edf;
  outline: 0;
  box-shadow: inset 0 0 0px #efefef, 0 0 0 2px #2dc2ff;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]::placeholder,
body.page-login #wrapper .page-wrapper section form > p input[type=password]::placeholder, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]::placeholder,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]::placeholder {
  color: #666666;
  opacity: 1;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]::-webkit-input-placeholder,
body.page-login #wrapper .page-wrapper section form > p input[type=password]::-webkit-input-placeholder, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]::-webkit-input-placeholder,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666666;
  opacity: 1;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]::-moz-placeholder,
body.page-login #wrapper .page-wrapper section form > p input[type=password]::-moz-placeholder, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]::-moz-placeholder,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
  opacity: 1;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]:-ms-input-placeholder,
body.page-login #wrapper .page-wrapper section form > p input[type=password]:-ms-input-placeholder, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]:-ms-input-placeholder,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]:-ms-input-placeholder {
  /* IE 10+ */
  color: #666666;
  opacity: 1;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]:-moz-placeholder,
body.page-login #wrapper .page-wrapper section form > p input[type=password]:-moz-placeholder, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]:-moz-placeholder,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
  opacity: 1;
}
body.page-login #wrapper .page-wrapper section form > p input[type=text]:disabled, body.page-login #wrapper .page-wrapper section form > p input[type=text][readonly],
body.page-login #wrapper .page-wrapper section form > p input[type=password]:disabled,
body.page-login #wrapper .page-wrapper section form > p input[type=password][readonly], body.page-lost-password #wrapper .page-wrapper section form > p input[type=text]:disabled, body.page-lost-password #wrapper .page-wrapper section form > p input[type=text][readonly],
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password]:disabled,
body.page-lost-password #wrapper .page-wrapper section form > p input[type=password][readonly] {
  background-color: #f4f4f4;
  opacity: 1;
}

.empty {
  background-color: #f4f4f4;
  border: #efefef 1px solid;
  max-width: 480px;
  margin: 26px auto;
  text-align: center;
  padding: 29px;
}
.empty i {
  font-size: 60px;
  color: #cecece;
  margin-bottom: 14px;
  display: block;
}
.empty .h1 {
  font-size: 1.3rem;
}

.certificates {
  list-style: none;
  margin: 17px 0 0 0;
  margin-left: -8.5px;
  margin-right: -8.5px;
  padding: 0;
  text-align: center;
}
.certificates:after {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  clear: both;
}
.certificates li {
  display: inline-block;
  width: 300px;
  float: none;
  vertical-align: top;
  margin: 0 10px 20px;
}
.certificates li > div {
  padding: 0;
}
.certificates li > div a {
  display: block;
  color: #666666;
  text-decoration: none;
  border: rgba(51, 51, 51, 0.08) 1px solid;
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #f7f7f7;
}
.certificates li > div a img {
  width: 100%;
  height: auto;
}

#modal-certificate {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(76, 76, 76, 0.8);
  z-index: 99;
  overflow: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-certificate > div {
  text-align: center;
}
#modal-certificate .close {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 14px;
  right: 23px;
  background: transparent;
  color: #fff;
  border: #fff 2px solid;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  cursor: pointer;
}
#modal-certificate .close i {
  font-size: 22px;
}

body.is-certificate {
  overflow: hidden;
}
body.is-certificate.is-export #modal-certificate {
  position: static;
  background: transparent;
  display: block;
}

.certificate {
  width: 960px;
  height: 660px;
  background-color: #fff;
  text-align: center;
  margin: 0 auto;
}
.certificate > div {
  padding: 23px;
  margin: 0 auto;
}
.certificate > div > div {
  border: #009edf 2px solid;
  height: 614px;
}
.certificate > div > div .head {
  overflow: hidden;
  padding: 29px 29px 0;
}
.certificate > div > div .head > div {
  width: 50%;
  float: left;
}
.certificate > div > div .head > div:first-child {
  text-align: left;
}
.certificate > div > div .head > div:first-child img.bcrupd {
  width: 140px;
  height: auto;
}
.certificate > div > div .head > div:first-child img.unhabitat {
  width: 160px;
  height: auto;
}
.certificate > div > div .head > div:last-child {
  text-align: right;
}
.certificate > div > div .head > div:last-child img {
  width: 180px;
  height: auto;
}
.certificate > div > div .body {
  padding: 26px;
}
.certificate > div > div .body .h1 {
  color: #191919;
  margin: 0;
  font-size: 2.4em;
}
.certificate > div > div .body .h2 {
  color: #4c4c4c;
  font-size: 2.2em;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
}
.certificate > div > div .body > strong {
  margin-top: 20px;
  font-weight: 400;
  display: block;
  width: 86%;
  line-height: 1.4;
  font-size: 1.2em;
  margin-left: auto;
  margin-right: auto;
}
.certificate > div > div .body .signed {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.certificate > div > div .body .signed .row-signatories {
  margin: 0;
  margin-top: 23px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
}
.certificate > div > div .body .signed .row-signatories > div {
  padding: 0 10px;
}
.certificate > div > div .body .signed.count-1 .row-signatories > div {
  width: 100%;
}
.certificate > div > div .body .signed.count-2 {
  width: 80%;
}
.certificate > div > div .body .signed.count-2 .row-signatories > div {
  width: 50%;
}
.certificate > div > div .body .signed.count-3 .row-signatories > div {
  width: 33.3264%;
}
.certificate > div > div .body .signed.count-4 .row-signatories > div {
  width: 25%;
}
.certificate > div > div .body .signed.count-5 .row-signatories > div {
  width: 20%;
}
.certificate > div > div .body .signed img {
  height: 70px;
  width: auto;
  margin-bottom: 10px;
}
.certificate > div > div .body .signed p {
  line-height: 1.4;
  max-width: 220px;
  margin: 0 auto;
}
.certificate > div > div .body .signed p b {
  color: #191919;
  display: block;
}
.certificate > div > div .foot img {
  height: 70px;
  width: auto;
}
.certificate.mini {
  position: static;
  width: 300px;
  margin: 0;
  height: 200px;
}
.certificate.mini > div {
  padding: 11px;
}
.certificate.mini > div > div {
  border: #009edf 1px solid;
  height: 178px;
}
.certificate.mini > div > div .head {
  overflow: hidden;
  padding: 11px 11px 0;
}
.certificate.mini > div > div .head > div {
  width: 50%;
  float: left;
}
.certificate.mini > div > div .head > div:first-child {
  text-align: left;
}
.certificate.mini > div > div .head > div:first-child img.bcrupd {
  width: 40px;
  height: auto;
}
.certificate.mini > div > div .head > div:first-child img.unhabitat {
  width: 50px;
  height: auto;
}
.certificate.mini > div > div .head > div:last-child {
  text-align: right;
}
.certificate.mini > div > div .head > div:last-child img {
  width: 60px;
  height: auto;
}
.certificate.mini > div > div .body {
  padding: 11px;
}
.certificate.mini > div > div .body .h1 {
  color: #191919;
  margin: 0;
  font-size: 11px;
}
.certificate.mini > div > div .body .h2 {
  color: #4c4c4c;
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.certificate.mini > div > div .body > strong {
  margin-top: 3px;
  font-weight: 400;
  display: block;
  width: 86%;
  line-height: 12px;
  max-height: 48px;
  overflow: hidden;
  font-size: 10px;
  margin-left: auto;
  margin-right: auto;
}
.certificate.mini > div > div .foot img {
  height: 20px;
  width: auto;
}
.certificate.export {
  position: static;
  width: 1200px;
  margin: 0;
  height: 850px;
}
.certificate.export > div {
  padding: 23px;
}
.certificate.export > div > div {
  border: #009edf 3px solid;
  height: 804px;
}
.certificate.export > div > div .head {
  padding: 36px 36px 0;
}
.certificate.export > div > div .head > div:first-child img.bcrupd {
  width: 200px;
}
.certificate.export > div > div .head > div:first-child img.unhabitat {
  width: 220px;
}
.certificate.export > div > div .head > div:last-child img {
  width: 240px;
}
.certificate.export > div > div .body {
  padding: 36px;
}
.certificate.export > div > div .body .h1 {
  margin: 14px 0 0 0;
  font-size: 41px;
}
.certificate.export > div > div .body .h2 {
  font-size: 40px;
  margin-top: 23px;
}
.certificate.export > div > div .body > strong {
  margin-top: 26px;
  width: 88%;
  line-height: 1.4;
  font-size: 23px;
}
.certificate.export > div > div .body .signed {
  width: 96%;
}
.certificate.export > div > div .body .signed.count-2 {
  width: 80%;
}
.certificate.export > div > div .body .signed img {
  height: 90px;
}
.certificate.export > div > div .body .signed .row-signatories {
  margin-top: 26px;
}
.certificate.export > div > div .body .signed .row-signatories > div {
  padding: 0 15px;
}
.certificate.export > div > div .body .signed p {
  line-height: 1.4;
  max-width: 320px;
  margin: 0 auto;
  font-size: 18px;
}
.certificate.export > div > div .foot img {
  height: 100px;
}
.certificate.export {
  position: static;
  width: 1200px;
  margin: 0;
  height: 850px;
}
.certificate.export > div {
  padding: 23px;
}
.certificate.export > div > div {
  border: #009edf 3px solid;
  height: 804px;
}
.certificate.export > div > div .head {
  padding: 36px 36px 0;
}
.certificate.export > div > div .head > div:first-child img.bcrupd {
  width: 200px;
}
.certificate.export > div > div .head > div:first-child img.unhabitat {
  width: 220px;
}
.certificate.export > div > div .head > div:last-child img {
  width: 240px;
}
.certificate.export > div > div .body {
  padding: 36px;
}
.certificate.export > div > div .body .h1 {
  margin: 14px 0 0 0;
  font-size: 37px;
}
.certificate.export > div > div .body .h2 {
  font-size: 36px;
  margin-top: 20px;
}
.certificate.export > div > div .body > strong {
  margin-top: 26px;
  width: 88%;
  line-height: 1.4;
  font-size: 19px;
}
.certificate.export > div > div .body .signed {
  width: 96%;
}
.certificate.export > div > div .body .signed.count-2 {
  width: 80%;
}
.certificate.export > div > div .body .signed .row-signatories {
  margin-top: 26px;
}
.certificate.export > div > div .body .signed p {
  line-height: 1.4;
  max-width: 320px;
  margin: 0 auto;
  font-size: 16px;
}
.certificate.export > div > div .foot img {
  height: 100px;
}
.certificate.email {
  position: static;
  width: 600px;
  margin: 0;
  height: 400px;
}
.certificate.email > div {
  padding: 14px;
}
.certificate.email > div > div {
  border: #009edf 2px solid;
  height: 372px;
}
.certificate.email > div > div .head {
  padding: 14px 14px 0;
}
.certificate.email > div > div .head > div:first-child img.bcrupd {
  width: 120px;
}
.certificate.email > div > div .head > div:first-child img.unhabitat {
  width: 110px;
}
.certificate.email > div > div .head > div:last-child img {
  width: 130px;
}
.certificate.email > div > div .body {
  padding: 23px;
}
.certificate.email > div > div .body .h1 {
  margin: 11px 0 0 0;
  font-size: 17px;
}
.certificate.email > div > div .body .h2 {
  font-size: 20px;
  margin-top: 14px;
}
.certificate.email > div > div .body > strong {
  margin-top: 14px;
  width: 88%;
  line-height: 1.4;
  font-size: 12px;
}
.certificate.email > div > div .body .signed {
  width: 96%;
}
.certificate.email > div > div .body .signed.count-2 {
  width: 80%;
}
.certificate.email > div > div .body .signed .row-signatories {
  margin-top: 14px;
}
.certificate.email > div > div .body .signed p {
  line-height: 1.4;
  max-width: 320px;
  margin: 0 auto;
  font-size: 12px;
}
.certificate.email > div > div .foot img {
  height: 40px;
}

.cert-gen {
  width: 1200px;
  height: 850px;
  display: block;
}

.btn-remove-certificate {
  color: #f7515f !important;
  display: inline-block;
  padding: 0 0 8px !important;
  font-weight: bold;
  font-size: 11px;
}

html.no-js body.page-attendance {
  overflow: hidden;
}
html.no-js body.page-attendance .overlay-menu {
  display: block;
  opacity: 0.6;
  z-index: 99;
}
html.no-js body.page-attendance #progress {
  display: block;
}

body.page-attendance #progress {
  background-color: #4c4c4c;
  color: #fff;
  font-size: 1.5em;
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 10px;
  z-index: 99;
  width: 120px;
  margin-left: -60px;
  text-align: center;
  margin-top: 40px;
  border-radius: 5px;
  font-weight: bold;
  display: none;
}

.attendance-list {
  box-shadow: 3px 3px 0px rgba(51, 51, 51, 0.08);
  background-color: #f7f7f7;
}
.attendance-list header {
  background-color: #eaeaea;
  padding: 14px;
}
.attendance-list header h2 {
  font-size: 1.2em;
}
.attendance-list ol {
  list-style: none;
  padding: 14px 23px;
  margin: 0;
}
.attendance-list ol li {
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: #e8e8e8 1px solid;
}
.attendance-list ol li:last-child {
  border-bottom: none;
}

/*# sourceMappingURL=user.css.map */