body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-color: #f9f9f9;
    font-family: Arial
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.form-horizontal {
    background-color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left:30px;
    padding-right:30px;
    margin-bottom:16px;
}

a.logo {
    background: url(../Images/logo.png) no-repeat top left;
    display: block;
    width: 120px;
    height: 100px;
    text-indent: -9999px; /* hides the link text */
}

hr {
    height: 1px;
    color: rgb(98,98,98);
    background-color: rgb(98,98,98);
    border: none;
}

.navbar {
    background-color: rgb(98,98,98);
    height: 60px;
    border-bottom:solid;
    border-bottom-color:rgb(223,2,11);
}

.navbar-collapse.in {
    height: auto;
    background-color: #FFF;
}

section {
    background-color: #FFF;
    padding: 15px;
}

@media (min-width: 768px) {
    .navbar-fixed-top .navbar-collapse {
        max-height: 60px;
        
    }
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left: 100%;margin-top:-6px;margin-right:-1px;}
.dropdown-submenu:hover>.dropdown-menu{display: inherit;/* right: inherit; */}
.dropdown-submenu>a:after{display:block;float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:#999;margin-top:5px;margin-right:10px;}
.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;}
.dropdown-menu-right {margin-left:0;}

.dropdown-menu-right {
    right:inherit !important;
    left: auto;
}

.caret-right {
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}


.botonRedondo{
  width:50px;
  height:50px;
  background-color:rgb(98,98,98);
  margin: 5px;
  padding:10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size:30px;
  line-height:32px;
  text-transform: uppercase;
  float:left;
}

.botonRedondo a{
  color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}

.botonRedondoAprobado{
  width:50px;
  height:50px;
  background-color:rgba(193, 215, 47, 0.71);
  margin: 5px;
  padding:10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size:30px;
  line-height:32px;
  text-transform: uppercase;
  float:left;
}
.botonRedondoAprobado a{
  color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}

.botonRedondoNoAprobado{
  width:50px;
  height:50px;
  background-color:rgba(0, 45, 106, 0.51);
  margin: 5px;
  padding:10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size:30px;
  line-height:32px;
  text-transform: uppercase;
  float:left;
}
.botonRedondoNoAprobado a{
  color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}

.botonRedondoPendiente{
  width:50px;
  height:50px;
  background-color:rgb(98,98,98);
  margin: 5px;
  padding:10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  font-size:30px;
  line-height:32px;
  text-transform: uppercase;
  float:left;
}
.botonRedondoPendiente a{
  color:#fff;
  text-decoration:none;
  padding:5px 5px 5px 0;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../Images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}