body{background: #ededee; color: #000000;}
h1, h2, p, a {color: #000;}
table tr th{background: #ededee; color: #000;}
tr {border-bottom: 1px solid #bfbfc1;}
td p a:visited{color: #000;}
.popover-content p a:visited{color: #fff;}
.contact-phone a {color: #fff;}
#footer p{color: #fff;}

/********* Form CSS ************/
.mktoForm{background-color: #ededee; width: 95%; padding: 5px 0px;}
.mktoForm input[type=text]{float:none; padding: .6em .2em; width: 95% !important; background: transparent; border: 1px solid #000000;}
.mktoForm input[type=email]{float:none;padding: .6em .2em; width: 95% !important; background: transparent; border: 1px solid #000000;}
.mktoForm input[type=tel]{float:none;padding: .6em .2em; width: 95% !important; background: transparent; border: 1px solid #000000;}
.mktoForm select{float:none;padding: .6em .2em; width: 95% !important; background: transparent; border: 1px solid #000000; border-radius: 0;-webkit-appearance: none;}
.mktoForm textarea{float:none;padding: .6em .2em; width: 97.5% !important; background: transparent; border: 1px solid #000000;}
#postal_code{width: 90% !important; }
#PostalCode{width: 90% !important; }

/**::-webkit-input-placeholder { color:    #000;}**/
/**:-moz-placeholder { color:#000; opacity:  1;}*/
/**::-moz-placeholder { color:#000; opacity:  1;}*/
/**:-ms-input-placeholder {color:#000;}*/
/**::-ms-input-placeholder { color:    #000;}*/
/**::placeholder {  color:#000;}*/
#State{color: grey;}
#Project_Description__c{color:grey;}
.mktoForm label.error {display: inline-flex;}
table tr td { border: none;}
table tr th { border: none; background-color: #d9d9da;}
.text-center{text-align:center !important;}
#fa_trash_icon:hover{color: #ff0000;}
@media only screen and (max-width: 550px){
    p{line-height: 1.5 !important;}
    .mktoForm input[type=text]{width: 100% !important;}
    .mktoForm input[type=email]{width: 100% !important;}
    .mktoForm input[type=tel]{width: 100% !important;}
    .mktoForm select{width: 100% !important;}
    .mktoForm textarea{width: 100% !important; }
    #postal_code{width: 100% !important; }
}
@media only screen and (max-width: 768px){
    p{line-height: 1.5 !important;}
    .mktoForm input[type=text]{width: 100% !important;}
    .mktoForm input[type=email]{width: 100% !important;}
    .mktoForm input[type=tel]{width: 100% !important;}
    .mktoForm select{width: 100% !important;}
    .mktoForm textarea{width: 100% !important; }
    #postal_code{width: 100% !important; }
}
/*** Pop over css *******/
.last_row_checkout{border: none; padding-top: 2%;}
.last_row_checkout a{width: 100%;}
.popover p{font-size: 12px;}
.popover a{font-size: 12px; color: #fff;}
.popover{
    background: #000;
}
.popover-title {
    color: blue;
    font-size: 15px;
}
.popover-content {
    color: red;
    font-size: 10px;
}
/*** Popover bootstrap css ***/

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 376px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #000;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
  width: 350px;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
  background:#000;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 1);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #000 !important;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
/** Google Map CSS **/
/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
  #locationField, #controls {
    position: relative;
    width: 480px;
  }
  #autocomplete {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    width: 99%;
  }
  .label {
    text-align: right;
    font-weight: bold;
    width: 100px;
    color: #303030;
  }
  #address {
    border: 1px solid #000090;
    background-color: #f0f0ff;
    width: 480px;
    padding-right: 2px;
  }
  #address td {
    font-size: 10pt;
  }
  .field {
    width: 99%;
  }
  .slimField {
    width: 80px;
  }
  .wideField {
    width: 200px;
  }
  #locationField {
    height: 20px;
    margin-bottom: 2px;
  }