@import url("../../fonts/fonts.css");
/*includes for jsgrid*/
@import url('../jsgrid.min.css');
@import url('../jsgrid-theme.min.css');

@import url("../../Select2/css/select2.min.css");

/* Our colors */
/*
very light blue: rgb( 237, 244, 250 )
light blue: rgb( 191, 218, 238 )
medium blue: rgb( 106, 171, 221 )
dark blue (text): rgb( 2, 68, 117 )
dark red: rgb( 153, 0, 0 )
*/

/******************************************************/
/*  Layout                                            */
/******************************************************/

body {
    font-weight: normal;
    font-size: 11pt;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    color: #000000;
    background-color: white;
    margin: 0px;
    padding:0;
    /*RDCAppStyle has text-align:center*/
}
.HyperLinkBlue{		
	color:blue;
	text-decoration:underline	
}

.HyperLinkBlue:hover{
	color:#F87C1D;
}

select[fieldname^="SelectAllApplyForFieldID_"], .YesNoSize {
    width: 70px;
}
.page_wrapper {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 3px rgb(58,76,119);
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 1442px;
    width: 95%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    margin-bottom: 1em;
}
.page_wrapper.MainMenuPage {
    background-color: #c7d6e9;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 3px rgb(58,76,119);
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 1442px;
    width: 95%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em;
    margin-bottom: 1em;
}
.page_wrapper.PrintCenter {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 3px rgb(58,76,119);
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
    overflow: hidden;
    margin-top: 3em;
    margin-bottom: 1em;
}

table.page_break
{
	page-break-before: always;
	break-before: always;
}

p{
    margin:0;
}

#mainContent {
    margin-left: auto;
    margin-right: auto;
    background-color: #c7d6e9;
    width: 90%;
    min-width: 772px;
    overflow: hidden;
    padding-bottom: 5%;
}

    #mainContent.FlowSheetChanges {
        box-shadow: 0px 0px 10px 3px rgb(58,76,119);
        border-radius:15px;
    }

table {
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 11pt;
    color: #000000;
}

input {
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #000000;
}

textarea {
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000000;
}

select {
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000000;
}

input, select, textarea {
    border-radius: 1px;
    margin-top: 1px;
    padding-left: 7px;
}

input[type="checkbox"], input[type="radio"]{
    width:15px;
    height:15px;
}

td + input[type=radio]{
    
   /* This needs to be tested to make sure the radio buttons with the choose date type and other sections aren't messed up.
       \margin-right:-5%;*/
    text-align:right;
}

label + textarea{
	vertical-align:top;
}

.clear {
    clear: both;
}

.hidden {
    display: none!important;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    margin-left: 5%;
    text-align: left;
}

.floatCenterParent {
    text-align: center;
	
}

.floatCenter {
    margin-left: auto;
    margin-right: auto;
}
.OuterWrapper{
	padding-left:50px;
	padding-right:50px;
}
.ArrowSize{
	width:30px;
	height:auto;
}
.NoStretchPage {
    width: 200px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    /*
	2016-03-18 Ryan:
	this was causing the arrow on dropdown fields to disappear, and it looked weird and confusing
	it's supposed to overwrite native formatting but idk
	-webkit-appearance: none;
	*/
}

/* A custom horizontal rule. Very dropshadow. Wow. */
.customHr1, .customHr2 {
    width: 95%;
    height: 4px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    border-color:white;
    box-shadow: rgba(91,111,139, .65) 1px 2px;
}

.customHr2 {
    box-shadow: inset 0px 12px 12px -14px rgb( 0, 0, 0 );
    width: 100%;
}
.customHr5{
    width:100%;
    height:4px;
   
}

	.PCPChart {
		max-width: 1300px;
	}
/*****************************************************************************************/
/*  Links                                                                                */
/*****************************************************************************************/

a:link {
    font-weight: bold;
    color: #000000;
}

a:visited {
    color: black;
}

.link {
    cursor: pointer;
}

/***********************************************************************************************************************/
/*  Whether we wanted it or not, we've stepped into a war with the Cabal on Mars.
	So let's get to taking out their command, one by one.
	VALUS TA'AURC. From what I can gather he commands the Siege Dancers from an Imperial Land Tank outside of Rubicon.
	He's well protected, but with the right team, we can punch through those defences,
	take this beast out, and break their grip of Freehold. Stated by Ascension Media, LLC, probably.*/
/***********************************************************************************************************************/



/*****************************************************************************************/
/*  Text                                                                                 */
/*****************************************************************************************/

.formtitle {
    text-align: center;
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: black;
    padding-bottom: 5px;
}

.headline {
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: black;
    font-weight:bold;
    background-color: #c7d6e9;
    padding-top: 7px;
    padding-bottom: 7px;
    text-transform: uppercase;
    padding-left:10px;
}

#FormPatientSearch > .headline{
    border-top: none;
}

.headlineNonItalic {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #033E68;
}

.confimHeadline {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 15pt;
    color: #033E68;
}

.subheadline {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: black;
}

.redOnYellow {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #901712;
    background-color: #FFFFDC;
}

.whiteOnBlue {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: white;
    background-color: rgb(99,127,175);
    padding-left: 10px;
    padding-right:12px;
}

.rowtitle {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 11pt;
    color: #000000;
}
    .rowtitle > td {
        padding: 2px;
        padding-left: 7px;
    }

.rowdata {
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 11pt;
    color: #000000;
	padding-bottom: 3px;
}


    .borderlessChildren > td {
    border: none;
}

.SearchNotesTable  td{
    border:none;
}

.padTBV1 > td {
    border: 0;
}
.toptitles {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #000000;
}

.carryOverTitle { /* temp to be modified */
    background-color: rgb(69,127,175);
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: white;
	
	padding-left:15px;
}

.carryOverText {
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #444444;
    /*RDCAppStyle color: #666666*/
}

.birthdateFormat{
    padding-top: 8px;

}
/*****************************************************************************************/
/*  Images                                                                               */
/*****************************************************************************************/
.separatorWithDiamonds {
    background-image: url('../Images/linedivide_repeat_whitebg.png');
    height: 14px;
    width: 100%;
    overflow: hidden;
}

.separatorWithDiamonds_transparent {
    background-image: url('../Images/linedivide_repeat_transparentbg.png');
    height: 14px;
    width: 100%;
    overflow: hidden;
}

.logo{
    width:100%;
    height:100%;
}

/*This is used in upload.aspx.cs to limit the image display size.*/
.smallimg {
    max-width: 400px;
}

/*****************************************************************************************/
/*  Title Bar                                                                            */
/*****************************************************************************************/

.nsBanner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

.pagetitle {
    height: 34px;
    text-align: center;
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 14pt;
    color: white;
}

.formtitle p {
    vertical-align: middle;
}

.headerLeftIcon {
    float: left;
    width: 60px;
    height: 60px;
}

.headerCenterSection {
    float: left;
    width: 100%;
    height: 60px;
    position: relative;
}

.headerRightIcon {
    float: left;
    width: 60px;
    height: 60px;
}

.headerTopBar {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
}

.headerBottomBar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 13px;
}

.BarBotDarkBlue {
    border-bottom: 4px solid rgb(26,67,159);
    padding-top:10px;
}
.BarLeftDarkBlue {
    border-left: 4px solid rgb(26,67,159);
}

.BarTopDarkBlue {
    border-top: 4px solid rgb(26,67,159);
}
/*****************************************************************************************/
/*  Printing                                                                             */
/*****************************************************************************************/

@media print {
    .noPrint {
        display: none;
    }

    .pageHeaderGraphic {
        display: none !important;
    }

    .printerOnly {
        display: inherit;
    }

    /*   I don't see a need for this but it comes from RDCAppStyle in the root folder
    BODY {
        font-weight: normal;
        font-size: 10pt;
        font-family: "geometria","notoreg", "Times New Roman", Times, serif;
        color: #000000;
        margin: 0px;
        padding: 0px;
        border: 0px;
        width: 100%;
    }
        */

    .printerOnlyNoBreak {
        display: inline;
    }

    #floating_spacer, .HideBelowFloatingNavBar, .clear {
        display: none;
    }
	
	.OuterWrapper{
		padding-left:0px;
		padding-right:0px;
	}

    #containerDiv {
        width: 100%!important;
        border: 0px!important;
    }
}
	
.printerOnly {
    page-break-before: always;
}

@media screen {
    .printerOnly {
        display: none;
    }
} 



/*****************************************************************************************/
/*  Main Menu                                                                            */
/*****************************************************************************************/

.menu_wrapper {
    text-align: left;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    padding-left: 2%;
}

.menu {
    width: 180px;
    margin: 10px 10px 10px 10px;
    float: left;
    border: 2px solid rgb(20,44,98);
    border-radius: 5px;


}

.menu_head {
    padding: .5em .25em .5em .25em;
    font-size: 16px;
    font-weight: bold;
    font-family: fira_sansregular, arial, verdana, sans-serif;
    color: white;
    background-color: #2b4b91;
    text-align: center;
    border-bottom: 3px solid white;
}

.menu_body ol {
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

.menu_body li {
    margin-left: 0px;
    list-style-type: none;
    border-bottom: 2px solid;
    border-color: rgb(30,59,118 );
}

.menu_body a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px 5px 1em;
    font-family: fira_sansregular, arial, verdana, times, serif;
    color: white;
    background-color: rgb( 74, 114, 185 );	
}

.menu_body a:hover {
    color: rgb( 7, 81, 154 );
    font-weight: bold;
    background-color: rgb( 235, 243, 251);
}

.quicknav_popup ol {
	list-style-position: outside;
	margin: 0;
	padding: 0;
	display: table-cell;
	vertical-align: top;
	border-right: 2px solid #1e3b76;
}
.quicknav_popup li {
	margin-left: 0px;
	list-style-type: none;
	border-bottom: 2px solid #1e3b76;
	width: 176px;
    cursor: pointer;
}
.quicknav_popup a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 1em;
	font-family: fira_sansregular, arial, verdana, times, serif;
	color: rgb( 7, 81, 154 );
	background-color: rgb( 235, 243, 251);
}
.quicknav_popup a:hover {
	font-weight: bold;
	color: white;
	background-color: rgb( 74, 114, 185 );	
}

.flow_arrow {
    font-size: 2em;
    padding-top: 15px;
    float: left;
    color: #901712;
}

/* A template for creating forms. Meant to replace table tags so that you can have your labels and inputs line up apporpriately. */
.formLayout {
    background-color: rgb( 237, 244, 250 );
    border: solid 1px rgb( 106, 171, 221 );
    border-radius: 3px;
    padding: 10px;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

    .formLayout label, .formLayout input[type=text], .formLayout input[type=password], .formLayout select {
        display: block;
        width: 70%; /* right half = 90% - left half (account for paddings) */
        float: left;
        margin-bottom: 10px;

    }

    .formLayout input[type=text], .formLayout input[type=password], .formLayout select {
        padding: 5px;
        border-radius: 4px;
    }

        .formLayout input[type=text]:focus, .formLayout input[type=password]:focus, .formLayout select:focus {
            -moz-box-shadow: 0 0 8px rgb( 106, 171, 221 );
            -webkit-box-shadow: 0 0 8px rgb( 106, 171, 221 );
            box-shadow: 0 0 8px rgb( 106, 171, 221 );
            border-color: rgb( 191, 218, 238 );
        }

    .formLayout input[type=text], input[type=password]{
        box-shadow: rgb(231,231,231) 1px 1px inset;
    }

    .formLayout label {
        text-align: right;
        padding-right: 20px;
        padding-top: 5px;
        width: 20%; /* left half = 90% - right half (account for paddings) */
        color: rgb( 153, 0, 0 );
        font-weight: bold;
    }

    .formLayout br {
        clear: left;
    }

.formLayoutOverlay {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
    display: none;
    background-color: rgb( 237, 244, 250 );
    border-radius: 3px;
    box-shadow: 0px 0px 10px 3px rgb(58,76,119);
    padding: 10px;
    width: 300px;
    min-height: 150px;
    text-align: center;
}

    .formLayoutOverlay p {
        color: black;
        font-weight: bold;
        font-size: 150%;
    }

    .formLayoutOverlay label, .formLayoutOverlay input, .formLayoutOverlay select {
        display: block;
        width: 135px;
        float: left;
        margin-bottom: 10px;
    }

    .formLayoutOverlay input, .formLayoutOverlay select {
        padding: 5px;
        border-radius: 4px;
    }

        .formLayoutOverlay input:focus {
            -moz-box-shadow: 0 0 8px rgb( 106, 171, 221 );
            -webkit-box-shadow: 0 0 8px rgb( 106, 171, 221 );
            box-shadow: 0 0 8px rgb( 106, 171, 221 );
            border-color: rgb( 191, 218, 238 );
        }

    .formLayoutOverlay label {
        display: block;
        width: 115px;
        float: left;
        margin-bottom: 10px;
        text-align: right;
        padding-right: 20px;
        padding-top: 5px;
        color: black;
        font-weight: bold;
    }

    .formLayoutOverlay br {
        clear: left;
    }


/* Horizontal rules */
.customHrDotted {
    width: 100%;
    height: 12px;
    margin-top: 5px;
    margin-bottom: 1px;
    border-top: 2px dotted rgb( 106, 171, 221 );
    font-size: 0;
}

.customHrDashed {
    width: 100%;
    height: 12px;
    margin-top: 5px;
    margin-bottom: 1px;
    border-top: 2px dashed rgb( 106, 171, 221 );
    font-size: 0;
}

.customHrGroove {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 3px;
    height: 0px;
    font-size: 0;
}

.customHrRidge {
    width: 100%;
    height: 12px;
    margin-top: 5px;
    margin-bottom: 3px;
    border-top: 3px ridge rgb( 106, 171, 221 );
    font-size: 0;
}

.customHrInset {
    width: 100%;
    height: 12px;
    margin-top: 5px;
    margin-bottom: 1px;
    border-top: 3px inset rgb( 106, 171, 221 );
    font-size: 0;
}

.customHrOutset {
    width: 100%;
    height: 12px;
    margin-top: 5px;
    margin-bottom: 1px;
    font-size: 0;
}

.horizontalSeparator {
    width: 100%;
    height: 6px;
    margin-top: 10px;
    margin-bottom: 2px;
	margin-left: 10px;
    border-top: 1px solid rgb( 205, 205, 205 );
    font-size: 0;
}


/* Page header/title */
.pageHeader {
    display: table;
    margin: 0px;
    width: 100%;
    height: 20px;
}

.pageHeaderGraphic {
    display: table-cell;
    width: 60px;
    overflow: hidden;
}

.pageHeaderGraphicLeft {
    border-top-left-radius: 10px;
}

.pageHeaderGraphicRight {
    border-top-right-radius: 10px;
}

.pageHeaderCenter {
    display: table-cell;
    width: auto;
    background-color: #2b4b91;
}

    .pageHeaderCenter > p {
        font-weight: bold;
        font-family: "geometria","notoreg", "Times New Roman", Times, serif;
        font-size: 32px;
        padding: 6px;
        margin: 0px;
        color: white;
        text-align: center;
        border-bottom: 5px solid #F87C1D;
        text-transform: uppercase;
        padding-bottom: 10px;
    }

.pageHeaderGraphic > img {
    vertical-align: middle; /* need to valign it, or it starts messing up the heights of the "table" */
}


/* Start fancy CSS checkboxes */
.FancyCheckbox {
    display: none;
}

    .FancyCheckbox + label {
        background-color: #fafafa;
        border: 1px solid #cacece;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
        padding: 9px;
        border-radius: 3px;
        display: inline-block;
        position: relative;
    }

        .FancyCheckbox + label:active, .FancyCheckbox:checked + label:active {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

    .FancyCheckbox:checked + label {
        background-color: #e9ecee;
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .FancyCheckbox:checked + label:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: rgb( 106, 171, 221 );
        }

    .FancyCheckbox:checked:disabled + label:after {
        color: rgba( 106, 171, 221, 0.4 ); /* disabled checks set to 40% opacity */
    }
/* End fancy CSS checkboxes */

/* Instructions and MemoFields collapsible sections */
.CollapsibleBlock {
    background-color: rgb( 237, 244, 250 );
    border: solid 1px rgb( 106, 171, 221 );
    border-radius: 3px;
    padding: 1em;
    max-width: 100%;
    margin-top: 3px;
}

.CollapsibleBlockHeader {
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    color: rgb( 153, 0, 0 );
}

.CollapsibleBlockContent {
    display: none;
    font-size: 14px;
    font-family: Georgia;
}

#ClientSelectInputBox {
    border-radius: 5px;
    background-color: rgb(230,230,230);
    width: 300px
}

.ClientSelectInputBox {
    border-radius: 5px;
    background-color: #FFFFDC;
}

.ui-autocomplete {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 5px;
}



/*Removing white space in custom horizontal rules, may want to make new ones if no white space is desired*/
.MarginTop {
    margin-top: 0px;
}

.MarginBottom {
    margin-bottom: 0px;
}

.Justify {
    text-align: justify;
    text-justify: inter-word;
}
.DynNoteFields .Justify{
	padding-right:1%;
}

table.headerTable td[colspan="10"] { /*quick simple way of adding padding to certain pages without handling each case but may cause issues.*/
    padding-right: 10px;
}

/*####### Expandable element section #######*/
.gradientExpandingMemo {
    background: rgba( 106, 171, 221, 0.5 ); /* For browsers that do not support gradients */
    /*
    background: -webkit-linear-gradient(top, rgba( 106, 171, 221, 0.5 ), #ffffff); /* For Safari 5.1 to 6.0 
    background: -o-linear-gradient(bottom, rgba( 106, 171, 221, 0.5 ), #ffffff); /* For Opera 11.1 to 12.0 
    background: -moz-linear-gradient(bottom, rgba( 106, 171, 221, 0.5 ), #ffffff); /* For Firefox 3.6 to 15 
    background: linear-gradient(to bottom, rgba( 106, 171, 221, 0.5 ), #ffffff); /* Standard syntax (must be last) 
    box-shadow: inset 0px -10px 10px -4px white !important;
    */
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid black;
    margin-left: auto;
    margin-right: auto;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid black;
    margin-left: auto;
    margin-right: auto;
}

.clickToExpand {
    width: 100%;
    height: 20px;
    border-radius: 0px 0px 15px 15px;
    padding-top: 2px;
    cursor: pointer;
}

.expandingMemo textarea {
    width: 100%;
    height: 90px; /*~18px per 10pt font Geo, x5 lines*/
    resize: none;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*######### End of expandable element secion########*/


@media screen { /*text field placeholder color*/
    /*date dynfield placeholder*/
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #999999;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        color: #999999;
    }

    :-ms-input-placeholder { /* IE 10+ */
        color: #999999;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: #999999;
    }
}
@media Print{ 
	.pageHeaderCenter > p{
		font-size:24px;
		border-bottom:0px;
	
	}


}


.WrapNoSpace {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
}

#Dsm5CurrentDiagnoses table { /*fixes white space between columns in dsm5 table*/
    border-collapse: collapse;
}

/*Responsive table*/
.ResponsiveTable th { /*duplicate for setting up header otherwise it breaks*/
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000000;
    text-align: left;
    background-color:  rgb(211, 211, 211);
}

.Padding5 {
    padding-left: 5px;
}

.Padding10 { /*10 pixel padding so that when responsiveness occurs, it gets removed to still line everything up.*/
    padding-left: 10px;
}

.ResponsiveTable td { /*padding for content of table*/
    padding-right: 10px;
}

.ResponsiveTable thead {
    background-color: #FFFFDC;
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #901712;
}

.ResponsiveTable1D th { /*duplicate for setting up header otherwise it breaks*/
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000000;
    text-align: left;
    background-color: #FFFFDC;
}

.ResponsiveTable1D td { /*padding for content of table*/
    padding-right: 10px;
}

.ResponsiveTable1D td.carryOverTitle {
    border: none;
    padding-left: 0px;
}

.ResponsiveTable1D thead {
    background-color: #FFFFDC;
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #901712;
}


.ResponsiveTable2D th { /*duplicate for setting up header otherwise it breaks*/
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000000;
    text-align: left;
    background-color: #FFFFDC;
}

.ResponsiveTable2D td { /*padding for content of table*/
    padding-right: 10px;
}

.ResponsiveTable2D td.carryOverTitle {
    border: none;
    padding-left: 0px;
}

.ResponsiveTable2D thead {
    background-color: #FFFFDC;
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #901712;
}


@media screen and (max-width:1000px) { /*if resolution or browsers width goes below 1000px; restyle table*/
    .ResponsiveTable, .ResponsiveTable tr, .ResponsiveTable td, .ResponsiveTable tbody, .ResponsiveTable th, .ResponsiveTable thead { /*careful with this one might be very DSM5 specific look before for one-dimensional and two-dimensional*/
        Display: block;
    }

        .ResponsiveTable th {
            display: none;
        }

        .ResponsiveTable tr {
            border: 1px solid #ccc;
        }

    .Padding5 {
        padding-left: 0px;
    }

    .Padding10 {
        padding-left: 0px;
    }

    .ResponsiveTable tr td {
        padding-left: 175px;
        position: relative;
        text-align: left;
    }
    
        .ResponsiveTable tr td::before {
            left: 10px;
            content: attr(title) ": ";
            position: absolute;
            white-space: pre;
            font-weight: bold;
        }
}


@media screen and (max-width:3000px) {
    .ResponsiveTable1D, .ResponsiveTable1D tr, .ResponsiveTable1D td, .ResponsiveTable1D tbody, .ResponsiveTable1D th, .ResponsiveTable1D thead {
        Display: block;
    }

        .ResponsiveTable1D th {
            display: none;
        }

        .ResponsiveTable1D thead {
            background-color: #FFFFDC;
            font-weight: bold;
            font-family: "geometria","notoreg", "Times New Roman", Times, serif;
            font-size: 10pt;
            color: #901712;
        }

    .Padding5 {
        padding-left: 0px;
    }

    .ResponsiveTable1D tr td {
        padding-left: 200px;
        position: relative;
        text-align: left;
    }

        .ResponsiveTable1D tr td::before {
            left: 10px;
            content: attr(title);
            position: absolute;
            white-space: pre;
            font-weight: bold;
        }

    .ResponsiveTable2D, .ResponsiveTable2D tr, .ResponsiveTable2D td, .ResponsiveTable2D tbody, .ResponsiveTable2D th, .ResponsiveTable2D thead {
        Display: block;
    }

        .ResponsiveTable2D thead {
            background-color: #FFFFDC;
            font-weight: bold;
            font-family: "geometria","notoreg", "Times New Roman", Times, serif;
            font-size: 10pt;
            color: #901712;
        }

        .ResponsiveTable2D th {
            display: none;
        }

            .ResponsiveTable2D tr td {
                padding-left: 200px;
                position: relative;
                text-align: left;
            }

                .ResponsiveTable2D tr td::before {
                    left: 10px;
                    content: attr(title);
                    position: absolute;
                    white-space: pre;
                    font-weight: bold;
                }

        .ResponsiveTable2D td:first-child {
            padding-left: 0px;
            position: relative;
            text-align: left;
        }
}


@media print { /*its almost a duplicate of the responsive table needed for chrome to read all the pages and IE for page breaks*/

	.page_wrapper {
		margin-top: 0em;
		margin-bottom: 0em;
        border-radius: unset !important;
        box-shadow: none !important;
	}
	
    .PrintWidth {
        width: 670px !important;
    }

    .PrintHeaderPosition {
        padding-top: 15px !important;
    }

    .clientSelect {
        display: none !important;
    }

    /*date dynfield placeholder*/
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: transparent !important;
    }

    ::-moz-placeholder { /* Firefox 19+ */
        color: transparent !important;
    }

    :-ms-input-placeholder { /* IE 10+ */
        color: transparent !important;
    }

    :-moz-placeholder { /* Firefox 18- */
        color: transparent !important;
    }

    .ResponsiveTable1D .carryOverTitle, .ResponsiveTable2D .carryOverTitle {
        page-break-after: avoid;
    }

    .DSM5Header { /*use to force header made out of its own table to act as if it is connected to the next table*/
        page-break-after: avoid;
        page-break-inside: avoid;
    }

    .ResponsiveTable, .ResponsiveTable tr, .ResponsiveTable td, .ResponsiveTable tbody {
        Display: block;
        position: relative;
        font-size: 12pt;
    }

        .ResponsiveTable thead {
            background-color: #FFFFDC;
            font-weight: bold;
            font-family: "geometria","notoreg", "Times New Roman", Times, serif;
            font-size: 10pt;
            color: #901712;
        }

        .ResponsiveTable th {
            display: none;
        }

        .ResponsiveTable tr {
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            page-break-inside: avoid;
        }

    .DiagnosisPadding {
        padding-left: 0px;
    }

    .ResponsiveTable tr td {
        padding-left: 175px;
        position: relative;
        text-align: left;
    }

        .ResponsiveTable tr td::before {
            left: 10px;
            content: attr(title) ": ";
            white-space: pre;
            position: absolute;
        }

    .ResponsiveTable1D, .ResponsiveTable1D tr, .ResponsiveTable1D td, .ResponsiveTable1D tbody {
        Display: block;
        position: relative;
        font-size: 12pt;
    }

        .ResponsiveTable1D thead {
            background-color: #FFFFDC;
            font-weight: bold;
            font-family: "geometria","notoreg", "Times New Roman", Times, serif;
            font-size: 10pt;
            color: #901712;
        }

        .ResponsiveTable1D th {
            display: none;
        }

        .ResponsiveTable1D tr {
            page-break-inside: avoid;
        }

            .ResponsiveTable1D tr td {
                padding-left: 200px;
                position: relative;
                text-align: left;
            }

                .ResponsiveTable1D tr td::before {
                    left: 10px;
                    content: attr(title);
                    white-space: pre;
                    position: absolute;
                }

    .ResponsiveTable2D, .ResponsiveTable2D tr, .ResponsiveTable2D td, .ResponsiveTable2D tbody {
        Display: block;
        position: relative;
        font-size: 10pt;
    }

        .ResponsiveTable2D thead {
            background-color: #FFFFDC;
            font-weight: bold;
            font-family: "geometria","notoreg", "Times New Roman", Times, serif;
            font-size: 10pt;
            color: #901712;
        }

        .ResponsiveTable2D th {
            display: none;
        }

        .ResponsiveTable2D tr {
            page-break-inside: avoid;
        }

            .ResponsiveTable2D tr td {
                padding-left: 200px;
                position: relative;
                text-align: left;
            }

                .ResponsiveTable2D tr td::before {
                    left: 10px;
                    content: attr(title);
                    white-space: pre;
                    position: absolute;
                }

        .ResponsiveTable2D td:first-child {
            padding-left: 0px;
            position: relative;
            text-align: left;
        }
    /* can use this method to display column headers for each row instead of content: attr(title)
        .ResponsiveTable td:nth-of-type(1):before { content: "Diagnosis"; position: absolute; left:10px; } */

        thead {
            display: table-header-group;
        }

        .NonResponsiveTable tr {
            page-break-inside: avoid;
        }
}

/*This class is used to hide fields until we want to show them. Remove the class in Javascript with $().removeClass("InitalHide")*/
.InitalHide {
    visibility: hidden;
}


/*RDCAppStyle*/

tr.Collapsed {
    position: absolute;
    visibility: hidden;
}

tr.Expanded {
    position: relative;
    visibility: visible;
}

pre {
    font-weight: normal;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 10pt;
    color: #000000;
    display: inline; /* This is not supported in Interet Explorer 5.0 */
}

.altRowBackground {
    background-color: #E6E6E6;
}

.grayZebraStripe {
    background-color: #CCCCCC;
}

.lightBlueBackground {
    background-color: #c7d6e9;
}

.bodyText {
    font-weight: normal;
    font-size: 12pt;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    color: #000000;
    padding: 10px;
}

div#tableLockWrapper {
    overflow: scroll;
}

td.locked, th.locked {
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
    position: relative;
    background: white;
}

.dynfieldprompt {
    font-style: normal;
}

.dynfieldpromptprint {
    font-style: normal;
}

.dynfieldname {
    text-align: left;
    font-weight: bold;
    font-family: verdana,arial;
    font-size: 10pt;
}

.dynfieldvalue {
    padding-left: 30px;
    /*padding-bottom: 10px;*/
}

.dynfieldreferencelabel {
    color: black;
}

.dynfieldreferencevalue {
    color: blue;
    font-size:15px;
	font-weight:bold;
}

.dynfieldnameprint {
    text-align: left;
    font-weight: bold;
    font-family: verdana,arial;
}

.dynfieldvalueprint {
    padding-left: 30px;
    text-align: left;
}

.pageBreakAfter {
    page-break-after: always;
}

img[src="images/NoImageYet.jpg"], img[data-document-path][src=""] {
    display: none;
}

/*****************************************************************************************/
/* The following set of classes are used for displaying the diagnosis data on any page.  */
/*****************************************************************************************/
.DiagnosisLeftPaddingColumn {
    width: 10px;
    border-right: 0;
    border-bottom: 0;
}

.DiagnosisAxisTitleColumn {
    vertical-align: top;
    width: 80px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.DiagnosisDataColumn {
    width: 695px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

table.DiagnosisData {
    width: 98%;
    padding-left: 10px;
}

tr.DiagnosisDataHeader {
    background-color: #FFFFDC;
}

td.DiagnosisNumberColumn {
    width: 93px;
}

td.DiagnosisDescriptionColumn {
    width: 238px;
}

td.DiagnosisTypeColumn {
    width: 238px;
}

td.DiagnosisDesignationColumn {
    /* Let the width default to whatever is left since this is the right most column.  */
}

td.DiagnosisAxisIIIColumn {
    width: 336px;
}

td.DiagnosisStatusColumn {
    /* Let the width default to whatever is left since this is the right most column.  */
}

.lock_indicator_container {
    width: 100%;
    height: 100px;
    display: block;
    overflow: hidden;
    text-align: right;
    position: fixed;
    _position: absolute;
    top: 5px;
    left: 0px;
    _left: -8px;
    z-index: 100;
    pointer-events: none;
    z-index: -5000;
    background: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
}

.horizontal_lock_menu {
    width: 100px;
    height: 100px;
    display: block;
    overflow: hidden;
    text-align: right;
    position: fixed;
    _position: absolute;
    top: 5px;
    left: 0px;
    _left: -8px;
    z-index: 100;
    pointer-events: none;
    background: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
}

.case_assignments_container {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    bottom: 10px;
    left: 10px;
    _left: -8px;
    z-index: 99;
}

.horizontal_menu_container {
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: center;
    position: fixed;
    _position: absolute;
    bottom: 0px;
    left: 0px;
    _left: -8px;
    z-index: 100;
}

.horizontal_menu {
    padding-left: 2px;
    padding-right: 2px;
    z-index: 5;
    display: block;
    overflow: hidden;
    width: 768px; /* 6 pixels less than the width of the container to account for borders */
    text-align: center;
    list-style-position: outside;
    background-color: white;
    margin: 0px 2px 0px 3px;
}

    .horizontal_menu li {
        display: inline;
        width: 130px;
        margin: 2px 8px 2px 8px;
        float: left;
        list-style-type: none;
        padding: 0px;
    }

    .horizontal_menu a,
    .horizontal_menu a:visited,
    .horizontal_menu a:active {
        border: 1px solid rgb( 2,68,117);
        display: block;
        background-color: rgb(107,170,222);
        text-decoration: none;
        color: rgb(255, 255, 255 );
        font-weight: bold;
        font-family: verdana;
        font-size: 10px;
        padding: 4px;
        width: 130px;
    }

        .horizontal_menu a:hover {
            border: 1px solid rgb( 2,68,117);
            display: block;
            padding: 4px;
            color: rgb(2,68,117);
            background-color: rgb(235,243,251);
        }

.line_divide {
    background-color: white;
    margin: 0px;
    padding: 0px;
    background: url( Images/linedivide.gif );
    height: 14px;
    width: 776px;
    background-repeat: no-repeat;
}


/*****************************************************************************************/
/*  End of the Diagnosis style set                                                       */
/*****************************************************************************************/


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    margin-left:0;
}

    #tiptip_holder.tip_top {
        padding-bottom: 5px;
    }

    #tiptip_holder.tip_bottom {
        padding-top: 5px;
    }

    #tiptip_holder.tip_right {
        padding-left: 5px;
    }

    #tiptip_holder.tip_left {
        padding-right: 5px;
    }

#tiptip_content {
    font-size: 11px;
    color: #fff;
    text-shadow: 0 0 2px #000;
    padding: 4px 8px;
    border: 1px solid rgba(255,255,255,0.25);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.92);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
    border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: rgb(25,25,25);
    border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: rgb(25,25,25);
    border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: rgb(25,25,25);
    border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: rgb(25,25,25);
    border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        background-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_bottom #tiptip_arrow_inner {
        border-bottom-color: rgba(45,45,45,0.88);
    }

    #tiptip_holder.tip_top #tiptip_arrow_inner {
        border-top-color: rgba(20,20,20,0.92);
    }
}




/*DevExpress Controls*/
.dxeListBox_Aqua .dxeHFC, .dxeListBox_Aqua .dxeHIC, .dxeListBox_Aqua .dxeHC, .dxeListBox_Aqua .dxeHLC, .dxeListBox_Aqua .dxeHD, .dxgvHeader_Aqua td, .dxgvHeader_Aqua, .dxgvPagerBottomPanel_Aqua, .dxgvPagerTopPanel_Aqua {
    background: rgb(237,244,250);
    color: black;
    font-weight: bold;
}

.dxeListBoxItemHover_Aqua, .dxeListBoxItem_Aqua em, .dxgvControl_Aqua .dxgvHL {
    background-color: rgb(255, 255, 220);
}

.dxeButtonEdit_Aqua, .dxeButtonEditButton_Aqua {
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.swal2-radio.nsSwalRadio {
    display: table !important;
    margin: 0px auto !important;
    text-align: left !important;
    padding-top: 10px !important;
}

    div.swal2-radio.nsSwalRadio label {
        margin-left: 0px !important;
    }


/*  Swal Loading bar  */
#loader {
    width: 400px;
    height: 20px;
    border-radius: 5px;
    border: 1px solid black;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#percent {
    width: 0px;
    height: 20px;
    background-color: rgb(107,170,222);
    border-radius: 5px;
}

#loading {
    position: absolute;
    z-index: 1065;
    width: 400px;
    text-align: center;
    color: black;
    height: 20px;
}

/* Dynamic Form Categories styling */


.FormCategory {
    cursor: pointer;
    -ms-user-select: none; /* IE10+ */
    font-family: "Times New Roman", Times, serif;
    font-size: 20pt;
    text-align: center;
    color: #000000;
    background-color: #E0E0E0;
    padding: 2px;
}

    .FormCategory.FormCatSelected {
        background-color: #AFCADE;
    }


/*****************************************************************************************/
/*  Instructions                                                                         */
/*****************************************************************************************/

.instructionHeadline {
    font-weight: bold;
    font-family: "geometria","notoreg", "Times New Roman", Times, serif;
    font-size: 12pt;
    color: #033E68;
    background-color: #bfdaef;
    padding: 5px;
}

.Instructions {
    display: none;
    border: 3px groove rgb( 106, 171, 221 );
}

.Info {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-top: -2px;
    color: #901712;
}

.InstructionTitle {
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}

.vital {
    display: inline-block;
    width: 33%;
}

.subVitalTitle {
    display: inline-block;
    width: 50%;
    padding-left: 5px;
}

.subVitalInput {
    display: inline-block;
    width: 45%;
}

/*override until a new widget and table structure can be devised*/
div.subVitalInput > input {
    width: 50px !important;
    padding-left: 3px;
}

div.subVitalInput > input[VitalType="HeightFeet"], div.subVitalInput > input[VitalType="HeightInches"] {
    width: 35px !important;
    padding-left: 3px;
}


/******************Quick Ease Classes***************
Name Guide: 
    Letters UnCaps
    Pad = padding
    Mar = margins

    Direction
    L = Left
    R = Right
    B = bottom
    T = Top

    V = Different Premade values sets
******************************************************/
.padLV1{
    padding-left:10px;
}

.padLV2 {
    padding-left: 20px;
}

.padLV3 {
    padding-left: 3px;
}

.padTBV1 {
    padding-top: 3px;
    padding-bottom:3px;
}
.padLRBV2{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}

.padTop10px{
    padding-top:10px;
}
.test {
    white-space: nowrap;
}
.ignorePadding {
    padding-top: 0 !important;
    padding-bottom: 0 ;
    padding-left: 0;
    padding-right: 0;
}

/*Color highlights for forms that are dynimcally created.*/
.HighlightColor1{
    background-color:pink;
}

.HighlightColor1 {
    background-color: green;
}


/*Classes to add bottom borders with breeze. Mostly used in dyn forms to add white bars under the table to help split the tables 
    making them easier to read.*/

.BottomWhiteBorder{
    border-bottom: 7px solid white;
}

/*Epad style. I couldn't think of any real place to drop it*/
#esCapture1_200540{
    background-color:white;
}


#expandCollapseFrame {
    background-color: transparent;
    border:none;
    
}


#reminderIcon{
    position:relative;
    top:-51px;
}


/*Some auto stles that by the looks of it was created by designer in visual studios. I found some uses of it in the upload.aspx and the upload.aspx.cs files*/
.style2 {
    text-align: left;
}

.auto-style2 {
    height: 19px;
}

.auto-style1 {
    height: 19px;
}

.enrollmentField {
    margin-bottom: 3%;
}



.NoBorderChildren > td{
    border:0;
}

#mainContent {
    margin-left: auto;
    margin-right: auto;
    background-color: #c7d6e9;
    width: 95%;
    min-width: 772px;
    overflow: hidden;
}

.BillingDiv > table tr > td:first-child{
    width:200px;
}

.billingNumber {
    width: 34%;
}

/*.BillingDiv .select2-container {
    width: 50% !important;
}*/
/*.select2-container {
    width: 50% !important;
}*/

.select2-container {
    width: 50% !important;
}

.select2-results__options > li:first-child{
	min-height: 15px;
}
/*.select2-selection--single {
  min-height: 30px !important;
  max-height: 100% !important;

}

.select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
  height: 100% !important;
}*/
.wrap.select2-selection--single {
   min-height: 30px !important;
   height: 100% !important;
}
.select2-container .wrap.select2-selection--single .select2-selection__rendered {
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}
/*.billingDropdown {
    width: 50vw;
}*/

.BillingDSM5Dropdown {
    width: 85%;
}

.billingTime {
    width: 20%;
}

.billingUserDropdown {
    width: 34%;
}

.billingAuthorization {
    width: 34%
}

.zipCodeInput {
    width: 111px;
}

.ExpandedInput {
    width: 80%;
}

.jsgrid-alt-row > .jsgrid-cell, .jsgrid-alt-row {
    background: #ccc;
}

.jsgrid-row > .jsgrid-cell {
    background: #ccc;
}

.jsgrid-grid-body {
    background-color:white;
}

.jsgrid-header-row > .jsgrid-header-cell:first-child, .jsgrid-header-row > .jsgrid-header-cell {
    border: 0;
}

#selected_snomed {
    width: 650px;
}

#selected_Pharm, #selected_PharmAllergy {
    width: 650px;
}
.PaddingForAppointmentLink {
    padding-left: 10px;
    padding-right: 10px;
}
.AppointmentLink{
	width:700px;
}

tr.HorizontalSep td {
    border-bottom: 2px solid rgb(56, 102, 179);
    padding-bottom:2px;
}
tr.HorizontalSep:last-child td {
    border-bottom: none;
}

.lockLocation{
	border-color:#000000; 
	position:fixed; 
	left:10px; 
	bottom: 10px; 
	z-index:800;
	height:58px;
	width: 64px;
	border:2px solid black;
}

#floating_spacer{
	padding-top:10px;
}

.DynFormNameDocCenter {
    cursor: pointer;
}

.card-style {
    box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.2);
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

.card-style-thick {
    box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
    border: 1px solid rgba(0,0,0,0.2);
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

.card-style:empty {
    display: none;
}

.card-style-thick:empty{
    display:none;
}

.top-spacing{
    margin-top: 10px;
}

tbody.top-spacing:before {
    content: "@";
    line-height: 10px;
    visibility: hidden;
}*

@media only screen and (max-width:1368px) {
    .page_wrapper:not(.excludeMedia) {
        max-width: 955px;
    }

	.PCPChart {
		max-width: 900px;
	}

    #mainContent {
        max-width: 955px;
    }

    div[id^=Vitals_].jsgrid{
        width: 935px!important;
    }
}

@media only screen and (max-width:1024px) {
    .page_wrapper {
        max-width: 100%;
    }

    #mainContent {
        max-width: 100%;
    }

    div[id^=Vitals_].jsgrid {
        width: 700px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .rowtitle {
        font-size: 10pt;

    }

    .glyphicon-arrow-right::before {
        display: none;
    }

    .menu {
        width: 140px;
    }
   
    input, select{
        width: 140px;
        font-size:10pt;
        margin-bottom:2%;
    }

    td.centerButtons > input{
        width:50px;
    }
    td.headline > select {
        width: 550px;
        font-size:10pt;
    }

    td >input[type=radio]{
        width:40px;
    }

    #selected_snomed{
        width:550px;
    }

    .NoStretchPage {
        width: 160px;
        overflow: hidden;
        white-space: pre;
        text-overflow: ellipsis;
    }

    .billingNumber{
        width:34%;
    }

    .billingDropdown {
         width: 50vw;
        
    }

    .BillingDSM5Dropdown{
        width:85%;
    }
    .billingTime{
        width:20%;
    }
    .billingUserDropdown{
        width:34%;
    }

    .billingAuthorization{
        width:34%
    }

    .zipCodeInput{
        width:111px;
    }

    .ExpandedInput{
        width:80%;

    }

    #mainDIV{
        width: 650px !important;
    }

    #OuterHeaderDIV{
        width: 770px !important;
    }

    #tblHeaderTable{
        width:1600px !important;
    }

    #selected_Pharm, #selected_PharmAllergy {
        width: 550px;
    }

    .enrollmentField {
        margin-bottom:5%;
    }


    #tiptip_holder {
        width:500px !important
    }


    select[name^="FormField"]{
        min-width:300px;
    }
}


.EligibilityResult{
	width:100%;
	empty-cells: show;
	border-collapse: collapse;
	
	font-weight:bold;
}


.EligibilityResult th{
	font-weight:bold;
	font-size:12pt;
	text-align:left;
}

.EligibilityResult td{
	vertical-align: top;
}

.EligibilityResult th:nth-of-type(4n+1), .EligibilityResult td:nth-of-type(4n+1){
	max-width:200px;
	padding-left:3px;
}	
.EligibilityResult th:nth-of-type(4n+2), .EligibilityResult td:nth-of-type(4n+2){
	max-width:200px;
	padding-left:3px;
}	
.EligibilityResult th:nth-of-type(4n+3), .EligibilityResult td:nth-of-type(4n+3){
	max-width:100px;
	padding-left:3px;
	
}	
.EligibilityResult th:nth-of-type(4n+4), .EligibilityResult td:nth-of-type(4n+4){
	padding-left:3px;
	max-width:500px;
}	

.EligibilityResult td:not(:nth-of-type(4n+1)){
	border-left:1px solid black;
}

.EligibilityResult tr:nth-of-type(2n){
	background-color:#e2e2e2;
}

.EligibilityResult td:nth-of-type(4n+3){
	text-align:right;
}	


table.EligibilityWidget{
    width:100%;
    border-collapse: collapse;
}

table.EligibilityWidget td {
    width: 50%;
    border: 1px solid black;
    padding: 2px 5px 2px 5px;
}

table.EligibilityWidget td > span {
    font-weight: bold;
}

td[id^="EligibilityFormButtons_"]{
    padding-bottom: 5px;
}

/*document center css*/
.EligibilityTable {
    border-collapse: collapse;
    width: 100%;
}

.EligibilityTable td {
    border: 1px solid black;
    padding-left: 2px;
}

.EligibilityTypes {
    font-weight: bold;
}

.EligibilityDetailType {
    font-style: italic;
}

.EligibilityHeaders {
    text-align: center;
    font-weight: bold;
}

.EligibilityTable .EligibilityRows:nth-of-type(2n+1) {
    background-color: lightgray;
}

.LoginPin{
    letter-spacing: .4em;
}


@media (max-width:900px) {
    table .EligibilityWidget {
        width: 100%;
        border-collapse: collapse;
        display: inline-table;
    }

    table.EligibilityWidget td {
        width: 100%;
        border: 1px solid black;
        border-bottom: none;
        padding: 2px 5px 2px 5px;
        display: inline-table;
    }

    table.EligibilityWidget tr:last-child td:last-child {
        border-bottom: 1px solid black;
    }
}

.dx-datagrid-rowsview .eligibilityDetailGrid .dx-row > td {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-selectbox input {  
	text-align: left;  
}

.dx-selectbox-popup-wrapper .dx-list-item {  
	text-align: left;  
}


.VitalRationale{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

    .VitalRationale td {
        border: 1px solid black;
        padding-left: 5px !important;
    }

    .VitalRationale th {
        font-weight: bold;
        text-align: left;
        padding-left: 5px !important;
    }

    .VitalRationale tr:not(th):nth-of-type(2n) {
        background-color: lightgray;
    }

#ui-datepicker-div{
	z-index: 10001!important;
}

table.NoteUpdates {
    width: 100%;
    /*margin: 0 10px 0 10px;*/
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom:10px;
    text-align:left;
}

    table.NoteUpdates > thead {
        background-color: rgb(123,154,183);
        font-weight: bold;
        font-family: "geometria", "notoreg", "Times New Roman", Times, serif;
        font-size: 10pt;
        color: black;
        padding-left: 15px;
        text-align: left;
    }

    table.NoteUpdates > tbody > tr > td:not(:nth-of-type(3)){
        width:33%;
    }

/*Tristate toggle stuff*/

@media only screen and (max-width: 768px) {
    .rolesField {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 769px) {
    .rolesField {
        display: flex;
        flex-direction: row;
    }
}

.dvRoles {
    padding-left: 10px;
}

.SigField {
    page-break-inside: avoid;
    page-break-after: auto;
}

.invalidBillingRecord {
    background-color: indianred;
}

.sticky-header{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}