@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('TrueType');
}

body
{
 font-family:arial !important;
 font-size:12px !important;   
}


ul.horizontal li 
{
    display:inline;
    background-image:url('/Content/images/navback.jpg');
    margin-left:4px;
    padding:5px;
}

td.memberInformationTable.header
{
    width:25%
}

td.memberInformationTable.address
{
    word-wrap:break-word;
    width:100px;
}
.closeBanner {
    float: right;
    display: inline-block;
    padding: 2px 10px;
    cursor: pointer;
    line-height: 45px;
    height:45px;
    margin-right:15px;
    /*background-color: #806700;
    border: 1px solid #806700;*/
}

.accountUpdatebannerContent {
    color: #685300;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 45px;
    width: 1008px;
    text-align: left;
    padding-left: 16px;
    height:45px;
    
}

.accountUpdatebannerDiv {
    background-color: #FFE38E;
    width: 1015px;
    height: 45px;
    margin-left: 5px;
    margin-right: 4px;
}

.accountUpdatelink {
    cursor: pointer;
    font-weight:bold;
    color:#685300;
    text-decoration:underline;
}






tr.alt {
    background-color: #CCCCCC;
}

/*td.alt
{

}*/


thead
{
    color:#003D79;
    font-weight:bold;
}

.k-grid table
{
    font-size:10px;
    font-family:Arial;
    width:100% !important;
}

input.blue
{
    background-color:#CCCCCC;
    color:#003D79;
    font-weight:bold;
}


#searchForm
{
 font-size:11px;   
}

.printBtnCenter
{
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    text-align:center ;
}

/*.stripeMe
{
     /*font-size:11px;  */
/*}*/



#tblProviderInformation td.labelCell
{
    width: 150px;
    text-align: right;
}

#tblProviderSearchFields td
{
    padding: 0 0px 0 10px;
}

/*************************************
forms
*************************************/

.formhint
{
    font-size: 10px;
    color: #000000;
}


.textBoxSmall
{
    width:80px;
}


.textBoxMedium 
{
    width:160px;
}


.textBoxLarge
{
    width:256px;
}

form p span
{
    margin:8px;
}

form p span label
{
    margin-left:3px;
}

input[disabled]{
    color: gray;
} 

.formDiv
{
    padding:8px 2px 8px 2px;
}

    .formDiv label
    {
        display: block;    
    }
    
    .formDivInline label
    {
        padding:8px 2px 8px 2px;
        display: inline;
    }
    
    
    #PractitionerGroupSearchTerm
    {
         width:256px;
    }

/*************************************
end forms
*************************************/

.fieldWrapper {
    float:left;
    width:200px;
    margin-left:10px;
}

.fieldWrapper label{
    float:left;
    margin-right:10px;
    width:90px;
    overflow:hidden;
    white-space:nowrap;
    text-align:left;
}

.fieldWrapper input, .fieldWrapper textarea{
    float:left;
    width:100px;
    margin-bottom:8px;
}

/*************************************
member summary banner
*************************************/
#memberSummaryBanner{
    width:98%;
    padding:8px;
    background-color: #fff;
}

#memberSummary table
{
    padding:0;
}

#memberSummaryBanner td
{
    text-align:left;
}

#memberSummaryBanner td.summaryText
{
    width:200px;
}


#memberSummaryBanner td.fieldLabel
{
       text-align:left;
       font-weight:bold;
       min-width:75px;
       white-space:nowrap;
}
/*************************************
end member summary banner
*************************************/


table.dataGridTable th
{
     font-size:12px;
     font-family:Arial;
     font-weight:bold;
     padding: 0px;
}

table.dataGridTable td
{
     font-size:12px;
     font-family:Arial; 
     padding: 5px;
    
}

.EmptyTitleCenter
{
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    text-align:center ;
    vertical-align:middle;
    height: 400px;
}

/*************************************
member information 
*************************************/
#memberInformationProviderDiv
{
    width:49%;
    float:right;
}

#memberInformationDemographicDiv
{
    width: 49%;
    float:left;
}

#completedAssessmentDiv
{
    width:49%;
    float:right;
}

/*************************************
end member information 
*************************************/

/*************************************
Navigation Top & Left Menus 
*************************************/
.topNavigation {
    font-family: Arial;
    font-size: 13px;
    color: #000 !important;
    left: 16px;
    vertical-align: middle;
    line-height: 18px;
    list-style-position: inside;
    font-weight: bold;
    visibility: visible;
    height: 34px;
    border-color: #a7bac5;
    background: #a6d9f4 url(~/Content/2010.3.1318/Vista/sprite.png) repeat-x 0 -368px;
}
    /*.topNavigation li {
        border-left: 1px solid #357ebd ;
        border-right: 1px solid #357ebd ;
        border-top: 1px solid #428bca !important;
        border-bottom: 1px solid #428bca !important;
    }*/

    .topNavigation .k-link:link, .topNavigation .k-link:visited{
        color: #000;
    }
    .topNavigation .k-state-highlight {
        background: #fff !important;
    }

.left-navigation span.k-header { /*.left-navigation > .k-link, .left-navigation .k-state-selected*/
    color: #000 !important;
    font-weight:bold;
}

.left-navigation .k-sprite
{
    position: absolute;
    top: 5px;
    left: 2px;
    margin: 0;
}

* html .left-navigation .k-sprite { top: auto; }
*+html .left-navigation .k-sprite { top: auto; }


.left-navigation .k-state-active .k-link
{
    border-bottom: 0;
    padding-bottom: 1px;
}


.left-navigation .k-group .k-link
{
    font-size: 12px;
    line-height: 16px;
    padding: 6px 3px 6px 26px;
    color: #336699;
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}

.left-navigation .k-link.k-state-selected{
    color:#fff;
}


.left-navigation .k-icon {
    display: none;
}

.left-navigation .k-item,
.left-navigation .k-group
{
    background-color: transparent;
}

.left-navigation .k-group {
    border-bottom: 0;
    list-style-type: none !important;
}
ul ul {
    list-style-type: none !important;
}

.left-navigation .k-header {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    background: none;
}

.left-navigation .k-header .k-state-selected {
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    background: none;
}

.left-navigation .k-link.k-header.k-state-selected,
.left-navigation .k-link.k-header.k-state-hover,
.left-navigation .k-link.k-header.k-state-selected.k-state-focused,
.left-navigation .k-state-focused {
    background: none !important;
}
.left-navigation .k-group {
    display: block;
}

/*************************************
end Navigation
*************************************/

.StaticPage
{
    background-color: #FFFFFF;
    height: 620px;
}
.StaticPageTitle
{
    font-size: 16px;
    font-weight:bold;
    padding:10px 10px 10px 10px;
}

.StaticPageSubTitle
{
    font-size: 13px;
    padding:10px 10px 10px 10px;
}


.StaticPageLeftTopPanel
{
    width: 370px;
    height:180px;
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    margin-left: 10px;
    float:left;
}

.StaticPageRightTopPanel
{
    width: 370px;
    height:180px;
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    margin-left: 410px;
}

.StaticPageLeftBottomPanel
{
    width: 370px;
    height:275px;
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    margin-top:20px;
    margin-left: 10px;
    float:left;
}
.StaticPageRightBottomPanel
{
    width: 370px;
    height:275px;
    border-width: 1px;
    border-color:#000000;
    border-style:solid;
    margin-left: 410px;
    margin-top:20px;
}
.StaticPagePanelContentTitle
{
    font-size: 13px;
    padding:10px 10px 0px 10px;
}

.StaticPagePanelTitle
{
    width: 365px;
    height: 20px;
    background-color:#CCCCCC;
    font-size: 12px;
    font-weight:bold;  
    padding-top: 5px;
    padding-left: 5px;
}

a.footerLink
{
    color:#FFFFFF;
    text-decoration: underline;
}

.PageContentTitle
{
    padding:5px 5px 5px 5px;
    font-size: 12px;
}

.PageConentText
{
    font-family:Arial;
    font-size: 12px;
    padding:5px 5px 5px 5px;
}

#MemberSearchTerm
{
    font-size: 12px;
    height:15px;
}

select {
   width: 268px;
   padding: 2px 2px 2px 2px;
   font-size: 12px;
}

select.AdvancedSearch 
{
   width: 160px;
   padding: 2px 2px 2px 2px;
   font-size: 12px;
}

select.multiSelectBox
{
   height: 115px;
   min-width:300px;
   width:auto
}

    select.LongDropDownList {
        width: 350px;
    }

.textbox {
    padding: 5px;
}

button {
    font-weight: bold;
    font-size: 12px;
}

input[type="submit"] {
    font-weight: bold;
    font-size: 12px;
}

input[type="button"]
{
 
    font-weight:bold;
    font-size: 12px;
}


#btnPrintSelectedAppointments
{
    position:absolute;
    bottom: 0;
    right: 0;
}

#divPrintSelectedAppointments
{
    height:25px;
}

.FAQHeader
{
    text-align:center;
    font-size:16px;
    background-color:#003D79;
    color:#FFFFFF;
}

.PopPageContent
{
    font-size: 14px;
    font-weight:bold;
    padding:10px 10px 10px 10px;
}

.ErrorNotification {
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}

.ErrorNotificationLogin {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

.DynamicPageTitle
{
    font-size: 13px;
    padding:10px 10px 10px 10px;
    
}
/*************************************
 edit user
*************************************/
.tdEditUser {
    width: 35%;
    text-align: left;
    padding-right: 5px;
    padding-bottom: 5px;
}


.confirmationMessage {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #FF0000;
}
/*************************************
end edit user
*************************************/

#txtIcd9Lookup
{
    width:748px;
}


.txtIcd9LookupDefault {
    font-style: italic;
    color: #cccccc;
}

.hidden {
    visibility: hidden;
    display: none;
}

/*************************************
DeleteSystemMessage Page
*************************************/

.deleteSystemMessageDiv {
    width: 100%;
    height: auto;
    font-family: Arial;
}

.deleteSystemMessageGrid {
    width: 100%;
    height: 100%;
    white-space: pre-wrap;
    word-break: break-all;
}

.LayoutDeleteSystemMessage {
	height: auto;
	width: auto;
	background-color: #EEF2F7;
	padding: 20px;
}

.hidden {
    visibility: hidden;
    display: none;
}

.systemMessageGridDisplay {
    padding: 10px;
    font-size: 12px;
    font-family: 10px;
    margin: auto;
    word-break: break-all;
}

/*************************************
 Spin wheel Animaton
*************************************/
#loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: 1000;
}

#loadingcontent {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#loadingspinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
}

 /*************************************
 End of Spin wheel Animaton
*************************************/

/*************************************
error message
*************************************/
.field-validation-error {
    color: #FF0000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}

.validation-summary-errors ul li {
    color: #FF0000;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}
/*************************************
end error message
*************************************/

.k-autocomplete {
    display: inline-block;
    margin-top: 0px;
}
.k-autocomplete, .k-autocomplete input {
    height: 20px;
}

.k-header, .k-grid-header {
    color: #000 !important;
    font-weight:bold;
    border-color: #a7bac5;
    background: #a6d9f4;
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(95,192,244,1) 0%, rgba(166,217,244,1) 50%);
}
.k-widget, .k-link:link, .k-link:active, .k-link:visited, .k-popup {
    color: #000;
}
.k-state-selected {
    background-color: #a6d9f4 !important;
    color: #000 !important;
}

.k-state-hover {
    background-color: #c8e4f8 !important;
}


.k-grid-header .k-header > .k-link {
    color: #000 !important;
    padding-bottom: 4px !important;
}

.k-grid-header th.k-header {
    vertical-align: inherit !important;
}



.border {
    border: solid 1px red !important;
}


.browseWarnbanner {
    background-color: #FFE38E; /* width: 1162px; */
    height: 45px;
    color: #574500;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 30px;
    width: 999px;
    text-align: left;
    padding-left: 2%;
    top: 130px;
    position: absolute;
    /*z-index: 100;*/
}

.closeBrowseBanner {
    float: right;
    display: inline-block;
    /*padding: 2px 10px;*/
    color: #806700;
    cursor: pointer;
    line-height: 40px;
    height: 45px;
    margin-right: 20px;
    /*font-weight: bold;*/
    /*background-color: #806700;
    border: 1px solid #806700;*/
}