/* Cloak elements on initial load to hide the possible display of {{ ... }}
 * Add to the app tag or to specific tags
 * To display "loading...", change to the following:
 *    [v-cloak] > * { display:none }
 *    [v-cloak]::before { content: "loading…" }
 */
[v-cloak] { display: none; }

/*  Colours for Syntax Highlighted pre's */
.syntax-highlight {color:white;background-color:black;padding:5px 10px;}
.syntax-highlight > .key {color:#ffbf35}
.syntax-highlight > .string {color:#5dff39;}
.syntax-highlight > .number {color:#70aeff;}
.syntax-highlight > .boolean {color:#b993ff;}


.card-header {
  background-color: #ffa50008;
}

.tab-content {
  height: calc(100vh - 92px);
  overflow-y: auto;
}

.input-label{
  border: none;
  background: transparent;
}

.text-red{
  color: red;
}

.text-blue{
  color: blue;
}

@media screen and (min-width:576px) {
    .modal-dialog{
        max-width: 80vw;
    }
}