﻿/*
    Copyright (c) 2001 Envision Technology Partners, Inc. All rights reserved.
*/
.form-table tr td, .form-table-label tr td, .form-table-label-small tr td, .form-table-label-medium tr td, .form-table-label-medium-small tr td {
    padding: 2px 0;
}
.form-table-label tr td:first-child {
    width: 150px;
}
.form-table-label-medium tr td:first-child {
    width: 133px;
}
.form-table-label-small tr td:first-child {
    width: 50px;
}
.form-table-label-medium-small tr td:first-child {
    width: 100px;
}
.bottom-space{
    margin-bottom:10px;
}
.label-required{
    font-weight:bold;
}

.btnAccordian{   
    float: right;
    padding:2px 12px !important;
    border-radius:3px;
    border-color:lightgray;
    color: #000;
}

.hyperlink{
    color: #0285d8;
display: inline;
font-size: 10pt;
font-weight: bold;
}


.up{
    color:#838383;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    margin-top:5px;
    font-size:15px;
    cursor:pointer;
}
.down{
    color:#b9b9b9;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    margin-top:5px;
    font-size:15px;
    cursor:pointer;
}
h4.panel-title a{
    color:#838383;
    font-size:25px;
}
.accordion-open{
    background-color:#808080 !important;
}
.accordion-collapsed{
    background-color:#F6F6F6 !important;
}
.accordian-link-open, .accordion-open h5, .accordion-link-disabled{
    color:white !important;
}
.accordian-link-collapsed, .accordion-collapsed h5{
    color:#838383 !important;
}
.disabled-panel h4.panel-title a, .disabled-panel span, .disabled-panel h5{
    color:#B1B1B1 !important;
}

.accordion-link-disabled{
    text-decoration: none;
    cursor:default;
}
.accordion-link-disabled:hover{
    text-decoration:none;
}

.expandcollapse{
    padding-left:25px !important;
}
.button-icon{
    position: absolute;
    top: 8px;
    margin-left: 7px;
}

.alt-row{
    background-color: #f6f6f6;
}

.TextLeftAlign {
    text-align: left !important;
}
.TextRightAlign {
    text-align: right !important;
}
.TextCenterAlign {
    text-align: center !important;
}
.TextInheritAlign {
    text-align: inherit !important;
}
.TextJustifyAlign {
    text-align: justify !important;
}

.validInput, .valid-input {
    color: green;
    font-weight:bold;
}
.invalidInput, .invalid-input {
    color: red;
    font-weight:bold;
}
.simpleHyperlink{
    color:#3c3cf5; 
    text-decoration:underline;
}
.setReadonly{
    background-color:#EEEEEE !important;
    color: black !important;
}


/********Tipr Stuff*************/

.tipr_content
{
     font: 13px/1.7 Arial, sans-serif;
     color: #333; 
     background-color: #fff;
     color: #333;
     padding: 9px 17px;
}
.tipr_container_bottom
{
     display: none;
     position: absolute;
     margin-top: 13px;
     z-index: 1000;
     border-color: #222;
}
.tipr_container_top
{
     display: none;
     position: absolute;
     margin-top: -75px;
     z-index: 1000;
}
.tipr_point_top, .tipr_point_bottom 
{
     position: relative;
	background: #fff;
	border: 1px solid #999;
}
.tipr_point_top:after, .tipr_point_top:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	top: 100%;
	content: "";
	height: 0;
	width: 0;
}
.tipr_point_top:after
{
	border-top-color: #fff;
	border-width: 8px;
	left: 25%;
	margin-left: -8px;
}
.tipr_point_top:before 
{
	border-top-color: #999;
	border-width: 9px;
	left: 25%;
	margin-left: -9px;
}
.tipr_point_bottom:after, .tipr_point_bottom:before
{
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	bottom: 100%;
	content: "";
	height: 0;
	width: 0;
}
.tipr_point_bottom:after
{
	border-bottom-color: #fff;
	border-width: 8px;
	left: 25%;
	margin-left: -8px;
}
.tipr_point_bottom:before 
{
	border-bottom-color: #999;
	border-width: 9px;
	left: 25%;
	margin-left: -9px;
}

/**********COMPARE CSS*/
.sect
        {
            background: #fbfaff;
            padding: 0px;
            border: 1px solid #4d4979;
            border-top: 3px solid #4d4979;
            vertical-align: top;
        }
        .sect2
        {
            background: #FAFFFA;
            padding: 0px;
            border: 1px solid #4A7949;
            border-top: 3px solid #4A7949;
            vertical-align: top;
        }
        .label
        {
            padding: 2px 6px 2px 6px;
            border-bottom: 1px solid #d0d2e4;
            font-weight: bold;
            vertical-align: top;
        }
        .value
        {
            padding: 2px 6px 2px 6px;
            border-bottom: 1px solid #d0d2e4;
            border-left: 1px solid #d0d2e4;
            vertical-align: top;
        }
        .info
        {
            padding: 2px 6px 2px 6px;
            vertical-align: middle;
            text-align: center;
        }

input[readonly=readonly], input[readonly=true]{
    background-color:#EEEEEE;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
    cursor:not-allowed;
    margin-top: 1px;
}
input[type=button][disabled=disabled],input[type=submit][disabled=disabled]{
    color:darkgray;
    border:darkgray;
    cursor:not-allowed;
}
select[readonly],select[disabled]{
    cursor:not-allowed;
}
.imageWorking  {
    background:url('images/working/loading_animation.gif') no-repeat top left;  
    display: inline-block;
    height: 37px;
    width: 37px;
    zoom: 1;
    *display:inline;
}

/********PANEL*******/
.PanelCellMainMaximum, .PanelCellMainLarge, .PanelCellMainMinimum {
  padding: 6px;
  width:100%;
}
.PanelCellMainMaximum, .PanelCellMainLarge {
    padding: 10px
}

.PanelTitleHeader {
    padding: 20px 0 6px 0;
  font-weight: bold;
  color: #404040;
  white-space: nowrap;
    font-size: 14pt;
}


.PanelTitleInformation {
  padding: 2px 10px 0 0;
  font-weight: bold;
  color: #404040;
  white-space: nowrap;
}

.PanelBodyHeader {
  padding: 8px;
  border: 1px solid #cccccc;
  border-top: 3px solid #cccccc;
}


.PanelBodyInformation{
padding: 8px;
  border: 1px solid #cccccc;
  border-top: 3px solid #cccccc;
}
/******Questionable********/
#up1{
    background-color: white;
    margin: 15px;
}

/**********BUTTONS**********/

.btnNav {
  background-color: #fff;
  border: #ccc 1px solid;
}
 .floating-button{
            margin-top:7px;
}

/******** GLOBAL ********/
body{font-family: Arial;font-size:9pt;color:#000000;margin-left:15px; margin-top:0;}
.TableForm TR TD{white-space:nowrap;}
optgroup{background-color:Silver;}

input[type="radio"]{position:relative; top:2px; margin-left:5px !important;margin-right: 5px !important;}
input[maxlength="1"]{text-align:center;}
a, button-as-link{font-family: Arial;text-decoration:none;}
a:hover, button-as-link:hover {text-decoration: underline;}
label { font-family: Arial; font-size:9pt; }
pre{font-family: Arial;font-size:9pt;color:#000000;margin:0;}
/******** BREADCRUMBS ********/
.BreadCrumbsCase{font-size:14px;font-weight:normal;}
.BreadCrumbsCase A {font-size:14px;color:blue;}


/******** GRIDVIEW ********/
.GridViewMain {
  background-color:White;
  border-color:transparent !important;
  border-width:0px;
  border-style:Solid;
  border-collapse:collapse;
  width:100%;
}

.GridViewMain TR TD{vertical-align:top; border-color:transparent;}
    .GridViewMain TR TH {
        border-color: transparent;
        border-bottom: 2px solid #B9B9B9;
        -webkit-box-shadow: 0 2px 0 0 #DDD;
        box-shadow: 0 2px 0 0 #DDD;
        text-align:left;
        padding-right: 2px !important;
    }
   
.GridViewGroup { background: #808080;color: #ffffff !important;font-weight: bold;}
.GridViewMain tbody tr td input[type=button], .GridViewMain tbody tr td a.btn{
        padding:1px 6px;
}
/******** MORE PANELS ********/
.PanelMaximum{margin:0 0 10px 0;width:100%;}
.PanelExtraLarge{margin:0 0 10px 0;width:825px;} 
.PanelLarge{margin:0 0 10px 0;width:675px;} 
.PanelMedium{margin:0 0 10px 0;width:350px;}
.PanelTitleMessage{padding:0 0 0 10px;width:100%;font-weight:bold;}
.PanelBodyMessages{padding: 8px;display:block;padding:10px 0 0 0;color:green;text-align:center;}
/******** PANELS ********/
.PanelCellHeaderMaximum, .PanelCellInformationMaximum{padding:6px;width:100%;}
.PanelCellHeaderLarge, .PanelCellInformationLarge{padding:6px;width:675px;}
.PanelCellHeaderMedium, .PanelCellInformationMedium, .PanelCellMainMedium{padding:6px;width:350px;}
.PanelCellHeaderMaximum, .PanelCellHeaderLarge, .PanelCellHeaderMedium{background:#eeeeee;border:1px solid #626262;}
.PanelCellMainMedium{background:#f0eef7;border:1px solid #d0d2e4;}
.PanelCellInformationMaximum, .PanelCellInformationLarge, .PanelCellInformationMedium{background:#fcfdfc;border:1px solid #8eaf91;}


.task-list-text, .task-list-text-complete{
    font-size:14px;    
    font-style:normal;
    font-weight:400;
}
.task-list-text-complete {
color:#ccc;
}
.task-list-text{
    color:#404040;
}

.dynamic-grid{
    border-spacing: 2px !important;
    border-collapse: collapse !important;
    background-color:white !important;
    border-width:0 !important;

}
.dynamic-grid tr td, .dynamic-grid tr th{
    padding:3px !important;
}
.title-wrap{
    width:100%;
    background:#fff;
    border-bottom:1px solid #f6f6f6;
    z-index:100;
    top: 45px;
    padding-top:8px;
    height:55px;
}
.typeahead{
    width:100% !important;
    max-width:400px !important;
}
.dropdown-menu li a{
    cursor : pointer;
}

.flip{
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.open-up{
    top:auto;
    bottom:100%;
}
.fund-split-div{
    width:80%;
    border:none;
    text-align:left;
    margin: 0 0 5px 25px;
    background-color:whitesmoke;
}


/******** STD ********/
.mselect {
  display: inline-block;
  padding: 0;
  margin-bottom: 9px;
  font-size: 14px;
  color: #555;
  height: auto;
  width: 156px;
  background-color: white;
  border: 1px solid #BBB;
  max-height: 80px;
  overflow-y: scroll; }

.mselect-opt {
  display: block;
  cursor: pointer;
  padding: 0 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mselect-opt.selected {
  color: white;
  background: dodgerblue; }

.mselect-opt i {
  display: none;
  margin-top: 2px; }

.mselect-opt.selected i {
  display: block; }

.radio-buttons-in-cell{
    border-spacing:0;
    position:absolute;
    bottom:-4px;
}


.no-inventory{
    color:red;
    font-family:'Courier New';
}
.small-width{
    width:50px;
}
.medium-width{
    width:75px;
}
.detail-icon{
    cursor:pointer;
    color:#6495ed;
    font-size:15px;
}
.detail-icon-dark{
    color:cornflowerblue;
    font-weight:bold;
}
.detail-icon:hover{
    color:black;
}
.space-text{
    margin-left:5px;
}
input[disabled=disabled], select[readonly]{
    color:black;
    background-color: #DFDFDF !important;
}
.textbox-glyphicon-search {
    color: gray;
}

.spinner-overlay {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.spinner-overlay:hover {
    cursor: default;
}

.error-text {
    color: rgb(255, 0, 48);
    font-size: 9px;
    font-weight: bold;
    position: absolute;
}

.error-notify{
    color: rgb(226, 76, 76);
    font-size: 12px;
}

.lookup {
    cursor: pointer;
    font-size: 13px;
    padding-left: 2px;
}


.container {
    width: 100%!important;
}

.title-wrap h1 {
    margin-top: 4px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #404040;
}
.btn-margin {
    margin-left: 5px;
}
.header-bar-primary-button {
    font-weight: inherit !important;
    width: inherit !important;
}
.header-container-row {
    width: 900px;
}
.remove-padding {
    padding: 0;
}
.btn-space {
    margin-left: 4px;
}


.scrollable {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
    max-height: 140px;
    display: block;
}
.hl7-message-container {
    position: relative;
    width: auto;
    display: block;
}
.hl7-message-container-max-width {
    max-width: 1200px;
}
.hl7-message-title {
     color: #484848;
    font-weight: bold;
    display: block;
    margin: 4px 0;
}

.hl7-message-text {
    color: gray;
    font-weight: normal;
    font-family: Courier New;
}
.hl7-message-segment {
    color: #0285d8;
}
.hl7-message-cell {
    padding-top: 10px;
    font-weight: bold;
}
.modal-header-dark {
    background-color: #676767;;    
}
.hl7-modal-title {
    color: gray;
}
.env-chevron {
    color: white;
    font-size: 14px;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.hl7-modal-title-text {
    color: #cdcdcd;
}
.hl7-modal-button-container {
    right: 50px;
    top: 10px;
}
.hl7-modal-count-of {
    position: absolute;
    right: 185px;
    top: 6px;
    width: 75px;
    font-size: 16px;
     color: #cdcdcd;
    white-space: nowrap;
}
.hl7-modal-body-title {
    font-weight: bold;
    color: #676767;
    font-size: 14px;
}
.hl7-modal-body-text {
    font-size: 16px;
    color: gray;
    white-space: nowrap;
    margin-top: 11px;
}
.hl7-modal-body-text span {
    color: black;
}
.hl7-modal-body-text span div {
    display: inline;
    padding: 3px 7px;
}
.bold {
    font-weight: bold !important;
}
.hl7-modal-close {
    font-size: 20px;
    color: #999999;
}
.hl7-modal-close:hover {
    color: #ffffff;
}
.modal-header-dark a:hover {
    text-decoration: none !important;
}
.hl7-maintabs-modal li, .hl7-maintabs-modal li a, .hl7-modal-body-text a{
    cursor: pointer;
    color: #428bca;
}
.hl7-maintabs-modal {
    margin-top: 18px;
}
#hl7ColumnWidthDiv {
    left: 525px;
    top: 8px;
    width: 250px;
}

.hl7-modal-body-text a {
    font-size: 16px;
}


/*Allows a tooltip from a DateTextBox control on a modal to be displayed on top of the modal rather than behind*/
.tooltip {
    z-index: 2100;
}
.env-error-image {
    margin-left: 110px;
    padding: 20px;
}

.required-field {
    font-weight: bold;
    white-space: nowrap;
}

.required-field:after {
    content: " *";
    font-weight: bold;
    color: red;
}

.required-field-no-asterisk {
    font-weight: bold;
}
.alert-webforms {
    display: block !important;
    border-radius: 0 !important;
}


/***********NOTIFICATIONS*******/

.notification-label-webforms {
    border-bottom-width: 0;
    top: 14px !important;
}

.dropdown-new a {
  padding: 10px 20px!important;
  margin: 0;
  border-bottom: 1px solid #eee;
}

 .dropdown-new a.dropdown-hdr {
     background-color: #eee;
     border-radius: 4px 4px 0 0;
     border-bottom: 1px solid #d5d5d5;
}

.bg-danger {
  background-color: #f2dede;
}

.bg-warning {
  background-color: #fcf8e3;
}
.text-muted-new-bs {
    color: #777;
}
.small-new-bs {
    font-size: 91%;
}
.dropdown-new {
  padding: 0;
}

/**************HEADER****************/
#HeaderAffixContainer {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 999;
}
#TitleBarAffixContainer {
    width: 100%;
    position: fixed;
    background-color: white;
    z-index: 998;
}
.Login-UI-Welcome-Text{
    font-size:40px;
}




tr input, tr span, tr select, tr textarea {
    margin: 0 2px;
}
hr {
    margin: 6px 0 !important;
}

.GridViewMain TR TD {
    padding: 2px;
}

.title-bar-static {
    padding: 10px 0;
}
.btn-full {
    width: 100%;
}

.modal-backdrop {
    height: 100%;
    z-index: 1000;
    position: fixed;
}

@media print {
    input[type="button"] { display: none; }
}

textarea{ overflow: hidden;}

.wf-row {
    margin-right: -15px;
}

.patient-grid-row, .patient-grid-header {
        padding: 0 10px;
    }

.patient-grid-name {
    min-width: 50px;
    max-width: 400px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.GridViewMain td, .GridViewMain th {
    color: black;
    border: 0px solid black;
}

.envpanel, .env-panel {
    border: 0 solid transparent;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.05);
    -ms-box-shadow: 0 0 1px rgba(0,0,0,.05);
    box-shadow: 0 0 1px rgba(0,0,0,.05);
}
.font-courier-new {
    font-family: 'Courier New'
}

#DateContainer select {
    vertical-align: top;
}

.pagerStyle {
    padding-left: 0;
    margin: 20px 0;
}
 
.pagerStyle table > tbody > tr > td {
    display: inline;
}
 
.pagerStyle table > tbody > tr > td > a,
.pagerStyle table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #aea79f;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
    margin-right: 0;
}
 
.pagerStyle table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagerStyle table > tbody > tr > td > a:hover,
.pagerStyle table > tbody > tr > td > span:hover,
.pagerStyle table > tbody > tr > td > a:focus,
.pagerStyle table > tbody > tr > td > span:focus {
    color: #aea79f;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.sticky-panel-glow {
    box-shadow: 0 5px 15px rgba(176, 176, 176, 1);
    -webkit-box-shadow: 0 5px 15px rgba(176, 176, 176, 1);
    -moz-box-shadow: 0 5px 15px rgba(176, 176, 176, 1);
    width: 100%;
    z-index: 100;
    font-size: 18px;
}

.control-legend {
    font-size: 9pt !important;
    border: none !important;
    margin: 5px 0 -5px 0;
}

#HeaderBB_HeaderBarPrimaryButtonContainer > button.btn-primary[disabled] {
    opacity: 1; /*This will make the primary button that is disabled look like it is not, but clicking it still does nothing*/
}

#HeaderBB_HeaderBarMainTitleContainer {
    white-space: nowrap
}

#HeaderBarMainButtonContainer {
    white-space: nowrap
}

.page-title {
    min-width: 50px;
    max-width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

tr[data-use-hover="true"]:hover {
    background-color: #CCCCCC !important;
    color: #404040 !important;
    cursor: pointer;
}
