a {
    color: #e30613;
}

.tabs-fixed-width {
    overflow-x: hidden !important;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    color: #e30613;
}

.tabs .indicator {
    background-color: transparent;
}

.tabs .tab a:hover,
.tabs .tab a.active {
    color: #e30613;
}

a:not(a.active) .button:hover {
    background-color: #ececec !important;
    color: black;
}

a.active .button:hover {
    color: black;
}

.tabs .tab a.active button {
    background-color: #e30613;
}

.tabs .tab a {
    color: black;
}

.dropdown-content li > a,
.dropdown-content li > span {
    color: black;
}

input:not([type]):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
input[type="password"]:not(.browser-default):focus:not([readonly]),
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="url"]:not(.browser-default):focus:not([readonly]),
input[type="time"]:not(.browser-default):focus:not([readonly]),
input[type="date"]:not(.browser-default):focus:not([readonly]),
input[type="datetime"]:not(.browser-default):focus:not([readonly]),
input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="number"]:not(.browser-default):focus:not([readonly]),
input[type="search"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #e30613;
    -webkit-box-shadow: 0 1px 0 0 #e30613;
    box-shadow: 0 1px 0 0 #e30613;
}

label {
    font-size: 1rem;
    color: #9e9e9e;
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #e30613;
}

.chips.focus {
    border-bottom: 1px solid #e30613;
    -webkit-box-shadow: 0 1px 0 0 #e30613;
    box-shadow: 0 1px 0 0 #e30613;
}

.chip:focus {
    outline: none;
    background-color: #e30613;
    color: #fff;
}

.ql-imglink svg {
    transition: fill 0.2s ease;
}

.ql-imglink:hover svg {
    stroke: #0066cc;
}

ul .bullet li {
    list-style-type: disc;
    display: list-item;
}

.ql-container p {
    font-size: 13px;
}

.ql-container strong {
    font-weight: 600;
}

.dt-column-title {
    margin-right: 15px;
}

.selected {
    background-color: #e30613;
}

.cards tbody tr {
    float: left;
    width: 20rem;
    margin: 0.5rem;
    border: 0.0625rem solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
}

.cards tbody td {
    display: block;
}

.table tbody label {
    display: none;
}

.cards tbody label {
    display: inline;
    position: relative;
    font-size: 85%;
    top: -0.5rem;
    float: left;
    color: #808080;
    min-width: 4rem;
    margin-left: 0;
    margin-right: 1rem;
    text-align: left;
}

tr.selected label {
    color: #404040;
}

.table .fa {
    font-size: 2.5rem;
    text-align: center;
}

.cards .fa {
    font-size: 7.5rem;
}

table.dataTable tbody > tr.selected td {
    background-color: #e30613 !important;
}

table.dataTable.table > tbody > tr.selected > * {
    box-shadow: inset 0 0 0 9999px #e30613 !important;
}

/** All toolbar buttons are inside of .ql-formats */
.ql-formats button {
    position: relative;

    /** Set a tooltip with css pseudo-elements, when buttons are hover, active or focus  */

    &:hover::after,
    &:active::after,
    &:focus::after {
        background: #0d1e42;
        color: white;
        padding: 0.5em;
        border-radius: 0.4em;
        top: -120%;
        left: -10px;
        z-index: 999999;
        position: absolute;
        font-size: 12px;

    }
}

/** Set tooltip content for bold button **/
.ql-bold {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Bold";
    }
}

.ql-italic {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Italic";
    }
}

.ql-underline {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Underline";
    }
}

.ql-strike {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Strikeout";
    }
}

.ql-link {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Hyperlink";
    }
}

.ql-blockquote {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Quote";
    }
}

.ql-list[value="bullet"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Bulleted List";
        top: -200%;
    }
}

.ql-list[value="ordered"] {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Numbered List";
        top: -200%;
    }
}

.ql-script {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Super & Subscript";
        top: -2.5rem !important;
    }
}

.ql-code-block {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Code";
    }
}

.ql-indent {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Indentation";
    }
}

.ql-image {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Local image";
        top: -2.5rem !important;
    }
}

.ql-imglink {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Link image";
        top: -2.5rem !important;
    }
}

.ql-video {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Video";
    }
}

.ql-clean {
    &:hover::after,
    &:active::after,
    &:focus::after {
        content: "Clean";
    }
}

.ql-size,
.ql-font {
    position: relative; /* Needed to position the tooltip */
}

.ql-size:hover::after,
.ql-color:hover::after,
.ql-background:hover::after,
.ql-align:hover::after {
    background: #0d1e42;
    color: white;
    padding: 0.5em;
    border-radius: 0.4em;
    top: -120%;
    left: -10px;
    z-index: 999999;
    position: absolute;
    font-size: 12px;
    white-space: nowrap; /* Prevent long text from wrapping */
}

.ql-size:hover::after {
    content: "Font Size";
}

.ql-color:hover::after {
    content: "Font Color";
}

.ql-background:hover::after {
    content: "Background Color";
}

.ql-align:hover::after {
    content: "Align Text";
}

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type=text]:not(.browser-default), input.valid[type=text]:not(.browser-default):focus, input.valid[type=password]:not(.browser-default), input.valid[type=password]:not(.browser-default):focus, input.valid[type=email]:not(.browser-default), input.valid[type=email]:not(.browser-default):focus, input.valid[type=url]:not(.browser-default), input.valid[type=url]:not(.browser-default):focus, input.valid[type=time]:not(.browser-default), input.valid[type=time]:not(.browser-default):focus, input.valid[type=date]:not(.browser-default), input.valid[type=date]:not(.browser-default):focus, input.valid[type=datetime]:not(.browser-default), input.valid[type=datetime]:not(.browser-default):focus, input.valid[type=datetime-local]:not(.browser-default), input.valid[type=datetime-local]:not(.browser-default):focus, input.valid[type=tel]:not(.browser-default), input.valid[type=tel]:not(.browser-default):focus, input.valid[type=number]:not(.browser-default), input.valid[type=number]:not(.browser-default):focus, input.valid[type=search]:not(.browser-default), input.valid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid #e30613;
    -webkit-box-shadow: 0 1px 0 0 #e30613;
    box-shadow: 0 1px 0 0 #e30613;
}

input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #F9232F
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #06E3D6;
    border-bottom: 2px solid #06E3D6;
}

nav {
    background-color: #ffffff;
}

nav ul a {
    color: #000000;
}

.brand-logo {
    display: flex;
    align-items: center;
    height: 100%;
}

.navbar-indent {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.card-content ul {
    list-style-type: disc;
    padding-left: 2rem;
    margin-top: 0px;
}

.card-content ul li {
    list-style-type: disc;
    display: list-item;
    font-size: 14px;
}

/*
 * ==================================================================
 * Styling for Markdown Generated HTML Elements
 * ==================================================================
*/

/* --- Headings --- */
.streaming-text h1,
.streaming-text h2,
.streaming-text h3,
.streaming-text h4,
.streaming-text h5,
.streaming-text h6 {
    margin-top: 12px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.25;
    border-bottom: 1px solid #eaecef;
    padding-bottom: 0.3em;
}

.streaming-text h1 { font-size: 2em; }
.streaming-text h2 { font-size: 1.5em; }
.streaming-text h3 { font-size: 1.25em; }
.streaming-text h4 { font-size: 1em; }

/* --- Paragraphs --- */
.streaming-text p {
    margin-top: 0;
    margin-bottom: 8px;
}

/* --- Links --- */
.streaming-text a {
    color: #0366d6;
    text-decoration: none;
}
.streaming-text a:hover {
    text-decoration: underline;
}

/* --- Lists (Ordered and Unordered) --- */
.streaming-text ul,
.streaming-text ol {
    margin-top: 0;
    margin-bottom: 8px;
    padding-left: 2em;
}

.streaming-text ul:not(.browser-default)>li {
    list-style-type: "- ";
}

.streaming-text li {
    margin-bottom: 0.1em;
}

.streaming-text li > ul,
.streaming-text li > ol {
    margin-top: 0.1em;
}

/* --- Inline Code and Code Blocks --- */
.streaming-text code {
    font-size: 0.9em;
    padding: 0.1em 0.2em;
    margin: 0;
    background-color: rgba(27, 31, 35, 0.05);
    border-radius: 4px;
}

/* Style for the container of a code block */
.streaming-text pre {
    font-size: 14px;
    line-height: 1.45;
    padding: 16px;
    overflow: auto; /* Adds a scrollbar if code is too wide */
    background-color: #f6f8fa; /* Light grey background for the block */
    border-radius: 6px;
    margin-bottom: 8px;
}

/* Reset styling for the <code> element inside a <pre> block */
.streaming-text pre code {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    border: 0;
}

/* --- Blockquotes --- */
.streaming-text blockquote {
    margin: 0 0 8px 0;
    padding: 0 1em;
    color: #6a737d; /* Muted text color */
    border-left: 0.25em solid #dfe2e5; /* Grey left border */
}

/* --- Horizontal Rule --- */
.streaming-text hr {
    height: 0.25em;
    padding: 0;
    margin: 24px 0;
    background-color: #e1e4e8;
    border: 0;
}

/* --- Tables --- */
.streaming-text table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 8px;
    display: block;
    overflow: auto;
}

.streaming-text th,
.streaming-text td {
    padding: 3px 6px;
    border: 1px solid #dfe2e5;
}

.streaming-text th {
    font-weight: 600;
    background-color: #f6f8fa;
}