@charset "utf-8";
html,
body,
#nav-main,
.navbar-default,
.jumbotron {
    background-color: #ffffff;
    font-size: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.6em;
    color: #002c71;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
}

h1,
h2,
.script-type {
    font-family: "tk-eloquent-jf-small-caps-pro";
    color: #002c71;
}
h3,
h4,
h5,
h6,


.base-body {
    background-color: #dcdef0;
    font-size: 14px;
}

.form-header {
    background-color: white;
    padding: 5px;
    width: 100%;
    font-size: x-large;
    font-weight: bold;
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    justify-content: space-between;
    display: flex;
}

.form-header a {
    text-decoration: none !important;
    margin-left: 15px;
}

.form-header p {

}

.form-header span {
    visibility: hidden;
    margin-right: 15px;
}

.form-header-center {
    background-color: white;
    padding: 5px;
    width: 100%;
    font-size: x-large;
    font-weight: bold;
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    justify-content: center;
    display: flex;
}

.form-container-table {
    /*transform: translateY(-80px);*/
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


.form-container {
    /*transform: translateY(-80px);*/
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

html {
  scroll-padding-top: 4rem;
}

@media (min-width: 768px) {
    .form-container {
        width: 750px;
    }
}
@media (min-width: 992px) {
  .form-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .form-container {
    width: 1000px;
  }
}

.form-body {
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    background-color: white;
    border-style: solid;
    border-width: 5px;
    border-color: white;
    padding: 15px;
    width: 100%;
}

.form-body-table {
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    background-color: white;
    padding: 15px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.patient-header-container {
    display: flex;
    justify-content: center;
}

.patient-header {
    font-size: 22px;
    font-weight: bold;
    background-color: #293461;
    color: #ffffff;
    display: flex;
    justify-content: center;
}

.patient-header p {
    margin: 5px;
    line-height: 1;
}

.patient-header i {
    /*margin-top: 6px;*/
    line-height: 1.3;
}

.patient-sub-header {
    font-size: 18px;
    font-weight: bold;
    background-color: #293461;
    color: #ffffff;
    display: flex;
    justify-content: center;
}

.patient-sub-header p {
    margin: 4px;
    line-height: 1;
}

.patient-sub-header i {
    /*margin-top: 6px;*/
    line-height: 1.3;
}

.grid-button {
    color: white !important;
    background-color: #293461;
    padding: 5px;
    border: hidden;
    text-align: center;
    text-decoration: None;
    display: inline-block;
    margin: 2px 0px;
    width: 30px;
    border-radius: 5px;
}



.grid-button:hover {
    text-decoration: None !important;
    background-color: #55649e;
}

.form-button {
    color: white;
    background-color: #293461;
    padding: 15px;
    border: hidden;
    font-size: large;
    justify-content: center;
    border-radius: 5px;
}

.form-button-top {
    color: white;
    background-color: #293461;
    padding: 10px;
    margin: 5px;
    border: hidden;
    font-size: large;
    justify-content: center;
    border-radius: 5px;
    font-weight: lighter;
}

.form-button-top-thin {
    color: white;
    background-color: #293461;
    padding: 3px 10px;
    margin: 5px;
    border: hidden;
    font-size: large;
    justify-content: center;
    border-radius: 5px;
    font-weight: lighter;
}

.kpi-menu-button {
    color: white;
    background-color: #293461;
    padding: 5px 10px;
    margin: 5px;
    border: hidden;
    font-size: large;
    justify-content: center;
    border-radius: 5px;
    font-weight: lighter;
}

.kpi-menu {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: white;
}

.today {
    background-color: #b3eea3 !important;
    font-weight: bold;
}
.today:hover {
    background-color: #b4dbee !important;
}

.overdue {
    background: repeating-linear-gradient(-45deg, #eaacac, #eaacac 3px, #eab8b8 3px, #eab8b8 6px) !important;
    /*background-color: #eaacac !important;*/
}
.overdue:hover {
    /*background-color: #b4dbee !important;*/
    background: repeating-linear-gradient(-45deg, #b4dbee, #b4dbee 3px, #a3c6d7 3px, #a3c6d7 6px) !important;
}

.upcoming {
    /*background-color: #eee2a3 !important;*/
    background: repeating-linear-gradient(45deg, #a8b2ef, #a8b2ef 4px, #97a3ef 4px, #97a3ef 8px) !important;
}

.upcoming:hover {
    /*background-color: #b4dbee !important;*/
     background: repeating-linear-gradient(45deg, #b4dbee, #b4dbee 4px, #a3c6d7 4px, #a3c6d7 8px) !important;
}

.legend {
    list-style: none;
    margin-bottom: 0px;
}
.legend li {
    float: left;
    margin-right: 10px;
}
.legend span {
    border: 1px solid #ccc;
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px;
}




.button-row {
    text-align: right;
}

.two-button-row {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
}

.form-control-override {
    border-radius: 0px !important;
}


.flex-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}


.space-between-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.space-around-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.top-masthead-items {
    margin-top: 15px;
}

.position-top {
    margin-top: -450px;
}

.search-card {
    border: 1px solid #bde3ec;
    border-radius: 5px;
    background-color: white;
    color: #224068;
    padding: 10px 10px 5px 10px;
    flex-grow: 1;
    max-width:50%;
    margin: 10px;
    justify-content: center;
}

.search-bar-container {
    display: flex;
    justify-content: center;
}

.search-bar-filters {
    padding-left: 3em;
}

.search-bar {
    width: 70%;
  /*flex: 1;*/
    margin: 10px;
}

.search-buttons {
    width: 30%;
  /*flex: 1;*/
    margin: 10px;
}

.search-result {
    font-weight: bold;
    font-size: 14px;
    font-family: Roboto,arial,sans-serif;
    display: flex;
    align-content: space-between;
}

.search-result-hr {
    margin: 5px !important;
    border: 0;
    border-top: 1px solid #d3d3d3;

}

.search-result-header {
    font-weight: bold;
    font-size: 20px;
    font-family: Roboto,arial,sans-serif;
}


.main-btn{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #293461;
    color: #d6d6d6;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    height: 35px;
    line-height: 20px;
    border-radius: 4px;
    user-select: none;
}
.main-btn:hover {
    background-color: #3f4661;
}

.widest{
    width: 100%;
}

.center{
    text-align: center;
    margin-top: 10px;
}

.form-instructions{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.wide3{
    min-width: 300px;
}

.card-width3{
    width: 300px !important;
}

.home-button-link {
    text-decoration: none !important;
}

.home-button-link:hover {
    text-decoration: underline !important;
    color: #002c71;
}

.home-button {
    background-color: white;
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    width: 180px;
    height: 150px;
    margin: 10px;
    text-align: center;
    font-size: 45px;
    border: 1px solid #293461;
    font-weight: bold;
    color: #293461;
    padding-top: 5px;
}

.home-button p {
    font-size: 15px;
}
.home-button hr {
    margin: 10px;

}

.home-button-sub-icon {
    font-size: 20px;
    color: #293461;
    justify-content: space-around;
    display: flex;
    text-decoration: none !important;
}


.home-button-sub-icon:hover {
    text-decoration: none !important;
}

.home-button:hover {
    background-color: #f1f1f1;
}




.general-button {
    background-color: white;
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    margin: 10px;
    text-align: center;
    font-size: 15px;
    border: 1px solid #293461;
    font-weight: bold;
    color: #293461;
}

.general-button:hover {
    background-color: #f1f1f1;
}




.home-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.home-header {
    padding: 5px;
    margin: 3px;
    text-align: center;
    font-size: large;
    font-weight: bold;
}

.login-card-container {
    width:100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: stretch;
}

.card-border-login {
    border: 2px solid #224068;
    border-radius: 5px;
    padding: 15px 10px 15px 10px;
    flex: 1;
    /*flex-grow: 1;*/
    color: #224068;
    margin: 5px;
    font-weight: 500;
    background-color: white;
}

.login-card-header {
    /*font-weight: bold;*/
    color: #224068;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-align: center;
    font-size: xx-large;
}

.login-card-message{
    max-width: 270px;
    text-align: center;
    font-weight: bold;
}

.vertical-card-text{
    font-weight: bold;
    font-size: large;
}

.dashboard-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 95%;
}

.dashboard-description {
    background-color: white;
    padding-left: 10px;
    width: 100%;
    font-style: italic;
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    justify-content: center;
    display: flex;
}

.dashboard-filter {
    background-color: white;
    padding-left: 10px;
    width: 100%;
    font-family: 'MS Sans Serif', sans-serif, Verdana, Arial;
    justify-content: center;
    display: flex;
}

.dashboard-note {
    font-size: large;
    font-weight: bold;
    border: 1px solid black;
    padding: 20px 40px;
    border-radius: 5px;
    background-color: #b3bbda;
}

.dashboard-tabs{
    font-weight: bold;
    background-color: #b3bbda !important;
}

.dashboard-tab{
    color: #293461 !important;
}

.dashboard-badge{
    margin-left: 3px;
    background-color: #293461 !important;
}

.dashboard-table {
    border: 1px solid;
    line-height: 1.2;
}

.dashboard-table tr, td {
    border: 1px solid !important;
    padding: 0px 5px !important;
}

.dashboard-table th {
    border: 1px solid black;
    padding: 0px 5px !important;
    background-color: #293461;
    color: white;
    height: 25px;
    font-weight: normal;
}

.dashboard-table th a {
    color: white;
}

/*.table-container {*/
/*    max-height: 300px;*/
/*    overflow-y: auto;*/
/*}*/

.dashboard-table tr:nth-child(even) {
    background-color: rgb(235, 235, 241);
}

.limit-width {
    max-width: 600px;
}

.fixed-col-width {
    width: 205px;
}

.top-nav-dropdown-button {
    font-size: 15px;
    font-weight: bold;
    background-color: #293461;
    color: #ffffff;
    padding: 15px !important;
    margin: 0px 5px;
    text-decoration: none;
    border: none;
}

.navbar-override {
    margin-bottom: 5px !important;
    margin-left: 20px;
}

.top-nav-dropdown-button:hover {
    color: #ffffff !important;
    background-color: #454a61 !important;
    text-decoration: none;
}

.right-buffer {
    margin-right: 30px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #293461;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #454a61;}



#top-nav,
#left-nav {
    font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif !important;
    line-height: 1.2em;
}
#top-nav {
    background-color: #293461;
    display: block;
    margin: 0 0 2em 0;
    width: 100%;

}
#top-nav h1,
#top-nav a {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, "Nimbus Sans L", sans-serif !important;
}
#top-nav h1 {
    margin: 0 20px;
    font-weight: 400;
}
#top-nav hr {
    margin: 0;
    color: #ffffff;
}
#left-nav {
    width: 210px;
    margin: 0 1em 0 -15px;
    display: flex;
    flex-direction: column;
}

#left-nav .menu-container {
    display: flex;
    flex-direction: column;
}

.top-nav-header {
    font-size: 30px;
    color: white;
    margin: 10px 20px;
    /*margin: 10px;*/
    text-decoration: none;
}

.top-nav-header-hover {
    text-decoration: none;
}

.top-nav-header2 {
    font-size: 20px;
    color: white;
    margin: 10px 20px;
    /*margin: 10px;*/
    text-decoration: none;
}

.top-nav-header2-hover {
    text-decoration: none;
}


.top-nav-icon {
    font-size: 25px;
}

.top-nav-text {
    font-size: 15px;
    font-weight: bold;
    background-color: #293461;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0px 5px;
    padding: 0px 10px 5px 10px;
    text-decoration: none;
}

.top-nav-button {
    font-size: 15px;
    font-weight: bold;
    background-color: #293461;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0px 5px;
    padding: 12px;
    text-decoration: none;
}
.top-nav-button:hover {
    color: #ffffff !important;
    background-color: #454a61 !important;
    text-decoration: none;
}
.top-nav-button-current {
    background-color: #999999 !important;
}
.left-nav-button {
    font-size: 12px;
    font-weight: bold;
    background-color: #002c71;
    color: #ffffff;
    width: 150px;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 2px;
    padding: 5px 10px;
    text-decoration: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.left-nav-button a {
    color: #ffffff;
}\.left-nav-button a:hover,
.left-nav-button:hover {
    color: #ffffff !important;
    background-color: #346698 !important;
    text-decoration: none;
}
.left-nav-button-current {
    background-color: #999999 !important;
}
.errorlist,
.errorlist li {
    margin: 0 !important;
    padding: 0 !important;
}
.errorlist {
    list-style: none;
    list-style-type: none;
}
.required-field,
.error,
.errorlist li {
    color: #ff0000;
    font-weight: bold;
    max-width: 270px;
}
#non-form-errors .errorlist,
#non-form-errors .errorlist li {
    padding: 0.5em !important;
}
#site-footer {
    height: 225px;
    background-color: #293461;
    color: #f2f1f0;
    /*margin: 2em 0 0 0;*/
    padding: 2em 4em 3em 4em;
    margin-top: auto;

}
#site-footer a {
    color: #9fd1ea;
}
#site-footer a:hover {
    text-decoration: underline;
    color: #fcefa1;
}


@media (max-width: 1800px) {
    .search-card {
        max-width: 60%;
    }
    .search-bar {
        width: 60%;
    }
}

@media (max-width: 1300px) {
    .search-card {
        max-width: 70%;
    }
    .search-bar {
        width: 50%;
    }
    .search-buttons {
        width: 40%;
    }
}


@media (max-width: 900px) {
    .search-card {
        max-width: 100%;
    }
    .search-bar {
        width: 50%;
    }
    .search-buttons {
        width: 40%;
    }
    .top-nav-header {
        font-size: 24px;
    }
    .top-nav-icon {
        font-size: 20px;
    }
    .top-nav-text {
        font-size: 13px;
    }
    /*.top-nav-button {*/
    /*    font-size: 13px;*/
    /*}*/
}

@media (max-width: 768px) {
    .form-button {
        width: 100%;
    }
    .two-button-row {
        flex-direction: column;
    }

    .search-bar-container {
        flex-direction: column;
    }

    .search-bar {
        width: 95%;
    }
    .search-buttons {
        width: 95%;
    }
    .fixed-col-width {
        width: initial;
    }

    .home-button {
        width: 170px;
        height: 130px;
        margin: 5px;
        padding-top: 5px;
    }
    .home-button hr {
        margin: 0px;
    }

    .home-button-sub-icon {
        font-size: 20px;
        color: #293461;
        justify-content: space-around;
        display: flex;
        text-decoration: none !important;
    }


    .home-button-sub-icon:hover {
        text-decoration: none !important;
    }

    .home-button:hover {
        background-color: #f1f1f1;
    }

    .patient-header {
        font-size: 18px;
    }

    .patient-sub-header {
        font-size: 15px;
    }

}