/*!
 * Start Bootstrap - 2 Col Portfolio (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
  padding-top: 20px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
  position: relative;
  margin: 0;
  padding-bottom: 50px;
  min-height: 100%;
}

.portfolio-item {
  margin-bottom: 25px;
}

.boton-adicional {
  float: right;
}

/*Footer Styles*/

html {
	height: 100%;
	box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.footer2 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #464d51;
  text-align: center;
  color: #8c969c;
  font-size: 1rem;
}

.col-md-6.portfolio-item a{
	color: #b0cb22;
}

/*Navbar*/

.navbar.navbar-inverse.navbar-fixed-top {
	border-color: #d1d1d1;
	background-color: #F0F0F0;
}

#logoCC{
  float: left;
}

#logoProsof {
  float: right;
}

#logoCC{
  width: 122px;
  overflow: hidden;
  position: relative;
}

#logoCC img{
  width: 122px;
  margin-top: -15px;
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  bottom: -100%;
  margin: auto;
}

#logoProsof img{
  margin-top: -14px;
  max-width: 90px;
  max-height: 50px;
}

.navbar-inverse .navbar-toggle {
  background-color: #9d9d9d !important;
  border-color: #9d9d9d;
}

.navbar-inverse .navbar-toggle:focus{
  background-color: #383838 !important;
  border-color: #383838;
}

.flechita{
  display: none;
}

div.page-header {
  margin: 25px 0 20px;
}

.input-group {
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  #logoProsof {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
  nav .container {
    width: 100%;
    font-size: 12px;
  }
}

@media only screen and (min-width: 768px) and (max-width:842px) {
  nav .container {
    font-size: 10.8px !important;
  }
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

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

.dropdown-menu .divider {
  margin: 0;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #9d9d9d !important;
}

/* 09/06/2017 JCSM - Icono Buscar en placeholder */

/* enable absolute positioning */
.inner-addon { 
  position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

#overlay {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100000;
  cursor: not-allowed;
}

@media(max-width: 767px) {
  #overlay {
    background: rgba( 255, 255, 255, .8 ) 
    url('../img/ajax-loader.gif') 
    50% 50% 
    no-repeat;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
    color: #383838;
    background-color: #eaeaea !important;
  }
  .flechita{
    display: inline-block;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #9d9d9d;
  }
}

@media (min-width:768px) and (max-width:1200px){
  .actualiza{
    margin-left: -125px;
  }
}
@media (min-width:768px) and (max-width:1225px){
  .subactualiza{
    margin-left: -465px;
  }
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #9d9d9d;
}