/* CSS RESET */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sittercity,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
oneColInfoForm,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    font-family: "Mulish", sans-serif;
}

/* UI Update */
:root {
  --primary: #277489;
  --secondary: #1a475f;
  --accent: #f0bd1b;
  --obsidian: #141823;
  --snowcone: #fff;
  --teal: #eef5fa;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.tooltip {
  position: relative;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px; /* Position the tooltip */
  position: absolute;
  z-index: 1;
  left: 110%;
  top: -110%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

ul {
  list-style: none;
}

.campFinder {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  background: #1a475f;
  background: -moz-linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #1a475f),
    color-stop(50%, #1a475f),
    color-stop(100%, #1a475f)
  );
  background: -webkit-linear-gradient(
    left,
    #1a475f 0%,
    #1a475f 50%,
    #1a475f 100%
  );
  background: -o-linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  background: -ms-linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  background: linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A475F', endColorstr='#1A475F',GradientType=1 );
}
.daycamp {
  color: #fff;
  background: #277489;
  display: inline-block;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  padding: 4px 4px;
  margin-top: 6px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.valFailure {
  color: #bf1616;
  background-color: white;
  border: 3px solid #bf1616;
  text-align: left;
  margin-left: 52px;
  line-height: 2;
  font-weight: bold;
  text-transform: initial;
}
.mainrdbtn {
  overflow: hidden;
  width: 200px;
  overflow: hidden;
  /* //height: 200px; */
}

.pcamp {
  float: left;
  width: 35%;
}
.vcamp {
  float: right;
  width: 60%;
}

#btnCamp {
  height: 29.48px;
  width: 104.84px;
  margin-top: 0px;
  color: #1a475f;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  text-align: center;
}
#disbtnCamp {
  height: 29.48px;
  width: 104.84px;
  margin-top: 0px;
  color: #1a475f;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  text-align: center;
}
.valFailure ul {
  padding-left: 20px;
}
.valFailure li {
  padding-top: 2px;
}

.icon_CampOnly {
  width: 20px;
  height: 20px;
  background: url("../Content/images/tent-w-campfire-sm.png") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.petnousage {
  width: 472px !important;
  height: 288px !important;
  box-sizing: border-box !important;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #ffffff;
  /* Primary - Teal */

  border: 1px solid #277489 !important;
  /* Pendo glow */

  /* box-shadow: 0px 4px 18px 12px rgba(26, 162, 221, 0.25) !important;*/
  border-radius: 10px !important;
}

.pcnousage {
  /* Subheading */

  width: 420px !important;
  height: 48px !important;
  font-family: "Mulish" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 19.2px !important;
  line-height: 24px !important;
  text-align: center !important;
  /* BH Blue (Ocean Mystery) */
  color: #1a475f !important;
  /* Inside auto layout */
  flex: none !important;
  order: 1 !important;
  flex-grow: 0 !important;
  margin-top: 4.75px !important;
  margin-left: 7px !important;
}

.petlink {
  width: 420px !important;
  height: 24px !important;
  /* Body Links */

  font-family: "Mulish" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  /* identical to box height, or 150% */

  text-align: center;
  text-decoration-line: underline;
  /* BH Blue (Ocean Mystery) */

  color: #1a475f !important;
  /* Inside auto layout */

  flex: none !important;
  order: 2 !important;
  flex-grow: 0 !important;
  margin-top: 16px !important;
  margin-left: 5px !important;
}

.petnousagebtn {
  width: 122px !important;
  height: 52px !important;
  border-radius: 10px;
  flex: none !important;
  order: 3 !important;
  flex-grow: 0 !important;
  font-weight: 700 !important;
  font-size: 19.2px !important;
  line-height: 24px !important;
  font-style: normal !important;
  font-family: "Mulish" !important;
  margin-top: 16px !important;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong {
  font-weight: bold;
}

sittercity {
    font-weight: bold;
    color: #FF0064;
}

em {
  font-style: italic;
}

img {
  border: 0;
}


/*@font-face {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: normal;    
    src: url('../Content/fonts/mulish-v11-latin-regular.eot');*/ /* IE9 Compat Modes */
/*src: local(''), url('../Content/fonts/mulish-v11-latin-regular.eot?#iefix') format('embedded-opentype'),*/ /* IE6-IE8 */
/*url('../Content/fonts/mulish-v11-latin-regular.woff2') format('woff2'),*/ /* Super Modern Browsers */
/*url('../Content/fonts/mulish-v11-latin-regular.woff') format('woff'),*/ /* Modern Browsers */
/*url('../Content/fonts/mulish-v11-latin-regular.ttf') format('truetype'),*/ /* Safari, Android, iOS */
/*url('../Content/fonts/mulish-v11-latin-regular.svg#Mulish') format('svg');*/ /* Legacy iOS */
/*}*/

#work {
  width: 420px;
  text-align: center;
  border-bottom: 1px solid #048956;
  line-height: 0.1em;
  margin: 10px 26px 20px;
}

#work span {
  background: #fff;
  padding: 0 10px;
}

#petCarehdg {
  font-family: Mulish;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  font-size: 23.04px;
  line-height: 32px;
  height: 32.31px;
  width: 130px;
  margin-left: 95px;
  margin-top: 24px;
  text-transform: initial;
  margin-bottom: 20px;
}

.infopopup {
  display: none;
  position: absolute;
  z-index: 100;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 250%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  font-family: Mulish;
}

.infopopup-content {
  background-color: #fefefe;
  margin: auto;
  font-family: Mulish;
  border: 1px solid #888;
  width: 472px;
  height: 597px;
  border-radius: 10px;
  background: #ffffff;
  /*box-shadow: 0px 4px 18px 12px rgba(26, 162, 221, 0.25);*/
  border: 1px solid #277489;
}

.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: 29px;
  margin-right: 26px;
}

.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

#clsbtn {
  width: 122px;
  height: 52px;
  left: calc(50% - 122px / 2);
  background: #1a475f;
  border-radius: 10px;
  font-family: Mulish;
}

#line {
  height: 16px;
  width: 420px;
  margin-top: 16px;
  border-bottom: 1px solid #048956;
  margin-left: 26px;
  margin-right: 26px;
}

#btnPet {
  height: 36px;
  width: 116px;
  margin-top: 0px;
  margin-bottom: 24px;
  color: #1a475f;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  align-items: center;
  text-align: center;
}

body {
  background: #fff;
  margin: 0 0 20px;
  color: #333333;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
}

/* Login Header */
#loginHeaderWrapper {
  background: url("../Content/i/login-hdr-bg.gif") repeat-x;
  height: 45px;
}

#loginHeader {
  width: 980px;
  margin: 0 auto;
  padding: 10px 0 10px;
  text-align: left;
  /*background: url('../Content/i/login-hdr-bg.gif') repeat-x;*/
  /*background: -webkit-linear-gradient(left, #d8d8d8 0%,#d8d8d8 100%);*/
  background: #f3f3f3;
}

.optinselection {
  width: 30%;
  height: 40px;
  border: 1px solid lightgrey;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 15px;
  background-color: #fff;
  float: left;
  margin-left: 1em;
}

.optinselection-left {
  float: left;
  width: 70%;
  height: 100%;
}

.optinselection-right {
  float: left;
  width: 30%;
  height: 100%;
  margin-top: 5%;
}

.optinselectiontext {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #333;
  display: inline-block;
  width: auto;
  margin-bottom: 10px;
  margin: 0 1em;
}

/*#lobBenefitAcctMenuWrapper {
    position: relative;
    width: 220px;
    left: 20px;
    top: 9px;
}

#lobBenefitAcctMenu {
    border: 2px solid #797979;
    text-align: left;
    background-color: #f0f0f0;
    position: absolute;
    z-index: 2;
}

    #lobBenefitAcctMenu a:link, #lobBenefitAcctMenu a:visited {
        text-decoration: none;
        color: #204494;
        display: block;
        padding: 4px 12px;
        margin: 2px;
    }*/

/*#lobBenefitAcctMenu a:hover, #lobBenefitAcctMenu a:active {
        background-color: #888;
        color: #fff;
    }*/
.new-select {
  width: 300px;
  height: 50px;
  margin: auto;
  margin-top: 10px;
  text-align: center;
  color: #444;
  line-height: 50px;
  position: relative;
}

/*.new-select .selection:active {
        transform: rotateX(42deg);
        -o-transform: rotateX(42deg);
        -ms-transform: rotateX(42deg);
        -moz-transform: rotateX(42deg);
        -webkit-transform: rotateX(42deg);
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-origin: top;
        -o-transform-origin: top;
        -ms-transform-origin: top;
        -moz-transform-origin: top;
        -webkit-transform-origin: top;
        transition: transform 200ms ease-in-out;
        -o-transition: -o-transform 200ms ease-in-out;
        -ms-transition: -ms-transform 200ms ease-in-out;
        -moz-transition: -moz-transform 200ms ease-in-out;
        -webkit-transition: -webkit-transform 200ms ease-in-out;
    }

    .new-select .selection {
        width: 100%;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        cursor: pointer;
        position: relative;
        z-index: 20; 
        transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-origin: top;
        -o-transform-origin: top;
        -ms-transform-origin: top;
        -moz-transform-origin: top;
        -webkit-transform-origin: top;
        transition: transform 200ms ease-in-out;
        -o-transition: -o-transform 200ms ease-in-out;
        -ms-transition: -ms-transform 200ms ease-in-out;
        -moz-transition: -moz-transform 200ms ease-in-out;
        -webkit-transition: -webkit-transform 200ms ease-in-out;
    }

        .new-select .selection p {
            width: calc(100% - 60px);
            position: relative;
            transition: all 200ms ease-in-out;
            -o-transition: all 200ms ease-in-out;
            -ms-transition: all 200ms ease-in-out;
            -moz-transition: all 200ms ease-in-out;
            -webkit-transition: all 200ms ease-in-out;
        }

        .new-select .selection:hover p, .new-select .selection.open p {
            color: #bdc3c7;
        }
        .new-select .selection i {
            display: block;
            width: 1px;
            height: 70%;
            position: absolute;
            right: -1px;
            top: 15%;
            bottom: 15%;
            border: none;
            background-color: #bbb;
        }

        .new-select .selection > span {
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 14px 8px 0 8px; 
            border-color: #bbb transparent transparent transparent;
            position: absolute;
            top: 18px; 
            right: 22px; 
        }

       .new-select .selection.open > span {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 8px 14px 8px;
            border-color: transparent transparent #bbb transparent;
        }*/

.new-option {
  text-align: center;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  margin-top: 1px;
  position: absolute;
  left: 0;
  right: 0;
  transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
}

.new-option p {
  width: calc(100% - 60px);
  line-height: 50px;
}

.new-option.reveal:hover {
  background-color: #204494;
  color: #f5f5f5;
}

/*.menuArrowLOB {
    text-decoration: none !important;
    padding-right: 40px;
    background: url('../content/i/light_blue_arrow.png') right 3px no-repeat;
}*/

.wrap {
  display: inline-block;
}

.menuArrowLOB {
  float: right;
  padding-right: 20px;
}

.arrow:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-left: 0;
  border-bottom: 0;
  margin-top: -13px;
  margin-left: 5px;
}

.benefitarrow:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: 2px solid;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-left: 0;
  border-bottom: 0;
  margin-top: 3px;
  margin-left: 5px;
}

.centertext {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 1px;
  padding: 15px 4px 4px 4px;
  font-family: Muli, sans-serif !important;
}

.page-header {
  font-family: "Mulish", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--secondary);
  letter-spacing: 1px;
  padding: 15px 0;
  /*text-transform: uppercase;*/
  margin-top: 46px;
  float: left;
  margin-left: 30px;
}

/*.serviceselection-left {
    float: left;
    width: 20%;
    height: 50px;
}*/

.serviceselection-right {
  float: left;
  width: 100%;
  height: 50px;
  text-align: left;
}

#loginHeader ul.lrBox {
  margin: 0 5px;
}

#loginHeader ul.lrBox li.site {
  width: 300px;
}

#loginHeader ul.lrBox li.loginAcct {
  float: left;
  text-align: left;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #333;
}

#loginHeader ul.lrBox li.logoutAcct {
  float: right;
  text-align: Right;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  color: #333;
  padding-right: 5px;
  height: 20px;
  width: auto;
}

#loginHeader a:link,
#loginHeader a:visited {
  text-decoration: none;
  color: #204494;
}

#loginHeader a:hover,
#loginHeader a:active {
  text-decoration: underline;
}

/*#loginHeader a.menuArrow:link, #loginHeader a.menuArrow:visited {
    /*background: url('../Content/i/login-menu-arrow.png') right 3px no-repeat;*/
/*padding-right: 20px;
}*/

/*#benefitAcctMenuWrapper {
    /*position: relative;
    width: 220px;
    left: 130px;
    top: 9px;
}*/

/*#benefitAcctMenu {
    border: 2px solid #797979;
    text-align: left;
    background-color: #f0f0f0;
    position: absolute;
    z-index: 2;
}*/

/*#benefitAcctMenu a:link, #benefitAcctMenu a:visited {
        text-decoration: none;
        color: #333;
        display: block;
        padding: 4px 12px;
        margin: 2px;
    }

    #benefitAcctMenu a:hover, #benefitAcctMenu a:active {
        background-color: #888;
        color: #fff;
    }*/

/*#lobBenefitAcctMenuWrapper {
    position: relative;
    width: 220px;
    left: 20px;
    top: 9px;
}

#lobBenefitAcctMenu {
    border: 2px solid #797979;
    text-align: left;
    background-color: #f0f0f0;
    position: absolute;
    z-index: 2;
}

    #lobBenefitAcctMenu a:link, #lobBenefitAcctMenu a:visited {
        text-decoration: none;
        color: #204494;
        display: block;
        padding: 4px 12px;
        margin: 2px;
    }

    #lobBenefitAcctMenu a:hover, #lobBenefitAcctMenu a:active {
        background-color: #888;
        color: #fff;
    }*/
/* Logo Header */
#logoHeaderWrapper {
  height: 96px;
}

#logoHeader {
  width: 960px;
  margin: 0 auto;
  padding: 4px 0;
  text-align: left;
}

/*#logoHeader ul.lrBox li {
        width: 480px;
    }*/

#logoHeader ul.lrBox li.corpLogo {
  width: 480px;
  float: right;
  text-align: right;
}

#logoHeader ul.lrBox li.bucaAddress {
  width: 480px;
  float: right;
  text-align: right;
}

/* Page Wrapper and Header Navigation */

#pageWrapperBot {
  text-align: left;
  width: 1000px;
  margin: 0 auto;
}

#pageWrapper {
  background: url("../Content/i/page-bg.gif");
  min-height: 500px;
  border: 1px solid #d2d2d2;
  margin: 0 10px;
}

#pageContent {
  padding: 20px 20px 40px;
}

#frameContent {
  background: url("../Content/i/page-bg.gif");
  text-align: left;
  padding: 50px 18px 20px;
}

#pageHeader {
  padding: 20px;
  margin: -20px -20px 20px;
  background: #fff url("../Content/i/page-hdr-bg.gif") repeat-x bottom;
  min-height: 74px;
  box-sizing: border-box;
}

#pageWrapperPrint {
  text-align: left;
  width: 980px;
  margin: 0 auto;
  border: 1px solid #d2d2d2;
}

#sectionNavWrapper {
  background: #fec232 url("../Content/i/page-hdr-bg.gif") repeat-x bottom;
  padding-bottom: 3px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}

#sectionNavWrapperCCP {
    background: #fec232 url("../Content/i/page-hdr-bg.gif") repeat-x bottom;
    padding-bottom: 3px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

#sectionNav {
  text-align: center;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #1a475f;
  background: #fec232;
  background: -moz-linear-gradient(left, #fec232 0%, #facb5b 50%, #fec232 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #fec232),
    color-stop(50%, #facb5b),
    color-stop(100%, #fec232)
  );
  background: -webkit-linear-gradient(
    left,
    #fec232 0%,
    #facb5b 50%,
    #fec232 100%
  );
  background: -o-linear-gradient(left, #fec232 0%, #facb5b 50%, #fec232 100%);
  background: -ms-linear-gradient(left, #fec232 0%, #facb5b 50%, #fec232 100%);
  background: linear-gradient(left, #fec232 0%, #facb5b 50%, #fec232 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec232', endColorstr='#fec232',GradientType=1 );
}

#sectionNav a:link,
#sectionNav a:visited {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 2px;
  color: #1a475f;
  text-decoration: none;
}

#sectionNav a:hover,
#sectionNav a:active,
#sectionNav a.active {
  background-color: #3b5fb2;
  color: #fff;
}

#headerNav {
  padding: 5px 10px;
  font-family: "Mulish", sans-serif;
  font-size: 11px;
  color: var(--snowcone);
  background-color: var(--secondary);
}

#headerNavLine {
  font: 1px / px monospace;
  height: 1px;
  margin-top: 1px;
  background: #1a475f;
  background: -moz-linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #1a475f),
    color-stop(50%, #1a475f),
    color-stop(100%, #1a475f)
  );
  background: -webkit-linear-gradient(
    left,
    #1a475f 0%,
    #1a475f 50%,
    #1a475f 100%
  );
  background: -o-linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  background: -ms-linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  background: linear-gradient(left, #1a475f 0%, #1a475f 50%, #1a475f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1A475F', endColorstr='#1A475F',GradientType=1 );
}

#headerNav ul.lrBox li.primaryNav {
  width: 700px;
}

#headerNav ul.lrBox li.secondaryNav {
  /*width: 258px;*/
  padding-top: 10px;
  float: right;
  text-align: right;
}

.primaryNav a:link,
.primaryNav a:visited,
.primaryNav.active {
  display: inline-block;
  padding: 10px 12px;
  margin: 0 4px;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: var(--snowcone);
  text-decoration: none;
}

.primaryNav a:hover,
.primaryNav a:active,
.primaryNav a.active:link,
.primaryNav a.active:visited {
  background: url("../Content/i/nav-active-bg.png");
}

.secondaryNav a:link,
.secondaryNav a:visited,
.secondaryNav.active {
  display: inline-block;
  margin: 0 4px;
  font-family: "Mulish", sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

.secondaryNav a:hover,
.secondaryNav a:active {
  text-decoration: underline;
}

/* Footer */
#footer {
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 0;
  text-align: left;
  font-size: 12px;
}

#footer ul.lrBox li.copyright {
  width: 470px;
}

#footer ul.lrBox li.ftrLinks {
  width: 470px;
  float: right;
  text-align: right;
}

#footer li.ftrLinks a:link,
#footer li.ftrLinks a:visited {
  color: #666;
  text-decoration: none;
}

#footer li.ftrLinks a:hover,
#footer li.ftrLinks a:active {
  color: #3b5fb2;
  text-decoration: underline;
}

/* List styles */
ol {
  list-style: decimal;
  margin: 10px 0 15px 30px;
}

ol.dividerLines li,
ul.lrBox li ol.dividerLines li {
  background: url("../Content/i/dotted-line.gif") repeat-x bottom left;
  padding-bottom: 8px;
}

ol.dividerLines li li,
ul.lrBox li ol.dividerLines li li {
  background: none;
  padding: 0;
}

ul.lrBox li ol li {
  margin: 0 0 5px;
  float: none;
}

ul.stdBullets {
  margin: 10px 0;
}

ul.stdBullets li,
li ul.stdBullets li {
  list-style-type: disc;
  float: none;
  margin: 0 0 8px 30px;
  font-weight: normal;
}

ul.stdBulletsNoIndent li,
li ul.stdBulletsNoIndent li {
  list-style-type: disc;
  float: none;
  margin: 0 0 8px 10px;
  font-weight: normal;
}

ul.listNoBullets li,
li ul.listNoBullets li {
  list-style-type: none;
  float: none;
  display: block;
  margin: 0 0 8px;
  font-weight: normal;
}

/* Column layouts */
ul.lrBox {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.lrBox li {
  padding: 0;
  float: left;
}

ul.lrBox li.rt,
ul.lrBox li.rtRt {
  float: right;
}

ul.lrBox li.rtRt {
  text-align: right;
}

ul.hdrLine {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

ul.hdrLine li h4 {
  margin: 3px 0;
}

ul.hdrLineUtil {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  padding-bottom: 2px;
  width: 268px;
}

ul.hdrLineUtil li {
  padding: 2px 0;
  width: 210px;
}

ul.hdrLineUtil li.rt {
  padding: 2px 0;
  width: 50px;
  text-align: right;
}

/* Narrower Right Column */
#pageTwoColRightSm {
  margin: 0;
  width: 938px;
}

#pageTwoColRightSm li.colA {
  width: 620px;
}

#pageTwoColRightSm li.colCCA {
  width: 938px;
}

#pageTwoColRightSm li.colCCAP {
  width: 898px;
}

#pageTwoColRightSm li.colB {
  width: 288px;
  float: right;
}

/* Narrower Left Column */
#pageTwoColLeftSm {
  margin: 0;
  width: 938px;
}

#pageTwoColLeftSm li.colA {
  width: 288px;
}

#pageTwoColLeftSm li.colB {
  width: 620px;
  float: right;
}

/* Header and Text styles*/
h1 {
  font-family: "Mulish", sans-serif !important;
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  color: var(--secondary);
  text-transform: capitalize;
  margin: 0;
}

h1 span {
  color: var(--secondary);
}

h2 {
  font-family: "Mulish", sans-serif !important;
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: var(--secondary);
  margin: 0 0 8px;
  text-transform: capitalize;
}

h2.noCaps {
  text-transform: none;
}

h2 span {
  color: #838384;
}

h2 sup {
  font-size: 14px;
}

h2.line {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
  color: #1a475f;
  margin: 0 0 8px;
  text-transform: capitalize;
  border-bottom: 1px solid #ccc;
}

h3 {
  font-family: "Mulish", Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #333;
  margin: 20px 0 5px;
  text-transform: capitalize !important;
}

h3 span {
  text-transform: none;
}

h3.noTopMargin {
  margin-top: 0;
}

h4 {
  font-family: "Mulish", Arial, sans-serif !important;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #333;
  padding-bottom: 3px;
  margin: 3px 0 10px;
  text-transform: capitalize;
  border-bottom: 1px solid #ccc;
}

.formMod h3,
.formModNoHdr h3,
.formMod h3.noLine {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #1a475f;
  padding-bottom: 3px;
  margin: 0 0 20px;
  text-transform: capitalize;
  border-bottom: 1px solid #ccc;
}

.formMod h3.noLine,
h4.noLine,
.shadowBoxMod h4.noLine {
  border-bottom: 0;
  margin: 0;
  padding: 0;
}

.formMod h4 {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #666;
  margin: 0 0 5px;
  text-transform: capitalize;
  border: 0;
}

h4 span {
  text-transform: capitalize;
  font-family: HelveticaNeue,Arial;
  color: #666;
}

h5 {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #1a475f;
  margin: 0;
}

h6 {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #666;
  margin: 0 0 10px;
  text-transform: capitalize;
}

h5.line {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

h5.noMargin {
  margin: 0;
}

.hdrLine h5 {
  margin: 0;
}

.hdrStatus {
  color: #666;
  text-transform: capitalize;
}

.b {
  font-weight: bold;
}

p {
  margin: 0 0 10px;
  line-height: 18px;
}

.red {
  /*color: #f00;*/
  color: #c30000;
}

.green {
  color: #393;
}

.gray {
  color: #999;
}

.t12 {
  font-size: 12px;
}

.t14 {
  font-size: 14px;
}

.t14Caps {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #333;
  text-transform: uppercase;
  margin-right: 10px;
}

.t12Caps {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #333;
  text-transform: uppercase;
  margin-right: 5px;
}

.t15 {
  font-size: 15px;
}

.txtRt {
  text-align: right;
}

.txtCtr {
  text-align: center;
}

.middle {
  vertical-align: middle;
}

.floatRt {
  float: right;
}

.floatRtFlex {
  float: right;
  padding-right: 40px;
}

.inline {
  display: inline-block;
}

.indent {
  margin: 5px 0 5px 25px;
}

li.label .indent {
  margin: 0 0 0 15px;
}

.uploadForm {
  margin: 10px 0;
}

.txtCaps {
  text-transform: uppercase;
}

/* Breadcrumb and Wizard Step styles*/
#breadcrumbs {
  float: right;
  text-align: right;
  font-size: 12px;
  padding-top: 5px;
}

#wizardSteps {
  float: right;
  clear: right;
}

#wizardSteps div {
  float: left;
  width: 105px;
  line-height: 16px;
}

#wizardSteps div.last {
  float: left;
  width: 80px;
  line-height: 16px;
}

#wizardSteps div span {
  display: block;
  float: left;
  width: 34px;
  height: 34px;
  background: url("../Content/i/steps.png") no-repeat;
  vertical-align: middle;
  margin-right: 5px;
}

#wizardSteps div span.step-1-on,
#wizardSteps div a.step-1:hover span.step-1-off,
#wizardSteps div a.step-1:active span.step-1-off {
  /*background-color: #fec336;*/
  background-color: #1a475f;
  background-position: 0 0;
}

#wizardSteps div span.step-1-off {
  background-color: #999;
  background-position: -35px 0;
}

#wizardSteps div span.step-2-on,
#wizardSteps div a.step-2:hover span.step-2-off,
#wizardSteps div a.step-2:active span.step-2-off {
  /*background-color: #fec336;*/
  background-color: #1a475f;
  background-position: 0 -35px;
}

#wizardSteps div span.step-2-off {
  background-color: #999;
  background-position: -35px -35px;
}

#wizardSteps div span.step-3-on,
#wizardSteps div a.step-3:hover span.step-3-off,
#wizardSteps div a.step-3:active span.step-3-off {
  /*background-color: #fec336;*/
  background-color: #1a475f;
  background-position: 0 -70px;
}

#wizardSteps div span.step-3-off {
  background-color: #999;
  background-position: -35px -70px;
}

#wizardSteps div span.step-4-on,
#wizardSteps div a.step-4:hover span.step-4-off,
#wizardSteps div a.step-4:active span.step-4-off {
  /*background-color: #fec336;*/
  background-color: #1a475f;
  background-position: 0 -105px;
}

#wizardSteps div span.step-4-off {
  background-color: #999;
  background-position: -35px -105px;
}

#wizardSteps div span.step-5-on,
#wizardSteps div a.step-5:hover span.step-5-off,
#wizardSteps div a.step-5:active span.step-5-off {
  /*background-color: #fec336;*/
  background-color: #1a475f;
  background-position: 0 -140px;
}

#wizardSteps div span.step-5-off {
  background-color: #999;
  background-position: -35px -140px;
}

#wizInstructions {
  clear: right;
  float: right;
  margin-top: 5px;
  font-size: 13px;
}

#wizardSteps a:link,
#wizardSteps a:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  color: #666;
  text-decoration: none;
}

#wizardSteps a:hover,
#wizardSteps a:active {
  color: #204494;
}

/* IFRAME Styles */
#frameContent #pageHeader {
  background-image: none;
  background-color: transparent;
  padding: 20px;
  margin: -20px 0 20px;
}

#frameContentCCP #pageHeader {
    background-color: transparent;
    background: #fff url("../Content/i/page-hdr-bg.gif") repeat-x bottom;
    padding: 20px;
    margin: -20px -20px 20px;
}

#frameContent #pageHeader h1 {
  font-size: 24px;
  color: #1a475f;
  margin: 0;
}

#frameContentCCP #pageHeader h1 {
    font-size: 24px;
    color: #1a475f;
    margin: 0;
}

#frameContent #btnMakeRes,
#frameContent #breadcrumbs {
  display: none;
}

#frameContentCCP #btnMakeRes,
#frameContentCCP #breadcrumbs {
    display: none;
}

#frameContent #stdHdr,
#frameHdr {
  display: none;
}

#frameContentCCP #stdHdr,
#frameHdr {
    display: none;
}

#frameContent #frameHdr {
  display: block;
}

#frameContentCCP #frameHdr {
    display: block;
}

/* Reservation Header with Recipient Icons */
.resStepPad {
  padding-left: 15px;
  margin: 15px 0 25px;
}

#resRecipientHdr {
  width: 936px;
  margin: 0 0 20px;
  border-bottom: 1px solid #ddd;
}

#resRecipientHdrSm {
  width: 620px;
  margin: 0 0 20px;
  border-bottom: 1px solid #ddd;
}

#resRecipientHdr li.hdr {
  width: 470px;
  padding-top: 30px;
}

#resRecipientHdr li.hdrNP {
  width: 470px;
}

#resRecipientHdrSm li.hdr {
  width: 230px;
  padding-top: 30px;
}

#resRecipientHdr li.hdr h2,
#resRecipientHdrSm li.hdr h2 {
  margin: 0;
}

#resRecipientHdr li.recipient,
#resRecipientHdrSm li.recipient {
  width: 90px;
  margin-left: 5px;
  float: right;
  text-align: center;
  overflow: hidden;
  line-height: 13px;
  font-weight: bold;
  padding-bottom: 5px;
}

#resRecipientHdr li.recipient img,
#resRecipientHdrSm li.recipient img {
  display: inline-block;
}

#resRecipientHdr li.actions {
  width: 300px;
  float: right;
  text-align: right;
}

.resRecipientCare ul.lrBox {
  width: 620px;
  margin: 15px 0;
}

.resRecipientCare ul.lrBox li.recipient {
  width: 50px;
  text-align: center;
}

.resRecipientCare ul.lrBox li.instructions {
  width: 560px;
}

.resRecipientCareMod {
  float: left;
  width: 465px;
}

.resRecipientCareMod ul.lrBox {
  width: 440px;
  margin: 15px 0;
}

.resRecipientCareMod ul.lrBox li.recipient {
  width: 50px;
  text-align: center;
}

.resRecipientCareMod ul.lrBox li.instructions {
  width: 390px;
}

/* MODULE LAYOUTS*/

/* Message Box */
#msgBox,
#msgBoxNew,
#msgBoxDef {
  background: url("../Content/i/msg-box-shadow.png") bottom no-repeat;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#msgHdr,
#msgHdrNew,
#msgHdrDef {
  padding: 4px 10px;
  color: #333333;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  background: #f3d54e;
  /*background: -moz-linear-gradient(left,  #e9a80c 0%, #edbb42 50%, #e9a80c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9a80c), color-stop(50%,#edbb42), color-stop(100%,#e9a80c));
    background: -webkit-linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    background: -o-linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    background: -ms-linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    background: linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9a80c', endColorstr='#e9a80c',GradientType=1 );*/
}

#msgHdr.crisisCareMessageHeader {
  padding: 4px 10px;
  color: #fff;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  background: #8c8c8c;
}

#msgCCare {
  padding: 4px 10px;
  color: #141823;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  background: #f0bd1b;
  /*background: -moz-linear-gradient(left,  #e9a80c 0%, #edbb42 50%, #e9a80c 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9a80c), color-stop(50%,#edbb42), color-stop(100%,#e9a80c));
    background: -webkit-linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    background: -o-linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    background: -ms-linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    background: linear-gradient(left,  #e9a80c 0%,#edbb42 50%,#e9a80c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9a80c', endColorstr='#e9a80c',GradientType=1 );*/
}

#msgContent,
#msgContentNew,
#msgContentDef {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 10px;
  background-color: #fff;
}

#msgCCAContent {
  border: 1px solid #f0bd1b;
  border-top: 0;
  padding: 10px;
  background-color: #fff;
  display: inline-block;
}

.msg {
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url("../Content/i/dotted-line.gif") repeat-x bottom;
  width: 598px;
  overflow: hidden;
}

.msgLast {
  margin-bottom: 10px;
}

.msg strong,
.msgLast strong {
  display: block;
}

.msgCenter {
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url("../Content/i/dotted-line.gif") repeat-x bottom;
  width: 598px;
  overflow: hidden;
}

/* Reservation Module */
.resMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 0 10px 10px;
  margin-bottom: 20px;
  background-color: var(--teal);
}

.resModCompleted {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 0 10px;
  margin-bottom: 20px;
  background-color: var(--teal);
}

.resMod ul.lrBox {
  width: 598px;
  margin-top: 10px;
}

.resMod ul.lrBox li.providers,
.resMod ul.lrBox li.providers ul.lrBox {
  width: 360px;
  margin: 0;
}

.resMod ul.lrBox li.recipients {
  width: 210px;
  float: right;
}

.resMod ul.lrBox li.providers ul.lrBox li.location {
  width: 205px;
}

.resMod ul.lrBox li.providers ul.lrBox li.action {
  width: 140px;
  float: right;
}

.resModHdr {
  margin: 0 -10px;
  padding: 8px 10px 6px;
  background-color: var(--snowcone);
}

.resModHdr ul.lrBox {
  width: 598px;
  margin: 0;
}

.resModHdr ul.lrBox li.status {
  width: 150px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #333;
}

.resModHdr ul.lrBox li.date {
  width: 270px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #333;
}

.resModHdr ul.lrBox li.update {
  width: 120px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  color: #f00;
}

.resModHdr ul.lrBox li.action {
  width: 50px;
  float: right;
  text-align: right;
}

.resModHdr ul.lrBox li.actionWide {
  width: 170px;
  float: right;
  text-align: right;
}

#resType {
  margin: 5px 0 -10px;
}

#resType input {
  margin-bottom: 5px;
}

/* Choose Care Recipient Module */
.chooseRecipientMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  margin-bottom: 10px;
  background-color: #fff;
  width: 630px;
}

.chooseRecipientMod ul.lrBox {
  width: 630px;
}

.chooseRecipientMod ul.lrBox li.select {
  width: 45px;
  padding-top: 15px;
  text-align: center;
}

.chooseRecipientMod ul.lrBox li.user {
  width: 300px;
  padding: 5px 0;
}

.chooseRecipientMod ul.lrBox li.healthStatus {
  width: 450px;
  float: right;
  border-left: 1px solid #ddd;
  background-color: #f5f5f5;
}

.chooseRecipientMod ul.lrBox li.healthStatus div {
  padding: 12px 10px 12px 25px;
}

.chooseRecipientMod ul.lrBox li.healthProfileInfo div {
  width: 285px;
  padding-top: 15px;
  width: 221;
  border-right-width: 10px;
  background-color: #f5f5f5;
}

.chooseRecipientMod ul.lrBox li.healthStatus div .dotDivider {
  padding: 0;
}

.chooseRecipientMod ul.lrBox li ul.lrBox {
  width: 415px;
}

.chooseRecipientMod ul.lrBox li ul.lrBox li.rt {
  width: 120px;
}

/* Duplicate Reservation*/
.chooseRecipientModDup {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  margin-bottom: 10px;
  background-color: #fff;
  width: 400px;
}

.chooseRecipientModDup ul.lrBox {
  width: 400px;
}

.chooseRecipientModDup ul.lrBox li.select {
  width: 45px;
  padding-top: 15px;
  text-align: center;
}

.chooseRecipientModDup ul.lrBox li.user {
  width: 300px;
  padding: 5px 0;
}

.chooseRecipientModDup ul.lrBox li.healthStatus {
  width: 450px;
  float: right;
  border-left: 1px solid #ddd;
  background-color: #f5f5f5;
}

.chooseRecipientModDup ul.lrBox li.healthStatus div {
  padding: 12px 10px 12px 25px;
}

.chooseRecipientModDup ul.lrBox li.healthProfileInfo div {
  width: 285px;
  padding-top: 15px;
  width: 221;
  border-right-width: 10px;
  background-color: #f5f5f5;
}

.chooseRecipientModDup ul.lrBox li.healthStatus div .dotDivider {
  padding: 0;
}

.chooseRecipientModDup ul.lrBox li ul.lrBox {
  width: 415px;
}

.chooseRecipientModDup ul.lrBox li ul.lrBox li.rt {
  width: 120px;
}

/* Choose Program Module */
.chooseProgramMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  margin-bottom: 10px;
  background-color: #fff;
}

.chooseProgramMod ul.lrBox {
  width: 910px;
}

.chooseProgramMod ul.lrBox li.select {
  width: 45px;
  padding: 6px 0;
  text-align: center;
}

.chooseProgramMod ul.lrBox li.title {
  width: 750px;
  padding: 8px 0;
}

.chooseProgramMod ul.lrBox li.action {
  width: 100px;
  padding: 6px 0;
  text-align: right;
  float: right;
}

/* Reservation Step 2 */
.clsOvernight input.w100 {
  width: 100px !important;
  margin-right: 5px;
}

.clsIndividualDate input.w200 {
  width: 265px !important;
  margin-right: 5px;
}

.clsStartTime input.w90 {
  width: 60px !important;
}

.clsEndTime input.w90 {
  width: 60px !important;
}

.clsOvernight span {
  padding: 0px 2px 0px 2px;
}

.lnkOvernight {
  color: #e9a80c !important;
}

.dvFlexiFrom1 input.w90 {
  width: 90px !important;
}

.dvFlexiTo2 input.w90 {
  width: 90px !important;
}

/* Choose When/Where Module */
#chooseDateTimeMod,
#chooseDateTimeModNoFlex,
#chooseLocation {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 0 15px 10px;
  margin: 0 0 5px;
  background-color: #fff;
}

#chooseDateTimeMod ul.lrBox,
#chooseDateTimeModNoFlex ul.lrBox,
#chooseLocation ul.lrBox {
  width: 906px;
}

#chooseDateTimeMod li,
#chooseDateTimeModNoFlex li {
  padding: 10px 0 0;
}

#chooseDateTimeMod #RecipientDateTimeInfo li,
#chooseDateTimeModNoFlex #RecipientDateTimeInfo li {
  padding: 0;
}

#chooseDateTimeMod li.recipients {
  width: 226px;
}

#chooseDateTimeMod li.date {
  width: 300px;
}

#chooseDateTimeMod li.startTime,
#chooseDateTimeMod li.endTime {
  width: 190px;
}

#chooseDateTimeModNoFlex li.recipients {
  width: 143px;
}

#chooseDateTimeModNoFlex li.date {
  width: 350px;
}

#chooseDateTimeModNoFlex li.startTime,
#chooseDateTimeModNoFlex li.endTime {
  width: 171px;
}

#chooseDateTimeMod li div,
#chooseDateTimeModNoFlex li div,
#chooseLocation li div {
  padding-right: 20px;
}

#chooseDateTimeModNoFlex li.date input {
  width: 290px;
}

#chooseLocation li {
  padding: 15px 0;
}

#chooseLocation li.type {
  width: 170px;
}

#chooseLocation li.distance {
  width: 140px;
}

#chooseLocation li.location {
  width: 580px;
}

#chooseLocation li.location div {
  padding: 0;
}

#chooseLocation ul.lrBox ul {
  width: auto;
}

#chooseLocation ul.lrBox ul li {
  padding: 0;
}

/* Choose When/Where Modules */
.chooseLocationMod {
  width: 280px;
  border-right: 1px solid #ddd;
  margin: 20px 20px 20px 0;
  float: left;
}

.chooseLocationMod ul.lrBox {
  width: 260px;
}

.chooseLocationMod li.radio {
  width: 28px;
}

.chooseLocationMod li.location {
  width: 198px;
}

.chooseLocationMod li.action {
  width: 30px;
  float: right;
  text-align: right;
}

.noLine {
  border-right: 0;
}

.locationMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 10px 15px;
  margin: 0 0 20px;
  background-color: #fff;
}

.locationMod input[type="text"],
.locationMod select {
  margin-right: 10px;
}

/* Verify Info Module */
.verifyInfoCols {
  width: 910px;
}

.verifyInfoCols li {
  width: 540px;
}

.verifyInfoCols li.col2 {
  float: right;
  width: 340px;
}

.verifyInfoCols li.col1 label {
  width: auto;
  display: block;
  margin: 0;
}

.verifyInfoCols li.col2 label {
  width: auto;
  display: block;
}

/* Provider Module */
.providerMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 0 10px;
  margin: 5px 0 15px;
  background-color: var(--teal);
}

.providerMod ul.lrBox {
  width: 598px;
  margin: 10px 0;
}

.providerMod ul.lrBox li.location {
  width: 180px;
}

.providerMod ul.lrBox li.datesHours {
  width: 209px;
}

.providerMod ul.lrBox li.datesHours div {
  padding-left: 29px;
}

.providerMod ul.lrBox li.other {
  width: 240px;
  float: right;
}

.providerModHdr {
  margin: 0 -10px;
  padding: 6px 10px;
  background: var(--snowcone);
}

.providerModHdr ul.lrBox {
  width: 598px;
  margin: 0;
}

.providerModHdr ul.lrBox li.icon {
  width: 40px;
}

.providerModHdr ul.lrBox li.name {
  width: 440px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #333;
}

.providerModHdr ul.lrBox li.action {
  width: 140px;
}

.providerModHdr ul.lrBox li.arrow {
  width: 30px;
  float: right;
  text-align: right;
}

.providerModFtr {
  border-top: 1px solid #ddd;
  padding: 5px 10px;
  margin: 10px -10px 0;
  background: #f4f5f5;
}

.providerModFtr ul.lrBox {
  width: 598px;
  margin: 0;
}

.providerModFtr ul.lrBox li.pref {
  width: 50%;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
}

.providerModFtr ul.lrBox li.action {
  width: 200px;
  float: right;
  text-align: right;
  padding-top: 2px;
}

/* Priority Access Provider Module */
.paProviderMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 0 10px;
  margin: 5px 0 15px;
  background-color: #fff;
}

.paProviderMod .providerModHdr ul.lrBox {
  width: 598px;
  margin: 0;
}

.paProviderMod ul.lrBox {
  width: 598px;
  margin: 10px 0;
}

.paProviderMod ul.lrBox li.location {
  width: 160px;
}

.paProviderMod ul.lrBox li.contact {
  width: 269px;
}

.paProviderMod ul.lrBox li.contact div {
  padding-left: 29px;
}

.paProviderMod ul.lrBox li.other {
  width: 140px;
  float: right;
}

ul.providerSelection {
  width: 598px;
}

ul.providerSelection li {
  width: 258px;
}

ul.providerSelection li.num {
  width: 20px;
}

ul.providerSelection li.details {
  width: 120px;
}

ul.providerSelection li.rt {
  width: 190px;
}

ul.providerSelection li.rt select {
  width: 180px;
  margin: 0;
}

/* Care Profile Wizard Module */
.careProfileWizardMod {
  margin-bottom: 35px;
}

.careProfileWizardMod ul.lrBox {
  width: 620px;
  margin: 10px 0;
}

.careProfileWizardMod ul.lrBox li {
  width: 155px;
  margin: 0;
  text-align: center;
}

.careProfileWizardMod ul.lrBox li div {
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 0 10px 1px 0;
  padding: 14px 0 34px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}

.careProfileWizardMod ul.lrBox li div.checked {
  background: #fff url("../Content/i/icon-checkmark.png") no-repeat bottom
    center;
}

.careProfileWizardModHdr {
  margin: 0 -10px;
  padding: 4px 10px;
  background: #fefefe;
  text-align: center;
  background: -moz-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fefefe),
    color-stop(100%, #d1d2d3)
  );
  background: -webkit-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d2d3',GradientType=0 );
}

.careProfileWizardMod h1 {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #1a475f;
  margin: 0;
  text-transform: none;
}

.careProfileWizardMod ul.lrBox li a {
  text-decoration: none;
}

/* Care Profile Module (Care Profile Index)*/
.careProfileWizardMod2 {
  margin-bottom: 35px;
  text-align: center;
}

.careProfileWizardMod2 ul.lrBox {
  width: 938px;
  margin: 10px 0 10px 50px;
}

.careProfileWizardMod2 ul.lrBox li {
  width: 210px;
  margin: 0;
  text-align: center;
}

.careProfileWizardMod2 ul.lrBox li div {
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 0 15px 1px 0;
  padding: 10px 0 30px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}

.careProfileWizardMod2 ul.lrBox li div.checked {
  background: #fff url("../Content/i/icon-checkmark.png") no-repeat bottom
    center;
}

.careProfileWizardMod2 h1 {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  color: #1a475f;
  margin: 0 20px 0 0;
  text-transform: none;
  text-align: center;
  display: inline-block;
}

.careProfileWizardMod2 ul.lrBox li a {
  text-decoration: none;
}

/* Preferred Provider Module */
.prefProviderMod {
  width: 185px;
  border-right: 1px solid #ddd;
  margin: 10px 20px 10px 0;
  float: left;
}

.prefProviderMod ul.lrBox {
  width: 185px;
}

.prefProviderMod li.rank {
  width: 15px;
  font-size: 16px;
}

.prefProviderMod li.provider {
  width: 170px;
}

.noLine {
  border-right: 0;
}

/* Auth Contact Access Level */
ul.accessLevels {
  margin: 0 0 10px;
}

ul.accessLevels li.emergency {
  width: 260px;
  border: 3px solid #ddd;
  background-color: #efefef;
}

ul.accessLevels li.emergency div {
  padding: 10px;
}

ul.accessLevels li.others {
  width: 590px;
  float: right;
  padding-top: 11px;
}

/* Care Recip Auth Contact Access Level */
td.accessSettings input {
  vertical-align: middle;
}

td.accessSettings span {
  display: inline-block;
  width: 145px;
}

/* Checkbox lists for caregiver profile */
.checkboxList div {
  float: left;
  width: 200px;
  margin-bottom: 10px;
  line-height: 14px;
}

.checkboxList input[type="checkbox"] {
  float: left;
  margin: 0 5px 5px 0;
  vertical-align: middle;
}

/* Shadow box used on reservation details */
.shadowBoxWrapper {
  background: url("../Content/i/940-shadow.png") bottom no-repeat;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.shadowBoxWrapperSm {
  background: url("../Content/i/620-shadow.png") bottom no-repeat;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.shadowBoxMod {
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 15px;
}

.shadowBoxMod h2 {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #e9a80c;
  margin: 0 0 15px;
  text-transform: uppercase;
}

.shadowBoxMod h3 {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #333;
  margin: 0 0 10px;
  /* padding:  */
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
  padding-bottom: 4px;
}

.shadowBoxMod h4 {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #333;
  margin: 0;
  padding: 5px 10px;
}

.shadowBoxMod ul.hdrLine h3 {
  border: 0;
  margin: 0;
}

.shadowBoxMod h3.noLine {
  border: 0;
}

.shadowBoxMod .indent {
  margin: 5px 0 0 20px;
}

ul.resDetails li.name {
  width: 270px;
}

.shadowBoxMod .twoCol,
.twoCol {
  width: 906px;
}

.shadowBoxMod .twoCol li.col1,
.twoCol li.col1 {
  width: 400px;
}

.shadowBoxMod .twoCol li.col2,
.twoCol li.col2 {
  width: 455px;
  float: right;
}

.shadowBoxMod .dateTimesMod {
  background-color: #f6f6f6;
  padding: 10px 10px 5px;
  border: 1px solid #ddd;
}

.shadowBoxMod .dateTimes {
  width: 886px;
}

.shadowBoxMod .dateTimes li.date {
  width: 386px;
}

.shadowBoxMod .dateTimes li.start,
.shadowBoxMod .dateTimes li.end {
  width: 250px;
}

.shadowBoxMod .dateTimes li ul.lrBox {
  width: 220px;
}

.shadowBoxMod .dateTimes li div {
  padding-right: 30px;
}

.shadowBoxMod .dateTimes li.rt {
  padding: 0;
}

#rotator img {
  display: block;
  width: 625px;
  height: 225px;
}

/* Form Module */
.formMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  border-top: 0;
  padding: 10px 20px 30px;
  margin-bottom: 10px;
  background-color: var(--teal);
}

.formModNoHdr {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 10px 20px 30px;
  margin-bottom: 10px;
  background-color: var(--snowcone);
}

.formModHdr,
.formModHdrSm,
.formModHdrProvider,
.formModHdrProviderSm {
  border: 1px solid #ddd;
  padding: 8px 10px;
  font-size: 18px;
  line-height: 22px;
  margin-top: 10px;
  background: var(--snowcone);
}

.formModHdr ul.lrBox {
  width: 916px;
}

.formModHdr ul.lrBox li.checkmark {
  width: 36px;
  display: block;
}

.formModHdr ul.lrBox li.checkbox {
  width: 40px;
}

.formModHdr ul.lrBox li.name {
  width: 200px;
  padding-top: 2px;
  font-weight: 700;
}

.formModHdr ul.lrBox li.nameWide {
  width: 545px;
}

.formModHdr ul.lrBox li.details {
  width: 300px;
  padding-top: 2px;
  font-size: 15px;
}

.formModHdr ul.lrBox li.detailsWide {
  width: 400px;
  padding-top: 2px;
  font-size: 15px;
}

.formModHdr ul.lrBox li.detailsSm {
  width: 264px;
  padding-top: 2px;
  font-size: 15px;
}

.formModHdr ul.lrBox li.updated {
  width: 150px;
  padding-top: 2px;
  font-size: 15px;
}

.formModHdr ul.lrBox li.status {
  width: 180px;
  padding-top: 2px;
  font-size: 15px;
}

.formModHdr ul.lrBox li.locationDetails {
  width: 450px;
  padding-top: 2px;
  font-size: 15px;
}

.formModHdr ul.lrBox li.action {
  width: 250px;
  float: right;
  padding-top: 2px;
  text-align: right;
  font-size: 14px;
}

.formModHdr ul.lrBox li.actionArw {
  width: 46px;
  float: right;
  padding-top: 6px;
  text-align: right;
}

.formModHdr ul.lrBox li.error {
  color: red;
  font-size: 15px;
}

.formModHdrSm ul.lrBox {
  width: 598px;
}

.formModHdrSm ul.lrBox li.name {
  width: 230px;
}

.formModHdrSm ul.lrBox li.titleWide {
  width: 408px;
  color: #333;
  font-size: 16px;
  padding-top: 3px;
}

.formModHdrSm ul.lrBox li.updated {
  width: 200px;
  padding-top: 4px;
  font-size: 15px;
}

.formModHdrSm ul.lrBox li.status {
  width: 85px;
  font-size: 13px;
}

.formModHdrSm ul.lrBox li.statusLg {
  width: 170px;
  font-size: 13px;
}

.formModHdrSm ul.lrBox li.action,
.formModHdr598 ul.lrBox li.action {
  width: 20px;
  float: right;
  text-align: right;
}

.formModHdrSm ul.lrBox li.actionLg {
  width: 140px;
  float: right;
  text-align: right;
}

.formModHdrSm ul.lrBox li.actionWide,
.formModHdr ul.lrBox li.actionWide {
  width: 360px;
  float: right;
  text-align: right;
}

/* Care Profile Module */
.careProfileMod {
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  padding: 10px;
  margin-bottom: 20px;
  background-color: var(--teal);
  font-size: 15px;
}

.careProfileMod ul.lrBox {
  width: 898px;
}

.careProfileMod ul.lrBox li.name {
  width: 200px;
  font-size: 18px;
}

.careProfileMod ul.lrBox li.title {
  width: 200px;
}

.careProfileMod ul.lrBox li.dob {
  width: 160px;
}

.careProfileMod ul.lrBox li.details {
  width: 420px;
}

.careProfileMod ul.lrBox li.detailsSm {
  width: 260px;
}

.careProfileMod ul.lrBox li.status {
  width: 140px;
}

.careProfileMod ul.lrBox li.action {
  width: 140px;
}

.careProfileMod ul.lrBox li.updatedDate {
  width: 130px;
  float: right;
}

.careProfileModHdr {
  margin: 0 -10px;
  padding: 4px 10px;
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #fefefe),
    color-stop(100%, #d1d2d3)
  );
  background: -webkit-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  background: linear-gradient(top, #fefefe 0%, #d1d2d3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d2d3',GradientType=0 );
}

.careProfileModHdr ul.lrBox {
  width: 598px;
  margin: 0;
}

.careProfileModHdr ul.lrBox li.title {
  width: 480px;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #333;
  text-transform: uppercase;
}

.careProfileModHdr ul.lrBox li.action {
  width: 100px;
  float: right;
  text-align: right;
}

div.checkMark {
  width: 28px;
  height: 30px;
  background: url("../Content/i/icon-checkmark.png") no-repeat;
}

.setProvider ul.dateTimes {
  width: 908px;
}

.setProvider ul.dateTimes li.rank {
  width: 20px;
  font-size: 15px;
  font-weight: bold;
  padding-top: 4px;
}

.setProvider ul.dateTimes li.name {
  width: 300px;
  padding-top: 4px;
  font-size: 15px;
}

.setProvider ul.dateTimes li.status {
  width: 485px;
}

.setProvider ul.dateTimes li.action {
  width: 98px;
  float: right;
  padding-top: 4px;
}

.setProvider ul.dateTimes li.status select {
  margin: 0;
  width: 180px;
}

.setProvider label {
  width: auto;
  margin: 0;
}

.myCareAssist ul.dateTimes {
  width: 908px;
}

.myCareAssist ul.dateTimes li.rank {
  width: 20px;
  font-size: 15px;
  font-weight: bold;
  padding-top: 4px;
}

.myCareAssist ul.dateTimes li.name {
  width: 300px;
  padding-top: 4px;
  font-size: 15px;
}

.myCareAssist ul.dateTimes li.status {
  width: 485px;
}

.myCareAssist ul.dateTimes li.action {
  width: 98px;
  float: right;
  padding-top: 4px;
}

.myCareAssist ul.dateTimes li.status select {
  margin: 0;
  width: 180px;
}

.myCareAssist label {
  width: auto;
  margin: 0;
}

.setProviderMultiple ul.dateTimes {
  width: 908px;
}

.setProviderMultiple ul.dateTimes li.rank {
  width: 20px;
  font-size: 15px;
  font-weight: bold;
  padding-top: 4px;
}

.setProviderMultiple ul.dateTimes li.name {
  width: 300px;
  padding-top: 4px;
  font-size: 15px;
}

.setProviderMultiple ul.dateTimes li.status {
  width: 485px;
}

.setProviderMultiple ul.dateTimes li.action {
  width: 98px;
  float: right;
  padding-top: 4px;
}

.setProviderMultiple ul.dateTimes li.status select {
  margin: 0;
  width: 180px;
}

.setProviderMultiple label {
  width: auto;
  margin: 0;
}

.addCaregiver {
  margin-top: 15px;
}

.formModHdrProvider,
.formModHdrProviderSm {
  margin-top: 15px;
}

.formModHdrProvider ul.lrBox {
  width: 916px;
  font-size: 15px;
}

.formModHdrProviderSm ul.lrBox {
  width: 598px;
  font-size: 15px;
}

.formModHdrProvider ul.lrBox li.rank,
.formModHdrProviderSm ul.lrBox li.rank {
  width: 20px;
  font-size: 15px;
}

.formModHdrProvider ul.lrBox li.name,
.formModHdrProviderSm ul.lrBox li.name {
  width: 460px;
}

.formModHdrProvider ul.lrBox li.updated {
  width: 145px;
  font-size: 13px;
  text-align: center;
}

.formModHdrProvider ul.lrBox li.status {
  width: 255px;
  font-size: 13px;
}

.formModHdrProvider ul.lrBox li.action {
  width: 30px;
  float: right;
  text-align: right;
}

.formModHdrProviderSm ul.lrBox li.status {
  width: 270px;
  float: right;
  text-align: right;
  font-size: 12px;
}

/* Miscellaneous Modules, Dotted Line Divider, and Icons */
.errorBox {
  border: 1px solid #f00;
  padding: 8px 10px;
  background-color: #fff;
  margin-bottom: 20px;
}

.successBox {
  border: 2px solid #393;
  padding: 8px 10px;
  background-color: #fff;
  margin-bottom: 20px;
  color: #333;
}

.whiteBorderBox {
  border: 2px solid #ddd;
  background-color: var(--snowcone);
  padding: 10px 12px;
}

.verifyBox {
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  padding: 10px 20px;
  margin: 15px 0 30px;
  color: #333;
  font-size: 15px;
}

.iconPending {
  width: 29px;
  height: 21px;
  background: url("../Content/i/icon-status-pending.png") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.iconConfirmed {
  width: 29px;
  height: 21px;
  background: url("../Content/i/icon-status-confirmed.png") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.iconCancelled {
  width: 29px;
  height: 21px;
  background: url("../Content/i/icon-status-cancelled.png") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.iconBH {
  width: 32px;
  height: 19px;
  background: url("../Content/i/icon-BH.png") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.iconInfo {
  width: 32px;
  height: 19px;
  background: url("../Content/i/Info_Icon_blue.svg") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.iconMiles {
  width: 15px;
  height: 19px;
  background: url("../Content/i/Distance_Icon_black.svg") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.iconEdit {
  width: 15px;
  height: 19px;
  background: url("../Content/i/Edit_Icon_darkblue.svg") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.icon_Separated {
  width: 20px;
  height: 20px;
  background: url("../Content/i/Icon_Separated.svg") no-repeat 0 0;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.dotDivider {
  margin: 8px 0 6px;
  height: 3px;
  font: 1px/1px monospace;
  background: url("../Content/i/dotted-line.gif") repeat-x bottom left;
}

.dotDividerLg {
  margin: 16px 0 14px;
  height: 3px;
  font: 1px/1px monospace;
  background: url("../Content/i/dotted-line.gif") repeat-x bottom left;
}

ul.formTwoCol {
  width: 910px;
}

ul.formTwoCol li.col1 {
  width: 445px;
}

ul.formTwoCol li.col2 {
  width: 445px;
  float: right;
}

/* Sidebar Module */
.sidebarMod {
  margin-bottom: 20px;
  padding: 0 10px;
}

.sidebarHdr {
  padding: 5px 10px;
  margin: 0 -10px 10px;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 17px;
  line-height: 1;
  font-weight: 700;
  color: var(--secondary);
  text-transform: capitalize;
  background: #d8d8d8;
  background: -moz-linear-gradient(left, #d8d8d8 0%, #f2f2f2 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #d8d8d8),
    color-stop(100%, #f2f2f2)
  );
  background: -webkit-linear-gradient(left, #d8d8d8 0%, #f2f2f2 100%);
  background: -o-linear-gradient(left, #d8d8d8 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(left, #d8d8d8 0%, #f2f2f2 100%);
  background: linear-gradient(left, #d8d8d8 0%, #f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f2f2f2',GradientType=1 );
}

.sidebarMod select {
  width: 215px;
  margin: 5px 10px 0 0;
}

.sidebarHdr ul.lrBox {
  width: 268px;
}

.sidebarHdr ul.lrBox li.title {
  width: 178px;
}

.sidebarHdr ul.lrBox li.action {
  width: 90px;
  float: right;
  text-align: right;
}

.sidebarMod ul.userProfile {
  width: 268px;
  margin-bottom: 10px;
}

.sidebarMod ul.lrBox li.profileIcon {
  width: 40px;
}

.sidebarMod ul.lrBox li.profileInfo {
  width: 225px;
}

/* Table Grid used for utilization on home page and reservations */
table.tableUtil {
  border-collapse: collapse;
  padding: 0;
  margin: 5px 0;
  width: 225px;
}

table.tableUtil th,
table.tableUtil td {
  padding: 4px 0;
  vertical-align: top;
  border-top: 1px solid #d2d2d2;
}

table.tableUtil th {
  font-weight: bold;
}

table.tableUtil td.util,
table.tableUtil th.util {
  text-align: right;
  width: 75px;
}

/* Auth Contacts and Location Meta details */
.metaLine {
  border-top: 1px solid #d2d2d2;
  padding: 2px 0 0;
  margin: 4px 0 8px;
}

/* Find Care Module */
#findCareWrapper {
  background: url("../Content/i/shadow-288.png") no-repeat bottom;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#findCareMod {
  border: 1px solid #ddd;
  padding: 10px;
  background-color: #f1f1f1;
}

#findCareMod h2 {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #1a475f;
  margin: 0 0 5px;
  text-transform: uppercase;
}

/* Structure Module */
.structureWrapper {
  background: url("../Content/i/shadow-288.png") no-repeat bottom;
  padding-bottom: 10px;
  margin: 10px 0 20px;
  width: 288px;
}

.structureWrapperWide {
  background: url("../Content/i/msg-box-shadow.png") no-repeat bottom;
  padding-bottom: 10px;
  margin: 10px 0 20px;
  width: 620px;
}

.structureMod {
  border: 1px solid #ddd;
  background-color: var(--teal);
  color: #333;
}

.structureMod h4 {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #333;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
  border: 0;
}

.darkGrad {
  padding: 5px 10px;
  padding-top: 2px;
  background: #d6d6d6;
  background: -moz-linear-gradient(top, #d6d6d6 0%, #bdbdbd 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #d6d6d6),
    color-stop(100%, #bdbdbd)
  );
  background: -webkit-linear-gradient(top, #d6d6d6 0%, #bdbdbd 100%);
  background: -o-linear-gradient(top, #d6d6d6 0%, #bdbdbd 100%);
  background: -ms-linear-gradient(top, #d6d6d6 0%, #bdbdbd 100%);
  background: linear-gradient(top, #d6d6d6 0%, #bdbdbd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bdbdbd',GradientType=0 );
}

.ltGray {
  background: #f6f6f6;
  padding: 5px 10px;
  padding-top: 2px;
}

.white {
  background: #fff;
  padding: 5px 10px;
  padding-top: 2px;
  text-align: center;
  color: #777;
}

.ltGrayIndent {
  background: #eee;
  padding: 5px 10px 5px 20px;
  padding-top: 2px;
}

.lightGrad {
  padding: 5px 10px;
  padding-top: 2px;
  background: #e9e9e9;
  background: -moz-linear-gradient(top, #e9e9e9 0%, #dcdcdc 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, #e9e9e9),
    color-stop(100%, #dcdcdc)
  );
  background: -webkit-linear-gradient(top, #e9e9e9 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #e9e9e9 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #e9e9e9 0%, #dcdcdc 100%);
  background: linear-gradient(top, #e9e9e9 0%, #dcdcdc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#dcdcdc',GradientType=0 );
}

.structureMod ul#hdr,
.structureMod ul.hdr,
.structureMod ul.lrBox {
  width: 266px;
}

.structureMod ul.lrBox li.label {
  width: 160px;
}

.structureMod ul.lrBox li.value {
  width: 95px;
  float: right;
  text-align: right;
}

.structureMod ul.lrBox li.value strong {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}

.ltGrayIndent ul.lrBox {
  width: 256px;
}

.structureMod ul#hdr li.rt,
.structureMod ul.hdr li.rt {
  text-align: right;
  padding-top: 6px;
}

.structureWrapperWide .structureMod div div {
  float: right;
}

/* Health Info Form */
ul.healthInfoForm {
  width: 855px;
  margin-bottom: 15px;
}
ul.healthInfoForm li.label {
  width: 300px;
  color: #666;
}
ul.healthInfoForm li.label label {
  display: block;
  width: 98%;
}
ul.healthInfoForm li.yesno {
  width: 150px;
  padding-top: 5px;
}
ul.healthInfoForm li.details {
  width: 380px;
}
ul.healthInfoForm li.details input {
  width: 98%;
}

/* Access Level Form */
.accessLevelForm {
  width: 916px;
}

.accessLevelForm li.recipients {
  width: 170px;
}

.accessLevelForm li.relationship {
  width: 300px;
}

.accessLevelForm li.accessCol1 {
  width: 220px;
}

.accessLevelForm li.accessCol2 {
  width: 220px;
  float: right;
}

/* Provider Preferences */
.providerPrefs ul {
  width: 570px;
}

.providerPrefs ul li.rt {
  width: 300px;
}

.providerPrefs ul li.rt input[type="text"],
.providerPrefs ul li.rt select {
  width: 290px;
}

.providerPrefs ul li.label {
  width: 270px;
}

.providerPrefs ul li.label label {
  width: auto;
}

.optionalText {
  color: #204494;
  font-weight: normal;
  font-size: initial;
  position: relative;
  top: -2px;
}

/* Table Grid */
table.tableGrid {
  border: 1px solid #d2d2d2;
  border-bottom: 0;
  border-left: 0;
  background-color: #fff;
  border-collapse: collapse;
  padding: 0;
  margin: 20px 0 0;
  width: 100%;
}

table.tableGrid th,
table.tableGrid td {
  padding: 4px 8px;
  vertical-align: top;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  text-align: left;
}

table.tableGrid th {
  background-color: #dfdfdf;
  white-space: nowrap;
  font-weight: bold;
  text-align: left;
}

table.tableGrid td.noWrap {
  white-space: nowrap;
}

table.tableGrid tr.alt td {
  background-color: #f1f0f0;
}

table.tableGrid tr.indent td {
  padding-left: 18px;
}

table.tableGrid td input[type="text"],
table.tableGrid td select {
  margin-bottom: 0;
}

table.pad5 td {
  padding: 5px;
}

table.noMargin {
  margin: 0;
}

/* link and button styles */
a:link,
a:visited {
  color: #204494;
  text-decoration: underline;
}

a:hover,
a:active {
  /*color: #e9a80c;*/
}

a.msgClose:link,
a.msgClose:visited {
  float: right;
  margin-left: 20px;
  background: url("../Content/i/close-x.gif") no-repeat 0 0;
  width: 18px;
  height: 18px;
  text-decoration: none;
  vertical-align: middle;
}

a.msgClose:hover,
a.msgClose:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

a.arrow:link,
a.arrow:visited {
  display: inline-block;
  background: url("../Content/i/icon-arrow-right.png") no-repeat 0 0;
  width: 22px;
  height: 22px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowOutline:link,
a.arrowOutline:visited {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowOpen:link,
a.arrowOpen:visited {
  display: inline-block;
  background: url("../Content/i/icon-arrow-down.png") no-repeat 0 0;
  width: 22px;
  height: 22px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowOpenOutline:link,
a.arrowOpenOutline:visited {
  display: inline-block;
  width: 22px;
  height: 22px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowSm:link,
a.arrowSm:visited {
  display: inline-block;
  margin-top: -3px;
  background: url("../Content/i/icon-arrow-right-sm.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowSmOutline:link,
a.arrowSmOutline:visited {
  display: inline-block;
  margin-top: -3px;
  width: 13px;
  height: 13px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowOpenSm:link,
a.arrowOpenSm:visited {
  display: inline-block;
  margin-top: -3px;
  background: url("../Content/i/icon-arrow-down-sm.png") no-repeat 0 0;
  width: 13px;
  height: 13px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrowOpenSmOutline:link,
a.arrowOpenSmOutline:visited {
  display: inline-block;
  margin-top: -3px;
  width: 13px;
  height: 13px;
  text-decoration: none;
  vertical-align: middle;
}

a.arrow:hover,
a.arrow:active,
a.arrowOpen:hover,
a.arrowOpen:active,
a.arrowSm:hover,
a.arrowSm:active,
a.arrowOpenSm:hover,
a.arrowOpenSm:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

a.arrowOutline:hover,
a.arrowOutline:active,
a.arrowOpenOutline:hover,
a.arrowOpenOutline:active,
a.arrowSmOutline:hover,
a.arrowSmOutline:active,
a.arrowOpenSmOutline:hover,
a.arrowOpenSmOutline:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

a:link,
a:visited,
.sidebarHdr a:link,
.sidebarHdr a:visited {
  color: var(--primary);
  text-transform: capitalize;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  text-decoration: none;
}

a:hover,
a:active,
.sidebarHdr a:hover,
.sidebarHdr a:active {
  text-decoration: underline;
}

.disabledLink {
  color: gray;
  text-decoration: none;
  cursor: default;
}
/*CR 72427 - 90996321 - Design changes for Care Forms Associations as per Jurisdiction Selection on the Care Profile page*/
.disabledLinkCaps {
  color: gray;
  text-decoration: none;
  cursor: default;
  text-transform: capitalize;
}
.capsActive {
  color: #10069f;
  text-transform: capitalize;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  text-decoration: none;
}

/*Comment:- Avanade- Shubham - 11/23/2017--ADA Defect #58099 - Added Mozilla Specific focus for buttons rendered as anchors */
@-moz-document url-prefix() {
  a.btnBlueSm:focus {
    border: 1px dotted #ffffff !important;
  }

  a.btnBlue:focus {
    border: 1px dotted #ffffff !important;
  }

  a.btnGray:focus {
    border: 1px dotted #ffffff !important;
  }

  a.btnOptionsOff:focus {
    border: 1px dotted #ffffff;
  }

  a.btnOptionsOn:focus {
    border: 1px dotted #ffffff;
  }
}

a.btnBlue:link,
a.btnBlue:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  /*background: #375bad;*/
  background: #1a475f;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#375bad) to(#214496));
    background: -webkit-linear-gradient(#375bad, #214496);
    background: -moz-linear-gradient(#375bad, #214496);
    background: -ms-linear-gradient(#375bad, #214496);
    background: -o-linear-gradient(#375bad, #214496);
    background: linear-gradient(#375bad, #214496);
    -pie-background: linear-gradient(#375bad, #214496);*/
  position: relative;
}

a.btnBlue:hover,
a.btnBlue:active {
  /*background: #214496;*/
  background: #1a475f;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#214496) to(#375bad));
    background: -webkit-linear-gradient(#214496, #375bad);
    background: -moz-linear-gradient(#214496, #375bad);
    background: -ms-linear-gradient(#214496, #375bad);
    background: -o-linear-gradient(#214496, #375bad);
    background: linear-gradient(#214496, #375bad);
    -pie-background: linear-gradient(#214496, #375bad);*/
  position: relative;
  cursor: pointer;
}

a.btnBlueSm:link,
a.btnBlueSm:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  /*background: #375bad;*/
  background: #1a475f;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#375bad) to(#214496));
    background: -webkit-linear-gradient(#375bad, #214496);
    background: -moz-linear-gradient(#375bad, #214496);
    background: -ms-linear-gradient(#375bad, #214496);
    background: -o-linear-gradient(#375bad, #214496);
    background: linear-gradient(#375bad, #214496);
    -pie-background: linear-gradient(#375bad, #214496);*/
  position: relative;
}

a.btnBlueSm:hover,
a.btnBlueSm:active {
  /*background: #214496;*/
  background: #1a475f;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#214496) to(#375bad));
    background: -webkit-linear-gradient(#214496, #375bad);
    background: -moz-linear-gradient(#214496, #375bad);
    background: -ms-linear-gradient(#214496, #375bad);
    background: -o-linear-gradient(#214496, #375bad);
    background: linear-gradient(#214496, #375bad);
    -pie-background: linear-gradient(#214496, #375bad);*/
  position: relative;
  cursor: pointer;
}

a.btnGray:link,
a.btnGray:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  /*background: #999999;*/
  background: #333333;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
    background: -webkit-linear-gradient(#999999, #676767);
    background: -moz-linear-gradient(#999999, #676767);
    background: -ms-linear-gradient(#999999, #676767);
    background: -o-linear-gradient(#999999, #676767);
    background: linear-gradient(#999999, #676767);
    -pie-background: linear-gradient(#999999, #676767);*/
  position: relative;
}

a.btnGray:hover,
a.btnGray:active {
  /*background: #676767;*/
  background: #333333;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
    background: -webkit-linear-gradient(#676767, #999999);
    background: -moz-linear-gradient(#676767, #999999);
    background: -ms-linear-gradient(#676767, #999999);
    background: -o-linear-gradient(#676767, #999999);
    background: linear-gradient(#676767, #999999);
    -pie-background: linear-gradient(#676767, #999999);*/
  position: relative;
}

a.btnGraySm:link,
a.btnGraySm:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  background: #999999;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
  background: -webkit-linear-gradient(#999999, #676767);
  background: -moz-linear-gradient(#999999, #676767);
  background: -ms-linear-gradient(#999999, #676767);
  background: -o-linear-gradient(#999999, #676767);
  background: linear-gradient(#999999, #676767);
  -pie-background: linear-gradient(#999999, #676767);
  position: relative;
}

a.btnGraySm:hover,
a.btnGraySm:active {
  background: #676767;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
  background: -webkit-linear-gradient(#676767, #999999);
  background: -moz-linear-gradient(#676767, #999999);
  background: -ms-linear-gradient(#676767, #999999);
  background: -o-linear-gradient(#676767, #999999);
  background: linear-gradient(#676767, #999999);
  -pie-background: linear-gradient(#676767, #999999);
  position: relative;
}

a.btnOptionsOn:link,
a.btnOptionsOn:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  padding: 7px 10px;
  color: #fff;
  border: 2px solid #00ffff;
  margin-right: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  /*background: #939393;*/
  background: #1a475f;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#939393) to(#6e6e6e));
    background: -webkit-linear-gradient(#939393, #6e6e6e);
    background: -moz-linear-gradient(#939393, #6e6e6e);
    background: -ms-linear-gradient(#939393, #6e6e6e);
    background: -o-linear-gradient(#939393, #6e6e6e);
    background: linear-gradient(#939393, #6e6e6e);
    -pie-background: linear-gradient(#939393, #6e6e6e);*/
  position: relative;
}

a.btnOptionsOn:hover,
a.btnOptionsOn:active {
  /*background: #999;*/
  background: #1a475f;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#999) to(#676767));
    background: -webkit-linear-gradient(#999, #676767);
    background: -moz-linear-gradient(#999, #676767);
    background: -ms-linear-gradient(#999, #676767);
    background: -o-linear-gradient(#999, #676767);
    background: linear-gradient(#999, #676767);
    -pie-background: linear-gradient(#999, #676767);*/
  position: relative;
}

a.btnOptionsOff:link,
a.btnOptionsOff:visited {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  padding: 7px 10px;
  color: #666;
  border: 1px solid #999;
  margin-right: 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#e8e8e8));
  background: -webkit-linear-gradient(#fff, #e8e8e8);
  background: -moz-linear-gradient(#fff, #e8e8e8);
  background: -ms-linear-gradient(#fff, #e8e8e8);
  background: -o-linear-gradient(#fff, #e8e8e8);
  background: linear-gradient(#fff, #e8e8e8);
  -pie-background: linear-gradient(#fff, #e8e8e8);
  position: relative;
}

a.btnOptionsOff:hover,
a.btnOptionsOff:active {
  background: #e8e8e8;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8) to(#fff));
  background: -webkit-linear-gradient(#e8e8e8, #fff);
  background: -moz-linear-gradient(#e8e8e8, #fff);
  background: -ms-linear-gradient(#e8e8e8, #fff);
  background: -o-linear-gradient(#e8e8e8, #fff);
  background: linear-gradient(#e8e8e8, #fff);
  -pie-background: linear-gradient(#e8e8e8, #fff);
  position: relative;
}

/* Form Styles */
label {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 14px;
  color: #333;
  display: inline-block;
  width: 125px;
  margin-bottom: 10px;
}

select,
input[type="text"],
textarea,
input[type="file"],
input[type="password"] {
  padding: 5px 2px;
  margin-bottom: 10px;
  display: inline-block;
  width: 235px;
  border: 1px solid #d8d8d8;
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 13px;
  color: #333;
  background: var(--snowcone);
  position: relative;
}

textarea {
  vertical-align: text-top;
  resize: none;
}

input[type="radio"] {
  vertical-align: middle;
  margin: 3px 3px 8px 0;
}

input[type="checkbox"] {
  vertical-align: middle;
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

input[type="button"],
input[type="submit"] {
  font-family: "Mulish", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  height: 30px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*background: #375bad;*/
  background: var(--accent);
  color: var(--secondary);
  position: relative;
  cursor: pointer;
}

input[type="button"]:hover,
input[type="submit"]:hover {
}

input[type="button"].gray,
input[type="button"][disabled="disabled"],
input[type="submit"][disabled="disabled"],
button[type="button"].gray,
input[type="submit"]:disabled {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  height: 30px;
  margin-top: 15px;
  border: 1px solid var(--primary);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*background: #999999;*/
  background: var(--snowcone);
  color: var(--primary);
  position: relative;
}

input[type="button"].graySm {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*background: #999999;*/
  background: #333333;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
    background: -webkit-linear-gradient(#999999, #676767);
    background: -moz-linear-gradient(#999999, #676767);
    background: -ms-linear-gradient(#999999, #676767);
    background: -o-linear-gradient(#999999, #676767);
    background: linear-gradient(#999999, #676767);
    -pie-background: linear-gradient(#999999, #676767);*/
  position: relative;
}

input[type="button"].graySm:hover {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  /*background: #676767;*/
  background: #333333;
  /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
    background: -webkit-linear-gradient(#676767, #999999);
    background: -moz-linear-gradient(#676767, #999999);
    background: -ms-linear-gradient(#676767, #999999);
    background: -o-linear-gradient(#676767, #999999);
    background: linear-gradient(#676767, #999999);
    -pie-background: linear-gradient(#676767, #999999);*/
  position: relative;
  cursor: pointer;
}
input[type="button"].yellow {
  background-color: #f0bd1b;
  color: black;
}
input[type="button"].labelDisabled1 {
  background-color: #999999;
  color: black;
}

input[type="reset"].gray {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #999999;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
  background: -webkit-linear-gradient(#999999, #676767);
  background: -moz-linear-gradient(#999999, #676767);
  background: -ms-linear-gradient(#999999, #676767);
  background: -o-linear-gradient(#999999, #676767);
  background: linear-gradient(#999999, #676767);
  -pie-background: linear-gradient(#999999, #676767);
  position: relative;
}

input[type="reset"].gray:hover {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #676767;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
  background: -webkit-linear-gradient(#676767, #999999);
  background: -moz-linear-gradient(#676767, #999999);
  background: -ms-linear-gradient(#676767, #999999);
  background: -o-linear-gradient(#676767, #999999);
  background: linear-gradient(#676767, #999999);
  -pie-background: linear-gradient(#676767, #999999);
  position: relative;
  cursor: pointer;
}

input[type="reset"].graySm {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #999999;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
  background: -webkit-linear-gradient(#999999, #676767);
  background: -moz-linear-gradient(#999999, #676767);
  background: -ms-linear-gradient(#999999, #676767);
  background: -o-linear-gradient(#999999, #676767);
  background: linear-gradient(#999999, #676767);
  -pie-background: linear-gradient(#999999, #676767);
  position: relative;
}

input[type="reset"].graySm:hover {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #676767;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
  background: -webkit-linear-gradient(#676767, #999999);
  background: -moz-linear-gradient(#676767, #999999);
  background: -ms-linear-gradient(#676767, #999999);
  background: -o-linear-gradient(#676767, #999999);
  background: linear-gradient(#676767, #999999);
  -pie-background: linear-gradient(#676767, #999999);
  position: relative;
  cursor: pointer;
}

input[type="button"][disabled="disabled"] {
  color: #aeaeae;
}

input[type="text"][disabled="disabled"],
input[type="text"][readonly="readonly"] {
  color: black;
  opacity: 0.9;
}

select {
  padding: 4px 2px;
  line-height: 21px;
}

/*css style for IE*/
select[disabled="disabled"]::-ms-value,
select[disabled="disabled"] {
  color: gray;
}
/*Specific to chrome and firefox*/
select:disabled {
  color: gray;
}

select.w100,
input.w100 {
  width: 100px;
  margin-right: 10px;
}

select.w300,
input.w300,
.stackedLabelsForm textarea.w300 {
  width: 300px;
}

input.w220,
select.w220 {
  width: 220px;
}

input.w160,
select.w160 {
  width: 160px;
}

input.w330 {
  width: 330px;
}

input.w155 {
  width: 155px;
}

input.w85,
label.w85 {
  width: 85px;
}

span.immediate {
  margin-right: 3px;
  width: auto;
  font: inherit;
}

span.rt {
  float: right;
}

label.w55 {
  width: 55px;
}

input.w60 {
  width: 60px;
}

input.w35 {
  width: 35px;
}

select.noMargin,
input[type="text"].noMargin,
textarea.noMargin,
input[type="file"].noMargin,
input[type="button"].noMargin,
label.noMargin {
  margin: 0;
}

.labelw180 label,
select.w180 {
  width: 180px;
}

.labelw150 label {
  width: 150px;
}

.labelw240 label {
  width: 240px;
}

.labelw100 label {
  width: 105px;
}

.stackedLabelsForm label,
.noMarginLabels label {
  display: block;
  width: auto;
  margin-bottom: 3px;
}

label.flex,
select.flex {
  width: auto;
}

.stackedLabelsForm textarea,
textarea.w550,
input[type="text"].w550 {
  width: 550px;
}

input[type="text"].textBoxAsLabel {
  border: #fff;
  background-color: #fff;
  background: transparent;
}

textarea.wFull,
select.wFull,
.wFull input[type="text"],
input[type="text"].wFull {
  width: 98%;
}

textarea.noResize {
  resize: none;
}

.calIcon {
  margin-bottom: 10px;
}

.calIconMarginLeft {
  margin-left: 6px;
}

input[type="file"] {
  background-color: #fff;
}
/* fallback placeholder */
input[type="text"].placeholder {
  color: #bbb;
}
/* webkit placeholder */
input[type="text"]::-webkit-input-placeholder {
  color: #bbb;
}
/* moz placeholder */
input[type="text"]:-moz-placeholder {
  color: #bbb;
}

button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}

#chatMinButton {
  padding: 0px 0px;
  margin-top: 0px !important;
}
#chatMinButton:hover {
  padding: 0px 0px !important;
  margin-top: 0px !important;
  background-position: -48px -128px !important;
}
#chatDownButtonAlt {
  padding: 0px 0px;
  margin-top: 0px !important;
}
#chatCloseButton {
  margin-top: 0px;
  padding: unset;
}
#chatCloseButtonAlt {
  padding: 0px 0px;
  margin-top: 0px !important;
}
#chatDownButtonAlt:hover {
  padding: 0px 0px !important;
  margin-top: 0px !important;
  background-position: 0px 0px !important;
}

#chatCloseButton:hover {
  padding: 0px 0px !important;
  margin-top: 0px !important;
  background-position: -96px -128px !important;
}
#chatCloseButtonAlt:hover {
  padding: 0px 0px !important;
  margin-top: 0px !important;
  background-position: -96px -128px !important;
}

button {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #375bad;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#375bad) to(#214496));
  background: -webkit-linear-gradient(#375bad, #214496);
  background: -moz-linear-gradient(#375bad, #214496);
  background: -ms-linear-gradient(#375bad, #214496);
  background: -o-linear-gradient(#375bad, #214496);
  background: linear-gradient(#1a475f, #1a475f);
  -pie-background: linear-gradient(#375bad, #214496);
  position: relative;
}

button:hover,
button[type="submit"]:hover {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #214496;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#214496) to(#375bad));
  background: -webkit-linear-gradient(#214496, #375bad);
  background: -moz-linear-gradient(#214496, #375bad);
  background: -ms-linear-gradient(#214496, #375bad);
  background: -o-linear-gradient(#214496, #375bad);
  background: linear-gradient(#1a475f, #1a475f);
  -pie-background: linear-gradient(#214496, #375bad);
  position: relative;
  cursor: pointer;
}

button.gray,
button[disabled="disabled"],
button[disabled] {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #999999;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
  background: -webkit-linear-gradient(#999999, #676767);
  background: -moz-linear-gradient(#999999, #676767);
  background: -ms-linear-gradient(#999999, #676767);
  background: -o-linear-gradient(#999999, #676767);
  background: linear-gradient(#999999, #676767);
  -pie-background: linear-gradient(#999999, #676767);
  position: relative;
}

button.gray:hover {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #676767;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
  background: -webkit-linear-gradient(#676767, #999999);
  background: -moz-linear-gradient(#676767, #999999);
  background: -ms-linear-gradient(#676767, #999999);
  background: -o-linear-gradient(#676767, #999999);
  background: linear-gradient(#676767, #999999);
  -pie-background: linear-gradient(#676767, #999999);
  position: relative;
  cursor: pointer;
}

button.graySm {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #999999;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
  background: -webkit-linear-gradient(#999999, #676767);
  background: -moz-linear-gradient(#999999, #676767);
  background: -ms-linear-gradient(#999999, #676767);
  background: -o-linear-gradient(#999999, #676767);
  background: linear-gradient(#999999, #676767);
  -pie-background: linear-gradient(#999999, #676767);
  position: relative;
}

button.graySm:hover {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  display: inline-block;
  padding: 6px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #676767;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#676767) to(#999999));
  background: -webkit-linear-gradient(#676767, #999999);
  background: -moz-linear-gradient(#676767, #999999);
  background: -ms-linear-gradient(#676767, #999999);
  background: -o-linear-gradient(#676767, #999999);
  background: linear-gradient(#676767, #999999);
  -pie-background: linear-gradient(#676767, #999999);
  position: relative;
  cursor: pointer;
}

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

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

select.input-validation-error,
input[type="text"].input-validation-error,
input[type="password"].input-validation-error,
input[type="radio"].input-validation-error {
  border: 1px solid #ff0000;
  background-color: #fee;
  /* outline should not be used for accessibility issue=>https://www.w3.org/TR/WCAG20-TECHS/F78.html*/
}

textarea.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #fee;
  /* outline should not be used for accessibility issue=>https://www.w3.org/TR/WCAG20-TECHS/F78.html*/
}

.validation-summary-errors {
  color: #f00;
  border: 1px solid #f00;
  padding: 8px 10px;
  background-color: #fff;
  margin-bottom: 20px;
}

.validation-summary-errors ul {
  margin: 0;
}

.validation-summary-errors ul li {
  list-style-type: disc;
  float: none;
  margin: 0 0 8px 10px;
  font-weight: normal;
}

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

/* Form layout countainers */
.oneColInfoForm label {
  width: 250px;
}

.oneColInfoForm input[type="text"],
#medicalInfoForm select {
  width: 400px;
}

.oneColInfoForm .indentFields {
  padding: 5px 0 5px 25px;
}

.oneColInfoForm .indentFields label {
  width: 215px;
}

li.colA .oneColInfoForm label {
  width: 220px;
}

li.colA .oneColInfoForm input[type="text"],
li.colA .oneColInfoForm select {
  width: 350px;
}

li.colB .oneColInfoForm label {
  width: 270px;
}

li.colB .oneColInfoForm input[type="text"],
li.colB .oneColInfoForm select,
li.colB .oneColInfoForm textarea {
  width: 290px;
}

li.colB .oneColInfoForm input[type="text"].w85 {
  width: 85px;
}

.oneColInfoFormWide label {
  width: 460px;
}

ul.formActions {
  margin-top: 20px;
}

ul.formActions li.rt {
  width: 200px;
  float: right;
  padding-top: 22px;
  text-align: right;
}

/* Table Data random classes */
td.negativeCurrency {
  color: Black;
}

/* Clearing Floats \*/
.clearfix:after,
ul.lrBox:after,
ul.stdBullets:after,
.checkboxList:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix,
ul.lrBox,
ul.stdBullets,
.checkboxList {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html ul.lrBox,
* html ul.stdBullets,
* html .checkboxList {
  height: 1%;
}

.clearfix,
ul.lrBox,
ul.stdBullets,
.checkboxList {
  display: block;
}
/* End hide from IE-mac */

.PasswordRequirementsPopupBox {
  position: absolute;
  display: none;
  border: 1px solid #666;
  background-color: #fff;
  padding: 0 15px;
  z-index: 999;
  text-align: left;
}

input.hasPlaceholder {
  color: #bbbbbb;
}

.HorizontalList li {
  display: inline;
  list-style-type: none;
  padding-right: 5px;
}

#pagination-clean li {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 11px;
  list-style: none;
}

#pagination-clean li,
#pagination-clean a {
  border: solid 1px #dedede;
  margin-right: 2px;
}

#pagination-clean .previous-off,
#pagination-clean .next-off {
  color: #888888;
  display: block;
  float: left;
  font-weight: bold;
  padding: 3px 4px;
}

#pagination-clean .next a,
#pagination-clean .previous a {
  font-weight: bold;
  border: solid 1px #ffffff;
}

#pagination-clean .active {
  color: #000;
  font-weight: bold;
  display: block;
  float: left;
  padding: 4px 6px;
}

#pagination-clean a:link,
#pagination-clean a:visited {
  color: #0033cc;
  display: block;
  float: left;
  padding: 3px 6px;
  text-decoration: none;
}

#pagination-clean a:hover {
  text-decoration: none;
}

button.ReservationErrorModalButton {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  margin-top: 15px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #1a475f;
  position: relative;
}

#loadingScreen {
  background: url("../Content/images/spinner.gif") no-repeat 5px 8px;
  display: none;
}
/* hide the close x on the loading screen */
.loadingScreenWindow .ui-dialog-titlebar-close {
  display: none;
}

.loadingScreenWindow .ui-dialog-titlebar {
  display: none;
}

#pageWrapperPrint h3 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  margin: 20px 0 15px;
}

.labelDisabled {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  padding: 8px 12px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
  background: #999999;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999) to(#676767));
  background: -webkit-linear-gradient(#999999, #676767);
  background: -moz-linear-gradient(#999999, #676767);
  background: -ms-linear-gradient(#999999, #676767);
  background: -o-linear-gradient(#999999, #676767);
  background: linear-gradient(#999999, #676767);
  -pie-background: linear-gradient(#999999, #676767);
  position: relative;
}

.HyperlinkResemblance {
  color: #204494;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}

.HyperlinkResemblance:hover {
  text-decoration: underline;
}

/* autocomplete adds the ui-autocomplete-loading class to the textbox when it is _busy_ */
.ui-autocomplete-loading {
  background-image: url("../Content/images/spinner.gif") !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
}

.requestorSpan {
  color: rgb(75, 110, 186);
  font-weight: bold;
  font-size: 14px;
}

/* Styles for buttons on the SSO page */
#SSOEmployee,
#SSOAuthorizedContact {
  font-size: 12px;
  height: 40px;
  width: 120px;
  vertical-align: middle;
}

#SSOEmployee {
  float: left;
}

#SSOAuthorizedContact {
  float: right;
  white-space: pre-wrap;
}

/* TFS:55611 - Class to be used with span in _ReservationWizardStep5.cshtml */
.formNameSpan {
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #333;
  display: inline-block;
  width: 125px;
  margin-bottom: 10px;
}

/* TFS:55036 - Class to be used with radio buttons in _CareRecipientList.cshtml */
.AdditionalInfo {
  display: list-item;
  width: 400px;
  padding-top: 2px;
  font-size: 1em;
  color: #666;
  margin-bottom: 1px;
}

/* TFS:55344 - 2 classes to enable focus highlights on buttons to show up in Firefox */
.borderOn::-moz-focus-inner {
  border: white dotted 1px !important;
}

.borderOff::-moz-focus-inner {
  border: 0px !important;
}

#previous {
  float: left;
  background: black;
  opacity: 0.5;
  padding-top: 10px;
  height: 30px;
  width: 25px;
}

#next {
  float: right;
  background: black;
  opacity: 0.5;
  padding-top: 10px;
  height: 30px;
  width: 25px;
}

#PausePlayDiv {
  width: 25px;
  height: 25px;
  z-index: 10;
  background: black;
  opacity: 0.5;
  margin-left: 45%;
  margin-top: 15px;
  margin-top: 15px;
  float: left;
}

.suggestedAddressLabel {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none solid rgb(102, 102, 102);
  float: left;
  display: block;
  padding: 2px 1em 0 0;
  width: 90%;
  color: #666666;
}

/*Style for labels set in datatable in Authorize page*/
.CRAccessLabels {
  width: auto;
  font-family:HelveticaNeue, Arial;
  font-size: 13px;
  color: #666666;
}

.CareRecipientFieldset {
  border: none;
  width: 100%;
}
/*Color red with bold font*/
.redwithBoldFont {
  /*color: #f00;*/
  color: #c30000;
  font-weight: bold;
}

/*Add style on add new location link*/
.newLoactionStyle {
  float: right;
  margin-top: -9.5%;
}

/*Added style for h6 tag in benefit page*/
.Benefit_h6 {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  color: #666;
  margin: 0 0 10px;
  text-transform: capitalize;
}

.loadingMsg {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  color: #333;
  padding-bottom: 3px;
  margin: 3px 0 10px;
  text-transform: capitalize;
  float: right;
  border-bottom: none;
}

.labelToCheckbox {
  color: #666;
  font-family: "Mulish", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
}

/*Comment:- Avanade- Start - Puneet - 10/11/2017--ADA Defect #553003 - Added class for H2 tags on Care Profile Page*/
.HeadingLevel2CareProfile {
  font-family: "Mulish", Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #666666;
  text-transform: none;
  margin: 0px;
}
/*Comment:- Avanade- End - Puneet - 10/11/2017--ADA Defect #553003 - Added class for H2 tags on Care Profile Page*/

/*Comment:- Avanade- Start - Sagar - 10/26/2017--ADA Defect #55141 - Link Titles*/
.actionWideExtended {
  width: 270px;
  float: right;
  text-align: right;
}

.actionExtentded {
  width: 270px;
  float: right;
  text-align: right;
}

.actionReserveNowNotes {
  width: 100px;
  float: left;
  text-align: left;
  left: 0;
  top: 0;
}

.actionExtentdedReivew {
  width: 270px;
  float: right;
  text-align: right;
}

.actionExtentdedReivew {
  width: 270px;
  float: right;
  text-align: right;
}

.radiobuttonLabel {
  font-family: "Mulish", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none solid rgb(102, 102, 102);
  display: inline;
  /*color:#666666;*/
}
/*Avanade ADA_BUG#60556- HTML Sort Report- Form control has no LABEL and no programmatically determined name*/
.radiobtnLabel_FindCare {
  display: inline !important;
}

.validation {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.validation {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
/*JQuery Upgrade is bringing following DIV to front so removing it.*/
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1893px !important;
}
.ui-dialog {
  z-index: 9999 !important;
}

/* CR: 59188: Live Chat Demo */
.PopPupClass {
  background-color: White;
  color: white;
  font-weight: bold;
  position: absolute;
  width: 20%;
  text-align: left;
  border: 0.5px solid White;
  border-radius: 5px;
  min-height: 60px;
  height: 398px;
  display: none;
  margin: 25% 0% 0% 78%;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  position: fixed;
  z-index: 400;
  /*font-size:1.1em;
font-family: Arial,Helvetica,sans-serif !important;
font-weight:normal;*/
}

.PopPupClassAlt {
  background-color: White;
  color: white;
  font-weight: bold;
  position: absolute;
  width: 18.5%;
  top: 0px;
  left: 0px;
  text-align: left;
  border: 0.5px solid White;
  border-radius: 5px;
  min-height: 20px;
  height: 20px;
  display: none;
  margin: 46% 0% 0% 78%;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  position: fixed;
  z-index: 400;
  /*font-size:1.1em;
font-family: Arial,Helvetica,sans-serif !important;*/
}

.ui-icon-white {
  background-image: url("images/ui-icons_ffffff_256x240.png") !important;
}

.lp_inputCustom-field {
  background-color: White;
  border-radius: 1px;
  box-sizing: border-box;
  padding: 6px 8px;
  margin-bottom: 20px !important;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: normal;
  height: 30px;
  width: 95% !important;
  margin-left: 5px;
}

.lp_inputCustom-field:focus {
  outline: #6a9fb1 solid 2px;
}

.lp_label-field {
  width: 95%;
  padding-bottom: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  margin-left: 5px;
}

.lp_button-field {
  color: #ffffff;
  width: 44%;
  font-size: 1.1em;
  border-radius: 2px;
  background: #6ac2eb;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 1px solid White;
  cursor: pointer;
  height: 38px;
}

.lp_buttonCancel-field {
  color: #6d6e70;
  width: 44%;
  font-size: 1.1em;
  border-radius: 2px;
  background: #ffffff;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  border: 1px solid White;
  cursor: pointer;
  height: 38px;
}

.lp_buttonCancel-field:hover {
  color: #6d6e70;
  width: 44%;
  font-size: 1.1em;
  border-radius: 2px;
  background: #6ac2eb;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
  background: #dedede;
  text-decoration: none;
  border: 1px solid White;
  height: 38px;
}

#PopUpContainer {
  background-color: White;
  color: white;
  font-weight: bold;
  position: absolute;
  width: 400px;
  text-align: left;
  border: 0.5px solid White;
  border-radius: 5px;
  min-height: 60px;
  height: 400px;
  display: none;
  margin: 25% 0% 0% 70%;
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  position: fixed;
  z-index: 400;
}

.redborderClass {
  border-color: #de0a23 !important;
}
/* CR: 59188: Live Chat Demo */

/* CR 100397: Balance Summary changes */
.tableLayout {
  table-layout: fixed;
  width: 730px;
}

.showFull {
  overflow: visible;
  white-space: normal;
  height: auto;
  word-wrap: break-word;
}

/* End of CR 100397 */
/* CR 100895 /*/
#reserve {
  background: #f0bd1b;
  color: #454545;
}

#ddDate > div > div > a:link {
  color: white;
}

#ddDate > div > div.datepick-nav {
  background: #1a475f;
}
#ddDate > div > div.datepick-month-row {
  margin-left: 12px;
}
.careprofilepopup {
  display: none;
  position: absolute;
  z-index: 100;
  padding-top: 500px;
  left: 0;
  top: 0;
  width: 100%;
  height: 250%;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  font-family: Mulish;
}

.careprofile-content {
  background-color: #fefefe;
  margin: auto;
  font-family: Mulish;
  height: 300px !important;
  width: 400px !important;
  border-radius: 10px;
  background: #ffffff;
  background-color: white !important;
  border: 1px solid #277489;
}

.btncareclose {
  float: right;
  margin-right: 26px;
}

.btncareclose:hover,
.btncareclose:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

#careprofilemsg {
  font-family: Mulish;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: black;
  margin-top: 90px !important;
}

#gotocareprofile {
  margin-top: 40px !important;
  margin-left: 130px !important;
  cursor: pointer;
}
.closeEmailPopup:hover,
.closeEmailPopup:focus {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
}


.emailinuse {
    display: none;
    position: absolute;
    z-index: 100;
    padding-top: 300px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(26, 71, 95, 0.8);
    font-family: Mulish;
}

.emailinuse-content {
    background-color: #fefefe;
    margin: auto;
    font-family: Mulish;
    height: 300px !important;
    width: 400px !important;
    border-radius: 10px;
    background: #ffffff;
    background-color: white !important;
    border: 1px solid #277489;
    text-align: center;
    padding: 0px 64px;
    border-left: 4px solid #f0bd1b;
}

.emailTitle {
    font-weight: 700;
    font-family: Mulish;
    font-size: 16px;
    line-height: normal;
    color: #333;
}

.greyCross {
    filter: invert(1%) sepia(1%) saturate(1%) hue-rotate(1deg) brightness(1000%) contrast(0%);
}

.emailTitle {
    display: flex;
    justify-content: center;
}

.MarginTop {
    margin-top: 2%
}

/*For disabled fields*/
.disabled-link-for-nb {
    color: #aaa;
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
}
.glyphicon-lock:before {
    content: "\e033";
}

/*
Styles applied to body when sidenav is opened.
Prevents background content from scrolling.
Solving issue when material dropdown are cut off. #698434
*/
body.sidenav-opened {
    overflow: hidden !important;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
}
.mca-hidden {
    position: absolute;
    left: -9999px;
    top: -9999px;
}