html, body {
  height: 100%;
}

body {
  background-color: #eee;
}

a {
  font-weight: bold;
}

input::-webkit-calendar-picker-indicator {
  display: none;
}

#main {
  min-height: 100%;
  position: relative;
}

#main-content {
  padding-bottom: 165px;
}

.title-website {
  color: #0D7090;
  font-size: 35px;
  font-family: 'Arial';
}

.sub-title-website {
  color: #00CBFF;
  font-size: 20px;
  font-style: italic;
  font-family: 'Arial';
}

.home-panels {
  margin-bottom: 15px;
}

.panel-custom {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  border: none;
}

.icon-panel {
  font-size: 40px;
}

.header-panel {
  font-size: 23px;
  font-weight: bold;
}

#alumini-panel{
  background-color: #5FB923;
}

#institution-panel{
  background-color: #016B79;
}

#company-panel{
  background-color: #FBB20B;
}

header {
  padding: 0 0 20px 0;
}

section {
  background-color: #fff;
}

footer {
  border-top: 1px solid #ccc;
  background-color: #014953;
  padding: 10px;
  margin: 0;
  color: #EEE;
  position:absolute;
  bottom:0;
  width:100%;
}

.footer-list {
  padding: 0;
}

.footer-list li {
  list-style: none;
  display: inline-block;
  font-size: 25px;
  margin: 0 5px;
}

.footer-list li a {
  color: #EEE;
}

.vertical-center {
    margin: 0 auto;
}

.no-decoration {
  text-decoration: none !important;
}

.left-divider-description {
  font-size: 16px;
}

.image-certificate {
  height: 200px;
  width: 200px;
}

.my-group .form-control{
  width:50%;
}

.inative {
  display: none;
}

.breadcrumb > .active {
  font-weight: bold;
  font-style: italic;
  font-size: 16px;
}

#about-text {
  font-size: 17px;
}

.terms-of-use-field {
  width: 100%;
  height: 200px;
  padding: 5px;
  border: 2px solid;
  overflow-y: scroll;
  overflow-x: auto;
}

@media ( min-width: 769px ) {

    .title-website {
      font-size: 50px;
    }

    .sub-title-website {
      font-size: 30px;
    }

    .grid-divider {
      padding-left:20px;
      border-left: 1px solid #eee;
    }

    .home-panels {
      display: flex;
    }

    .home-panels .col-md-4{
      flex: 1;
    }

    .panel-custom {
      transform: translateY(0px);
      transition: all 0.3s ease;
      height: 100%;
      margin-bottom: 0;
    }

    .panel-custom:hover {
      transform: translateY(-5px);
      transition: all 0.3s ease;
    }

    #info-certificate-panel {
      margin: 40px 0 210px 0 !important;
    }

    #institution_option div{
      margin-bottom: 0;
    }

}