
/* 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;
}

/* 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; }

.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%;
}
.right.inline.fix-wd.normal {
    text-transform: capitalize;
    font-weight: normal;
    white-space: normal;
    width: 48%;
}
.short-hr.fix-wd {
    width: 100%;
}

#nav {
    /*margin-bottom: 3px !important;*/
}
.container.logout {
    margin-bottom: 2px !important;
}

.checkbox-custom:checked:disabled + .checkbox-custom-label:before {
    content: "\02E9";
    background: #9e9e9e;
    border: 2px solid #9e9e9e !important;
    border-radius: 50%;
    transition: background 250ms cubic-bezier(.4,.0,.23,1);
    color: #fff;
    display: inline-block;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 10px;
    line-height: 15px;
}

.checkbox-custom:checked:disabled + .checkbox-custom-label, .radio-custom:checked:disabled + .radio-custom-label { color: #9e9e9e; }

.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;*/
}


.stop-clicks {
  pointer-events: none;
}

/* Provider Locator Map Styles -- Start */
.infoWindow {
   line-height: 1.5;
   overflow: hidden;
   white-space: nowrap;
}
.controls {
   margin-top: 10px;
   border: 1px solid transparent;
   border-radius: 5px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   outline: none;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
#lblInformation {
   background-color: #fff;
   border: 1px solid transparent;
   border-radius: 5px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   font-family: Roboto Condensed,Arial,sans-serif;
   font-size: 12px;
   line-height: 1.5;
   margin: 10px 10px 0 0;
   outline: none;
   padding: 10px 10px 10px 10px;
   text-overflow: ellipsis;
}
#pac-input {
   background-color: #fff;
   background-image: url(../images/icons/misc/search.png);
   background-position: 5px center;
   background-repeat: no-repeat;
   font-family: Roboto Condensed,Arial,sans-serif;
   font-size: 12px;
   margin: 10px 0 0 10px;
   padding: 0 20px 0 10px;
   text-indent: 25px;
   text-overflow: ellipsis;
   width: 350px;
}
#pac-input:focus {
   border-color: #4d90fe;
}
.ui-autocomplete {
   max-height: 250px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
}
ul.ui-autocomplete.ui-menu {
   font-family: Roboto Condensed,Arial,sans-serif;
   font-size: 12px;
   font-weight: 300;
   width: 350px;
}

li.notActive:hover{
    background-color: #fff !important ;
    border-left-width: 0px !important; 
    padding-left: 8px !important;
}
/* Provider Locator Map Styles -- End */

/* End Magnacare Code change */
