/* ===================================
    global
====================================== */

input, select, textarea, .form-control, .form-select{
  background-color: #ECF9EF!important;
}

.form-check-input{
  padding: 0px!important;
}

.form-check-input:checked {
  background-color: #65AF64!important;
  border-color: #65AF64;
  background: #65AF64;
}


.content-inf{
  position: relative;
  bottom: auto;
  right: 0px;
  top:-70px;
  z-index: 10;
}

#social-media svg{
  width: 30px;
  height: 30px;
}

.content-inf svg{
  width: 40px;
  height: 40px;
}

.content-inf .card-alt{
  width:100%;
}

.content-inf .card-alt span{
  line-height: normal!important;
}

.content-inf .grid-card-alt{
  display: grid;
  grid-template-columns: 40px auto;
  gap:10px;
}

.card-alt {padding: 10px;}


/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {}
/* md  */ @media (min-width: 768px) {

.content-inf{
  position: absolute;
  bottom: 20px;
  right: 0px;
  top: auto;
}

.content-inf .card-alt{
  width: 350px;
}

.card-alt {padding: 20px;}

#social-media svg{
  width: 40px;
  height: 40px;
}


} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}