/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css");

body {
    
    font-size: .80em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    background-color: #e1e5ec;
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

a:visited {
    color: #505abc;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #12eb87;
}

p, ul {
    list-style-type: none;
    margin-bottom: 20px;
    line-height: 1.6em;
}

p {
    margin-top: 20px;
}

blockquote {
    margin: 12px 40px;
}

header,
footer,
nav,
section {
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #696969;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
    font-weight: bold;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
}

.headerWrapper {
    width: 100%;
    background-color:#fff;
}

.logo 
{
    height: 80px;
    background-image: url("/Content/themes/base/images/header-background-providerportal.jpg");
     width: 1046px;
    
}

.logo2 {
    background-image: url(/Content/themes/base/images/Evolent-Full-Logo-RGB.png);
    height: 90px;
    width: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.site-name-div {	
	height: 34px;
}

.site-name {
	font-size: 24px;
	color: #25426b;
	font-family: Calibri;
}

header, #header {
    position: relative;
    margin: 0px;
    color: #000;
    padding: 0;
    height: 55px;    
    background-color:#192e4e;
    width:100%;
    white-space:nowrap;    
}

header h1, #header h1 {
    font-weight: bold;
    padding: 0px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 15px 15px 15px 5px;
    background-color: none;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, 
#footer {
    background-color: none;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
    /* border-bottom: 1px #5C87B2 solid; */
    padding: 0 0 0px;
    position: absolute;
    margin: 0;
    text-align: left;
   
}

ul#menu a:before
{
    position: relative;
    top: -2px;
    /*top: 12px;*/
    left: -3px;
    display: inline-block;
    content: "";
    background-image: url(/Content/themes/base/images/primary_nav_sprite.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    line-height: 0;
    vertical-align: middle;
    margin: 0 0 0 -4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul#menu a:before {
        margin: -0px 0 0 -4px;/* This works only in Safari and Google Chrome */
    }
    ul#menu .triage a:before {
        margin: -4px 4px 0px -4px;
    }
}

ul#menu .home a:before
{
    background-position: 0 -16px;
}

ul#menu .home.active a:before
{
    background-position: 0 -33px;
}

ul#menu .providerhome a:before
{
    background-position: 0 -16px;
}

ul#menu .providerhome.active a:before
{
    background-position: 0 -33px;
}

ul#menu .home1 a:before
{
    background-position: 0 -16px;
}

ul#menu .home1.active a:before
{
    background-position: 0 -33px;
}
ul#menu .usefulInfo a:before
{
   background-position: -49px -16px;
 
}

ul#menu .usefulInfo.active a:before
{
     background-position: -49px -33px;
}
ul#menu .usefulDocuments a:before
{
    background-position: -49px -16px;
}

ul#menu .usefulDocuments.active a:before
{
    background-position: -49px -33px;
}
ul#menu .eligibilityCheck a:before
{
    background-position: -34px -16px;
}

ul#menu .eligibilityCheck.active a:before
{
   background-position: -34px -33px;
}
ul#menu .newrequest a:before
{
    background-position: -18px -16px;
}

ul#menu .newrequest.active a:before
{
    background-position: -18px -16px;
}
ul#menu .patienttestinfo a:before
{
    background-position: -18px -16px;
}

ul#menu .patienttestinfo.active a:before
{
    background-position: -18px -16px;
}
ul#menu .nccnGuidelines a:before
{
    background-position: -105px -16px;
}

ul#menu .nccnGuidelines.active a:before
{
    background-position: -105px -33px;
}
ul#menu .simulateRequest a:before
{
    background-position: -86px -16px;
}

ul#menu .simulateRequest.active a:before
{
    background-position: -86px -33px;
}
ul#menu .dashboard a:before
{
    background-position: -69px -16px;
}

ul#menu .dashboard.active a:before
{
    background-position: -69px -33px;
}

ul#menu .authstatustracker a:before
{
    background-position: 0 -16px;
}

ul#menu .authstatustracker.active a:before
{
    background-position: 0 -33px;
}

ul#menu li {
    display: inline;
    list-style: none;
}

ul#menu li#greeting {
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu a {
    background-color:#192e4e;
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    vertical-align:bottom;
    line-height: 52px;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    color: #82bd79;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

ul#menu li a:hover {
    background-color: #2F9110;
    text-decoration: none;
    cursor: pointer;
    color: #fff !important;
}

ul#menu li a:active {
    background-color: #82bd79;
    text-decoration: none;
    color: white!important;
}

ul#menu li.active-tab > a, .submenu .active-tab
{
	background-color: #77C260;
	color: #fff !important;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 0px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #ccc;        
    color: #444;
    width: 150px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"] {
    font-size: 1.2em;
    padding: 5px;
}

.form-control {
    display: inline-block;
}

/* TABLE
----------------------------------------------------------*/

table {
    /* border: solid 1px #e8eef4; */
    border-collapse: collapse;
}

table td {
    /* padding: 5px; */
    /* border: solid 1px #e8eef4; */
}

table th {
    /* padding: 6px 5px; */
    text-align: left;
    background-color: #e8eef4;
    /* border: solid 1px #e8eef4; */
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: red;
}

.validationMessage {
    color: red;
}

.bold {
    font-weight: bold
}

nav, 
#menucontainer {
    margin-top: 10px;
}

.container {
    max-width: 1400px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
    height: 80px;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;   
    color: white;
    background-color:#192e4e;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
    color: #5a6f91;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}







/*CarePro.Portal custom styling*/
    
    .row
    {
        margin-bottom:25px;   
        clear:both;
    }
    .row_title
    {
        float:left;
        margin-right: 40px;   
    }
    .row_content
    {
        float:left;
    }
    .nchPortalTitleContainer1bold, .triageHomeTitleContainer1bold
    {
        background-color: #5a6f91;
        color: #fff;
        padding: 10px;
        font-size: 1.2em;
        font-weight: bold;
    }
    .nchPortalMessageContainer
    {
        color: #039903;
        font-weight: bold;
        text-align: center;
    }
    .leftLabel
    {
        font-weight:bold;
    }
    .nchPortalOuterTable1, .triageHomeOuterTable1
    {
        border: 1.5px solid gray; 
        background-color: #fff;  
    }
    .nchPortalTitleContainer1, .triageHomeTitleContainer1
    {
        font-size: 1em;
        padding: 5px 5px 5px 5px;
        background-color: #5a6f91;
        color: #fff;
    }
    .nchPortalInnerTable1, .triageHomeInnerTable1
    {
        width: 98%;
        border: 1.5px solid gray;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top:4px;
        margin-bottom:4px;
        background-color: #fff;
        border-spacing: 0px;
        border-collapse: separate;
    }
    .nchPortalInnerTable2, .triageHomeInnerTable2
    {
        width: 98%;
        border: 0px;
        margin-left:10px;  
        margin-right:10px;
        margin-top:10px;
        vertical-align:middle;
        position:static;
    }
    .logonOuterTable1
    {
        width: 500px;
        padding: 10px;  
        border: 1.5px solid gray;
        background-color: #fff;  
    }      
    .logonTitleContainer1
    {
        font-size: 1em;
        padding: 5px 5px 5px 5px;
        background-color: #697AA5;
        color: #fff;
    }
    
    /* pdf text links */
    .confirmation {
        cursor: pointer;
        color: blue;
        text-decoration: underline;
    }
    .confirmation a:hover {
        color: blueviolet;
        text-decoration: none;
    }
    
    .confirmationDocumentUpload {
        color: black;
        font-weight: bold;
        background-color: yellow;
        border: 1.5px solid black;
    }
    
    .searchSelectHeader
    {
        background-color:#5a6f91;
        color:White;
        height: 23px;
        padding: 3px;        
    }
    
    
    .searchSelectRow
    {
        cursor:pointer; 
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /*Add bg color to odd numbered row*/
    .searchSelectRowOdd
    {
        background-color:#efe;
    }
    
    .searchSelectRow:hover
    {
        cursor:pointer;
        background-color:#ddd;
    }
    .searchSelectRow_disabled
    {
        cursor:none;        
    }
    .searchSelectedBox
    {
	    background-color:#cde;
	    color:#000;
	    font-size:18px;	
	    padding: 20px;
    }
    .contactBoxUnselected
    {
        padding: 20px;
        background-color:#ddd;        
    }
    .contactBoxSelected
    {
        padding: 20px;
        background-color:#cde;
    }
    .heightWeightBoxUnselected
    {
        padding: 20px;
        background-color:#ddd;
    }
    .heightWeightBoxSelected
    {
        padding: 20px;
        background-color:#cde;
    }
    .allergiesBoxUnselected
    {
        padding: 20px;
        background-color:#ddd;
    }
    .allergiesBoxSelected
    {
        padding: 20px;
        background-color:#cde;            
    }
    
    .comorbiditiesBoxSelected 
    {
        padding: 20px;
        background-color:#cde;  
    }
    
    .comorbiditiesBoxUnselected 
    {
        padding: 20px;
        background-color:#ddd;
    }
    
    .cardiacEventsBoxSelected 
    {
        padding: 20px;
        background-color:#cde;  
    }
    
    .cardiacEventsBoxUnselected 
    {
        padding: 20px;
        background-color:#ddd;
    }
    /*
    div#allergiesOther
    {
        visibility: collapse;    
    }
    */
    .rowSubHeader1 {
	    font-size: 11px;
	    font-weight: normal;
	    letter-spacing: 0px;
	    background-color:#EEEEEE;
	    padding-left: 5px;
	    padding-right: 5px;
	    color:#515967;
    }

    .providerName{
        display: block;
        float: left;
        width: 150px;
    }
    .loading_spinner
    {
        top: 50%;
        left: 440px;
        position: fixed;
        display:none;
    }
    .loading_spinner_submit_request
    {
        position: absolute;
        left:300px;
        margin-top: -20px;
    }
    .loading_spinner_validate_request
    {
        position: absolute;
        left:830px;
        margin-top: 20px;
    }
    .loading_spinner_regimen
    {
        /* position: absolute;    */
        margin-right: auto;
        margin-left: auto;
        vertical-align: middle;
    }
    .loading_spinner_withdraw
    {
        /* position: absolute;    */
        margin-right: auto;
        margin-left: auto;
        vertical-align: middle;
    }
    .loading_spinner_non_pathway
    {
        margin-left: 5px;
        margin-top: 20px;
    }
    .loading_spinner_request_status
    {
        /* position: absolute;    */
        margin-right: auto;
        margin-left: auto;
        vertical-align: middle;
    }
    .loading_spinner_secondary_diagnosis, .loading_spinner_primary_diagnosis, .loading_spinner_patient_search, .loading_spinner_validate_request, .loading_spinner_regimen, .loading_spinner_submit_request,.loading_spinner_withdraw
    {
        display:none;
    }
    .dialog_noTitle .ui-dialog-titlebar
    {
          display: none;  
    }

    div.ui-dialog-buttonset > button 
    {
        background: rgb(90, 111, 145) !important;
        color: white !important;
        font-weight: bold !important;
    }

    /* Added by Thinh for Authorization Request Status */
    .nchAuthorizationRequestRequireAttention
    {      
        background-color: #f00; 
        color: #fff; 
    }
    .nchAuthorizationRequestApproved
    {
        background-color: #0a0;
        color: #fff; 
    }
	.nchAuthorizationRequestFulfillment
    {
        background-color: #993399;
        color: #fff; 
    }
    .nchAuthorizationRequestAcknowledged
    {
        background-color: #39f;
        color: #fff; 
    }
    .nchAuthorizationRequestPending
    {
        background-color: Yellow;
        color: #000; 
    }
    .nchAuthorizationRequestForwarded 
    {
        background-color: #FF6600;
        color: #fff;    
    }
    
    .allergiesLabel 
    {
        cursor:pointer;
    }
    .allergiesLabel:hover
    {
        font-size:16px;
        font-weight:bold;
        color: #000;
    }
    .allergiesLabel_selected
    {
        cursor:pointer; 
        font-size:16px;
        font-weight:bold;
        color: #000;
    }
    
    #affiliationfilters {
        margin-left: 10px;
        margin-top: 5px;
        color: #5a6f91;
    }
    
    .floatLeft {
        float: left;
        color: #5a6f91;
    }

    .floatRight {
        float: right;
        color: #5a6f91;
    }

    .serviceItemTableHeader
    {
        background-color:#5a6f91;
        color:White;
        height: 30px;
        padding: 3px;
        vertical-align:middle;      
    }
.newRequestInnerTable2 {color: #5a6f91;}
div.Ar-Detail-Selection label,
div.Ar-Detail-Selection div
{
	margin-left: 10px;	
}
div.Ar-Detail-Selection ul 
{
	margin-bottom: 5px;
	line-height: 1em;
	margin-top:0;
	padding-top:0;
	list-style-type: none;
}
.fillRequestStatusDiv
{
	background-image: url("/Content/themes/base/images/icon-smallrequest-pharmacy.png") ;
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
    vertical-align:text-bottom;
}
.inactive_Session_Dialog {
    color: #ff0000;
}
.moveforwardbtnStyle {
    background-color: #F39119;
    border-radius: 4px; 
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-bottom-color: currentColor;
    border-left-color: currentColor;
    border-top-width: medium;
    border-right-width:medium;
    border-bottom-width: medium;
    border-left-width: medium;
    padding-top: 0.6em;
    padding-right: 2em;
    padding-bottom: 0.6em;
    padding-left: 2em;
    padding: 6px 12px; 
    margin-bottom: 0px;
    display: inline-block; 
    white-space: nowrap; 
    cursor: pointer; 
    background-image: none; -webkit-user-select: none; -moz-user-select: none; 
    -ms-user-select: none; -o-user-select: none; user-select: none;
    color :#fff;
    border: 1px solid transparent; 
    text-align: center; 
    line-height: 1.4285; 
    font-weight: normal;
    font-weight: bold;
    font-size: 0.90em;
    display:inline-block;
    text-decoration: none !important;
}
.generatepdf-a {
    background-color:rgb(248, 248, 250);
    border-radius: 4px; 
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #c5cbd3;
    border-right-color: #c5cbd3;
    border-bottom-color: #c5cbd3;
    border-left-color: #c5cbd3;
    border-top-width: 1px;
    border-right-width:1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding-top: 0.6em;
    padding-right: 2em;
    padding-bottom: 0.6em;
    padding-left: 2em;
    padding: 6px 12px; 
    margin-bottom: 0px;
    display: inline-block; 
    white-space: nowrap; 
    cursor: pointer; 
    background-image: none; -webkit-user-select: none; -moz-user-select: none; 
    -ms-user-select: none; -o-user-select: none; user-select: none;
    color :#fff;
    border: 1px solid transparent; 
    text-align: center; 
    line-height: 1.4285; 
    
    font-size: 0.85em;
    display:inline-block;
    text-decoration: none !important;
}
.generatepdf {
    background-color:rgb(248, 248, 250);
    background-image:none;
    background-position-x:0px;
    background-position-y:0px;
    background-origin:padding-box;
    background-repeat:repeat;
    background-size:auto;
    background-clip:border-box;
    cursor:pointer;
    color: #192e4e;
    font-weight: normal;
    border-top-style: solid;
    border-top-width: 1px;
    border-radius: 4px; 
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 0.6em;
    padding-right: 2em;
    padding-bottom: 0.6em;
    padding-left: 2em;
    padding: 6px 12px; 
    margin-bottom: 0px;
    border-top-width:1px;
    border-top-color:#c5cbd3;   
    border-bottom-color:#c5cbd3;
    border-right-color:#c5cbd3;
    border-left-color:#c5cbd3;
    border-bottom-style: solid;
    border-bottom-width: 1px;

    border-right-style: solid;
    border-right-width: 1px;

    border-left-style: solid;
    border-left-width: 1px;
    white-space: nowrap; 
     
    background-image: none; -webkit-user-select: none; -moz-user-select: none; 
    -ms-user-select: none; -o-user-select: none; user-select: none;
    color :#fff;
    text-align: center; 
    line-height: 1.4285; 
    font-weight: normal;
    
    font-size: 0.85em;
    
}

.js-requiredFor .popover {
    z-index: 100001;
}

    .generatepdf a,a:link,a:visited,a:active {
        color: #192e4e;
        cursor:pointer;
        text-decoration: none !important;
        
    }

  .generatepdf:hover {
      background-color:#6FC055;
        color: #FFF; 
        
     
}
    
.moveforwardbtnStyle:hover {
    background-color: #CE7203;
}

.divResult {
    background-color: #5a6f91;
    box-sizing:content-box;
    color: #fff;
    height:30px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.42em;
    line-height: 1.4285;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
    padding-top: 1em;
    text-align: center;


}

.rakaButtonStyle{
    background-color: rgb(90, 111, 145);
    border-radius: 4px; 
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-bottom-color: currentColor;
    border-left-color: currentColor;
    border-top-width: medium;
    border-right-width:medium;
    border-bottom-width: medium;
    border-left-width: medium;
    padding-top: 0.6em;
    padding-right: 2em;
    padding-bottom: 0.6em;
    padding-left: 2em;
    padding: 6px 12px; 
    margin-bottom: 0px;
    display: inline-block; 
    white-space: nowrap; 
    cursor: pointer; 
    background-image: none; -webkit-user-select: none; -moz-user-select: none; 
    -ms-user-select: none; -o-user-select: none; user-select: none;
    color :#fff;
    border: 1px solid transparent; 
    text-align: center; 
    line-height: 1.4285; 
    font-weight: normal;
    font-weight: bold;
    font-size: 0.90em;
    display:inline-block;
    text-decoration: none !important;
}
.rakaButtonStyle:hover {
    background-color: #435169;
}
.statictext {
    color: #5a6f91;
}
.borderstyle {
    border-top-color: #435169; 
    border-right-color: #435169; 
    border-bottom-color: #435169; 
    border-left-color: #435169
}
.patientNormalValidation {
    color: #5a6f91;
}
.patientValidation {
    color: red;
}
.patientLabel {
    color:red;
    font-size:14px;
}



.ui-dialog {
    z-index: 101;
}
table.k-selectable tbody tr:hover, table.k-selectable tbody tr.k-state-selected:hover
{
	cursor:pointer;
	background-color:#cccccc;
}
table.k-selectable tbody tr.k-state-selected, tr.k-alt
{
	color: #515967;
	background-color:white;
}
ul.k-pager-numbers
{
	line-height:2em;
}
ul.k-pager-numbers li span.k-state-selected
{
	color: #b4bece;
	background-color:#5A6F91;
	border: rgb(41, 60, 95);
	height:2em;
	min-width:2em;
}
div.k-pager-wrap
{
	background-color: rgb(90, 111, 145);
	color:#ffffff;
}
div.ui-widget-overlay
{
	background-image:url("images/ui-bg_flat_0_aaaaaa_40x100.png");
	z-index: 9999;
}
div.ui-widget-header/*, button.ui-dialog-titlebar-close*/
{
	background-color:rgb(90, 111, 145);
	background-image:none;
	border:rgb(90, 111, 145);    
}

button.ui-dialog-titlebar-close {
    background-image: url("images/ui-icons_222222_256x240.png");
    background-color: rgb(90, 111, 145);
    border: rgb(90, 111, 145);
    width: 18px;
    height: 18px;
    background-position: -94px -128px;
}

    button.ui-dialog-titlebar-close:hover {
        background-image: url("images/ui-icons_454545_256x240.png");
        background-color: white;
        border-radius: 4px;
    }

.ui-widget-header .ui-icon, .ui-widget-header .ui-button
{
	background-image: url("images/ui-icons_222222_256x240.png");
	background-color:rgb(90, 111, 145);
	border:rgb(90, 111, 145);
    width:18px;
	height:20px;
}
.ui-widget-header .ui-icon:hover, .ui-widget-header .ui-button:hover {
    background-image: url("images/ui-icons_454545_256x240.png");
    background-color: white;
    border-radius: 4px;
}
.ui-widget-header .ui-icon
{
	margin-left: -9px;
	margin-top: -10px;
	/*width:18px;
	height:18px;*/
}
.ui-icon-closethick {
    background-position-x: -94px;
}
.ui-button .ui-button-text {
    color: #ffffff;
    background-color: rgb(90, 111, 145);
    border-color: transparent;
    border-radius: 4px;
    line-height: 0.9em;
    vertical-align:middle;
}
.ui-button .ui-button-text:hover {
    background-color: rgb(67, 81, 105);
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    margin-top: 4px;
    width:18px;
	height:18px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color:#555555;

}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    filter:none;
    opacity:100;
    background-image:none;
}
.errorBlock {
	border-color: red;border-width:1px;border-style: solid;
}



/*----------------------------------------------------------
Begin for those common UI choice boxes
----------------------------------------------------------*/

.answerButtonBox:focus {
         COLOR: #333333;
         TEXT-DECORATION: none;
         OUTLINE-STYLE: dotted;
         OUTLINE-COLOR: invert;
         OUTLINE-WIDTH: thin;
         outline-offset: -2px;
     }

    .answerButtonBox_disabled {
        TEXT-TRANSFORM: none;
        FONT-SIZE: 0.9em;
        margin: 4px;
        BACKGROUND-IMAGE: linear-gradient(rgb(248, 248, 250) 0%, rgb(231, 234, 239) 100%);
        BORDER-BOTTOM: transparent 1px solid;
        TEXT-ALIGN: center;
        BORDER-LEFT: transparent 1px solid;
        PADDING-BOTTOM: 6px;
        LINE-HEIGHT: 1.4285;
        PADDING-LEFT: 12px;
        PADDING-RIGHT: 12px;
        DISPLAY: inline-block;
        WHITE-SPACE: nowrap;
        MARGIN-BOTTOM: 0px;
        FONT-SIZE: 14px;
        VERTICAL-ALIGN: middle;
        BORDER-TOP: transparent 1px solid;
        CURSOR: pointer;
        FONT-WEIGHT: normal;
        BORDER-RIGHT: transparent 1px solid;
        PADDING-TOP: 6px;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        BORDER-BOTTOM: #c5cbd3 1px solid;
        BORDER-LEFT: #c5cbd3 1px solid;
        background-color: transparent;
        COLOR: #192e4e;
        BORDER-TOP: #c5cbd3 1px solid;
        BORDER-RIGHT: #c5cbd3 1px solid;
    }

    .answerButtonBox {
        TEXT-TRANSFORM: none;
        FONT-SIZE: 0.9em;
        margin: 4px;
        BACKGROUND-IMAGE: linear-gradient(rgb(248, 248, 250) 0%, rgb(231, 234, 239) 100%);
        BORDER-BOTTOM: transparent 1px solid;
        TEXT-ALIGN: center;
        BORDER-LEFT: transparent 1px solid;
        PADDING-BOTTOM: 6px;
        LINE-HEIGHT: 1.4285;
        PADDING-LEFT: 12px;
        PADDING-RIGHT: 12px;
        DISPLAY: inline-block;
        WHITE-SPACE: nowrap;
        MARGIN-BOTTOM: 0px;
        FONT-SIZE: 14px;
        VERTICAL-ALIGN: middle;
        BORDER-TOP: transparent 1px solid;
        CURSOR: pointer;
        FONT-WEIGHT: normal;
        BORDER-RIGHT: transparent 1px solid;
        PADDING-TOP: 6px;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        BORDER-BOTTOM: #c5cbd3 1px solid;
        BORDER-LEFT: #c5cbd3 1px solid;
        background-color: transparent;
        COLOR: #192e4e;
        BORDER-TOP: #c5cbd3 1px solid;
        BORDER-RIGHT: #c5cbd3 1px solid;
    }

    .answerButtonBox:hover {
        COLOR: #333333;
        TEXT-DECORATION: none;
        BORDER-BOTTOM: #4a8836 1px solid;
        BORDER-LEFT: #4a8836 1px solid;
        BACKGROUND: #6fc055;
        COLOR: #fff;
        BORDER-TOP: #4a8836 1px solid;
        BORDER-RIGHT: #4a8836 1px solid;
    }

    .answerButtonBox:active {
        OUTLINE-STYLE: none;
        OUTLINE-COLOR: invert;
        OUTLINE-WIDTH: 0px;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        BORDER-BOTTOM: #4a8836 1px solid;
        BORDER-LEFT: #4a8836 1px solid;
        BACKGROUND: #6fc055;
        COLOR: #fff;
        BORDER-TOP: #4a8836 1px solid;
        BORDER-RIGHT: #4a8836 1px solid;
    }

    .active.answerButtonBox {
        BORDER-BOTTOM: #4a8836 1px solid;
        BORDER-LEFT: #4a8836 1px solid;
        BACKGROUND: #6fc055;
        COLOR: #fff;
        BORDER-TOP: #4a8836 1px solid;
        BORDER-RIGHT: #4a8836 1px solid;
    }

.dssActive.answerButtonBox {
    BACKGROUND: #595959 !important;
}
/*----------------------------------------------------------
End for those common UI choice boxes
----------------------------------------------------------*/

#menucontainer ul li {
    position: relative;
}

#menucontainer ul li ul.submenu {
    position: absolute;
    padding: 0;
    top: 27px;
    background: #192e4e;
    color: #82bd79;
    visibility: hidden;
    /*width: 100%;*/
    min-width: 100%;
    left: 0;
}

#menucontainer ul li.usefultools ul.submenu {
    position: absolute;
    padding: 0;
    background: #192e4e;
    visibility: hidden;
    left: 0;
    z-index: 1;
    padding-top: 10px;
}

@-moz-document url-prefix() {
    #menucontainer ul li ul.submenu {
        top: 20px;
    }
    #menucontainer ul li.usefultools ul.submenu{
        padding-top: 0;
    }
}

#menucontainer li:hover ul.submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    padding-top: 10px;
}

#menucontainer li.usefultools:hover ul.submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    ul.submenu li a:before {
    margin: -16px 0 0 -4px !important;/* This works only in Safari and Google Chrome */
    }
}

ul.submenu li:hover, ul.submenu li:active {
    background-color: #2F9110;
    cursor: pointer;
    color: #fff !important;
}

ul.submenu li a{
	background: none !important;
	line-height: 40px !important;
	color: #82bd79;
}

ul.submenu li:hover a{
    color: #FFFFFF !important;
}

#menucontainer li:hover ul.submenu li{
    display: block;
    height: 40px;
}
ul#menu .usefultools {
    padding-right: 4px;
}

ul#menu .usefultools a:before{
    background-position: -101px -17px;
}
ul#menu .usefultools .usefulitem a:before{
    display:none
}
.triagehome a:before{
    background-position: 0 -16px;
}

.triagehome.active a:before
{
    background-position: -0 -33px;
}

.triagenewrequest a:before{
	background-position: -18px -16px;
}

.triage > a:before{
	content: url("/Content/themes/base/images/nursetriage18x18.png") !important;
	background-image: none !important;
}

.triage.active > a:before{
	content: url("/Content/themes/base/images/nursetriage18x18.png");
}

ul#menu .claims a:before{
    background-position: -104px -16px;
}

ul#menu .claims.active a:before{
    background-position: -104px -33px;
   color: #82bd79;

}

ul#menu .usefultools.active a:before{
    background-position: -101px -33px;
}


ul#menu .tile a:before
{
    background-position: -18px -16px;
}

ul#menu .tile.active a:before
{
    background-position: -18px -16px;
}

ul#menu .triage > a:after{
   content: '\f0d7';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin: 0px 0px 0px 10px;
   color: #82bd79;
   text-decoration:none;
}

ul#menu .triage.active-tab > a:after{
   color: #FFFFFF;
}

ul#menu .triage:hover > a:after{
   content: '\f0d8';
   color: #FFFFFF;
}
ul#menu .usefultools > a:after{
   content: '\f0d7';
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   margin: 0px 0px 0px 10px;
   color: #82bd79;
   text-decoration:none;
}

ul#menu .usefultools.active-tab > a:after{
   color: #FFFFFF;
}

ul#menu .usefultools:hover > a:after{
   content: '\f0d8';
   color: #FFFFFF;
}
#menucontainer a:visited,table#menucontainer a:link
{
   color: #82bd79;

}

.pendingTimeLimitExceeded{
	color: red !important;
}

/*** for placeholders to be consistent in all browsers ***/
::-webkit-input-placeholder { color :#999999; }
::-moz-placeholder { color: #999999; } /* firefox 19+ */
input:-ms-input-placeholder { color: #999999; } /* ie */
input:-moz-placeholder { color :#999999; }


.dispositionTable td{
    text-transform:uppercase;
}

a.interventionBlock{
	font-size: 1.3em;
	font-weight: normal;
	color: #5a6f91;
}

.headingStyle{
	padding-left: 30px;
}

.headingStyle ul{
    list-style-type: disc !important;
}

.headingStyle ul ul{
    list-style-type: circle !important;
}

.headingStyle p, .headingStyle ul{
    margin: 5px 15px !important;
}

.usefultools .submenu a:before{
	display: none;
}

/*SiteOsService*/

#siteOfService .choice_box{
    margin-top: 10px;
}  

.whiteFontGreenBackground {
	color: white;
	background-color: #6fc055;
}

.requiredIndicator {
    font-size: 1.3em;
    color: red;
    font-weight: bold
}

/*Spacing for service group/ regimen meds and procedures radio button and checkboxes*/
#commonUiregimenSelectionSection input{
    width: 30px;
}

select.nchSelect:disabled {
    opacity: 0;
}

/*-------------------------------Begin Figma Layout--------------------------*/

:root {
    --turquoies-42-brand: #23bdc3;
    --turquoies-98: #f7fefe;
}

.One-or-more-requested-services-or-medications-require-documentation {
    width: 314px;
    height: 24px;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #555559;
}

.Module-24-padding {
    width: 445px;
    height: 72px;
    /*margin: 24px 8px 26px 0;*/
    padding: 12px 31px 12px 24px;
    border-radius: 8px;
    border: solid 1px #23bdc3;
    background-color: #f7fefe;
    display:table-cell;
    vertical-align:middle;
}

.Vector {
    width: 16px;
    height: 20px;
    background-color: #fff;
}

.or-drag-and-drop-files-here {
    width: 199px;
    height: 24px;
    margin: 4px 0 4px 43px;
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.25px;
    text-align: left;
    color: #5a6f91;
}

.Enter-text {
    /*width: 144px;
    height: 72px;
    margin: 24px 8px 26px;*/
    padding: 24px 26px 24px 24px;
    border-radius: 8px;
    border: solid 1px #23bdc3;
    background-color: #f7fefe;
}

.or {
    width: 15px;
    height: 24px;
    /*margin: 48px 8px 50px;*/
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.Why-are-these-documents-required {
    /*width: 291px;*/
    height: 24px;
    /*margin: 0 0 0 5px;*/
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.25px;
    text-align: left;
    color: #23bdc3;
}

.-Label {
    width: 109px;
    height: 12px;
    flex-grow: 0;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}

.font__default {    
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;  
}

.font__bold {
    font-weight: bold;
}

.color--turquoies{
    color: #23bdc3;
}

.color--orange {
    color: #f36f25;
}

.color--black {
    color: #000000;
}

.color--gray {
    color: #555559;
}

.color--green {
    color: #00945e;
}

.color--white {
    color: #FFFFFF;
}

.Required-doc {
    width: 103px;
    height: 24px;
    margin: 0 3px 0 0;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #f36f25;
}

.rectangle-box--front {
    padding-top: 24px;
    padding-bottom: 24px;
    /*width: 38%;*/
    border-top-color: #23bdc3;
    border-bottom-color: #23bdc3;
    border-left-color: #23bdc3;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;*/
}

.rectangle-box--middle {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top-color: #23bdc3;
    border-bottom-color: #23bdc3;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
}

.rectangle-box--back {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top-color: #23bdc3;
    border-right-color: #23bdc3;
    border-bottom-color: #23bdc3;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    /*border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;*/
}

.rectangle-box-enter-text {
    /*width: 144px;
    height: 72px;
    margin: 24px 8px 26px;*/
    padding: 24px 26px 24px 24px;
    /*border-radius: 8px;*/
    border: solid 1px #23bdc3;
    background-color: #f7fefe;
}

.rectangle-box-item {
    width: 445px;
    height: 72px;
    /*margin: 24px 8px 26px 0;*/
    padding: 12px 31px 12px 24px;
    /*border-radius: 8px;*/
    border: solid 1px #23bdc3;
    background-color: #f7fefe;    
}

.rectangle-box-item--orange {
    width: 445px;
    height: 72px;
    /*margin: 24px 8px 26px 0;*/
    padding: 12px 31px 12px 24px;
    /*border-radius: 8px;*/
    border: solid 1px #f36f25;
    background-color: #f7fefe;
}

.round-box {
    border-radius: 8px;
    border: 1px solid #23bdc3;
}

.rectangle-box {    
    border: 1px solid #23bdc3;
}

.cl2{
    display: none;
}

.cl1:hover .cl2 {
    display: block;
}

.subscribe2, .subscribe1:hover > div:first-child {
    display: none;
}

.subscribe1:hover .subscribe2 {
    display: block;
}


/*-------------------------------End Figma Layout--------------------------*/

.search-status-scopes .scope.active {
    border: 3px solid #6fc055;
    background-color: #fff;
}

.search-status-scopes .scope:hover {
    border: 3px solid #6fc055;
}