﻿.bedboard{}
.bedboard .return-button 
{
    margin-bottom:16px;
    margin-top:5px;    
    font-size:16px;
    font-weight: 300;
    font-family:"Trebuchet MS";
}

.bed_manage{width:96%; margin:10px 2% 0;}
.bed_manage .bed_manage_subtitle{float:left; text-align:center; font-size:40px; font-weight:900;}
.bed_manage .bed-option-title{float:left; margin-bottom:3px; margin-top:5px; }
.bed_manage .bed-option-title .bed-option-title-text{float:left; font-size:1.3em; font-weight:700; color:#696969;}
.bed_manage .bed-option-title .bed-option-title-image{ float:left; width:24px; height:24px; margin-right:6px; border-width: 0;}
.bed_manage .bed-option-panel{float:left; width:100%; height:100%; margin-bottom:10px;}
.bed_manage .bed-option-panel .location-options-button{width:47%;margin:.2em;}
.bed_manage .bed-option-panel .location-options-button-text{font-size:1.1em; font-weight:600; color:White; }
/*.yellow-button span span:after {content:' \2715';}*/
.bed_manage .bed-option-panel .aspNetDisabled {opacity:0.4;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)';}
.bedContentPanel {background-color:#eeebaa;width:700px;margin:0 auto;}

.browser-th {
    background-color: #4E81BB;
    color: White;
    font: 800 1.4em "Trebuchet MS";
    text-align: center;
    vertical-align: middle;
    height: 46px;
    border: 1px solid white;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: white;
    border-left-color: white;
    border-top: 0;

}

.browser-tr:nth-child(even) {
    background-color: #f0f0f0;
}

.browser-tr:nth-child(odd) {
    background-color: #deebf7;
}

.browser-tr:hover {
    background: #FBA341;
}

.browser-tr-total {
    background: #FBA341;
}

.browser-td {
    border: 1px solid white;
    color: #333333;
    text-align: center;
    font: 300 1.4em Futura,"Trebuchet MS",Arial,sans-serif;
    vertical-align: middle !important;
    font-size: 17px;
}

.report-header-name {
    font: 600 1.8em "Trebuchet MS";
    color: Black;
    clear: both;
    width: 100%;
    vertical-align: bottom;
    background-color: #D3E8F0;
    overflow: hidden;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.reportTitle {
    vertical-align: middle;
}

.reportFilter {
    font-size: 23px;
    font-weight: bold;
    font-family: 'Trebuchet MS';
    align-self: center;
}

.reportMenu {
    padding: 0.75em;
}

.reportToggle {
    padding: 4px;
    float: right;
}

.reportToggleButtons {
    float: right;
}

.no-margin {
    margin-left: 0;
    margin-right: 0;
}

.button-header {
    background-color: #deebf7;
    margin-top: 10px;
    margin-bottom: 10px;
}

.reportToggleButtons > a {
    min-width: 85px;
    white-space: normal;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: white !important;
    text-decoration: none;
    border: none !important;
}

.headerNamePanel {
    margin: 5px;
    padding-left: 0.5em;
}

.rightLink {
	float: right;
}

.browser-th {
    line-height: 20px !important;
    vertical-align: middle !important; 
    font-size: 17px;
}

.navigationMenuPanel {
    background-color: #deebf7;
}

.navigationMenuBar > div { padding: 0 5px;}

.periop-header {
    padding: 5px;
}

.tab-button-div, .category-nav {
    text-align: right;
}

.report-tab-btn {
    width: 49.5%;
}

.navigationMenuBar {
    padding: 7px;
}

.subNavigationMenuBar {
    display: flex;
    justify-content: flex-end !important;
}

.subNavigationMenuSpacer {
    width: 34%;
}

.subNavigationMenuItem {
    flex: 1;
    margin-left: 1em;
}

.dashboardMetricName {
    padding-left: 10px;
    font-size: 16px;
    color: black;
}


.dashboardMetricValue {
    text-align: right;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 900;
    color: black;
}

.parent {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.child {
    height: 100%;
}

.flex-center {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.report-cat-btn, .report-tab-btn {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.dashboard-container {
    margin-top: 5px;
}

.metric-container {
    border-top: 5px solid lightblue;
}

.headerText {
    font-size: 23.4px;
    font-weight: 800;
    color: black;
}

.nav-row {
    margin-top: 10px;
}

.nested-div {
    margin-bottom: 10px;
}

.border-metric-container {
    border: 5px solid lightblue;
    margin: 1px;
    background-color: #deebf7;
}

.female {
    background-color: pink;
    color: white;
}

.male {
    background-color: cornflowerblue;
    color: white;
}


.rfd {
    background-color: #9FE99D;
    color: white;
}

.notrfd {
    background-color: #ADD8E6;
    color: white;
}

.red {
    background-color: red;
    color: black;
}

.yellow {
    background-color: yellow;
    color: black;
}

.green {
    background-color: green;
    color: black;
}

.path-div {
    line-height: 15px;
    display: inline-block;
    text-align: center;
}

.empty-propath {
    line-height: 30px;
    display: inline-block;
    text-align: center;
}

.display-text {
    display: block;
}

.path-img {
}

.d-flex { display: flex;}