:root {
--tblr-primary: #bf2332;
}
@media (min-width: 992px) {
	:root,
	:host {
	  font-size: 17px;
	}
}
@font-face {
    font-family: poorfarm;
    src: url(../fonts/poorfarmv.5-regular-2015-webfont.eot);
    src: url(../fonts/poorfarmv.5-regular-2015-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/poorfarmv.5-regular-2015-webfont.woff2) format('woff2'), url(../fonts/poorfarmv.5-regular-2015-webfont.woff) format('woff'), url(../fonts/poorfarmv.5-regular-2015-webfont.ttf) format('truetype'), url(../fonts/poorfarmv.5-regular-2015-webfont.svg#poorfarm_v.5_regularregular) format('svg');
    font-weight: 400;
    font-style: normal;
}
body {
    background-image: url(../images/bg-main3-white.jpg);
    background-repeat: no-repeat;
    background-position: center -100px;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f9fafb;
}
[data-bs-theme=dark] body {
    background-image: url(../images/bg-main3.jpg);
    background-repeat: no-repeat;
    background-position: center -100px;
    background-attachment: fixed;
    background-size: cover;
    background-color: #0a0a0a;
}
@media (max-width: 991px) {
	body.mcm-login {
	    background-size: auto;
	}
}

@media (max-width: 991px) {
	[data-bs-theme=dark] body {
	    background-position: center 50px;	
	}
}
[data-bs-theme=dark] {
	--tblr-body-color: #fff;
}
[data-bs-theme=dark] { 
	--tblr-bg-forms: #111827;
}
[data-bs-theme=dark] .form-control::placeholder {
  opacity: .4;
}
[data-bs-theme=dark] .form-select:disabled, [data-bs-theme=dark] .form-control:disabled {
    background-color: #202530;
    color: var(--tblr-secondary);
}
[data-bs-theme=dark] .page-mcm-overlay {
	background: radial-gradient(59.84% 89.75% at 50.58% 49.53%, rgb(12, 23, 99, .5) 0, rgb(3, 6, 25, 1) 100%) fixed;
}
[data-bs-theme=dark] .form-fieldset {
    background: #262f42;
}
.text-beige {
	color: var(--tblr-heading-color);
}
[data-bs-theme=dark] .text-beige {
	color:#fef4dd;
}

.poorfarm {
	font-family: poorfarm !important;
}
.alegreya {
    font-family: "Alegreya SC", serif;
    font-weight: 700;
}
img.mcm-ribbon-logo {
	max-width:240px;
}
body.mcm-login img.mcm-ribbon-logo {
	max-width:340px;
}
.logo-text {
	color:#fff;
	font-family: "neue-aachen-pro", Verdana, Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
    text-align:center;
    font-size:33px;
    text-transform:uppercase;
    margin-top:-2px;
    text-shadow: -2px 0 #151515, 0 -2px #151515, 2px 0 #151515, 0 2px #151515, 2px 2px #151515, -2px -2px #151515, -2px 2px #151515, 2px -2px #151515, -3px 3px #151515, -4px 4px #151515;
}
body.mcm-login .logo-text {
	font-size: 43px;
	margin-top: -9px;
}
.navbar-expand-lg.navbar-vertical ~ .page-wrapper {
    padding: 10px 0px;
}
@media (min-width: 992px) {
    .navbar-expand-lg.navbar-vertical ~ .page-wrapper {
        padding: 25px 0px 0px;
    }
}
.navbar-brand a:hover {
	text-decoration:none;
}
.navbar[data-bs-theme=dark] {
	--tblr-navbar-color: rgb(255 255 255);
    --tblr-navbar-hover-color: #e73849;
}
.nav-link {
    transition: none;
}
.layout-fluid [class^=container-] {
	max-width: 1500px;
}
.settings a.btn-icon {
	box-shadow:rgba(0, 0, 0, 0.07) 0px 16px 24px 2px, rgba(0, 0, 0, 0.06) 0px 6px 30px 5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -5px;
}
.ai-icon a.btn {
    --tblr-btn-icon-size: 1.9rem;
}
[data-bs-theme=dark] .btn-outline-mcm {
    --tblr-btn-color: var(--tblr-light);
    --tblr-btn-bg: transparent;
    --tblr-btn-border-color: var(--tblr-light);
    --tblr-btn-hover-color: var(--tblr-light-fg);
    --tblr-btn-hover-border-color: transparent;
    --tblr-btn-hover-bg: var(--tblr-light);
    --tblr-btn-active-color: var(--tblr-light-fg);
    --tblr-btn-active-bg: var(--tblr-light);
    --tblr-btn-disabled-color: var(--tblr-light);
    --tblr-btn-disabled-border-color: var(--tblr-light);
}
.page-title {
    font-size: 35px;
    font-family: "Alegreya SC", serif;
    font-weight: 700;
}
[data-bs-theme=dark] .page-title {
    color:#fff;
}
.card {
    border-width:2px;
}
.card .card {
    border-width:1px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .10);
}
[data-bs-theme=dark] .card {
	background-color: rgb(30, 41, 59, .80);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25);
    border-color: rgba(221, 236, 242, .60);
}
[data-bs-theme=dark] .card .card {
    border-width:1px;
    border-color: rgba(72, 110, 149, .55);
}
.card-title {
    font-family: "Alegreya SC", serif;
    font-weight: 700;
    font-size: 22px;
}
[data-bs-theme=dark] .card-title {
	color: #fef4dd;
}
.mcm-blue-wrapper {
	background: linear-gradient(180deg, rgba(62, 202, 255, .3) 43.19%, rgba(62, 202, 255, 0) 114.63%);
    border: #3ec9ff 2px solid;
    border-radius: 12px;
    padding: 20px;
}
.w-max-content {
	width:max-content;
}
@media (max-width: 767.98px) {
  .table-stack-sm thead {
    display: none;
  }
  .table-stack-sm, 
  .table-stack-sm tbody, 
  .table-stack-sm tr, 
  .table-stack-sm td {
    display: block;
    width: 100%;
  }
  .table-stack-sm td {
    position: relative;
    text-align: left;
    border:none;
  }
  .table-stack-sm tr {
    border-color: rgba(72, 110, 149, 0.14);
	border-bottom-width: 1px;
	padding-bottom:15px;
  }
  .table-stack-sm tr:last-child {
	padding-bottom:30px;
  }

}

/* New Act */

.datagrid.datagrid-new-act {
  --tblr-datagrid-item-width: 12rem;
}

/* AI Off canvas */
.offcanvasAI .chat-bubble .chat-btn-group .btn:hover {
	border:none;
	background-color:transparent;
}
.offcanvasAI .chat-bubble .chat-btn-group .btn:hover svg {
	stroke:#bf2332;
}
.offcanvasAI {
	border-left-color: #bf2332 !important;
}    
.offcanvasAI .offcanvas-header {
    background-color: #bf2332;
    color: #fff;
}


/* Typeahead formatting*/
/* Solid background for the dropdown */
.tt-menu {
    background-color: #ffffff; /* white background */
    border: 1px solid #ccc; /* optional border */
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    max-height: 300px; /* optional scroll */
    overflow-y: auto;
    z-index: 9999;
    min-width: 300px; /* set a fixed minimum width */
    max-width: 500px; /* optional maximum width */
    white-space: nowrap; /* prevent wrapping */
}

/* Default suggestion styling */
.tt-suggestion {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    overflow: hidden; /* hide overflow text */
    text-overflow: ellipsis; /* show "..." if too long */
}

    /* Hover state */
    .tt-suggestion.tt-cursor {
        background-color: #007bff;
        color: #fff;
    }

    /* Zebra stripe: odd rows light gray */
    .tt-suggestion:nth-child(odd) {
        background-color: #f9f9f9;
    }

    /* Zebra stripe: even rows white (optional, already default) */
    .tt-suggestion:nth-child(even) {
        background-color: #ffffff;
    }

    /*Lite Picker override*/
.litepicker .button {
    all: unset; /* reset Tabler button reset */
    display: inline-block; /* make sure arrows appear */
    cursor: pointer;
}

    .litepicker .button:hover {
        background: rgba(0,0,0,.05);
        border-radius: 4px;
    }

.container__months .month-item-header .button-previous-month > svg, .litepicker .container__months .month-item-header .button-previous-month > img {
    fill: var(--litepicker-button-prev-month-color) !important;
}

.btn.sunken {
    box-shadow: inset 0 3px 6px rgba(0,0,0,0.2);
    transform: translateY(1px);
}

.copy-btn {
    position: relative;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
}

    .copy-btn:hover {
        background: #0056b3;
    }

.tooltip {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, transform 0.3s;
}

.copy-btn.copied .tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(-5px);
}

.chat-ai-contents{
    white-space:pre-line
}