/* Magna Developer added this partial code from other page CSS */


.field-validation-valid.invalid-alert {
    display: none;
    color: #ed1c24 !important; font-size:smaller;
    line-height: 1.5em !important;
    margin-top: -11px; margin-bottom: .4em;
}
.field-validation-error.invalid-alert {
    color: #ed1c24 !important; font-size:smaller; font-style:unset;
    line-height: 1.5em !important;
    /*border: 1px solid #000;*/
    margin-top: -11px; margin-bottom: .4em;
}
.invalid-alert {
    color: #ed1c24 !important; font-size:smaller; font-style:unset;
    line-height: 1.5em !important;
}
.input-validation-error { border-bottom: 1px solid #ed1c24 !important; }
input.input-validation-error ~ .bar:before, input.input-validation-error ~ .bar:after,
input.input-validation-error ~ .highlight:before, input.input-validation-error ~ .highlight:after {
    background: #ed1c24 !important;
}

input[notrequired]:not([focus]):not([value='']):valid ~ label,
select[notrequired]:not([focus]):not([value='']):valid ~ label,
input[notrequired][focus]:valid ~ label,
select[notrequired][focus]:valid ~ label {
  top: -22px;
  font-size: 12px;
}

input[notrequired]:not([focus]):valid ~ label,
select[notrequired]:not([focus]):valid ~ label  {
  top: 10px;
  font-size: 1em;
}
.spinner {
    display:none;
    position: fixed !important;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 100%; height: 100%;
    /*background:url(../images/placeholder/ring.gif) no-repeat center center;*/
    z-index: 100000;
}
.spinner div {
    position: absolute;
    background:url(../images/placeholder/ring.gif) no-repeat center center;
    border-radius: 50%;
    background-color: #fff;
    width: 78px;
    height: 78px;
    left: 50%;
    top: 50%;
    margin-left : -39px; /* half of the width  */
    margin-top  : -39px; /* half of the height */
    /*box-shadow: 0px 0px 7px #fff;*/
}
/* all */
::-webkit-input-placeholder { color:#6e757e; font-size: small; }
::-moz-placeholder { color:#6e757e; font-size: small; } /* firefox 19+ */
:-ms-input-placeholder { color:#6e757e; font-size: small; } /* ie */
input:-moz-placeholder { color:#6e757e; font-size: small; }

span.capitalize  {
    text-transform: lowercase;
    text-transform: capitalize;
}

.extra-right.fix-wd {
    display: inline-block;
    white-space: normal;
    width: 48%;
}
.right.inline.fix-wd {
    text-transform: capitalize;
    white-space: normal;
    width: 48%;
}
.short-hr.fix-wd {
    width: 100%;
}

.login-container-mc {
    position: relative;
    width: 80%;
    max-width: 550px;
    margin: 0 auto;
    box-sizing: border-box; 
    background: #fff;
    opacity: .9;
    padding: 40px;
}

.login-bg-mc {
  padding: 6%;    
  /*background-image: url(../images/lifestyle/login/-login-bg.jpg);*/
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  background-position: 50% 50%;
  background-color: #062331; 
  height: 100vh;
  min-height: 900px;    
}

.stop-clicks {
  pointer-events: none;
}

/* Utilities
------------------------------------------------------------------------------------------ */

.csv, .print, .pdf, .xls {
  height: 44px;
  width: 39px;
  display:inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 0px !important;
  cursor: pointer;
}



.csv { background-image: url(../images/icons/utilities/csv.png); background-image: url(../images/icons/utilities/csv.svg), none; }
.csv:hover { background-image: url(../images/icons/utilities/csv-hover.png); background-image: url(../images/icons/utilities/csv-hover.svg), none;  }

.print { background-image: url(../images/icons/utilities/print.png); background-image: url(../images/icons/utilities/print.svg), none; }
.print:hover { background-image: url(../images/icons/utilities/print-hover.png); background-image: url(../images/icons/utilities/print-hover.svg), none; }

.pdf { background-image: url(../images/icons/utilities/pdf.png); background-image: url(../images/icons/utilities/pdf.svg), none; }
a.doc-with-icon:hover>.pdf, .pdf:hover { background-image: url(../images/icons/utilities/pdf-hover.png); background-image: url(../images/icons/utilities/pdf-hover.svg), none; }

.xls { background-image: url(../images/icons/utilities/xls.png); background-image: url(../images/icons/utilities/xls.svg), none; }
.xls:hover { background-image: url(../images/icons/utilities/xls-hover.png); background-image: url(../images/icons/utilities/xls-hover.svg), none;}

.csv:hover, .print:hover, .pdf:hover, .xls:hover {
  -webkit-transition: all 0.8s ease-in-out; /* BUG with SVG TO FIX */
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  opacity: .7;
}

.inline-with-pdf { position: relative; line-height: 10px !important; height: 44px !important; vertical-align: middle !important; display: inline-block;}

.border-box { border: 1px solid #e1e1e1; padding: 10px; }

.help-button {
    height: 36px !important;
}

/* End Magnacare Code change */

.featherlight .featherlight-content {
    padding: 0px 25px 0 !important;
    border-top: 25px solid transparent !important;
    /*border-bottom: 0 !important;*/
}

.featherlight .featherlight-close-icon {
    background: rgba(255,255,255,.0) !important;
    font-weight: 700;
    width: 28px;
    line-height: 25px;
}