/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*
    Survey Css
*/
.menu-logo {
    width: 40px;
}
.req-menu {
    padding : 0;
}
.req-menu-item {
    padding: 10px;
}
/* .bg-primary{
    background: #00000000!important;
    margin-bottom: 20px;
}*/
.req-menu-item:hover {
    filter: brightness(115%);
}
.req-menu-link {
    color: white !important;
}
.req-hao {
    background: #ff7f11;
}
.req-trs {
    background: #f38571;
}
.req-pdg {
    background: #f9c80e;
}
.req-tra {
    background: #43bccd;
}
.req-dnf {
    background: #447604;
}
.req-sew {
    background: #ea3546;
}
.req-ac {
    background: #a5a5a5;
}

.al-card {
    width: 12rem;
    margin: 10px;
}
.card-icon {
    font-size: 60px !important;
    color: dodgerblue;
    padding: 20px;
}

.sq-title-required {
    color: red;
}
.root-red-question {
    background: #ff00000f;
    border-style: solid;
    border-color: red;
    border-radius: 10px;
    margin: 5px 0 5px 0;
}
.root-blue-question {
    background: #0000ff0f;
    border-style: solid;
    border-color: blue;
    border-radius: 10px;
    margin: 5px 0 5px 0;
}

.root-green-question {
  background: #0000ff0f;
  border-style: solid;
  border-color: rgb(10, 187, 19);
  border-radius: 10px;
  margin: 5px 0 5px 0;
}

.root-white-question {
  background: whitesmoke;
  border-style: solid;
  border-color: black;
  border-radius: 10px;
  margin: 5px 0 5px 0;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
/*a {
  color: #0366d6;
}*/

/*.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 40px; /* Vertically center the text there */
}

.footer-image{
  margin-left: 10px;
  margin-right: 10px;
  max-width: auto;
  max-height: 15px;
}


.matrix-table {
  border-collapse: collapse;
  width: 100%;
}

.matrix-table th, .matrix-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.matrix-table th {
  background-color: #f2f2f2;
}

.matrix-table th:first-child, .matrix-table td:first-child {
  background-color: #e9e9e9;
  font-weight: bold;
}

/* Floating action button */
.fab-container {
    position: fixed !important;
    bottom: 24px !important;
    right: 24px !important;
    left: auto !important;
    z-index: 1030 !important;
}
.dm-fab {
    width: 56px !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Chat modal positioning */
#chatModal .modal-dialog {
    position: fixed !important;
    top: 50% !important;
    right: 24px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    max-width: 350px !important;
    width: 350px !important;
}

.chat-modal-content {
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

/* Prevent layout shifts when modal opens */
body.modal-open {
    overflow: visible !important;
    padding-right: 0 !important;
}

/* Lock footer and floating button positions */
.fab-container,
.footer {
    position: fixed !important;
}


.fab-container {
    transition: none !important;
}

.footer {
    transition: none !important;
}