@font-face {
  font-family: "URW Gothic";
  src: url(//theme.zdassets.com/theme_assets/56800/7cdc8e048b61106266bddfdaae2542bd8c06e1bf.ttf) format("truetype"); 
}

@font-face{
  font-family: "Font Awesome\ 5 Brands"; 
  font-style: normal;
  font-weight: 400;
  src: url(//theme.zdassets.com/theme_assets/56800/478eb8350eafe2556f1e83b12c6cd01e88c3ac06.eot?#iefix) format("embedded-opentype"),
       url(//theme.zdassets.com/theme_assets/56800/50f4557c4209874f55499a8c67a49b180a187c78.woff2) format("woff2"),
       url(//theme.zdassets.com/theme_assets/56800/ca84a90a57ae96c50caf989cc9c37b5ee798ad5d.woff) format("woff"),
       url(//theme.zdassets.com/theme_assets/56800/aede2dd5db050829d431a147de73fd3314b31516.ttf) format("truetype"),
       url(//theme.zdassets.com/theme_assets/56800/40e405a25d8a86b90c90a554704f13df5f1e8320.svg#fontawesome) format("svg");
}

@font-face{
  font-family: "Font Awesome\ 5 Pro";
  font-style: normal;
  font-weight: 300;
  src: url(//theme.zdassets.com/theme_assets/56800/8c37981550e9286b43004a6be68a9d43957233b1.eot?#iefix) format("embedded-opentype"),
       url(//theme.zdassets.com/theme_assets/56800/794f00415bc994cabc9dc404028289394548a0e9.woff2) format("woff2"),
       url(//theme.zdassets.com/theme_assets/56800/3d1a100846ed4f4543701181b59616a6cbee8878.woff) format("woff"),
       url(//theme.zdassets.com/theme_assets/56800/e1ca51f870629c30394201010b4c545ebbf2d596.ttf) format("truetype"),
       url(//theme.zdassets.com/theme_assets/56800/6ae4fe9502b473e9e5bff68d6d6acf5761535352.svg#fontawesome) format("svg")
}

@font-face{
  font-family: "Font Awesome\ 5 Pro";
  font-style:normal;
  font-weight: 400;
  src: url(//theme.zdassets.com/theme_assets/56800/54c4af1305d8c80107df939142d8801b1d8e8757.eot?#iefix) format("embedded-opentype"),
       url(//theme.zdassets.com/theme_assets/56800/c481a59e40f896bcc88238ea1a828c5a755b7556.woff2) format("woff2"),
       url(//theme.zdassets.com/theme_assets/56800/1ace080f2c62bf5d5511d0d4a30887f6ebaa4e57.woff) format("woff"),
       url(//theme.zdassets.com/theme_assets/56800/0b12d40c6123ae848cfe7aa3b9eca65c52e4a51e.ttf) format("truetype"),
       url(//theme.zdassets.com/theme_assets/56800/ab0f6ba3969cb1c82811fbc4b62e11393508fa31.svg#fontawesome) format("svg")
}

@font-face{
  font-family: "Font Awesome\ 5 Pro";
  font-style:normal;
  font-weight:900;
  src: url(//theme.zdassets.com/theme_assets/56800/ae29c062040707f12287344c332f219360410e84.eot?#iefix) format("embedded-opentype"),
       url(//theme.zdassets.com/theme_assets/56800/59ec1e1acee3106ae41ab5251c8ac635e97e547a.woff2) format("woff2"),
       url(//theme.zdassets.com/theme_assets/56800/a78fff484342dde27c24c0761d230ba282219b66.woff) format("woff"),
       url(//theme.zdassets.com/theme_assets/56800/510efcb359f320ed8e16f47f3e6366a6aff1e6d5.ttf) format("truetype"),
       url(//theme.zdassets.com/theme_assets/56800/86a7dc8c32644c833a1e894482e5662dfb55432d.svg) format("svg")
}

html, body {
  min-height: 100vh;
  font-size: 0.9rem !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: lighter !important;
  color: #555555!important;
}

b, strong{
  font-weight: bold !important;
}

h1,.h1{
  font-size: 2.1rem !important;
}

h2,.h2{
  font-size: 1.7rem !important;
}

h3,.h3{
  font-size: 1.3rem !important;
}

h4,.h4{
  font-size: 1.15rem !important;
}

body{
  flex-direction: column!important;
  display: flex!important;
}

.body h1,.body .h1{
  font-size: 1.95rem !important;
}

.body h2,.body .h2{
  font-size: 1.55rem !important;
}

.body h3,.body .h3{
  font-size: 1.15rem !important;
}

.body h4,.body .h4{
  font-size: 1rem !important;
}

.body table{
  width: 100%;
}
.body table tr td{
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
  padding: .5rem;
}
.body code{
  color: #3ee84e !important;
  background-color: #555555;
  width: 100%;
  display: inline-block;
  font-weight: bold;
  padding: 0.5rem;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{
  background-color: #3398c4 !important;
  border-color: #3398c4 !important;
}

.dropdown-menu[aria-expanded="true"]{
  display: inline-table;
}

.btn-primary{
  border-color: #3398c4 !important;
}

.app-container {
  min-height: 100vh; 
}

.form-field{
  margin-bottom: .5rem;
}

.form-field input[type="search"]{
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.color-primary {
  color: #3398c4; 
}

.nav-item {
  cursor: pointer; 
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #FFFFFF !important;
  background-color: #3398c4; 
}


.bg-secondaryTemplate {
  background-color: #FFFFFF !important;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #FFFFFF;
}

.badge {
  font-size: 0.8rem; 
}

.section-subscribe.dropdown .dropdown-menu a,.section-subscribe.dropdown .dropdown-menu a:after{
  color: #555555!important;
}

.bg-opennebula {
  background-color: #3398c4 !important;
  border-color: ##3398c4 !important; 
}

.bg-opennebula-reverse{
  background-color: rgba(0,0,0,0);
  border-color: ##3398c4 !important;
}

.bg-color {
  background-color: #fafafa;
  border-color:  #fafafa; 
}

.border-right-limit {
  border-right: 1px solid rgba(0, 0, 0, 0.1); 
}

button.bg-opennebula:active, button.bg-opennebula:focus, button.bg-opennebula:hover {
  background-color: #3398c4 !important;
  border-color: #3398c4 !important; 
}

.btn.focus, .btn:focus {
  box-shadow: none !important; 
}

.header {
  border-bottom: 1px solid #d8d8d8; 
}

.header a {
  text-decoration: none !important;
  color: #555;
  display: table; 
}

.header a h3 {
  font-family: "URW Gothic", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.45rem;
  color: #353735; 
}

.header a * {
  display: table-cell;
  vertical-align: middle; 
}

.header a img {
  max-height: 2.5rem;
  max-width: 120px; 
}

.header a.login{
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  display: inline-block;
}

.header a h3 {
  padding-left: 1rem; 
}

.header .user-button .btn, .header a.login{
  color: #3398c4;
  font-weight: bold;
  border: 1px solid #e1e1e1
}

.header .user-button .btn img{
  width: 20px;
  margin-right: 5px;
}

.header .user-button .dropdown-menu-end.dropdown-menu-caret::before{
  right: auto;
  left: 9px;
} 

.header .user-button .dropdown-menu-end.dropdown-menu-caret::after{
  right: auto;
  left: 10px;
}

.loading .fa-spinner {
  font-size: 2rem;
  margin-right: 0.5rem;
  vertical-align: middle; 
}

.requests-search{
  box-sizing: border-box !important;
}

.main a{
  color: #3398c4 !important;
}

.main a:hover{
  color: #3398c4 !important;
}

.main a.vote-up, .main a.vote-down, .main a.vote-up:hover, .main a.vote-down:hover, .subscribe .dropdown-toggle, .subscribe .dropdown-toggle:after, .subscribe .dropdown-toggle:hover, .follow a, .follow a:hover, .follow a:after {
  color: #FFFFFF !important;
}

.main .place-search{
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.main .place-search form{
  width: 50%;
  display: flex;
  margin: 0 auto;
  text-align: center;
}

.main #community_comment_body, .new-request-form input, .new-request-form textarea{
  width: 100%;
}

.main .place-search form input[type="search"], .main #community_comment_body, .new-request-form input, .new-request-form textarea{
  flex-grow: 1;
  margin-right: 0.5rem;
  display: block;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid #e1e1e1;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.main .place-search form input[type="submit"], .main .article-subscribe-place a, .subscribe .dropdown-toggle{
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  color: #FFFFFF;
  background-color: #3398c4;
}

.main .article-subscribe-place a{
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
  color: #FFFFFF !important;
}

.main .place-breadcrumbs ol{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  margin-bottom: 0;
  border-radius: .25rem
}

.main .place-breadcrumbs ol li+li::before{
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  color: #e1e1e1;
  content: "/";
}

.main .profile-stats{
  list-style: none;
}

.main .tab-detail{
  display: none;
}

.main .tab-detail.active{
  display: block;
}

.main .tabs{
  padding: 5px 0;
  display: inline-block;
  margin: 5px 0;
}

.main .tabs.default{
  color: #FFFFFF;
  background-color: #3398c4
}

.main .tabs>li{
  display: inline;
  padding: .5rem;
  border-radius: 4px;
  border: 1px solid #3398c4;
  margin: .5rem .25rem;
  cursor: pointer;
  color: #3398c4;
  word-break: unset;
  white-space: pre;
}

.main .tabs>li:hover{
  background-color: #3398c4;
  color: #FFFFFF;
}

.main .tabs>li:first-child{
  margin-left: 0px;
}

.main .tabs>li:last-child{
  margin-right: 0px;
}

.main .place-align-arrows{
  overflow: hidden;
  flex-grow: 1;
  position: relative;
}

.main .place-tabs{
  overflow: hidden;
}

.main i.arrow{
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 7px;
  width: 7px;
  margin: auto;
}

.main i.arrow.left{
  transform: rotate(135deg);
}

.main i.arrow.right{
  transform: rotate(-45deg);
}

.main .placeArrow{
  position: absolute;
  height: 100%;
  top:0px;
  width: 15px;
  background-color: rgba(0, 0, 0, 0.08)
}

.main .placeArrow.scrollLeft{
  left: 0px;
}

.main .placeArrow.scrollRight{
  right: 0px;
}

.main aside h3{
  padding-bottom: .5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
}

.main aside ul{
  list-style: none;
  padding: 0px;
}

.main aside ul li{
  margin-bottom: .5rem;
}

.main .card{
  box-shadow: 0 0 5px 3px rgba(0,0,0,.14);
}

.main .category h3 a, .main .community h3 a{
  color: #212529 !important;
}

.main .recent-activity ul{
  list-style: none;
  padding: 0px;
}

.main .recent-activity .recent-activity-controls{
  text-align: right;
}

.main .recent-activity-item-meta>*{
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.main .recent-activity-item-meta .recent-activity-item-time{
  color: #fff;
  background-color: #343a40;
}
.main .recent-activity-item-meta .recent-activity-item-comment{
  color: #212529;
  background-color: #f8f9fa;
}

.recent-activity-item-comment::after{
  content: "comments";
  margin-left: .2rem;
}

a.vote-up:before{
  content: "\f164";
  font-family: "Font Awesome\ 5 Pro";
}

a.vote-down:before{
  content: "\f165";
  font-family: "Font Awesome\ 5 Pro";
}

.share{
  list-style: none;
  padding: 0;
  text-align: center;
  margin: 0px;
}

.share  li{
  display: inline-block;
}

.share a{
  display: inline-block;
  text-indent: -9999px;
  line-height: 30px;
  overflow: hidden;
  vertical-align: middle;
  width: 30px;
  background: #3398c4;
  border-radius: 50%;
}

.share a:before{
  font-family: "Font Awesome\ 5 Brands";
  float: left;
  text-indent: 0;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
}

a.share-facebook:before {
  content: "\f39e";
}

a.share-twitter:before {
  content: "\f099";
}

a.share-linkedin:before {
  content: "\f0e1";
}

.article-footer{
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}

.recent-activity-header{
  font-size: 1.75rem;
}

.powered-by-zendesk svg{
  top: 0 !important;
}

.footer .opennebula-systems-logo {
  max-width: 20rem;
}

.footer .legal-place {
  background-color: #343a40;
  color: #FFFFFF;
  font-size: 0.7rem;
} 
.footer .legal-place a {
  text-decoration: none !important;
  font-weight: bold;
  color: #FFFFFF;
}

.footer .legal-place a:hover {
  color: #e1e1e1;
}

.powered-by-zendesk{
  background-color: #343a40 !important;
  position: fixed;
  bottom: 0 !important;
  right: 0 !important;
  top: auto !important;
  z-index: 999 !important; 
}
.powered-by-zendesk a{
  color: #FFFFFF !important
}

.pagination ul{
  list-style: none;
  padding: 0;
  width: 100%;
  overflow: hidden;
}

.pagination ul li{
  display: inline-block;
  padding: 5px;
  margin: 0.1rem;
  border: 1px solid #3398c4;
  color: #3398c4;
  border-radius: 3px;
  margin-top: .5rem;
}

@media (max-width: 576px) {
  .image .card-footer {
      height: auto; 
  }

  .image .card-title {
    height: auto; 
  }

  .border-right-limit {
    border-right: none; 
  }
}