@import url('https://postgresqlco.nf/resources/fonts/fonts.css');

span.synopsis {
  font-family: 'Ubuntu Mono', monospace;
  display: block;
  padding: 9.5px;
  font-size: 13px;
  line-height: 1.42857143;
  color: var(--gray5);
  word-break: break-all;
  word-wrap: break-word;
  background-color: var(--gray1);
  border: 1px solid var(--gray2);
  border-radius: 4px;
  overflow: auto;
  margin: 0.5em;
}

span.programlisting {
  font-family: 'Ubuntu Mono', monospace;
  display: block;
  padding: 9.5px;
  font-size: 13px;
  line-height: 1.42857143;
  color: var(--gray5);
  word-break: break-all;
  word-wrap: break-word;
  background-color: var(--gray1);
  border: 1px solid var(--gray2);
  border-radius: 4px;
  overflow: auto;
  margin: 0.5em;
}

span.command {
  font-family: 'Ubuntu Mono', monospace;
  color: var(--blue);
  background-color: #00ADB51A;
  padding: 2px 4px;
  font-size: 90%;
  border-radius: 4px;
}

a.external {
  background: url(/assets/img/external.png) center right no-repeat;
  padding-right: 15px;
}

#welcome {
  text-align: center;
  vertical-align: middle;
  display: inherit;
}

.breadcrumb>li {
  background-color: #f5f5f5;
  margin-right: -5px;
}

.breadcrumb>li:first-child {
  padding-left: 10px;
}

.breadcrumb>li:last-child {
  padding-right: 10px;
}

/* Ajustes Olesya / Luis */

:root {
  --blue: #00ADB5;
  --lblue: #00C5CE;
  --orange: #F39C12;
  --green: #00F900;
  --red: #FF2600;
  --gray1: #F0F0F1;
  --gray2: #D3D3D6;
  --gray3: #A6A7AE;
  --gray4: #7A7B85;
  --gray5: #4D4F5C;
  --black: #282F38;
  --darkbg: #171717;
  --darkborder: #333333;
  --darktext: #E3E3E3;
  --darktitle: #A5A5A5;
}

/* General */

html {
  width: 100%;
  height: 100%;
}

html, body {
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  color: var(--gray5);
  background: white;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
}

h1 {
  font-size: 1.9rem;
  color: var(--blue);
}

h2 {
  font-size: 1.5rem;
  color: var(--blue);
}

h3 {
  font-size: 1.3rem;
  color: var(--blue);
}

h4 {
  font-size: 0.8rem;
  color: var(--gray4);
  /* text-transform: capitalize; */
}

code {
  font-family: 'Ubuntu Mono', monospace;
  color: var(--blue);
  background-color: #00ADB51A;
}

a {
  font-family: 'Nunito', sans-serif;
  font-size: inherit;
  color: var(--blue);
}

a:hover, a:active, a:focus {
  outline: none;
  text-decoration: none;
  color: var(--lblue);
}

.box-body>ul {
  margin-left: 10px;
}

/* Header */

header, nav {
  height: 6.5rem;
}

.main-header .sidebar-toggle {
  color: var(--gray5);
  display: block;
  width: 50px;
  height: 50px;
  /*border-right: 1px solid var(--gray1);*/
  text-align: center;
}

.main-header .sidebar-toggle:hover {
  color: var(--lblue);
}

.main-header .sidebar-toggle:before {
  display: none;
}

.sidebar-toggle em {
  display: block;
  height: 2px;
  width: 18px;
  background: var(--gray5);
  content: " ";
  margin: 3px 0;
}

.sidebar-toggle em:nth-child(2) {
  width: 11px;
}

.main-header .logo .logo-lg {
  font-family: 'Nunito', sans-serif;
  /* font-weight: bold; */
  font-size: 1.4rem;
  color: var(--gray5);
}

.main-header .logo {
  padding: 0;
  margin-left: 10px;
}

/* Override Sidebar Toggle */

.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
  display: block !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
  display: none !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
  width: auto !important;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
  margin-left: 300px !important;
}

/* End Override Sidebar Toggle */

.skin-blue .main-header .navbar {
  background-color: transparent;
  z-index: 2;
}

.skin-blue .main-header .logo {
  background-color: transparent;
  color: var(--gray5);
}

.skin-blue .main-header .logo:hover {
  background-color: transparent;
  color: var(--gray5);
}

.skin-blue .main-header .navbar .description-title {
  visibility: hidden;
}

.language {
  font-size: 0.8rem;
  color: white;
  background: var(--blue);
}

#language-menu-trigger {
  margin-right: 25px;
  border-radius: 25px;
  padding-right: 1rem;
  padding-left: 1rem;
  margin-top: 12px;
}

#language-menu {
  right: 25px;
}

#language-menu-trigger:hover {
  background: var(--lblue);
}

.glyphicon-menu-down:before {
  content: "\f0d7";
  font: normal normal normal 10px/1 FontAwesome;
}

#language-menu li {
  background-color: var(--blue);
  border-radius: 25px;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-top: 0.6rem;
}

#language-menu li:hover {
  background-color: var(--lblue);
}

/* Titulo y Breadcrumbs */

.breadcrumbs {
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
}

a.copy-link {
  font-weight: 700;
}

a.copy-link:hover {
  color: var(--lblue);
}

/* Sidebar */

.sidebar, .content-wrapper, .postgres-version table, .sidebar-menu {
  background: white;
}

/* Postgres Version */

.postgres-version span {
  text-transform: uppercase;
  color: var(--gray4);
  font-size: 0.8rem;
}

/* Categories */

#parametersList {
  border-right: 0;
}

#parametersList .fa-cogs, .fa-cog {
  display: none;
}

.skin-blue .sidebar-menu>li.header {
  color: var(--blue);
  background-color: transparent;
  font-size: 16px;
  padding-top: 0;
}

#parametersList>.treeview>a>span {
  text-transform: uppercase;
  color: var(--blue);
  font-weight: bold;
  font-size: 0.8rem;
}

#parametersList>.treeview>a>span:hover {
  color: var(--lblue);
}

/* #parametersList>.treeview>a:before {
  display: inline-block;
  content: "\f0b0";
  margin-right: 3px;
  font: normal normal normal 12px/1 FontAwesome;
  color: var(--blue);
} */

#parametersList>li.treeview {
  position: relative;
  padding-top: 10px;
  z-index: 10;
  margin-bottom: -30px;
  text-transform: uppercase;
}

#parametersList>li.treeview.menu-open {
  border-bottom: 1px solid var(--gray1);
  padding-bottom: 25px;
}

#parametersList>li.treeview.menu-open+.header {
  margin-top: 30px;
  padding-top: 20px;
  transition: all .3s ease-out;
}

#parametersList>li.treeview>a {
  text-align: right;
  width: auto;
  margin-left: 60%;
  padding-right: 25px;
}

#parametersList>li.treeview>a:focus, #parametersList>li.treeview>a:hover {
  background: transparent;
}

.treeview-menu {
  background: white;
}

.treeview-menu>li>a {
  padding: 7px 25px 7px 20px;
}

.treeview *[style="color: #ffffff"], .treeview *[style="color:#ffffff"] {
  color: var(--blue) !important;
  font-weight: bold;
}

.category-active {
  color: var(--blue) !important;
  font-weight: bold;
}

.skin-blue .sidebar-menu .treeview-menu>li>a[style="color:#ffffff"] {
  color: var(--blue) !important;
  font-weight: bold;
}

.sidebar-menu li>a>.pull-right-container {
  right: 25px;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
  background: white;
}

.skin-blue .sidebar-menu .treeview-menu>li>a {
  color: var(--gray5);
  background-color: white;
}

.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover {
  color: var(--blue);
  background: #D3D3D61A;
}

li.treeview>a:hover, a:active, a:focus {
  background-color: none;
}

.fa-angle-left:before {
  content: "\f0d7";
  font: normal normal normal 12px/1 FontAwesome;
  display: none;
}

li.treeview>hr {
  display: none;
}

li.treeview>ul i:before {
  content: "\f00d";
  font: normal normal normal 12px/1 FontAwesome;
}

.treeview-menu>li>a>.fa {
  width: 15px;
}

li.treeview>ul strong {
  font-weight: normal !important;
}

#parametersList>li.treeview li.treeview>a:before {
  display: inline-block;
  content: "▾";
  position: absolute;
  margin-left: -11px;
  font-size: 11px;
  margin-top: 2px;
}

#parametersList>li.treeview li.treeview.menu-open>a:before {
  transform: rotate(180deg);
}

#parametersList>li.treeview.menu-open>a:before {
  content: "\f00d";
  display: inline-block;
  font: normal normal normal 12px/1 FontAwesome;
  font-size: 10px;
  position: relative;
  left: 3px;
  top: -1px;
}

#parametersList>li.treeview.menu-open>a svg {
  display: none;
}

/* Search */

.skin-blue .sidebar-form {
  border-radius: 8px;
  border: 1px solid var(--gray2);
  margin: 0px 25px;
  border-bottom: 1px solid var(--gray1);
}

/* form.sidebar-form:after {
  display: block;
  position: absolute;
  content: "";
  width: 365px;
  color: var(--gray1);
  margin: 20px 0 0 -26px;
  border-top: 1px solid var(--gray1);
} */

.sidebar-form+li {
  border-top: 1px solid var(--gray1);
  padding-top: 25px;
  margin-top: 25px;
}

.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
  background-color: white;
  color: var(--gray4);
  font-size: 0.95rem;
}

.skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #D3D3D61A;
  color: var(--gray5);
  font-size: 0.95rem;
}

input#search::-webkit-input-placeholder, input#homeSearch::-webkit-input-placeholder {
  /* Edge */
  color: var(--gray3);
  font-weight: 400;
  font-size: 0.95rem;
}

input#search:-ms-input-placeholder, input#homeSearch:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--gray3);
  font-weight: 400;
  font-size: 0.95rem;
}

input#search::placeholder {
  color: var(--gray3);
  font-weight: 400;
  font-size: 0.95rem;
}

.form-control {
  padding: 6px 6px 6px 12px;
}

#search-btn i.fa.fa-search {
  background: var(--blue);
  padding: 5px;
  border-radius: 50%;
  font-size: 12px;
}

#search-btn i.fa.fa-search:hover {
  background: var(--lblue);
}

#search-btn {
  padding-top: 3px;
}

/* Parametros */

.skin-blue .sidebar a {
  color: var(--gray5);
  font-size: 0.95rem;
}

.skin-blue .sidebar a:hover, .skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
  color: var(--blue);
  background: #D3D3D61A;
}

.skin-blue .sidebar-menu>li.active>a {
  border-color: var(--blue);
  color: var(--blue);
  font-weight: bold;
}

.sidebar-menu>li>a {
  padding: 10px 10px 10px 22px;
}

/* Etiquetas */

.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {
  background-color: transparent !important;
  color: var(--green) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
  background-color: transparent !important;
  color: var(--red) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.sidebar-menu>li .label, .sidebar-menu>li .badge {
  margin-right: 5px;
  margin-left: -5px;
}

/* Contenido */

.content-header {
  padding: 0 25px;
  border-bottom: 1px solid var(--gray1);
}

.content-header+.content {
  min-height: calc(100vh - 180px);
}

.box {
  margin-bottom: 25px;
}

.content .box-body #parameter-info:before {
  display: inline-block;
  content: "Parameter info";
  text-transform: uppercase;
  font-size: 16px;
  color: var(--blue);
  font-weight: 400;
  padding: 15px 0 5px 0;
}

#parameter-info {
  font-size: 1rem;
}

#parameter-info span {
  font-size: 0.95rem;
  font-weight: 600 !important;
}

#parameter-info td:first-of-type {
  width: 150px;
}

#parameter-info td {
  padding: 5px 0;
  width: auto;
  display: block;
  float: left;
}

.content .box-solid div.box-footer strong:before {
  display: block;
  content: "Description";
  text-transform: uppercase;
  font-size: 16px;
  color: var(--blue);
  font-weight: 400;
  padding: 0 0 10px 0;
}

.box-footer span a {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
}

.box-footer span a:hover {
  color: var(--lblue)
}

code.varname {
  color: var(--gray5);
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  background: transparent;
  padding: 0;
}

a.varname {
  font-family: 'Ubuntu Mono', monospace;
  font-size: 90%;
  font-weight: 400;
  color: var(--blue);
  padding: 2px 4px;
  border: 1px dashed var(--blue);
  border-radius: 4px;
}

a.varname:hover {
  background-color: #00ADB508;
  color: var(--lblue);
  border: 1px dashed var(--lblue);
}

a.external {
  background: none;
}

a.external:before {
  display: inline-block;
  content: "\f08e";
  margin-right: 3px;
  font: normal normal normal 12px/1 FontAwesome;
}

.content .box-primary .box-header h4 {
  margin-top: 15px;
}

.content .col-md-8>.box.box-solid.box-primary+.box.box-primary>div.box-footer:before {
  display: inline-block;
  content: "—";
  margin-right: 3px;
  font-size: 12px;
}

/* Home */

#welcome h3 {
  text-transform: uppercase;
  margin-top: -20px;
}

#welcome h4 {
  color: var(--gray5);
  font-size: 1rem;
  text-transform: none;
  line-height: 1.2rem;
}

#welcome h4 p span {
  font-family: 'Nunito', sans-serif !important;
  font-size: 1rem !important;
}

#welcome.box.box-primary {
  margin: 0;
  padding: 0 25px 0 25px;
  /* text-align: left !important; */
  max-width: 800px;
  margin: 20vh auto 0;
}

#welcome>.box-header {
  padding: 20px 25px;
  margin-left: -25px;
  margin-top: -1px;
  width: calc(100% + 50px);
}

#welcome>.box-header h3 {
  margin: 0;
}

div.content-wrapper .content .row .box {
  border-radius: 0;
  border-top: none;
}

#welcome>.box-body {
  padding: 15px 0;
}

#welcome>.box-body p {
  margin: 0 0 5px 0;
}

.text-doc>h1 {
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
}

.text-doc>h2 {
  text-transform: uppercase;
  font-size: 1.2em;
}

.text-doc>h3 {
  text-transform: uppercase;
  font-size: 1.0em;
}

.text-doc>h4 {
  text-transform: uppercase;
  font-size: 0.8em;
}

.text-doc>blockquote {
  font-size: 1.0em;
}

.box .box-body>h4 {
  color: var(--gray5);
  font-size: 1rem;
}

section.content .row {
  margin-top: 0 !important;
}

.box.box-warning {
  border-top-color: var(--gray1);
}

.subscribe {
  padding-left: 0;
  padding-right: 0;
  bottom: 0;
  position: relative;
  border-top: 1px solid var(--gray1);
}

.subscribe-button iframe {
  height: 85px;
}

.subscribe>.box-warning {
  margin-bottom: 0;
}

.content .box-header.with-border h3.box-title {
  padding-top: 15px;
}

/* Footer */

/*footer {
  width: calc(100vw - 365px);
  position: fixed;
  bottom: 0;
  right: 0;
}*/

.main-footer {
  color: var(--gray5);
  border-top: 1px solid var(--gray1);
  border-left: 1px solid var(--gray1);
  font-size: 0.8rem;
  padding: 10px 25px;
}

.main-footer>span .fa {
  color: var(--blue) !important;
  font-size: 0.7rem !important;
}

.footer-title {
  border-right: 1px solid var(--gray1);
  margin-right: 5px;
}

.main-footer>span a {
  font-size: 0.8rem;
}

.main-footer>span a:hover {
  color: var(--lblue);
}

.main-footer>a {
  padding-right: 5px;
}

.main-footer>a:hover {
  color: var(--lblue);
}

.main-footer>div a {
  font-size: 0.8rem !important;
}

.main-footer>div a:hover {
  color: var(--lblue);
}

.fa-twitter-square:before {
  content: "\f099";
  font: normal normal normal 12px/1 FontAwesome;
}

.fa-gitlab, .fa-linkedin {
  font: normal normal normal 12px/1 FontAwesome;
}

footer a.external:before {
  font: normal normal normal 10px/1 FontAwesome;
}

/* LUIS */

/* General */

.box.box-info, .box.box-primary {
  border-top: 0;
}

.content-wrapper {
  border-left: 1px solid var(--gray1);
}

.content {
  padding: 0 15px;
  position: relative;
  min-height: calc(100vh - 95px);
}

.content>.row>.col-md-8 {
  border-right: 1px solid var(--gray1);
  /* border-bottom: 1px solid var(--gray1); */
  padding: 0;
  /* min-height: calc(100vh - 174px); */
}

.content>.row>.col-md-4 {
  border-bottom: 1px solid var(--gray1);
  padding: 0;
}

.content .box-body, .box-header {
  padding: 10px 25px;
}

.content .box-header {
  border-bottom: 1px solid var(--gray1);
}

.content .box-footer {
  padding: 0 25px;
  border: 0;
}

.box-header .box-title {
  color: var(--blue);
  text-transform: uppercase;
  font-size: 16px;
}

.content .box-header.with-border {
  border: 0;
  padding-bottom: 0;
}

#stackoverflow {
  border-top: 1px solid var(--gray1);
}

/* Sidebar */

.main-sidebar {
  padding-top: 0;
  top: 60px;
}

.postgres-version {
  padding: 10px 20px 15px;
  border-bottom: 1px solid var(--gray1);
}

.slimScrollDiv, .slimScrollDiv>.sidebar {
  min-height: calc(100vh - 60px);
}

/* Header */

header, nav {
  height: auto;
}

.main-header .logo {
  width: auto;
  padding: 0 0 0 40px;
}

header.main-header {
  border-bottom: 1px solid var(--gray1);
}

header.main-header {
  background: #fff;
  z-index: 10;
  height: 50px;
}

.main-sidebar {
  z-index: 0 !important;
}

.language {
  line-height: 2;
  height: auto;
  margin-top: 15px;
}

/* Parameter */

h1.parameter-title {
  color: var(--blue);
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: 0px;
}

h1.parameter-title span.label.label-warning {
  position: relative;
  top: 5px;
  margin-left: -3px;
  text-transform: uppercase;
  background: transparent !important;
  color: var(--orange) !important;
  font-weight: 900 !important;
  /* width: 4.4ch; */
  display: inline-block;
  overflow: hidden;
  font-size: 0.8rem;
}

h1.parameter-title span.label.label-danger {
  position: relative;
  top: 5px;
  margin-left: -3px;
  text-transform: uppercase;
  background: transparent !important;
  color: var(--red) !important;
  font-weight: 900 !important;
  /* width: 4.4ch; */
  display: inline-block;
  overflow: hidden;
  font-size: 0.8rem;
}

.breadcrumb {
  padding: 0;
  margin-bottom: 5px;
}

.breadcrumb>li {
  background: transparent;
}

.breadcrumb>li:first-child {
  padding-left: 0;
}

.breadcrumb>li span {
  font-size: 14px !important;
}

.breadcrumb>li a {
  color: var(--gray4);
}

.breadcrumb>li a:hover {
  color: var(--blue);
}

a.copy-link {
  display: inline-block;
  margin-top: 32px;
  font-size: 12px;
  /* float: right; */
}

/* PG Version */

ul#postgresqlVersion {
  padding: 0;
  list-style: none;
}

#postgresqlVersion li {
  display: inline-block;
  margin-right: 5px;
  background: rgba(166, 167, 174, .1);
  color: var(--gray3);
  font-size: 11px;
  position: relative;
  width: 24px;
  height: 24px;
  text-align: center;
  border-radius: 12px;
  line-height: 24px;
  font-weight: bold;
  cursor: pointer;
}

#postgresqlVersion li span {
  position: absolute;
  top: 100%;
  width: 100px;
  overflow: visible;
  font-size: 10px;
  left: -38px;
  display: none;
}

#postgresqlVersion li.active {
  background: var(--blue);
  color: #fff;
}

#postgresqlVersion li.active span {
  color: var(--blue);
  display: block;
}

#postgresqlVersion li:hover span {
  display: block;
}

.embed-responsive {
  border: 1px solid var(--gray1);
}

/* 404 */

.error-page {
  padding-top: 10%;
  display: none;
}

.lang.error-page {
  display: block;
}

.lang.error-content {
  margin-left: 0;
}

/*Darkmode*/

.darkmode header.main-header, .darkmode .sidebar, .darkmode .content-wrapper, .darkmode .postgres-version table, .darkmode .sidebar-menu, .darkmode .main-footer, .darkmode .box, .darkmode .box-footer, .darkmode.skin-blue .sidebar-form input[type="text"]:not(:focus), .darkmode.skin-blue .sidebar-form .btn, .darkmode.skin-blue .sidebar-menu .treeview-menu>li>a, .darkmode.skin-blue .sidebar-menu>li>.treeview-menu, .darkmode .treeview-menu, .darkmode form.sidebar-form, .darkmode .snippetMenu {
  background: var(--darkbg);
}

.darkmode table {
  background: var(--darkbg) !important;
}

.darkmode .language, .darkmode #postgresqlVersion li.active, .darkmode .subscribeButton span {
  color: var(--darkbg);
}

.darkmode i.fa.fa-search {
  color: var(--darkbg) !important;
}

.darkmode header.main-header, .darkmode .main-header .sidebar-toggle, .darkmode .sidebar-form+li, .darkmode .main-footer, .darkmode .content-wrapper, .darkmode .content-header, .darkmode .content>.row>.col-md-8, .darkmode .content .box-header, .darkmode .postgres-version, .darkmode .content>.row>.col-md-4, .darkmode #stackoverflow, .darkmode .embed-responsive, .darkmode .footer-title, .darkmode.skin-blue .sidebar-form, .darkmode.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn, .darkmode #parametersList>li.treeview.menu-open, .darkmode .box-body.search, .darkmode hr, .darkmode form.sidebar-form .input-group,  .darkmode .snippetMenu{
  border-color: var(--darkborder);
}

body.darkmode, .darkmode #welcome h4, .darkmode .box .box-body>h4, .darkmode .footer-title {
  color: var(--darktext);
}

.darkmode .main-header .logo .logo-lg {
  color: #fff;
}

.darkmode.skin-blue .sidebar a, .darkmode.skin-blue .sidebar-form input[type="text"], .darkmode.skin-blue .sidebar-form .btn, .darkmode.skin-blue .sidebar-menu .treeview-menu>li>a, .darkmode .navLinks a {
  color: var(--darktitle);
}

.darkmode .sidebar-toggle em {
  background: var(--darktext);
}

.darkmode iframe.mailjet {
  filter: invert(1) hue-rotate(180deg);
}

.darkmode .snippetMenu {
  box-shadow: 0 3px 9px rgba(2, 14, 20, .8);
}

.darkmode code.varname {
  color: var(--gray1);
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  background: transparent;
  padding: 0;
}


/*CONF video styling*/
.box-body a {
  cursor: pointer;
}

#darkmode {
  float: right;
  margin: 18px 25px 0 0;
  cursor: pointer;
}

#darkmode:hover path, #darkmode:hover rect {
  fill: var(--blue);
}

.box-body.search {
  margin: 0 -25px 15px -25px;
  padding-bottom: 30px !important;
  border-bottom: 1px solid var(--gray2);
}

.box-body.search .sidebar-form {
  margin: 0 25px;
}

.fixed .main-header {
  height: 60px;
}

.fixed .content-wrapper, .fixed .right-side {
  padding-top: 60px;
}

.main-header .logo .logo-lg {
  margin-left: -10px;
  margin-top: 3px;
  font-size: 1.05rem;
}

.main-header .sidebar-toggle {
  left: 28px;
  top: 2px;
  position: relative;
}

.sidebar-toggle em {
  margin: 4px 0px;
}

#language-menu-trigger {
  margin-top: 19px;
}

.hidden, .subscribeButton {
  display: none;
}

#confVideos h4 {
  margin-top: 40px;
}

#closeParamList {
  display: none
}

#closeParamList span:before {
  content: "X";
  display: inline-block;
  width: 10px;
  height: 10px;
  font-size: 12px;
  font-weight: bold;
  position: relative;
    top: -1px;
}

.categoriesList {
  display: inline-block;
}

.content .box-body.subscribeButton {
  padding: 25px;
}

.subscribeButton span {
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  background: var(--blue);
  padding: 5px 10px;
  border-radius: 24px;
}

.subscribe  {
      position: fixed;
      bottom: 37px;
      width: 400px;
      right: 0;
      border: 1px solid #f0f0f1;
}

.navLinks {
  float: left;
  z-index: 10;
  margin-top: 16px;
  margin-top: 18px;
  margin-left: 31px;
}

.navLinks a {
  text-transform: uppercase;
  text-decoration: none;
  color: var(--gray4);
  display: inline-block;
  margin: 0 20px;
  font-size: 0.95rem;
  font-weight: 500;
}

.navLinks a:hover {
  color: var(--blue);
}

.snippets {
  display: inline-block;
  position: relative;
  z-index: 10;
}

.snippets:hover .snippetMenu {
  display: block;
}

.snippets > a {
  padding-bottom: 23px;
}

.snippetMenu a {
  display: block;
  padding: 20px;
}

.snippetMenu {
  display: none;
  position: absolute;
  left: 0;
  top: 42px;
  width: 300px;
  border: 1px solid var(--gray1);
  box-shadow: 0px 3px 9px rgba(2, 14, 20, .1);
  background: #fff;
}

.mobileMenu {
  display: none;
}

/* Home Searchbar */
#welcome form {
  position: relative;
  overflow: visible;
}
.paramsList.filtered {
  display: block;
}
.paramsList {
  display: none;
  position: absolute;
  left: -1px;
  top: 32px;
  background: #fff;
  z-index: 999;
  width: 100%;
  text-align: left;
  list-style: none;
  padding: 0;
  border: 1px solid #f0f0f1;
  max-height: 20vh;
  overflow: auto;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.paramsList li.parameter {
  padding: 5px 14px;
}

.paramsList li.parameter.active {
  background: rgba(0,0,0,.03);
}

input#homeSearch {
  border-radius: 7px 0 0 7px;
}

#welcome #search-btn {
  border-radius: 0 7px 7px 0;
  border: none;
}

.paramsList li.parameter a {
  display: block;
  background: transparent;
}

.darkmode .paramsList {
  background: var(--darkbg);
  border: 1px solid var(--darkborder);
}

.darkmode .paramsList li.parameter.active {
  background: rgba(0,0,0,.2);
}


/* Inner param tables */
.box-body table {
  background: transparent;
}

.box-body table caption {
  background: #ddd;
  margin-top: 10px;
  border: 1px solid var(--blue);
  border-bottom: 0;
  text-align: center;
  font-weight: bold;
}

.darkmode .box-body table caption {
  background: #444;
  color: #fff;
}

.box-body table:not(#parameter-info) td, th {
  border: 1px solid var(--blue);
}

.box-body table:not(#parameter-info) thead th {
  background: #f0f0f1;
}

.darkmode .box-body table:not(#parameter-info) thead th {
  background: #262626;
}

.box-body table:not(#parameter-info) td.entry:not(:first-child) {
  text-align: center;
}

.box-body table:not(#parameter-info) th {
  text-align: center;
}

/* -- */

@media screen and (min-width: 992px) {
  .embed-responsive {
    height: 9.4vw;
    overflow: hidden;
    padding-bottom: 0;
    width: 17vw;
  }
}

@media screen and (min-width: 1200px) {
  .embed-responsive {
    height: 11.1vw;
    overflow: hidden;
    padding-bottom: 0;
    width: 20vw;
  }
}

@media screen and (min-width: 768px) {
  .main-sidebar.homePage {
    display: none;
  }

  .content-wrapper.homePage, .main-footer.homePage {
    margin-left: 0;
    border-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .main-header .logo {
    text-align: left;
    float: left;
  }

  .main-header .navbar {
    width: auto;
    float: right;
  }
  .main-header .navbar .description-title {
    display: none;
  }
  #language-menu-trigger {
    margin-right: 10px;
    margin-top: 13px;
  }
  .breadcrumb>li {
    padding-bottom: 0;
  }
  a.copy-link {
    float: left;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .main-footer .pull-right {
    display: block;
    clear: both;
    width: 100%;
    margin: 10px auto;
  }
  .main-footer a>.fa:before {
    font: normal normal normal 14px/1 FontAwesome !important;
  }
  #language-menu:not(.language-menu-hidden) {
    right: 0;
    background: #fff;
    padding: 0 10px 10px;
    box-shadow: 0 10px 60px rgba(0, 0, 0, .1);
    border: 1px solid var(--gray1);
    border-top: 0;
  }
  .darkmode #language-menu:not(.language-menu-hidden){
    background: var(--darkbg);
    border: none;
  }
  .main-sidebar {
    width: 100vw;
    transform: translate(-100vw, 0);
  }
  header.main-header {
    z-index: 999;
  }

  .filtered #closeParamList{
    display: inline-block;
    position: absolute;
    right: 20px;
    z-index:10;
    text-transform: uppercase;
    font-weight: bold;
    top: 10px;
  }

  .subscribeButton {
    display: block !important;
  }

  .categoriesList, #categoryTree {
    display: none !important;
  }

  .subscribe {
    width: 100% !important;
    position: relative !important;
    margin-top: 10% !important;
  }

  .box.box-warning.subscribeForm {
    display: none;
  }

  .main-header .sidebar-toggle {
    display: none;
  }

  form.sidebar-form {
    position: fixed !important;
    display: block !important;
    top: calc(100vh - 50px);
    z-index: 999;
    left: 0;
    width: 100vw;
    background: #fff;
    padding: 6px;
    box-sizing: border-box;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #dedede !important;
  }

  .darkmode form.sidebar-form {
    border-color: var(--darkborder) !important;
  }

  form.sidebar-form .input-group {
      border: 1px solid var(--gray2);
      border-radius: 5px;
  }

  .skin-blue .sidebar-form input[type="text"] {
    border-radius: 5px;
  }

  .skin-blue .sidebar-menu>li.header, #parametersList>li.treeview {
    display: none;
  }

  body {
    padding-bottom: 50px;
  }

  #parametersList li {
      display: none;
  }

  #parametersList.filtered li {
      display: block;
  }

  .sidebar-menu>li {
    font-size: 14px;
  }

  .sidebar-menu>li>a {
      padding: 5px 17px;
  }

  #parametersList.filtered {
      position: fixed;
      top: 60px;
      width: 100vw;
      left: 0;
      z-index: 99999999;
      height: calc(100% - 110px);
      overflow-y: auto;
      overflow-x: hidden;
      padding-bottom: 10px;
  }

  #parametersList li.treeview {
      padding: 5px 0;
  }

  #parametersList li.header {
      padding-bottom: 0;
      font-size: 14px;
      margin-top: 30px;
  }

  .sidebar-form+li {
      margin-top: 10px;
      padding-top: 10px;
  }

  ul#categoryTree a {
    font-size: 14px;
    padding: 4px 25px 4px 20px;
  }
  #darkmode {
      margin: 15px 10px 0 0;
  }

  .content .box-body.subscribeButton {
    text-align: center;
  }

  #language-menu-trigger {
      margin-right: 15px;
      margin-top: 15px;
  }

  #welcome form, #welcome form + hr {
    display: none;
  }

  body.darkmode, .darkmode #welcome h4, .darkmode .box .box-body>h4, .darkmode .footer-title, .darkmode .main-header .logo .logo-lg {
      color: var(--darktext);
      background: var(--darkbg);
  }

  .skin-blue .main-header .logo {
    margin-left: 0;
  }

  .main-header .logo .logo-lg {
    margin-left: -40px;
    margin-top: 8px;
  }

  .mobileMenu {
    display: block;
    margin-top: 26px;
    float: left;
    margin-right: 15px;
    cursor: pointer;
    margin-left: 40px;
  }

  .mobileMenu span {
    display: block;
    height: 2px;
    background: var(--gray5);
    margin-bottom: 4px;
    width: 20px;
    position: relative;
    top: 0;
    transition: all .3s ease-out;
  }

  .darkmode .mobileMenu span {
    background: var(--darktext);
  }

  .navLinks {
    display: none;
  }

  .navLinks.show a {
    display: block;
    padding: 20px 40px;
    margin: 0;
    color: var(--gray4);;
  }

  .darkmode .navLinks.show a{
    color: #fff;
  }

  .navLinks.show {
    display: block;
    position: fixed;
    left: -31px;
    top: 43px;
    width: 100%;
    z-index: 10;
  }

  .darkmode .navLinks.show {
    background: var(--darkbg);
  }

  .snippetMenu {
    display: block;
    border: none;
    box-shadow: none;
    top: 54px;
    width: 100vw;
    border-bottom: 1px solid var(--gray2);
    box-shadow: 0px 4px 3px 3px rgba(2, 14, 20, .025);
  }

  .navLinks.show .snippetMenu a {
    margin-left: 40px;
    border-left: 2px solid var(--blue);
    padding-left: 20px;
  }

  .postgres-version {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 15px;
  }

}