.path_status{
    font-size: 1.3em;
}

.path_data_status{
    margin-top: 0.75em;
    margin-bottom: 0px;
}

.path_region_status{
    margin-top: 0.2em;
}

.subject-header-item {
    font-family: monospace, monospace;
    padding-right: 12px;
    text-wrap: none;
    white-space: nowrap;
}

.subject-header-group {
    margin-right: 10px;
}

.subject-header-group:first-child  {
    margin-left: 10px;
}

#subject-header-row {
    background-color: #AF3E25;
    display: flex;
    flex-wrap: wrap;
}

.subject-header-item {
    padding-right: 12px;
    text-wrap: none;
    white-space: nowrap;
}

.subject-header-label{
    font-size: 90%;
    font-weight: 400;
}

.error-block{
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: red;
}

/* put a margin above the first alert so it is not at the top of the page */
#alert-wrapper .alert:first-child{
    margin-top: 10px;
}

.complete{
    color: green;
}

.incomplete{
    color: orange;
}

.terminal_incomplete{
    color: red;
}

.codedout{
    color: red;
}

.priority-HIGH{
    color: red;
    font-weight: bold;
}
.priority-MEDIUM{
    color: orange;
    font-weight: bold;
}
.priority-LOW{
    color: yellowgreen;
    font-weight: bold;
}

.icon-links a{
    margin-left: 5px;
    color:black;
}
.icon-links a:last-child{
    margin-right: 5px;
}
.icon-links a:hover{
    color:orangered;
}

/* reduced from bootstrap default of 40px*/
.page-header{
    margin-top: 30px;
}

/*
this table will not fill 100% of the space
*/
.table-nonfluid {
    width: auto;
}

.toast-top-right-lower{
    top: 65px;
    right: 2%;
}

.required:after  {
    content: " *";
    color: #ff0000;
}

.checkbox-label {
    font-weight: normal;
    cursor: pointer;
}

ul.form-checkboxes{
    list-style-type: none;
    font-weight: normal;
    padding-left: 0px;
}

.form-inline-interview {
    display: flex;
    flex-wrap: wrap;
}

.inline-input {
    /*display: inline-block;*/
    /*width: 100%;*/
    margin-right: 4px;
}

.radio-input-list {
    list-style-type: none;
}

.radio-input-list li {
    display: inline-block;
}

.radio-input-list label {
    font-weight: normal;
}

.date-input-2  {
    width: 49px !important;
}

.date-input-4  {
    width: 68px !important;
}

/** hide spinners on input type="number" **/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/** *********************************** **/

h3.page-header{
    margin-top:5px;
}

.projid{
    font-family: "Lucida Console", Monaco, monospace;
}

.high-priority {
    color: #3c763d;
}

.medium-priority  {
    color: #8a6d3b;
}

.low-priority {
    color: #a94442;
}

.icon-bar {
    background-color: white;
    border-color: white;
}

.huge {
    font-size: 40px;
}

/* Additional panel colors */

.panel-primary > .panel-footer a {
    color: #337ab7;
}

.panel-green {
    border-color: #5cb85c;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: white;
    background-color: #5cb85c;
}
.panel-green > a,
.panel-green > .panel-footer a {
    color: #5cb85c;
}
.panel-green > a:hover,
.panel-green > .panel-footer a:hover{
    color: #3d8b3d;
}


.panel-red {
    border-color: #d9534f;
}
.panel-red > .panel-heading {
    border-color: #d9534f;
    color: white;
    background-color: #d9534f;
}
.panel-red > a,
.panel-red > .panel-footer a{
    color: #d9534f;
}
.panel-red > a:hover,
.panel-red > .panel-footer a:hover{
    color: #b52b27;
}


.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}

.panel-yellow > a,
.panel-yellow > .panel-footer a {
    color: #f0ad4e;
}
.panel-yellow > a:hover,
.panel-yellow > .panel-footer a:hover {
    color: #df8a13;
}


.panel-purple  {
    border-color: #69589E;
}

.panel-purple > .panel-heading {
    border-color: #69589E;
    color: white;
    background-color: #69589E;
}

.panel-purple > a,
.panel-purple > .panel-footer a {
    color: #69589E;
}

.panel-purple > a:hover,
.panel-purple > .panel-footer a:hover{
    color: #4A3883;
}

.panel-teal  {
    border-color: #589e83;
}

.panel-teal > .panel-heading {
    border-color: #589e83;
    color: white;
    background-color: #589e83;
}

.panel-teal > a,
.panel-teal > .panel-footer a {
    color: #589e83;
}

.panel-teal > a:hover,
.panel-teal > .panel-footer a:hover{
    color: #2f5748;
}

.panel-tab {

}

.active-panel {
    border-bottom-width: 4px;
    border-bottom-style: outset;
}

.panel-tab-col {
    overflow: hidden;
    min-height: 184px;
}

.panel-tab > a > .panel-footer {
    font-size: 14px;
    overflow: hidden;
}

.panel-condensed > .panel-body {
    padding: 2px;

}

.panel-condensed > .panel-heading {
    padding: 2px 10px 2px 10px;
}

.panel-condensed > .panel-heading {
    padding: 2px 10px 2px 10px;
}

.form-group-condensed{
    margin-bottom: 0px;
}

    /* pagination styles for partial_pagination.jsp */
.pagination{
    margin-top: 5px;
    margin-bottom: 0px;
}

/* substudy labels - horizontal list */
#substudies{
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 0px;
}

#substudies li{
    display: inline;
    list-style-type: none;
    padding-right: 10px;
    float: left;
}
.pointer {
    cursor: pointer;
}

.admin {
   display: none;
   font-family: "Lucida Console", Monaco, monospace;
}

.admin-icon{
    color: indianred;
}

.admin-link{
    color: indianred;
}
.admin-link:before {
    font-family: FontAwesome;
    content: "\f023";
}

.navbar-timezone{
    margin-right: 15px;
}

.alt-row{
    background-color: gainsboro;
}

.page-container {
    display: flex;
    flex-wrap: wrap;
}
.page-item {
    flex-basis:  auto
}
.page-item-shrink {
    flex-shrink: 1;
}
.page-item-grow{
    flex-grow: 1;
}



.d-flex {
    display: flex;
}
.d-flex > div { flex-grow: 0; padding-left: 1em;}

.flex-grow {
    flex-grow: 1
}
.flex-shrink {
    flex-shrink: 1
}
.d-flex-column {
    display: flex;
    flex-direction: column;
}

.smaller {
    font-size: 50%;
}

.mb-0 {
    margin-bottom: 0;
}
.mt-1 {
    margin-top: .5em;
}

.mt-2 {
    margin-top: 1em;
}

.mr-1 {
    margin-right: .5em;
}
.mr-2 {
    margin-right: 1em;
}
.mb-1 {
    margin-bottom: .5em
}
.mb-2 {
    margin-bottom: 1em;
}

.ml-1 {
    margin-left: .5em
}
.ml-2 {
    margin-left: 1em;
}
.ml-3 {
    margin-left: 1.5em
}
.ml-4 {
    margin-left: 2em
}
.mt-0{
    margin-top: 0px;
}


.pt-1 {
    padding-top: .5em;
}

.pt-2 {
    padding-top: 1em;
}

.pr-1 {
    padding-right: .5em;
}
.pr-2 {
    padding-right: 1em;
}
.pb-1 {
    padding-bottom: .5em
}
.pb-2 {
    padding-bottom: 1em;
}

.pl-1 {
    padding-left: .5em
}
.pl-2 {
    padding-left: 1em;
}

.font-lg {
    font-size: 1.6rem;
}

.font-md {
    font-size: 1.3rem;
}

.table-nonfluid {
    width: auto;
}