.md-grid {
    max-width: initial;
  }

:root {
  --md-text-font: "Alice"; 
  --md-text-font-size:10px;
}
.md-form-input {
  border: 1px solid  #eeeeee;
}

.md-form-table {
  background-color: none;
  border: none;
}

.md-form-table-cell {
  padding-right: 50px;
}

.md-form-table-row {
  margin-bottom: 50px;
}

.form-submit-btn {
  margin-top:20px;
  padding:10px 25px 10px 25px;
  background-color: #2039de;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}

.md-typeset {
  font-size: 0.7rem;
}

.md-typeset h1 {
  font-size: 1.3rem;
  margin : 0em 0 .64em;
}

.md-typeset h2 {
  font-size: 1rem;
  margin : 1em 0 .64em;
}

.md-typeset h3 {
  font-size: 0.9rem;
}


.collapse-container {
  width:100%;
  border:1px solid #d3d3d3;
}
.collapse-container div {
  width:100%;
}
.collapse-container .collapse-header {
  background-color:#d3d3d3;
  padding: 2px;
  padding-left:10px;
  cursor: pointer;
  font-weight: bold;
}

.collapse-container .collapse-content {
  display: none;
  padding : 20px;
}

label {
  display: block;
  font-weight: bold;
}

input[type="text"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Style the submit button */
button[type="submit"] {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

button[type="submit"]:hover {
  background-color: #45a049;
}

.axios-component{
  padding: 20px;
}

.model-header{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-radius: 3px;
}

.model-content{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  
  border-radius: 3px;
  border-top: none;
}

.model-cell{
  padding : 10px;
  border-right : 1px solid #DDDDDD;
  border-radius: 3px;
}

.model-cell-right{
  padding : 10px;
}

.model-node{
  padding: 10px;
}

.model-attribute-table {
  text-align: left;
  width: 100%;
}

.model-attribute-table th {
  padding: 10px;
  background-color: #DDDDDD;
  border: 1px solid #DDDDDD;
  width: 40%;
}

.model-attribute-table td {
  padding: 10px;
  border: 1px solid #DDDDDD;
}

.formsubtext{
  font-size: 0.5rem;
}

/* PrismJS 1.29.0
https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+json+python */
code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:0.93em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

.show-model-container{
  background-color: #272822;
}

.el-tree{
  background-color: #272822 !important;
}

.component-border{
  border: 1px solid #DDDDDD;
  margin-top: 25px;
  padding-left:25px;
  padding-right:25px;
  padding-bottom:25px;
}
.xumo-offer{
  margin-bottom: 25px;
}
.subscription-border{
  border: 1px solid #DDDDDD;
  margin-top: 25px;
  padding-left:25px;
  padding-right:25px;
  padding-bottom:25px;
  padding-top: 25px; 
}

.subgraph{
  background-color: #EEEEEE;
}


.storefront-item{
  background-color: #444444 !important;
}
.storefront-header{
  color: #DDDDDD !important;
}