/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
*/
/* line 29, ../../sass/screen.scss */
#portalcontent {
  padding: 20px 0;
}

.content {
    background-color: #fff;
}

/* ===================== CORE -> screen.css ===================== */

.header {
  float: none;
  text-align: center;
  background: #fff;
}
.panel > .panel-body.content {
  font-family: 'Open Sans', sans-serif;
  position: relative;
  padding: 30px;
  text-align: center;
}
.main-text-color {
  color: #333D5E;
}

.relative-full-height {
    position: relative;
    height: 100vh;
}

.absolute-centered {
    position: absolute;
    top: 50%;left:50%;
    transform: translate(-50%,-50%);
}

#text-center-style {
  font-size: 25px;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #b7c9d3;
  border-color: #b7c9d3;
  border-top: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.panel-body .messages-container {
  padding: 0 15px;
}

@media (max-width:767px) {
  .panel {
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    top: 35%;
    left: 30%;
  }
}
@media (max-width:412px) {
  .panel-body{
    width: auto;
    position: static;
  }
}

@media (max-height:412px) {
  .panel {
    max-height: 100%;
    max-width: 100%;
    min-width: 100%;
    top: 16%;
    left: 30%;
    margin: 20% 20% 0 20%;
  }
  .panel-body{
    width: auto;
    position: static;
  }
}