body, html {
    height: 100%;
    margin: 0;
    font: 400 15px/1.8 "Lato", sans-serif;
    color: #005D9E;
    overflow-x: hidden;
}
.btn:active{
  box-shadow:none;
}
img.eighty {
  height: 80%;
  width: 80%;
}
.gmhfoot {
  background-color:#F2F2F2;
}
.bg-dids{
  /*background-color:#07b29b;*/
  background-color:#005b9b;
}
.introduction > a:hover{
  color: #FFF !important;
}
.img-div {
  cursor: pointer;
}
.form-div { 
  margin-top: 100px; 
  border: 1px solid #e0e0e0; 
}
#profileDisplay { 
  display: block; 
  height: 100%; 
  width: 100%; 
  margin: 0px auto; 
  border-radius: 5%; 
}
.img-placeholder {
  width: 100%;
  color: white;
  height: 100%;
  background: black;
  opacity: .5;
  border-radius: 5%;
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: none;
}
.img-placeholder h4 {
  margin-top: 40%;
  color: white;
}
.img-div:hover .img-placeholder {
  display: block;
  cursor: pointer;
}
.accordion-dids {
  background-image : linear-gradient(to right,#058574 0,#005D9E 100%) !important;
}
.accordion-muna {
  background-image : linear-gradient(to right,#336666 0,#005D9E 100%) !important;
}
.accordion-dids-deceased {
  background-image : linear-gradient(to right,#888888 0,#222222 100%) !important;
}
a.dids:link {
  border-color: #336666 !important; 
  color: #336666 !important; 
  background-color: #f5f5f5
}

.fade.in {
    opacity: 1
}

/* visited link */
a.dids:visited {
  border-color: #336666 !important; 
  color: #336666!important; 
  background-color: #f5f5f5
}

/* mouse over link */
a.dids:hover {
  border-color: #339999 !important; 
  color: #339999; 
  background-color: #f5f5f5
}

/* focus link */
a.dids:focus {
  border-color: #336666 !important; 
  color: #336666; 
  background-color: #f5f5f5
}

/* selected link */
a.dids:active {
  border-color: #336666 !important; 
  color: #336666; 
  background-color: #f5f5f5
}


a.dids-nobg:link {
  border-color: #336666 !important; 
  color: #336666; 
}

/* visited link */
a.dids-nobg:visited {
  border-color: #336666 !important; 
  color: #336666; 
}

/* mouse over link */
a.dids-nobg:hover {
  border-color: #339999 !important; 
  color: #339999; 
}

/* focus link */
a.dids-nobg:focus {
  border-color: #336666 !important; 
  color: #336666; 
}

/* selected link */
a.dids-nobg:active {
  border-color: #336666 !important; 
  color: #336666; 
}

a.dids-teal:link {
  color: #176161 !important; 
  background-color: #fff !important; 
}

/* visited link */
a.dids-teal:visited {
  color: #176161 !important; 
  background-color: #fff !important; 
}

/* mouse over link */
a.dids-teal:hover {
  color: #176161 !important; 
  background-color: #fff !important; 
}

/* focus link */
a.dids-teal:focus {
  color: #176161 !important; 
  background-color: #fff !important; 
}

/* selected link */
a.dids-white:active {
  color: #FFF; 
}


a.dids-white:link {
  color: #FFF; 
}

/* visited link */
a.dids-white:visited {
  color: #FFF; 
}

/* mouse over link */
a.dids-white:hover {
  color: #FFF; 
}

/* focus link */
a.dids-white:focus {
  color: #FFF; 
}

/* selected link */
a.dids-white:active {
  color: #FFF; 
}
.cemetery-box {
  position: absolute;
  margin-left: 0px;
  overflow: hidden;
  height: 200px;
  width: 200px;
  text-align: center;
  z-index: 0;
}
.cemetery-box-inverse {
  position: absolute;
  margin-left: 0px;
  overflow: hidden;
  height: 200px;
  width: 200px;
  text-align: left;
  z-index: 0;
}
.cemetery-label {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: #fff;
  background: #BF1722;
  text-transform: uppercase;
  padding: 9px 0 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 130px;
  text-align: center;
  display: block;
  position: absolute;
  right: -23px;
  top: 25px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cemetery-label-inverse {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: #fff;
  background: #BF1722;
  text-transform: uppercase;
  padding: 9px 0 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 130px;
  text-align: center;
  display: block;
  position: absolute;
  right: 100px;
  top: 30px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.panel-title > .accordion-toggle {
  color: #FFFFFF !important;
  background: transparent !important;
  text-decoration: none;
}
.p-replace {
  margin-top: 5px;
}
.bs-example {
  font-size: 31px;
  font-weight: 400;
}
a.whitelink.link, a.whitelink.visited, a.whitelink.hover {
  color:#FFFFFF;
}
legend.registration  {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  line-height: inherit;
  color: #005D9E !important;
  border: 0;
  border-bottom: 1px solid @legend-border-color;
}
h1.h1-dids {
  font-size: 16px; 
  font-weight: bold;
  padding: 4px;
  margin-top: 5px;
}
h2.h2-dids {
  font-size: 20px; 
  font-weight: bold;
  padding: 4px;
  margin-top: 5px;
}
button:focus {
  color: #FFF !important;
}
a:focus {
  color: #FFF !important; 
}
a:active {
  color: #339999 !important; 
}
#skip-to-main a{
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip-to-main a:focus{
  position: static;
  width: auto;
  height: auto;
}
.skip-to-main a{
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-to-main a:focus{
  position: static;
  width: auto;
  height: auto;
}
#skip-to-side a{
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip-to-side a:focus{
  position: static;
  width: auto;
  height: auto;
}
.skip-to-side a{
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.skip-to-side a:focus{
  position: static;
  width: auto;
  height: auto;
}
.form-control::-webkit-input-placeholder { color: #767676; opacity: 1; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #767676; opacity: 1; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #767676; opacity: 1; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #767676; opacity: 1; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #767676; opacity: 1; }  /* Microsoft Edge */

.accordion-header {
  background-color: lightgray;
}
.accordion-header a{
  color: teal;
  text-decoration: none;
}
a.accordion-toggle:link{
  color: #FFFFFF !important;
  text-decoration: none;
}
a.accordion-toggle:visited{
  color: #FFFFFF !important;
  text-decoration: none;
}
a.accordion-toggle:focus{
  color: #FFFFFF !important;
  text-decoration: none;
}
a.accordion-toggle:hover{
  color: #FFFFFF !important;
  text-decoration: none;
}
a.accordion-toggle:active{
  color: #FFFFFF !important;
  text-decoration: none;
}
/**********************************

Name: cmxform Styles

***********************************/
form.cmxform {
  width: 370px;
  font-size: 1.0em;
  color: #333;
}

form.cmxform legend {
  padding-left: 0;
}

form.cmxform legend, form.cmxform label {
  color: #333;
}

form.cmxform fieldset {
  border: none;
  border-top: 1px solid #C9DCA6;
  background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
  background-color: #F8FDEF;
}

form.cmxform fieldset fieldset {
  background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
  padding: 5px 10px 7px;
  background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
  /* remove the next line when you have trouble in IE6 with labels in list */
  color: red;
  font-style: italic
}
div.error { display: none; }
input { border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: 1px dotted black; }
input.error { border: 1px solid red; }
form.cmxform .gray * { color: gray; }
#email-error.error.success { color:#058574; }
#email-error.error { color:#a94442; }
#product-error { color:#a94442; }
#product-error.success { color:#058574; }
#secucode-error { color:#a94442; }
#secucode-error.success { color:#058574; }
#tel-error { color:#a94442; }
#tel-error.success { color:#058574; }
#tel2-error { color:#a94442; }
#tel2-error.success { color:#058574; }
#terms-error { color:#a94442; }
#terms-error.success { color:#058574; }
#petname-error { color:#a94442; }
#petname-error.success { color:#058574; }
#terms-error { color:#a94442; }
#terms-error.success { color:#058574; }
#mapmapcontainer {
  position: relative;
  width: 100%;
  height: 600px;
  margin: 0px;
  float: left;
}

#mapmap {
  width: 100%;
  height: 600px;
  border: 0px solid black;
  position: absolute;
}

.btn-primary {
  color: #fff;
  background-color: #058574;
  border-color: #058574; }
  .btn-primary:hover {
    color: #fff;
    background-color: #046054;
    border-color: #035449; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #046054;
    border-color: #035449;
    box-shadow: 0 0 0 0.2rem rgba(43, 151, 137, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #058574;
    border-color: #058574; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #035449;
    border-color: #03483e; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(43, 151, 137, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #1ba87e;
    border-color: #199d76; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #1ba87e;
    border-color: #199d76;
    box-shadow: 0 0 0 0.2rem rgba(65, 209, 167, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #20c997;
    border-color: #20c997; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #199d76;
    border-color: #17926e; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(65, 209, 167, 0.5); }