﻿.mud-alert-message .link-normal {
    color: #a576ea;
}

.info-container {
    background: rgb(23 26 34);
    padding: 15px;
    border-radius: 5px;
}

div.code-toolbar > .toolbar > .toolbar-item {
    margin-right: 5px;
}

.mud-typography-gutterbottom {
    margin-bottom: 12px;
}

/* split.js */
.gutter {
    background-color: rgba(111, 89, 153, 0.42);
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 0px 15px;
}

.mud-input {
    background-color: #d7faf61a;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
}
/* split.js */

.display-contents .mud-tabs-panels,
.display-contents .code-toolbar {
    display: contents;
}

.mud-paper {
    --mud-palette-error: #9c5c64;
}
.enum-select-container {
    min-width: 15em;
}

img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: cover;
    object-position: center;
}

.header-paper {
    background-color: rgba(115, 126, 207, 0.05);
    padding: 16px;
    padding-top: 3px;
}
.my-divider {
    margin-top: 15px;
    margin-bottom: 35px;
}

.w-100 {
    width: 100% !important;
}

.main-container {
    padding: 5px 16px;
    flex-grow: 1;
}
.show-more {
    text-decoration: underline;
    font-size: small;
}

.show-more:hover {
    cursor: pointer;
    text-decoration: none;
}

strong, b {
    color: #dbdbdb;
}

.link-normal,
a.normal,
.normal a {
    color: #0065b3;
    text-decoration: none;
    cursor: pointer;
}
a.normal:hover,
.normal a:hover,
.link-normal:hover {
    text-decoration: underline;
}

.f-row {
    display: flex !important;
    flex-direction: row !important;
}

.f-row-column {
    display: flex !important;
    flex-direction: row !important;
}
.start-end {
    align-items: start !important;
}
.end-start {
    align-items: end !important;
}

.aic {
    align-items: center !important;
}

.jcc {
    justify-content: center !important;
}

.f-column {
    display: flex !important;
    flex-direction: column !important;
}

root {
    --mud-palette-action-default-hover: rgba(0, 0, 0, 0.20) !important;
}
ul {
    display: block;
    list-style-type: disc;
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}
li {
    display: list-item;
}

.toolbar-class {
    gap: 15px;
}

.appbar-divider {
    height: 50%;
    align-self: center;
}

.no-min-width {
    min-width: 0px !important;
}
.file-tree-text {
    user-select: none;
    max-width: 11em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.file-tree-item .mud-treeview-item-label {
    user-select: none;
}
.file-tree-item p {
    max-width: 13.5em;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mud-input-control {
    flex: unset;
}

.enum-select-container .mud-input-control {
    flex: 1 1 auto;
}


.file-tree-item .mud-input-label-inputcontrol {
    transform: translate(0,-7.5px) scale(.75) !important;
}
.mud-typography-h1 {
    font-size: 2.8em;
    font-weight: 400;
    color: rgba(250, 250, 250, 1); /* Almost white */
    text-shadow: 2px 2px 2px rgba(190, 190, 230, 0.5); /* Very light bluish shadow, half transparent */
}
.mud-typography-h2 {
    font-size: 1.9em;
}
.mud-typography-h3 {
    font-size: 1.5em;
    color: rgba(255, 255, 255, 0.83);
}

.splashscreen-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
    background-color: rgb(148 144 194);
    font-family: Roboto;
    overflow: hidden;
}

    .splashscreen-container:before,
    .splashscreen-container:after {
        content: "";
        position: absolute;
        left: 50%;
        min-width: 300vw;
        min-height: 300vw;
        background-color:  rgba(37, 32, 72, 1);
        animation-name: rotate;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

.splashscreen-container:before {
    bottom: 15vh;
    border-radius: 45%;
    animation-duration: 10s;
}

.splashscreen-container:after {
    bottom: 12vh;
    opacity: .5;
    border-radius: 47%;
    animation-duration: 10s;
}
.hang-tight-text {
    font-weight: 100;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, 0) rotateZ(0deg);
    }

    50% {
        transform: translate(-50%, -2%) rotateZ(180deg);
    }

    100% {
        transform: translate(-50%, 0%) rotateZ(360deg);
    }
}

.splashscreen {
    width: 30em;
    height: 30em;
    z-index: 1;
}
.code-writing-options-contianer {
    padding: 10px 50px 15px 10px;
}

.paper-reset-small {
    display: none !important;
}

.paper-reset {
    align-items: end;
    gap: 20px;
}

ul.normal {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 25px;
}

ol.normal {
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 25px;
}

ul.normal ul.normal, ol.normal ul.normal {
    list-style-type: circle; 
    list-style-position: inside;
    margin-left: 15px;
}

ol.normal ol.normal, ul.normal ol.normal {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}


@media (max-width: 1500px) {
    .splashscreen {
        width: 26em;
        height: 26em;
    }
}


@media (max-width: 768px) {
    .splashscreen {
        width: 23em;
        height: 23em;
    }
    .paper-reset {
        display: none !important;
    }
    .paper-reset-small {
        display: flex !important;
    }
    .code-writing-options-contianer {
        padding: 0px 0px 15px 0px;
    }
    .file-tree-item p {
        max-width: 11.5em;
    }
    .f-row-column {
        flex-direction: column !important;
    }
    .start-end {
        align-items: end !important;
    }

    .end-start {
        align-items: start !important;
    }
}
@media (max-width: 500px) {
    .mud-breadcrumb-item .mud-icon-root {
        display: none !important;
    }

    .hide-not-desktop {
        display: none !important;
    }

    .file-tree-item p {
        max-width: 8em;
    }
    .splashscreen {
        width: 14.5em;
        height: 20em;
    }
    .collection-tree-root {
        grid-template-columns: 1fr !important;
        transform: translate(-50px, 0px);
        width: 200%;
    }

    .mud-treeview-item-content {
        transform: scale(0.87, 0.95);
    }
    .main-container {
        padding: 5px 12px;
    }
    .hang-tight-text {
        font-size: 1.17em;
    }
    .small-w-100 {
        width: 100% !important;
    }
    .enum-select-container {
        min-width: 10em;
    }
}
@media (max-width: 270px) {
    .mud-treeview-item-content {
        transform: scale(0.80, 0.84);
    }
    .collection-tree-root {
        transform: translate(-60px, 0px);
    }
}
.advanced-settings-tooltip {
    width: 100%;
}

.collection-tree-root {
    display: grid;
    overflow-x: hidden;
    grid-template-columns: 1fr 1fr 1fr;
}

.mud-dialog-actions {
    position: sticky;
    bottom: 0px;
    border-top: 1px solid rgba(0,0,0,.2);
    margin: 0 24px;
    padding: 24px 0px !important;
}

.mud-fab {
    box-shadow: 0 3px 5px -1px rgb(110 97 97 / 20%), 0 6px 10px 0 rgb(89 73 73 / 14%), 0 1px 18px 0 rgb(90 81 81 / 12%) !important;
    min-width: 3.2em !important;
}

.driver-popover.driverjs-theme {
  background-color: #bac3ff;
  color: #000;
}

.driver-popover.driverjs-theme .driver-popover-title {
  font-size: 20px;
}

.driver-popover.driverjs-theme .driver-popover-title,
.driver-popover.driverjs-theme .driver-popover-description,
.driver-popover.driverjs-theme .driver-popover-progress-text {
  color: #000;
}

.driver-popover.driverjs-theme button {
  flex: 1;
  text-align: center;
  background-color: #000 !important;
  color: #ffffff;
  border: 2px solid #000;
  text-shadow: none;
  font-size: 14px;
  padding: 5px 8px;
  border-radius: 6px;
}

.driver-popover.driverjs-theme button:hover {
  background-color: #000 !important;
  color: #ffffff !important;
}

.driver-popover.driverjs-theme .driver-popover-navigation-btns {
  justify-content: space-between;
  gap: 3px;
}

.driver-popover.driverjs-theme .driver-popover-close-btn {
  color: #9b9b9b;
}

.driver-popover.driverjs-theme .driver-popover-close-btn:hover {
  color: #000;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: #bac3ff;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: #bac3ff;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {
  border-top-color: #bac3ff;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-bottom-color: #bac3ff;
}
.mud-tab {
    text-transform: none !important;
}