:root {
    --bg-light-primary: #fafafa;
    --bg-light-secondary: #ffffff;
    --text-dark-primary: #0f1419;
    --text-dark-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --accent-primary: #2563eb;
    --accent-secondary: #1d4ed8;
    --accent-light: #f0f9ff;
    --border-color: #e5e7eb;
    --border-light: #f3f4f6;
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --user-message-bg: #2563eb;
    --ai-message-bg: #ffffff;
}

html, body {
    height: 100%;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
    background: var(--bg-light-primary);
    color: var(--text-dark-primary);
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    /*background: white;*/
}

/*html {
  font-size: 14px;
}*/

/* ScribeDiv is for Scribe */
#scribeDiv {
    position: static !important;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto; /* This makes it grow */
    min-height: 0; /* Remove the 100vh */
    background: white;
}

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

.site-anchor {
    text-decoration: none;
}

/* .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;
} */

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

/*body {
  margin-bottom: 60px;
}
*/

.oc-sign-in-button {
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s;
    padding: 8px 16px 8px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAIAAADZrBkAAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOBtp6qgAAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAA8nYBAOgDAADydgEA6AMAAFBhaW50Lk5FVCA1LjEuOAADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAADMbhZ8SlPoHAAAA1pJREFUOE9tk01s22QAhr/P9pfEbuwkdf4IbVZI2pLQrV01lVVVsrWIicFhYkgDcUMgVYIDQqqYOCB66ZFJSBy5MgSHwYD21LVMrBtsFQFlLEm3Nknz0y52msQ/SezY/jggQTvxnp/n9rwQYwwOzbJwuVQv5AVRUDDG/Xzf0DPewbCXosjDGDysFfK1a9+mbt3YF6q6oWMIAWUnPD5qKuG7eGk8Fh/4H03XjQ/fu7a51oxNsyen/EG/E2Nc3ZdTv9X2C13GSb6/MHnu/IkjmihIEMJ7d3carc4LJwY4kvCOPAUAELb2mpqxdif/4zc7hoY/Xjp9ZjYOACAXFxdFQbr8wXI6XX5nPhF2UI+v36/+8BCFaHmv+fDzX2FLOTU34hmi/9wUHqRr04kBlqMJAMDP69ncH0rgaWfj0ePcl3fbVRUFaMbHMj4WBWm1rOx+lUqMhc6+GqoWu+urWQAA0W5rGzd33UFqNhERfnlktg02xo8vzDo8fQ43M74wy8b5ntI7uJ1/aW64z03euVVW5C5RF+X8lhId4zx2SsodkE4UeX2itSumllZTS6utghi5OEGySModeB0oEudKO+16XSZURVNbptfPgE7PbBt0mEOMvbySBRgDjEsrGcTYmTBntg2o9fxBRpXNtqoREAJIAMOwAASQAJZuAghJBlm6hXWLYhCA0NItCAEkCMvCBAQECQmWo139qFJUTDuFXPbOrqTsNaKXTjpHPMyIJ/LGpLLXaBclymWzHKhSUtxexHEMwfNsNMYVsmpRVPong1iztq/+rkmdsfnk8fmkLne3r6awZnomgpWmup2WR4+7eC9L2B0oOTdk6tb332Vs8ZAz6tJrncyV28L9kvBXOfPZhl5rM8dY30x0eTkni+bZFyM2G0UAAGYSo+On3Q82m19fT/Pn4/7EoD1AI9qGaGT3O3wzA0NvnXLw7LFB7rW3B6dnhv+LaytX/fSjG02x9/yU58KF56Jhnh/ohwDUq41ipfHTSi7go9+dT1KIoijiSMrZTOWLKxuZlIxoGB7uC/hpCIEgdvMZRaoZr7wZuvzJywhRTz4AANBsqOtrmZurhfyWokgmwID1kNEYN3fu2eSZUSdL/0se0f6ZqmpCrSVJHQigy834/BxN255g/gbnPZcnCaD3kgAAAABJRU5ErkJggg==);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

    .google-sign-in-button:hover {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    }

    .google-sign-in-button:active {
        background-color: #eeeeee;
    }

    .google-sign-in-button:active {
        outline: none;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
    }

    .google-sign-in-button:disabled {
        filter: grayscale(100%);
        background-color: #ebebeb;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
        cursor: not-allowed;
    }

.google-sign-in-button {
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s;
    padding: 8px 16px 8px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
}

    .google-sign-in-button:hover {
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25);
    }

    .google-sign-in-button:active {
        background-color: #eeeeee;
    }

    .google-sign-in-button:active {
        outline: none;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc;
    }

    .google-sign-in-button:disabled {
        filter: grayscale(100%);
        background-color: #ebebeb;
        box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
        cursor: not-allowed;
    }


#mainContent {
    margin: 60px 0px 0px 0px !important;
    padding: 20px 20px 20px 20px !important;
}

#mainContentSecure {
    padding-right: 0px;
    padding-left: 0px;
/*    margin: 0px 0px 0px 0px !important;
    padding: 20px 20px 20px 20px !important;*/
}

#header {
/*    padding: 0 0 0 40px !important;*/
    background: var(--bg-light-secondary);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    border-bottom: 1px solid var(--border-color);
}

.font-white {
    color: whitesmoke !important;
}

.view-wrapper {
    /*padding: 65.5px 0 0 0;*/
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.content {
    min-height: 100%;
    /*background-color: green;*/
}

#page {
}

#content {
    /*margin-top: 90px !important;*/
    margin: 0px 0 30px 75px;
    padding: 10px 20px 20px 10px;
}


.nav-tabs {
    padding-left: 15px;
    margin-bottom: 0;
    border: none;
}

.tab-content {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
}




.icon-bar {
    display: inline;
    float: right;
}

    /* Style the icon bar links */
    .icon-bar i {
        padding: 6px;
    }

        /* Style the social media icons with color, if you want */
        .icon-bar i:hover {
            cursor: pointer;
        }

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}


/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

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

a {
  color: #0077cc;
}

.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;
}

.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;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}

#footer {
    /*box-shadow: 0 0 40px rgba(0,0,0,.07);*/
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1001;
    background: #fff;
    padding: 0 35px;
    line-height: 50px;
    height: 50px;
    zoom: 1;
}

.header-fa {
    margin-top: 6px;
    margin-right: 10px;
    cursor: pointer;
}

.dataTables_filter {
    display: none;
}