.body{
  background-image     : url("/theme/base/img/bg-2.jpg");
  background-size      : cover;
  background-attachment: fixed;
  position             : fixed;
  opacity              : 0.9;
  width                : 140%;
  height               : 120%;
  -webkit-filter       : blur(5px);
  z-index              : 0;
  margin-top           : -105px;
  margin-left          : -130px;
}

.navbar-inverse {
  background-color: #1E6B95!important;
  border-color    : transparent!important; 
}

/*NAVBAR MENU*/
.navbar-menu{
  background-color: #00417d!important;
  border-color    : transparent!important; 
  margin-top      : -13px;
  min-height      : 50px!important;
}

.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
  color: #F6C742!important; 
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
  color           : #fff!important;
  background-color: transparent!important;
}

.navbar-brand {
  height: 85px!important;
}

.divisor{
  background-color: #9FCE81;
  height          : 10px;
  width           : 100%;
  position        : absolute;
  right           : 0;
  left            : 0;
  padding         : 1rem;
  margin-top      : 75px;
}

.titulo{
  background-color: #0f649b;
  height          : 52px;
  width           : 100%;
  position        : absolute;
  right           : 0;
  left            : 0;
  padding         : 1rem;
  margin-top      : 127px;
}

.logo img{
  margin-left: 80px;
  margin-top : -12px;
  height: 80px;
}

.logo-rectoria img{
  margin-right: 110px;  
  margin-top  : 0px;
  height: 80px;
}

.header-home{
  background-color: #004D77;
  height          : 120px;
  width           : 100%;
  position        : absolute;
  right           : 0;
  left            : 0;
  padding         : 1rem;
}

/*BUTTONS COLORS*/
.blues{
  border-radius   : 0px 0px 0px 0px;
  background-color: #0288d1!important;
  color           : #fff!important;
}

.blues:hover, .blues:focus{
  color           : #fff!important;
  background-color: #0288d1!important;
}

.blue-outline{
  border-radius   : 0px 0px 0px 0px;
  color       : #006195!important;
  border-color: #006195!important;
  background  : 0 0;
}

.blue-outline:hover, .blue-outline:focus{
  background-color: #006195!important;
  color           : #fff!important;
}


.white-outline{
  border-radius: 0px 0px 0px 0px;
  color        : #FFFFFF!important;
  border-color : #FFFFFF!important;
  background   : 0 0;
}

.white-outline:hover, .white-outline:focus{
  background-color: #FFFFFF!important;
  color           : #666666!important;
}

.green{
  border-radius   : 0px 0px 0px 0px!important;
  background-color: #5cb85c;
  color           : #fff!important;
}

.green:hover{
  color           : #FFFFFF!important;
  background-color: #5cb85c!important;
}

.green:focus{
  color           : #FFFFFF!important;
  background-color: #5cb85c!important;
  outline         : none!important;
}

.green-outline{
  border-radius: 0px 0px 0px 0px;
  color        : #7aae6b!important;
  border-color : #7aae6b!important;
  background   : 0 0;
}

.green-outline:hover, .green-outline:focus{
  background-color: #7aae6b!important;
  border-color    : #7aae6b!important;
  color           : #fff!important;
}

.yellow{
  border-radius   : 0px 0px 0px 0px!important;
  background-color: #f0ad4e!important;
  color           : #fff!important;
}

.yellow:hover{
  color           : #FFFFFF!important;
  background-color: #ec971f!important;
}

.yellow:focus{
  color           : #FFFFFF!important;
  background-color: #ec971f!important;
}

.red{
  border-radius   : 0px 0px 0px 0px!important;
  background-color: #d9534f!important;
  color           : #fff!important;
}

.red:hover{
  color           : #FFFFFF!important;
  background-color: #c9302c!important;
}

.red:focus{
  color           : #FFFFFF!important;
  background-color: #c9302c!important;
}

.default{
  border-radius   : 0px 0px 0px 0px!important;
  background-color: #fff!important;
  border-color    : #ccc!important;
  color           : #333!important;
}

.default:hover{
  color           : #333!important;
  background-color: #e6e6e6!important;
  border-color    : #adadad!important;
}

.default:focus{
  color           : #333!important;
  background-color: #e6e6e6!important;
  border-color    : #adadad!important;
}


/*FOOTER*/
.grey {
  background     : url('../img/content/footer5.png') no-repeat center;
  background-size: 100%;
  min-height     : 65px;
 
    bottom: 0;
    width: 100%;
    height: auto;
}

body {
  display       : flex;
  min-height    : 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

.next-img{
  height    : 20px;
  margin-top: -3px;
}

.blue-outline:hover .next-img{
  filter: brightness(0) invert(1);
}

.goback-img{
  height    : 20px;
  margin-top: -3px;
  transform : rotate(180deg);
}

.green-outline:hover .goback-img{
  filter: brightness(0) invert(1);
}

/*    MEDIA QUERIES    */
@media only screen and (max-width: 1024px){
  .logo-rectoria img{
    margin-right: 40px;
  }
  .grey {
    background     : url('../img/content/footer5.png') no-repeat center;
    background-size: 100%;
    min-height     : 35px;
   
      bottom: 0;
      width: 100%;
      height: auto;
  }
}

@media only screen and (max-width: 1700px){
  .content { width: 90%; }
  .grey {
    background     : url('../img/content/footer5.png') no-repeat center;
    background-size: 100%;
    min-height     : 65px;
   
      bottom: 0;
      width: 100%;
      height: auto;
  }
}
@media only screen and (max-width: 1700px){
  .content { width: 90%; }
  .grey {
    background     : url('../img/content/footer5.png') no-repeat center;
    background-size: 100%;
    min-height     : 51px;
   
      bottom: 0;
      width: 100%;
      height: auto;
  }
}

@media only screen and (max-width: 1000px){
  .logo-rectoria { display: none; }
  .grey {
    background     : url('../img/content/footer5.png') no-repeat center;
    background-size: 100%;
    min-height     : 35px;
   
      bottom: 0;
      width: 100%;
      height: auto;
  }
}

@media only screen and (max-width: 800px){
  .mieg-logo { display: none; }
  .grey {
    background     : url('../img/content/footer5_movil.png') no-repeat center;
    background-size: 100%;
    min-height     : 55px;
   
      bottom: 0;
      width: 100%;
      height: auto;
  }
}
@media only screen and (max-width: 414px){
  .mieg-logo { display: none; }
  .grey {
    background     : url('../img/content/footer5_movil.png') no-repeat center;
    background-size: 100%;
    min-height     : 25px;
   
      bottom: 0;
      width: 100%;
      height: auto;
  }
}

textarea {
  resize: none;
}

.error{
  color: #CF2020;
}

.nav-tabs-outline {
  border-bottom: 0px solid #ddd!important;
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: default!important; 
}

.quiz-tab{
  display: none!important;
}

.nav-tabs {
    border-bottom: 0px solid #ddd!important;
}

th, td{
  display: table-cell;
  vertical-align: middle;
}

p{
  margin: 0 0 5px;
  text-align: justify;
  text-justify: inter-word;
}

input[type=checkbox], input[type=radio]{
  
  height: 20px;
}

.alert{
  padding: 10px!important;
  margin-bottom: 10px!important;
}

.alert h4{
  margin: 0px;
}
.table>tbody>tr>td, .table>tbody>tr>th, 
.table>tfoot>tr>td, .table>tfoot>tr>th, 
.table>thead>tr>td, .table>thead>tr>th{
  padding: 5px;
  vertical-align: middle;
}

h1, h2, h3, h4{
  margin-top: 10px;
}
.progress{
  margin-bottom: 10px;
}

#recordatorio{
  font-size: 12px;
  color: blue;
}

.swal-text {
  text-align: justify;
}

.swal-overlay {
   background-color: rgba(0,0,0,0.4);   
}


@media (max-width: 768px) {
    input[type=checkbox] {
    width: 28px!important; 
  } 
}

.cumple{
  text-align: center!important;
}