body {
  box-sizing: border-box;
  font-family: Sofia, sans-serif !important;
}

  /* @media screen and (min-width: 832px) {
    body {
      width: 800px;
      margin: 0 auto;
    }
  } */

:root {
  --color-primary: #000000;
  --color-secondary: #f4f4f4;
}

.bg-primary {
  background-color: var(--color-primary);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.text-primary {
  color: var(--color-primary);
}

.text-secondary {
  color: var(--color-secondary);
}
.ml-64 {
  margin-left: 64px !important;
}

.ml-260 {
  margin-left: 260px !important;
}

.min-h-screen {
  min-height: 100vh;
}

.table-url {
  text-decoration: underline;
  color: rgb(255, 0, 0);
  text-align: center;
}

.table-url:active {
  color: red;
}

.table-url:visited {
  color: red;

}
.cache-time-expired {
  color: white;
  background: red;
  border-radius: 50px;
  display: inline-block;
  margin: 0 10px;
  padding: 5px 10px;
  box-sizing: border-box;
}
#submitButton:disabled {
  cursor: not-allowed;
  opacity: 50%;
}

.datum {
  border: 1px solid;
  border-color: #333;
  padding: 0px;
  display: inline-block;
  font-family: Tahoma;
  font-size: 0.8em;
  margin: 5px 10px;
}

.datum .header {
  background-color: #666;
  color: #fff;
  text-align: center;
  padding: 2px 10px;
}

.datum .body {
  background-color: #fff;
  color: #333;
  text-align: center;
  padding: 2px 10px;
}

.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 1px;
  --bs-card-border-color:rgba(229, 231, 235,1);
  --bs-card-border-radius:0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc((0.375rem) - (1px));
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(1, 1, 1, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #fcfcfc;
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:var(--bs-card-height);
  color: #000000;
  word-wrap:break-word;
  background-clip:border-box;
  border:var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius:var(--bs-card-border-radius);
}
.card>hr{
  margin-right:0;
  margin-left:0;
}
.card>.list-group{
  border-top:inherit;
  border-bottom:inherit;
}
.card>.list-group:first-child{
  border-top-width:0;
  border-top-left-radius:var(--bs-card-inner-border-radius);
  border-top-right-radius:var(--bs-card-inner-border-radius);
}
.card>.list-group:last-child{
  border-bottom-width:0;
  border-bottom-right-radius:var(--bs-card-inner-border-radius);
  border-bottom-left-radius:var(--bs-card-inner-border-radius);
}
.card>.card-header+.list-group,.card>.list-group+.card-footer{
  border-top:0
}
.card-body{
  flex:1 1 auto;
  padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color:var(--bs-card-color)
}
.card-title{
  margin-bottom:var(--bs-card-title-spacer-y);
  color:var(--bs-card-title-color)
}
.card-subtitle{
  margin-top:calc(-.5 * var(--bs-card-title-spacer-y));
  margin-bottom:0;color:var(--bs-card-subtitle-color)
}
.card-text:last-child{
  margin-bottom:0
}
.card-link+.card-link{
  margin-left:var(--bs-card-spacer-x)
}
.card-header{
  padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom:0;color:var(--bs-card-cap-color);
  background-color:var(--bs-card-cap-bg);
  border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-header:first-child{
  border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}
.card-footer{
  padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color:var(--bs-card-cap-color);
  background-color:var(--bs-card-cap-bg);
  border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)
}
.card-footer:last-child{
  border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}
.card-header-tabs{
  margin-right:calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));
  margin-left:calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom:0
}
.card-header-tabs .nav-link.active{
  background-color:var(--bs-card-bg);
  border-bottom-color:var(--bs-card-bg)
}
.card-header-pills{
  margin-right:calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left:calc(-.5 * var(--bs-card-cap-padding-x))
}
.card-img-overlay{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  padding:var(--bs-card-img-overlay-padding);
  border-radius:var(--bs-card-inner-border-radius)
}
.card-img,.card-img-bottom,.card-img-top{
  width:100%
}
.card-img,.card-img-top{
  border-top-left-radius:var(--bs-card-inner-border-radius);
  border-top-right-radius:var(--bs-card-inner-border-radius)
}
.card-img,.card-img-bottom{
  border-bottom-right-radius:var(--bs-card-inner-border-radius);
  border-bottom-left-radius:var(--bs-card-inner-border-radius)
}
.card-group>.card{
  margin-bottom:var(--bs-card-group-margin)
}
@media (min-width:576px){
  .card-group{
    display:flex;flex-flow:row wrap
  }
  .card-group>.card{
    flex:1 0 0%;
    margin-bottom:0
  }
  .card-group>.card+.card{
    margin-left:0;
    border-left:0
  }
  .card-group>.card:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
  }
  .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{
    border-top-right-radius:0
  }
  .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{
    border-bottom-right-radius:0
  }
  .card-group>.card:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0
  }
  .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{
    border-top-left-radius:0
  }
  .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{
    border-bottom-left-radius:0
  }
}
h1 {
  margin-bottom: -0.3em;
}


h3 {
  margin-bottom: -0.2em;
  margin-top: 2em;
}

.pageIcon {
  height: 2.3em;
  float: left;
  margin-right: 0.5em;
}

.availability {
  margin-bottom: 2em;
}

.output {
  background-color: #f0f0f0;
  border-radius: 0.75em;
  display: block;
  margin: 0.5em;
  padding: 0.5em;
}

#status {
  margin: .5em 0;
  font-style: italic;
}

#log {
  margin: .5em 0;
  white-space: pre-wrap;
}

#status:empty, #log:empty, #content:empty {
  display: none;
}

.highlight {
  border-radius: 0.75em;
  border: 1px solid #f0f0f0;
  display: block;
  margin: 0.5em;
  overflow-x: auto;
  padding: 0.5em;
}

code {
  font-family: Inconsolata, Consolas, monospace;
}

.custom-navbar {
  padding: 10px 0;
}

.service-card {
  margin-left: 20px;
}

.has-background-info th {
  text-align: left; 
}

#sidebar {
  width: 264px;
}
#main-content {

  main {
    padding: 1rem 2rem 2rem 2rem !important;
    /* background-color: #0000000a; */
    background-image: linear-gradient(to right, #f4f6f8, #f0f2f9);
  }
}
@media (max-width: 1023px) {
  #toggleSidebarMobile{
      display: none;
  }
  .ml-3 {
      margin-left: 1.4rem !important;
  }
  #main-content main {
    padding: 1rem 1.5rem 1.5rem 1.5rem !important;
    width: max-content;
  }
}

/* @media (max-width: 600px) {
  #main-content main {
      padding: 1rem 1.5rem 1.5rem 1.5rem !important;
  }
  
} */

.c { color: #999988; font-style: italic } /* Comment */
.err { color: #a61717; background-color: #e3d2d2 } /* Error */
.k { font-weight: bold } /* Keyword */
.o { font-weight: bold } /* Operator */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */
.cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.c1 { color: #999988; font-style: italic } /* Comment.Single */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.ge { font-style: italic } /* Generic.Emph */
.gr { color: #aa0000 } /* Generic.Error */
.gh { color: #999999 } /* Generic.Heading */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.go { color: #888888 } /* Generic.Output */
.gp { color: #555555 } /* Generic.Prompt */
.gs { font-weight: bold } /* Generic.Strong */
.gu { color: #aaaaaa } /* Generic.Subheading */
.gt { color: #aa0000 } /* Generic.Traceback */
.kc { font-weight: bold } /* Keyword.Constant */
.kd { font-weight: bold } /* Keyword.Declaration */
.kp { font-weight: bold } /* Keyword.Pseudo */
.kr { font-weight: bold } /* Keyword.Reserved */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */
.m { color: #009999 } /* Literal.Number */
.s { color: #d14 } /* Literal.String */
.na { color: #008080 } /* Name.Attribute */
.nb { color: #0086B3 } /* Name.Builtin */
.nc { color: #445588; font-weight: bold } /* Name.Class */
.no { color: #008080 } /* Name.Constant */
.ni { color: #800080 } /* Name.Entity */
.ne { color: #990000; font-weight: bold } /* Name.Exception */
.nf { color: #990000; font-weight: bold } /* Name.Function */
.nn { color: #555555 } /* Name.Namespace */
.nt { color: #000080 } /* Name.Tag */
.nv { color: #008080 } /* Name.Variable */
.ow { font-weight: bold } /* Operator.Word */
.w { color: #bbbbbb } /* Text.Whitespace */
.mf { color: #009999 } /* Literal.Number.Float */
.mh { color: #009999 } /* Literal.Number.Hex */
.mi { color: #009999 } /* Literal.Number.Integer */
.mo { color: #009999 } /* Literal.Number.Oct */
.sb { color: #d14 } /* Literal.String.Backtick */
.sc { color: #d14 } /* Literal.String.Char */
.sd { color: #d14 } /* Literal.String.Doc */
.s2 { color: #d14 } /* Literal.String.Double */
.se { color: #d14 } /* Literal.String.Escape */
.sh { color: #d14 } /* Literal.String.Heredoc */
.si { color: #d14 } /* Literal.String.Interpol */
.sx { color: #d14 } /* Literal.String.Other */
.sr { color: #009926 } /* Literal.String.Regex */
.s1 { color: #d14 } /* Literal.String.Single */
.ss { color: #990073 } /* Literal.String.Symbol */
.bp { color: #999999 } /* Name.Builtin.Pseudo */
.vc { color: #008080 } /* Name.Variable.Class */
.vg { color: #008080 } /* Name.Variable.Global */
.vi { color: #008080 } /* Name.Variable.Instance */
.il { color: #009999 } /* Literal.Number.Integer.Long */