body {
  font-family: Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #015697;
  background-color: white;
  height: 100%;
  margin: 0 !important; }

.logo {
  width: 100%; }

.main-content {
  min-height: calc(100vh - 85px); }

.footer {
  height: 65px; }

/* buttons */
#buttonS input[type='checkbox'] {
  display: none; }

#buttonS span {
  display: inline-block;
  padding: 10px;
  text-transform: uppercase;
  border: 2px solid gold;
  border-radius: 3px;
  color: gold; }

#buttonS input[type="checkbox"]:checked + span {
  background-color: gold;
  color: black; }

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #015697;
  border-color: #015697; }

/* plantilla 1 */
.bg {
  background: url(/img/fondo.png) no-repeat center center;
  background-size: cover; }

.bg-white {
  border-radius: 1em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

p {
  font-size: 15px; }

.pg {
  padding: 40px; }

.panel {
  margin-left: 75px; }

.bg-footer {
  background: url(/img/footer.png); }

.arrow-back {
  position: relative;
  top: 80px; }

.arrow-back-image {
  width: 100%; }

.bg-color-footer {
  background-color: #015697;
  padding: auto;
  margin: auto; }

.no-margin {
  margin: 0 !important; }

.logo-footer {
  width: 25%;
  padding: 10px; }

.nav-link {
  margin: 10px 0;
  padding: 4px !important; }

.contact-nav {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  border-top: solid #E5E5E5 14px;
  border-width: 25px; }

.active-border {
  border-top: solid #FCC509 14px;
  border-width: 25px; }

.contact-nav:hover {
  border-top: solid #FCC509 14px;
  border-width: 25px; }

.contact-nav-color {
  color: #015697;
  padding-right: 55px !important; }

/*final plantilla 1*/
/*plantilla cierre*/
.blank {
  height: 50px; }

/*final plantilla cierre*/
/*formulario residencial*/
.yellow-bg {
  background: url(/img/plantilla_2/fondo_2.png) no-repeat center center fixed;
  background-size: cover; }

h2 {
  color: black; }

h2 span {
  border-bottom: 2px solid #FCC509; }

h3 {
  color: black; }

h3 span {
  border-bottom: 2px solid #FCC509; }

.icon-form {
  padding: 0 !important; }

.btn-style {
  background: #015697;
  border-color: #015697;
  border-radius: 2em; }

.image-tooltip {
  width: 12px !important; }

.table thead th {
  border: 2px solid white !important; }

.table td, .table th {
  border-top: 2px solid #80aacb !important; }

/*final formulario residencial*/
/*plantilla3*/
.blue-bg {
  background: url(/img/plantilla_3/fondo_3.png) no-repeat center center fixed;
  background-size: cover; }

.wlg {
  background: url(/img/plantilla_3/logo_marca_agua.png) center center no-repeat;
  background-size: 100%; }

.color-gris {
  color: #707070; }

.title-slide {
  background-color: #FCC509;
  color: white;
  font-weight: bold;
  padding: 15px;
  width: 50%;
  text-align: center;
  margin: 0 291px; }

.content-slide {
  background-color: #015697;
  color: white;
  padding: 45px;
  width: 100%;
  text-align: center;
  height: 200px;
  margin-bottom: 75px; }

.bg-style {
  background: #FCC509 !important;
  width: 100% !important; }

.carousel-indicators active {
  background: #FCC509 !important; }

.table tr td {
  font-weight: 500;
  font-size: 18px;
  color: black; }

.table thead tr th span {
  background: #015697;
  border-radius: 13px;
  color: white;
  padding: 10px 20px; }

.padding-none {
  padding: 0px !important; }

.popover-dismiss img {
  width: 12px !important; }

.popover-header {
  color: #ffde70;
  background-color: #2e7fbd; }

/* Popover Body */
.popover-body {
  background: #2e7fbd;
  color: white; }

.text-btn {
  font-size: 12px; }

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #015697 !important;
  border-color: #015697 !important; }

.btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: #015697 !important;
  border-color: #015697 !important; }

/*final plantilla 3*/
@media (max-width: 576px) {
  .panel {
    width: 100%;
    margin-left: 0;
    padding-top: 10px; }
  .arrow-back {
    position: relative;
    top: 40px; }
  .arrow-back-image {
    width: 40% !important; }
  .bg-white {
    margin-right: 15px;
    margin-left: 15px; }
  .col h1, p {
    margin: 5px !important; }
  .pg {
    padding: 5px; }
  .logo-footer {
    display: none; }
  .cel-mob {
    padding-top: 15px; }
  .title-slide {
    width: 100%; }
  .content-slide {
    width: 100%;
    height: auto;
    margin-bottom: 60px !important; }
  .checkbox-width {
    width: 92%; } }