@charset "UTF-8";

:root, 
[data-bs-theme="light"] {
    --border-colour: var(--bs-light-border-subtle);
}
[data-bs-theme="dark"] {
    --border-colour: var(--bs-dark-border-subtle)
}

.select2-container {
  z-index: 99999;
}

.select2-selection__choice {
  display: flex;
  align-items: center;
  padding-left: 3px !important;
}

.select2-selection__choice > button {
  border: none;
  background-color: var(--bs-white-rgb);
}

.select2-results__option--selected { display: none; }

.ck-editor .ck.ck-editor__top .ck-toolbar {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.ck-editor .ck.ck-editor__main {
  overflow: hidden;
}

.ck-editor .ck.ck-editor__main > div {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.ck-editor__editable[role="textbox"] {
  /* editing area */
  min-height: 200px;
  max-height: 200px;
}

.bg-none {
    background: none;
}

.border-none {
    border: none
}

a {
  text-decoration: none;
}

body {
  font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #72777a;
  line-height: 1.5;
  letter-spacing: 0.2px;
  overflow-x: hidden;
}

.bdT {
    border-top: 1px solid var(--border-colour) !important;
}

.bdB {
    border-bottom: 1px solid var(--border-colour) !important;
}

.w-fc {
    width: fit-content;
}

.h-fc {
    height: fit-content;
}

.loading .email-list-item {
    cursor: progress;
}


/* Tickets Side Nav */

.email-app .email-side-nav {
    border-right: 1px solid var(--border-colour);
}

.email-app .email-side-nav .nav-item .nav-link {
    color: var(--bs-tertiary-color);
}

.email-app .email-wrapper {
    min-height: 0;
}

@media screen and (min-width: 992px) {
    .email-app .email-wrapper .email-list {
        border-right: 1px solid var(--border-colour);
    }
}


/* Base Sidebar Navigation */

.sidebar-menu {
    border-right: 1px solid var(--border-colour);
}

.sidebar-logo {
    border-right: 1px solid var(--border-colour);
    border-bottom: 1px solid var(--border-colour);
}


/* Top Navigation */

.header {
    border-bottom: 1px solid var(--border-colour);
}