/* 
2025-02-23 RMcQ
The MAIN, BASIC, GENERAL styles for the ENTIRE site.

*/

/*
2024-01-17 RMcQ: CURRENTLY TEMPORARILY INCLUDED DIRECTLY IN _Layout.cshtml 
TO GET IMMEDIATE UPDATES WHILE DEVELOPING: 
@import "accordion.css?v=1";
@import "colors.css?v=1";
@import "forms.css?v=1";
@import "maps.css?v=1";
@import "maps-colors.css?v=1";
@import "modals.css?v=1";
@import "spacers.css?v=1";
@import "tabs.css?v=1";
*/
/* 
2024-01-17 RMcQ: The version ('v') parameter has been added to the above 
files to force the browser to reload them when they change, 
but it is not being reliably maintained at this time.
This is called 'cache-busting'. Ask Copilot for ways to do this automatically. 
There are several ways, including using Sass.
*/
/*   */

/* RMcQ: General, default styles - THESE FIVE LOAD WITH A DEFAULT RAZOR PAGE WEB SITE, AND THAT'S IT 
(except for the BootStrap styles, of course)
*/

html {

  font-size: 14px;

  position: relative;
  min-height: 100%;

  margin: 0;

}


body {
    margin: 0;
    height: 100%;
}


/* BEGIN - BOOTSTRAP OVERRIDES */
/* BEGIN - BOOTSTRAP OVERRIDES */
/* BEGIN - BOOTSTRAP OVERRIDES */

.navbar {  
    background-color: rgba(30, 144, 255, 0.15) !important; /* DodgerBlue with 25% transparency */  
}

.footer {

    position: absolute;
    bottom: 0;
    width: 100%;

    background-color: rgba(30, 144, 255, 0.15) !important; /* DodgerBlue with 25% transparency */  

}

.btn-primary {
  background-color: #1E90FF !important; /* DodgerBlue */
  border-color: #1E90FF !important; /* DodgerBlue */
}


/* END - BOOTSTRAP OVERRIDES */
/* END - BOOTSTRAP OVERRIDES */
/* END - BOOTSTRAP OVERRIDES */


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

/* End of the default stylings that loaded with the Razor Pages template project */


/* Start of site-general styles added by RMcQ (continues to the end) */

mqc-container-content {

}


/*

DIAMONDS

◆	◆   BLACK DIAMOND
◇	◇   WHITE DIAMOND
◈	◈   WHITE DIAMOND CONTAINING BLACK SMALL DIAMOND

♦	&#x2666 ♦ BLACK DIAMOND SUIT 

*/

.mqc-page-caption {
/*
    font-size: 140%;
    font-weight: bold;
*/
}

.mqc-page-caption-table {
    text-align: left;  /* BUT WHY IS THIS NEEDED? */
    width:100%;
    border: 0px solid orange;
    margin-bottom: 10px;
}

.mqc-page-caption-table td h1 {
    padding: 0px;
    border: 0px solid red;
    margin: 0px;
}

.mqc-page-caption-table td {
    border: 0px solid darkgreen;
    vertical-align:middle;
}

.mqc-page-caption-table td.mqc-right-cell {
}


.mqc-table-list-main > :not(caption) > * > * {
  padding: 0.15rem 0.15rem;
}


.mqc-table-list-main {
    background-color: white;
}

.mqc-table-list-main th {
    background-color: var(--str-tetradic-1-lighter-30);
}

.mqc-table-list-main tfoot td {
    background-color: var(--str-tetradic-1-lighter-30);
}

.mqc-table-list-supporting {
    background-color: white;
}


.mqc-clone-table {
    background-color: white;
}

.mqc-clone-table th {
    background-color: var(--str-tetradic-1-lighter-30);
}

.mqc-clone-table tfoot td {
    background-color: var(--str-tetradic-1-lighter-30);
}


.ulContent {
}
.ulContent li {
    margin-bottom: 10px;
}
.olContent {
}
.olContent li {
    margin-bottom: 10px;
}


/* BEGIN View<Entity> page */


.mqc-view-field .caption {
    font-weight: 600;
}

.mqc-view-field .data {
    border: 1px solid gray;
    padding: 2px;
}

/* 2024-07-05 RMcQ Some of these are older, may be replaced with the above: */

.mqc-view-page-table {
    border-collapse:separate;
    border-spacing: 2px 4px;
    border: 0px solid gray;
    padding-right:8px;
}
.mqc-view-page-table td {
    padding: 4px;
}
.mqc-view-page-table td.header {
    font-weight: 700;
    background-color:lightblue;
}
.mqc-view-page-table td.caption{
    border: 1px solid lightgray;
    width: 30%;
    text-align:right;
    font-weight: 600;
    background-color:gainsboro;
}
.mqc-view-page-table td.data {
    border: 1px solid  lightgray;
    background-color:whitesmoke;
}


.mqc-view-page-journal-table {
    border-collapse:separate;
    border-spacing: 2px 4px;
    border: 0px solid gray;
    padding-right:8px;
}

.mqc-view-page-journal-table th {
    border: 1px solid lightgray;
    text-align:center;
    padding:4px;
    font-weight: 600;
    background-color:gainsboro;
}

.mqc-view-page-journal-table td {
    text-align:center;
    padding:4px;
    border: 1px solid  lightgray;
    background-color:whitesmoke;
}



/* Smart goals table */
.mqc-smart-goals-table {
    border-collapse:separate;
    border-spacing: 4px 8px;
}
.mqc-smart-goals-table td:first-child {
    padding: 8px;
}
.mqc-smart-goals-table td:first-child {
    background-color:lightgreen;
    color: darkgreen;
    font-weight: bold;
}
.mqc-smart-goals-table td:nth-child(2) {
    background-color:lightgoldenrodyellow;
}



.mqc-actions-panel {

}

/* END View<Entity> page */


.mqc-float-right {
    float:right;
}

.mqc-float-left {
    float:left;
}

.mqc-bold {
    /* bootstrap font-weight-bold doesn't work, at least not on buttons? */
    font-weight: bold;
}


.mqc-msg-notfound {

}

.mqc-record-history {
    font-size:80%;
    font-style:italic;
    padding:6px;
}

.mqc-page-button-row {
/*
    text-align:right;
    padding:6px;
*/
}


.mqc-response-options-list {

}

.mqc-response-options-list li {
    margin: 8px;
}



.mqc-mtp-selector {
    font-size: 120%;
    font-weight: 600;
    color: darkolivegreen;
}



/* Pin pages - BEGIN */

.mqc-pin-fields-table {
    width:100%;
    border-collapse: separate;
    border-spacing: 4px 8px;
}

.mqc-pin-fields-table td {
    padding: 4px;
    border: 1px solid lightgray;
    background-color: lightyellow;
}

.mqc-pin-fields-table td.caption {
    font-weight: 600;
}

.mqc-pin-fields-table td.data {
}

.mqc-pin-fields-table td.data input,
.mqc-pin-fields-table td.data textarea {
    width:100%;
}

/* Pin pages - END */



/* A decor table - BEGIN */

/* $DEMOTE$? Ths is ONLY used for release notes. */

.mqc-decor-table-1 {
}
.mqc-decor-table-1 th, .mqc-decor-table-1 td {
    padding: 6px 12px 6px 12px;
    border:4px solid white;
}
.mqc-decor-table-1 th {
}
.mqc-decor-table-1 td {
}
.mqc-decor-table-1 td:nth-child(1) {
    width:120px;
    text-align:center;
    background-color: #bee5eb;
}
.mqc-decor-table-1 td:nth-child(2) {
    width:90px;
    text-align:center;        
    background-color: #b1dfbb;
    font-weight:bold;
}
.mqc-decor-table-1 td:nth-child(3) {
    width:80%;
    background-color: #eee;
}

/* A decor table - END */

.mqc-portal-links-table {
}
.mqc-portal-links-table th, .mqc-portal-links-table td {
    padding: 6px 12px 6px 12px;
    border:4px solid white;
}
.mqc-portal-links-table a {
    text-decoration: none;
    font-weight: bold;
    color: darkgreen;
}
.mqc-portal-links-table th {
}
.mqc-portal-links-table td {
}
.mqc-portal-links-table td:nth-child(1) {
    width:20%;
    text-align:center;        
    background-color: #b1dfbb;
    font-weight:bold;
}
.mqc-portal-links-table td:nth-child(2) {
    width:70%;
    background-color: #bee5eb;
}
.mqc-portal-links-table td:nth-child(3) {
    width:10%;
    background-color: #eee;
}