/**
* Estilos modificados para sgi
* Jorge Courbis -  j.courbis.a@gmail.com
*/

/* Cambios de adminlte*/

.main-header > .navbar {
  margin-left: 0px;
}

.main-sidebar, .left-side {
  top:auto;
  padding-top:10px;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
  background-color: #ECF0F5;
}

.skin-blue .sidebar-menu > li.header {
  background: #004B85 none repeat scroll 0 0;
  color: #ECEFF4;
}

.skin-blue .sidebar a {
  color: #8493A8;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
  background: #004B85 none repeat scroll 0 0;
  border-left-color: #0082D5;
  color: #ECEFF4;
}


.navbar-default .navbar-nav > li > a {
    color: #004B85;
}

.navbar {
  margin-bottom: 0px;
}

.btn-info {
  background-color: #0082D5;
  border-color: #00acd6;
}
/*Estilos personalizados*/

/*Barra breadcrumbs*/
#breadcrumbs{
  height: 40px;
  background: #DAE2ED;
}
#breadcrumbs ul{
  padding-top:7px;
}

#breadcrumbs li{
  font-family: "Roboto";
  font-size: 16px;
  list-style: none;
}

/*Menú principal*/

/* Para pantallas de mas de 768*/
@media (min-width: 768px) {
  .navbar-web{
   position: absolute;
   top: 100px;
   left:1100px;
  }
}

/* Para pantallas de mas de 768*/
@media (min-width: 768px) {
  .navbar-web2{
   position: absolute;
   top: 100px;
   left:100px;
  }
}

/* Para pantallas de menos de 768*/
@media screen and (max-width: 768px) {
  #main-menu{
    background: #FFFFFF;
    min-height: 15% ;
     
  }
}

/* Para pantallas de mas de 768*/
@media (min-width: 768px) {
  #main-menu{
   background: #FFFFFF;
   height: 100px;
  }
}


#bs-example-navbar-collapse-1{
    min-height: 20% !important;
    margin-top: 20px;


}

#main-menu ul li{
  font-family: "Roboto Condensed";
  font-size: 16px;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;

}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;


}
.dropdown-submenu.pull-left {
  float: none;

}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;

}

.navbar-nav > .user-menu .user-image {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-right: 15px;
	margin-top: -4px;
}


#iframe-container{
  width: 300px;
  height: 150px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
  background: #004B85;
  border-radius: 2px;
}

#iframe1{
  padding-top:40px;
  padding-left:20px;
}

#login {
  padding-left: 80px;
}


.table{
  text-align: center;
}

#calendario-academico{
  height:730px;
  overflow: scroll;
}

.ic{
  background:#8DC153;
}

.epic{
  background:#FB7629;
}

.ep{
  background:#FBAF26;
}

.va{
  background:#C80219;
}

.d{
  background:#F7AE00;
}

.aa{
  background:#0082D5;
}

.ed{
  background:#00DDD7;
}

/* Para pantallas de menos de 768*/
@media screen and (max-width: 800px) {
    .responsive{
          max-width:100%;
          height:auto;
    }
}

/* Para pantallas de menos de 768*/
@media screen and (max-width: 800px){
    .box-responsive{
         position: relative;
         background: transparent;
         margin-bottom: 20px;
         width: 100%;
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    }
}