.loading {
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    display: none;
}

.loader {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 50px;
  height: 50px;
  border: 15px solid;
  border-radius: 50%;
  border-top-color: rgba(44,44,44,0);
  border-right-color: rgba(55,55,55,0);
  border-bottom-color: rgba(66,66,66,0);
  border-left-color: rgba(33,33,33,0);
  animation: loadEr 3s infinite;
}

.dropzone {
    border: 4px dashed #b4b9be;
    font-weight: bold;
    min-height: 100px;
    line-height: 100px;
    text-align: center;
}
.dropzone input {
  display: none;
}
.dropzone .info {
  color: #b4b9be;
  font-size: 20px;
}
.dropzone.hover .info {
  color: #83b4d8;
}
.dropzone.in {
    height: 200px;
    line-height: 200px;
    font-size: larger;
}
.dropzone.hover {
    border-color: #83b4d8;
}
.dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
#progress{
  padding: 0;
}

@keyframes loadEr {
  0% {
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
    
  }
  10.4% {
    border-top-color: rgba(44,44,44,0.5);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  }
  20.8% {
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  }
31.2% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0.5);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
}
41.6% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  transform: rotate(40deg);
}
52% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0.5);
    border-left-color: rgba(33,33,33,0);
}
62.4% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
}
72.8% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0.5);
}
}

.loaderbefore {
    width: 50px;
    height:50px;
    border: 15px solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: 9;
}

.circular {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 70px;
    height: 70px;
    border: 20px solid;
    border-radius: 50%;
    border-top-color: #000;
    border-left-color: #fff;
    border-bottom-color: #000;
    border-right-color: #fff;
    opacity: 0.2;
    animation: poof 5s infinite;
}
@keyframes poof {
  0% {transform: scale(1,1) rotate(0deg); opacity: 0.2;}
  50% {transform: scale(4) rotate(360deg); opacity: 0;}
}
.another {
  opacity: 0.1;
  transform: rotate(90deg);
  animation: poofity 5s infinite;
  animation-delay: 1s;
}
@keyframes poofity {
  0% {transform: scale(1,1) rotate(90deg); opacity: 0.1;}
  50% {transform: scale(4,4) rotate(-360deg); opacity: 0;}
}

.text {
    position: absolute;
    top: 95px;
    left: 8px;
    font-family: Arial;
    text-transform: uppercase;
    color: #888;
    animation: opaa 10s infinite;
}
@keyframes opaa {
  0% {opacity: 1;}
10% {opacity: 0.5}
15% {opacity: 1;}
30% {opacity: 1;}
65% {opacity: 0.3;}
90% {opacity: 0.8;}
}

.table.table-vcenter th, .table.table-vcenter td {
    vertical-align: middle;
}
.table.table-center th, .table.table-center td {
    text-align: center;
}

table#studentList tbody tr td{
  padding: 2px;
}

.row.separate {
  margin-bottom: 15px;
}
label.center {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}
#header {
	margin-bottom: 0;
  padding: 2px 0;
}
.content-casa {
	margin-top: 20px;
    position: relative;
}
.home .row {
    padding: 20px 0;
}
.home .panel-heading .title {
    font-size: 30px;
}
.panel-heading .title {
    font-size: 20px;
}
.home .panel-body a {
    color: #000;
    display: block;
    text-align: center;
}
.home .panel-body a:hover {
    color: #C90C0F;
}

.close_form, .close_detail {
    cursor: pointer;
}
.close_form i:hover, .close_detail i:hover {
    color: red;
}
h4.modal-title {
    font-weight: bold;
    text-align: center;
}
.content-casa .panel-heading {
    text-align: center;
}
.shared-folder li {
    list-style: outside none none;
    padding-bottom: 10px;
    cursor: pointer;
}
.shared-folder li:hover {
    background-color: #eee;
}
.current-folder {
    padding-left: 15px;
}
.row.header-folder {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.info_student li {
    list-style: outside none none;
    padding: 5px 0;
}
.dropzone .img-responsive {
    margin: 0 auto 20px;
}
.detail_new {
  display: none;
}
#noticia {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
}
.jumbotron.indications p {
    font-size: inherit;
}
.jumbotron.indications {
    padding: 20px 60px;
    text-align: justify;
}
.thank_you {
    margin-top: 50px;
}
.acceptance_letter {
    background: #fff;
    border-radius: 10px;
}
#rootwizard ul.nav.nav-pills{
  margin-bottom: 20px;
}
#rootwizard ul.nav-pills > li + li {
    margin-left: 0;
}
#rootwizard .nav li a,
#rootwizard .nav li a:focus,
#rootwizard .nav li a:hover{
    background: none;
}
#rootwizard ul.nav li{
  background: #EAEAEA;
  border-right: 3px solid #fff;
  padding: 10px 0;
}
#rootwizard ul.nav li a span {
  background: #f2dede none repeat scroll 0 0;
  padding: 11px 15px;
  margin-right: 10px;
}
#rootwizard ul.nav li.active{
  background: #A0A0A0;
}
#rootwizard ul.nav li.done{
   border-radius: 4px;
   background: #333333;
}
#rootwizard ul.nav li.done a{
  color: #fff;
}
#rootwizard ul.nav li a{
    color: #333;
    font-weight: bold;
    padding: 0;
    font-size: 13px;
}
header #header .little-menu{
  display: none;
  margin-top: 10px;
}
header .normal-menu{
  min-height: inherit;
}
header .normal-menu li {
    border-right: 1px solid #727272;
}
header .normal-menu li a{
  padding: 8px 8px;
  font-size: 13px;
}
#accordion .fa.fa-check-circle.fa-fw{
  color: green;
}

.btn.btn-inverse {
    background: #131e26 none repeat scroll 0 0;
}

.checkbox span.terms {
    color: #4e6ee0;
}

.icon-mid:before{
  content: url(../img/M.png);
}
.icon-grade:before{
  content: url(../img/G.png);
}
.icon-accep:before{
  content: url(../img/A.png);
}
.icon-accom:before{
  content: url(../img/AC.png);
}
.icon-internship:before{
  content: url(../img/I.png);
}
.header_pdf img{
  margin: 0 auto 15px;
}

.drop-image {
    border: 4px dashed;
    height: 229px;
    width: 186px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:0px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/*Media query para mostrar/ocultar los diferentes menus (Jonathan Tejero Sanchez 09/02/2016)*/
@media(max-width:768px){
  #rootwizard ul.nav li a{
    font-size: 8px;
  }
  #rootwizard ul.nav li{
    margin-bottom: 5px;
  }
  header #header .little-menu{
    display: block;
  }
  header #header .little-menu .dropdown-menu{
    font-size: 10px;
  }
  header #header .little-menu .dropdown-menu .divider{
    margin: 3px 0;
  }
  header #header .little-menu .dropdown-menu > li > a{
    padding: 0.5px 20px;
  }
  header .normal-menu{
    display: none;
  }
  .text-fa{
    font-size:0.8em;
  }
  /*Comportamiento para todos los iconos del aplicativo*/

  .fa-4x{
   font-size: 1em; 
  }
  .fa-5x{
   font-size: 1em; 
  }
}

#accomodatewizard ul.nav.nav-pills{
  margin-bottom: 20px;
}
#accomodatewizard ul.nav-pills > li + li {
    margin-left: 0;
}
#accomodatewizard .nav li a,
#accomodatewizard .nav li a:focus,
#accomodatewizard .nav li a:hover{
    background: none;
}
#accomodatewizard ul.nav li{
  background: #EAEAEA;
  border-right: 3px solid #fff;
  padding: 10px 0;
}
#accomodatewizard ul.nav li a span {
  background: #f2dede none repeat scroll 0 0;
  padding: 11px 15px;
  margin-right: 10px;
}
#accomodatewizard ul.nav li.active{
  background: #A0A0A0;
}
#accomodatewizard ul.nav li.done{
   border-radius: 4px;
   background: #333333;
}
#accomodatewizard ul.nav li.done a{
  color: #fff;
}
#accomodatewizard ul.nav li a{
    color: #333;
    font-weight: bold;
    padding: 0;
    font-size: 13px;
}
.home_link_disabled{
  color: rgba(0, 0, 0, 0.35) !important;
}
.home_link_disabled:hover {
  color: rgba(201, 12, 15, 0.35) !important;
}

.center{
  text-align: center;
}

.export-institutional{
  margin-right: 10px;
}