
p{
  color: #666;
  line-height: 21px;
  font-size: 15px !important;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1280px) {
  .container {
    width: 1280px !important;
  }
}

/* ######################## Capa ########################## */

section#inicial{
  padding: 10px 0 0 0;
  min-height: 860px;
  background-repeat: repeat-x;
  background-position: 50% top;
  section#logos{
    width: 1280px;
    margin-top: 30px;
    .logo-capa{
      max-height: 60px;
    }
    .menu-principal{
      li{
        a {
          margin: 0 10px;
          color: #fff;
          font-size: 16px;
          text-transform: uppercase;
        }
      }
    }
  }
  #content-stage{
    section#formulario{
      margin: 230px 0 0 0;
      .box-login-capa{
        padding: 40px;
        margin-top: -40px;
        background-color: #003D6F;
        border-radius: 12px;
        h2{
          font-weight: 700;
          font-size: 32px;
          color: #fff;
          margin-bottom: 15px;
        }
        form{
          text-align: -webkit-center;
        }
      }
      h3.showcase {
        font-weight: 300;
        font-size: 28px;
        color: #fff;
        margin-bottom: 5px;
        //letter-spacing: 2px;
        strong {
          //color:#ffa600;
        }
      }
      h1.showcase{
        font-weight: 900;
        font-size: 48px;
        color: #fff;
      }
      p {
        color: #fff;
        font-weight: 100;
        font-size: 18px;
        text-align: center;
      }
      input {
        border-radius: 23px;
        margin: 4px 0 0 0;
        font-size: 16px;
        font-weight: 300;
        color: #fff;
        background-color: transparent;
        height: 45px;
        padding: 10px 15px 10px 15px;
      }
      input::-webkit-input-placeholder {
        /* Chrome/Opera/Safari */
        color: #fff;
        font-size: 16px;
      }
      input::-moz-placeholder {
        /* Firefox 19+ */
        color: #fff;
        font-size: 16px;
      }
      input:-ms-input-placeholder {
        /* IE 10+ */
        color: #fff;
        font-size: 16px;
      }
      input:-moz-placeholder {
        /* Firefox 18- */
        color: #fff;
        font-size: 16px;
      }
      button {
        width: 100%;
        margin: 4px 0 0 0;
        background-color: $color_padrao_laranja;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        -moz-transition: .1s ease-in;
        -o-transition: .1s ease-in;
        -webkit-transition: .1s ease-in;
        border-radius: 23px;
        height: 45px;
        padding: 10px 15px 10px 15px;
        float: right;
      }
      button:hover{
        background-color: rgba(255, 166, 0, 1);
      }
      .recovery {
        float: left;
        color: #fff;
        margin-top: 10px;
        margin-left: 20px;
        font-size: 14px;
      }
      .rememberpass{
        color: #fff;
        #rememberusername{
          margin: 0 5px 6px 10px;
        }
      }
      a.btn-default {
        width: 100%;
        margin: 4px 0 0 0;
        border-radius: 0;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
        font-size: 11px;
        color: #000;
      }
    }
    @media (max-width: 576px) {
      section#formulario{
        margin: 70px 0 0 0 !important;
        .box-login-capa{
          margin-top: 0px !important;
        }
      }
    }
  }
}
#page{
  #page-content{
    .titulo{
      font-weight: 900;
      font-size: 24px;
      color: #003D70;
      margin-bottom: 8px;
    }
    #site-news-forum{
      #news-articles{
        .news-article{
          margin-bottom: 15px;
          .news-article-content{
            h3{
              a{
                color: #565656;
                font-weight: bold;
                text-decoration: none;
              }
            }
          }
        }
      }
    }
  }
}

/* ################################### FOOTER ################################# */
#page-footer{
  margin-top: 55px;
  .footer-logo{
    .logo-qualisaude{
      height: 50px;
    }
  }
  #footer{
    .social-media{
      padding: 20px 0 0;
      ul{
        li{
          a {
            font-size: 36px;
            color: #31539E;
            &:hover{
              color: #009cd1;
            }
          }
        }
      }
    }
  }
}

/* ################################### TOPO ################################# */
#header{
  .navbar-nav{
    .logo{
      img{
        max-height: 50px !important;
      }
    }
    .usermenu{
      a.dropdown-toggle {
        color: #919191;
      }
    }
  }
}

/* ################################### HEADER ################################# */

.cabecalho-header{
  background-image: url([[pix:theme|bg/bg-cabecalho]]);
  background-repeat: round;
  //background-position: center center;
  //background-attachment: fixed;
  background-color: #ffffff;
  //background-size: cover;
  min-height: 250px;
}
#cabecalho-geral{
  max-width: 1280px;
  padding-top: 40px;
}
#cabecalho-geral .card{
  background-color:transparent;
  border: 0px;
}
#cabecalho-geral .breadcrumb .breadcrumb-item{
  color:#fff;
  text-transform: uppercase;
  font-size: 12px;
}
#cabecalho-geral .breadcrumb >li>a{color:#fff;}
#cabecalho-geral .breadcrumb >li>a:hover{color:#f60; text-decoration: none;}
#cabecalho-geral .breadcrumb-item + .breadcrumb-item::before{
  color:#fff;
  content: ">";
  padding-left: 0px;
  padding-right: 0px;
}
#cabecalho-geral{
  div.page-title{
     h1{
      color:#fff;
      font-size: 28px;
      font-weight: 700;
       &.course-title{
         margin-top: 10px;
         max-width: 900px;
       }
    }
  }
}

/* ################################### DASHBOARD ################################# */

.pagelayout-mydashboard{
  #region-main{
    border: 0px;
    section#list-course{
      padding-left: 3px;
      #myTabs{
        li{
          a{
            border-radius: 10px 10px 0 0;
            border: 1px solid #efefef;
            border-bottom: 0px;
            padding: 1px 20px 0px 20px;
            line-height: 30px;
            display: block;
            margin-right: 10px;
            text-decoration: none;
            &.active{
              background-color: #dee2e7;
            }
          }
        }
      }
      .card-body{
        padding: 0px;
        .card-deck{
          .card{
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,.1);
            margin: 10px 2px 0px 2px;
            display: inline-flex;
          }
        }
      }
    }
  }
}

.dashboard-card-deck:not(.fixed-width-cards) {
  @media (min-width: 576px) {
    .dashboard-card {
      width: calc(50% - #{$card-gutter});
    }
  }
  @media (min-width: 840px) {
    .dashboard-card {
      width: calc(33.33% - #{$card-gutter});
    }
  }
  @media (min-width: 1100px) {
    .dashboard-card {
      width: calc(33.33% - #{$card-gutter});
    }
  }
  @media (min-width: 1360px) {
    .dashboard-card {
      width: calc(33.33% - #{$card-gutter});
    }
  }
}

#region-main.has-blocks {
  .dashboard-card-deck:not(.fixed-width-cards) {
    @media (min-width: 1200px) {
      .dashboard-card {
        width: calc(33.33% - #{$card-gutter});
      }
    }
    @media (min-width: 1470px) {
      .dashboard-card {
        width: calc(33.33% - #{$card-gutter});
      }
    }
  }
}

body.drawer-open-left {
  .dashboard-card-deck:not(.fixed-width-cards) {
    @media (min-width: 768px) {
      .dashboard-card {
        width: calc(100% - #{$card-gutter});
      }
    }
    @media (min-width: 861px) {
      .dashboard-card {
        width: calc(50% - #{$card-gutter});
      }
    }
    @media (min-width: 1122px) {
      .dashboard-card {
        width: calc(33.33% - #{$card-gutter});
      }
    }
    @media (min-width: 1381px) {
      .dashboard-card {
        width: calc(33.33% - #{$card-gutter});
      }
    }
  }
}

body.drawer-open-left #region-main.has-blocks {
  .dashboard-card-deck:not(.fixed-width-cards) {
    @media (min-width: 1200px) {
      .dashboard-card {
        width: calc(100% - #{$card-gutter});
      }
    }
    @media (min-width: 1236px) {
      .dashboard-card {
        width: calc(50% - #{$card-gutter});
      }
    }
    @media (min-width: 1497px) {
      .dashboard-card {
        width: calc(33.33% - #{$card-gutter});
      }
    }
  }
}

@media (min-width: 1200px) {
  #block-region-side-pre {
    .dashboard-card-deck:not(.fixed-width-cards) {
      margin-left: 0;
      margin-right: 0;
      .dashboard-card {
        width: calc(100% - #{$card-gutter}) !important;
      }
    }
  }
}


/* ################################### CURSO ################################# */

.pagelayout-course{
  #region-main{
    border: 0px;
    .completionprogress{display: none;}
  }
}

/* ################################### BLOCOS Laterais ################################# */

/* Blocos gerais */
.card{
  border: 0px;
  .card-body{
    padding: 0;
    .context-header-settings-menu{
      position: absolute;
      right: 0px;
    }
    .card-title{
      color: $color_padrao_azul;
      //background-color: #6482c1;
      //padding: 10px 15px 5px 15px !important;
      //border-radius: 5px 5px 0 0;
      //width: auto !important;
      //font-size: 14px !important;
    }
    .card-title:before {
      font-family: FontAwesome;
      display: inline-block;
      padding-right: 10px;
      vertical-align: middle;
      font-size: 32px;
    }
    .card-text{
      background: #fff !important;
      .card-deck{
        overflow: auto;
        .card{
          -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
          -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
          box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
          margin-top: 10px;
        }
      }
    }
  }
}

/* Blocos da lateral */
#block-region-side-pre{
  .card{
    border: 1px solid $color_padrao_azul;
    border-radius: 15px;
    padding: 10px;
    .card-body{
      .card-title{
        width: 100%;
        font-size: 17px!important;
        display: table !important;
        text-align: center;
        font-weight: 700;
      }
    }
  }
  .block_news_items{
    .card-text{
      ul{
        li.post{
          display: table;
          border-top: 1px solid #bbbbbb;
          width: 100%;
          margin-top: 10px;
          .head{
            display: table-footer-group;
            font-size: 12px;
            .date{
              display: table-cell;
            }
          }
          .info{
            display: table-header-group;
            font-weight: 700;
          }
        }
      }
    }
  }
}

.mr-auto{
  //display: none;
}

.block_recentlyaccessedcourses > .card-body > .card-title:before {content: "\f0ae";}
.block_timeline > .card-body > .card-title:before {content: "\f1da";}
.block_myoverview > .card-body > .card-title:before {content: "\f015";}

.card-body > .content{
  background-color: #fff;
}

/* ################################### Accordeon @collapsibletopics ################################# */

#page-course-view-collapsibletopics{
  .course-content{
    ul.collapsibletopics{
      li.section{
        margin-bottom: 10px;
        border: 1px solid #e1e1e1;
        .content{
          padding: 0;
        }
        a.sectiontoggle{
          display: block;
          background-color: #e1e1e1;
          background-position: 2% 50%;
          background-size: 24px;
          padding: 6px 4px 10px 45px;
          margin: 0px;
          &[aria-expanded="false"]{
            background-image: url([[pix:theme|collapsed-new]]);
          }
          &[aria-expanded="true"]{
            background-image: url([[pix:theme|expanded-new]]);
          }
          .sectionname{
            color: $color_padrao_azul;
            font-size: 18px;
            font-weight: 700;
          }
        }
        .sectiontoggle-bottom{display: none;}
      }
      li#section-0{
        border: 0px;
      }
    }
  }
}

/*############################################################# Barra de progresso*/

/* My */
#region-main .block-myoverview .progress{border-radius: 0px;}
.block .block-cards .progress{height: 0.7rem;}
#region-main .block-myoverview .progress .progress-bar{background-color: $color_padrao_laranja;}

/* Course page */

.barra_progresso{
  /*font-family: "Poppins",sans-serif;*/
  margin-bottom: 30px;
}
.barra_progresso > .progresso{background-color: #ebebeb;}
.barra_progresso > .progresso > .andamento{
  height: 20px;
  background-color: #91288d;
}
.barra_progresso > .progresso > .andamento > label{
  color: #fff;
  float: right;
  font-weight: 400;
  font-size: 14px;
  padding: 0;
  margin: 0 6px 0 0;
}

