/*CSS para la barra de menús superior*/
.navbar-inner
{
    background-color: #FAFAFA !important;
    background-image: -moz-linear-gradient(top, #FFF, #F2F2F2) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#F2F2F2)) !important;
    background-image: -webkit-linear-gradient(top, #FFF, #F2F2F2) !important;
    background-image: -o-linear-gradient(top, #FFF, #F2F2F2) !important;
    background-image: linear-gradient(to bottom, #FFF, #F2F2F2) !important;
}

.navbar .nav>li>a 
{
    color: #777777 !important;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus 
{
    color: #555555 !important;
    background-color: #E5E5E5 !important;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle 
{
    color: #555555 !important;
    background-color: #E5E5E5 !important;
}

.dropdown-menu>li>a 
{
    color: #333333 !important;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret 
{
    border-top-color: #555555 !important;
    border-bottom-color: #555555 !important;
}

/*CSS para los botones*/
.btn
{
    color: #333 !important;
    background-color: #F5F5F5 !important;
    background-image: linear-gradient(to bottom,#FFF,#E6E6E6) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-inverse
{
    color: #FFF !important;
    background-color: #363636 !important;
    background-image: linear-gradient(to bottom,#444,#222) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-primary
{
    color: #FFF !important;
    background-color: #006DCC !important;
    background-image: linear-gradient(to bottom,#08C,#04C) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-warning
{
    color: #FFF !important;
    background-color: #FAA732 !important;
    background-image: linear-gradient(to bottom,#FBB450,#F89406) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-danger
{
    color: #FFF !important;
    background-color: #DA4F49 !important;
    background-image: linear-gradient(to bottom,#EE5F5B,#BD362F) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-success
{
    color: #FFF !important;
    background-color: #5BB75B !important;
    background-image: linear-gradient(to bottom,#62C462,#51A351) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

.btn-info
{
    color: #FFF !important;
    background-color: #49AFCD !important;
    background-image: linear-gradient(to bottom,#5BC0DE,#2F96B4) !important;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25) !important;
}

/*CSS para el cuerpo de los thumbnail*/
.trasback
{
    background-color: rgba(0,0,0,0.1) !important;
}

/*CSS para la cabecera de las pantallas*/
.box-header
{
    background-color: #FAFAFA !important;
    background-image: linear-gradient(to bottom, #FAFAFA, #EFEFEF) !important;
    border: 1px solid #DDD !important;
}

.box-header .break
{
    border-left: 1px solid #FCFCFC !important;
    border-right: 1px solid #DDD !important;
}

/*CSS para el cuerpo de las pantallas*/
.box-content
{
    background: #FCFCFC !important;
}

/*CSS para la cabecera de las tablas*/
thead
{
    background-color: rgba(100,100,100,0.05) !important;
}

/*CSS para las filas de las tablas*/
tr.odd
{
    background-color: #FFF !important;
}

tr.even
{
    background-color: #FFF !important;
}

tr.f
{
    background-color: #FFF !important;
}

/*CSS para el borde de los diálogos*/
.modal
{
    border: 10px solid #CCC !important;
}

/*CSS para las cabeceras de los apartados en pantallas de introducción de copias, avisos y pedidos de máquinas*/
.advlabel
{
    background-color: #EEE !important;
}

.add-on
{
    background-color: #EEE !important;
}

/*CSS para los títulos*/
h1, h2, h3, h4, h5, h6
{
    color: inherit !important;
}

/*CSS para el carrusel*/
.carousel-caption
{
    background-color: rgba(0,0,0,0.4) !important;
}

.carousel-control
{
    background: #222 !important;
    color: #FFF !important;
}

#myCarousel {
    padding: 0px;
}

#myCarousel > div {
    border-radius: 10px;
}

@media (min-width: 1200px) {
    #myCarousel > div > div > img {
        width: 100%;
        /* height: 100%; */
        object-fit: cover;
    }
}

#myCarouselIndex {
    padding: 0px;
}

#myCarouselIndex > div {
    border-radius: 10px;
}

@media (min-width: 1200px) {
    #myCarouselIndex > div > div > a > img {
        width: 100%;
        /* height: 100%; */
        object-fit: cover;
    }
}
/*CSS para los labels*/
.label, .badge
{
    background-color: #999 !important;
    color: #FFF !important;
}

.label-important, .badge-important
{
    background-color: #B94A48 !important;
    color: #FFF !important;
}

.label-warning, .badge-warning
{
    background-color: #F89406 !important;
    color: #FFF !important;
}

.label-success, .badge-success
{
    background-color: #468847 !important;
    color: #FFF !important;
}

.label-info, .badge-info
{
    background-color: #3A87AD !important;
    color: #FFF !important;
}