/*  COLOR BLUE FERROSPUIG #37388B */

/* * ******************************
 * GENERAL
 * ****************************** */
body{
    background-color: #FFF;
}
h1{
    font-size: 30px;
}
h2{
    font-size: 24px;
}
h1, h2, h3, h4, h5{
    color: #000066;
}

.error{
    color: #D6010E;
}

.span_valid{
    color: #57AA77;
    font-weight: bold;
}

.input_error{
    border: solid 1px #EE0000;
}

table th{
    text-align: center;
}

.body_page{
    font-size: 13px;
}
/* * ******************************
 * END GENERAL
 * ****************************** */
/* * ******************************
 * HEADER
 * ****************************** */

#top_wrap #logo{
    text-align: center;
}

#top_wrap #logo img{
    margin: auto;
}

#top_wrap .header_info{
    margin-top: 25px;
}

#top_wrap .languages ul{
    margin-top: 25px;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

#top_wrap .languages ul li{
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

#top_wrap .languages ul li a{
    text-decoration: none;
}

#top_wrap .languages ul li span{
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #37388B;
    padding: 7px;
    font-weight: bold;
}

#top_wrap .languages .language_active, .languages ul li:hover{
    background-color: #37388B;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #AAA;
}

#top_wrap .languages .language_active span, .languages ul li:hover span{
    color: #FFF !important;
}

#bot_wrap{
    /*margin-top: 10px;*/
}

#bot_wrap .menu{
    padding: 5px 0 5px 0;
    /*box-shadow: 5px 5px 8px #888;*/
}

#bot_wrap .menu_user{
    background-color: #37388B;
}
#bot_wrap .menu_admin{
    background-color: #006600;
}

#bot_wrap .label_user{
    display: inline-block;
    color: #FFF;
    font-weight: bold;
    margin: 0 10px;
}

#bot_wrap .label_admin{
    color: #FFF;
    font-weight: bold;
}


@media screen and (max-width:1024px) {

    #wrapper_tree div{
        text-align: center;
    }
}
#tree{
    margin: 25px 0 0 0;
    font-size: 13px;
}

#wrapper_tree a{
    margin: 25px 0 0 0;
}

.icon.glyphicon, .icon.node-icon{
    display:none;
}

/* * ******************************
 * END HEADER
 * ****************************** */
/* * ******************************
 * LOGIN / REGISTRO / EDIT / CREATE
 * ****************************** */
#login .label_login, #registrarse .label_registrarse, #editar .label_editar, #crear .label_crear{
    width: 150px;
    margin-right: 10px;
    text-align: right;
}

/* * ******************************
 * END LOGIN / REGISTRO / EDIT / CREATE
 * ****************************** */
/* * ******************************
 * FOOTER
 * ****************************** */
footer{
    margin-top: 15px;
    text-align: center;
    background-color: #223344;
    padding: 15px 0;
    box-shadow: 5px -5px 8px #888;
}

footer #list_footer{
    padding: 0;
    list-style-type: none;
}

footer #list_footer li{
    display: inline-block;
    color: #FFF;
    font-weight: bold;
}

footer #list_footer li:hover{
    color: #AAA;
}
footer .footer_separator{
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
}
/* * ******************************
 * END FOOTER
 * ****************************** */
/* * ******************************
 * SINGLE PRODUCT
 * ****************************** */

.single_product{
    padding: 20px;
    min-height: 200px;
    border: 1px solid #888;
    box-shadow: 3px 3px 3px #666;
    margin-bottom: 20px;
}

.sp_titol{
    display: inherit;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

.sp_text{
    text-align: left;
    display: inline-block;
    font-size: 12px;
}

#table_especificaciones *{
    font-size: 11px;
}
/* * ******************************
 * END SINGLE PRODUCT
 * ****************************** */
/* * ******************************
 * CONTROL PANEL
 * ****************************** */
#list_items_panel{
    padding: 0;
    list-style-type: none;
}

#list_items_panel li{
    border: 1px solid #DDD;
    background-color: #37388B;
    height: 60px;
    display: inline-block;
    margin-bottom: 20px;
}

#list_items_panel li:hover{
    opacity: 0.5;
}

#list_items_panel li a{
    font-size: 20px;
    padding-top: 10px;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #FFF;
}

#list_items_panel li a:hover{
    color: #FFF;
}
/* * ******************************
* END CONTROL PANEL
* ****************************** */
/* * ******************************
* ALMACENES
* ****************************** */
.alm_block{
    margin-bottom: 70px;
    text-align: left;
}

.alm_block iframe{
    margin-bottom: 15px;
}

/* * ******************************
* END ALMACENES
* ****************************** */
/* * ******************************
* TABLES
* ****************************** */
.table_consulta{
    width: 100%;
}
.table_consulta th, .table_consulta td{
    border: 1px solid #999;
    padding: 5px;
}

.p_table_oferta{
    margin: 0;
    line-height: 30px;
}

.table_list_docs *{
    font-size: 12px;
}

.table_venedor *{
    font-size: 12px;
}

/* * ******************************
* END TABLES
* ****************************** */

.jumbo_mantainance{
    border: 1px solid #888;
    box-shadow: 6px 6px 10px #444;
}


p#oferta_valida{
    font-size: 22px;
    text-align: left;
}

.fitxer{
    padding: 5px;
    background-color: #e4fffd;
    border: 1px solid #64b8b2;
    cursor: pointer;
}

#table_cesta_linias>thead>tr>th{
    border-bottom: 0px;
}
    
#table_cesta_linias>tbody.groupRows>tr>td{
    border-top: 0px;
}

#table_cesta_linias>tbody.groupRows>tr:first-child>td{
    border-top: 1px solid #b7b7b7;
}


.displaybox{
    z-index: 10000;
    background-color: white;
    position:fixed; 
    top:0px; 
    left:0px; 
    width:100%; 
    height:100%; 
    text-align:center; 
    vertical-align:middle;
}


.displaybox_center{
    position: fixed;
    top: 50%;
    transform: translate(0%,-50%);
    z-index: 20000;
    left: 0px;

}

.option-selected{
    background-color: #fcffc9;
}

.pagination > li > button{
    
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination > li:first-child > button  {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pagination > li:last-child > button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination > li > button:focus, .pagination > li > button:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}

.pagination > .active > button, .pagination > .active > button:focus, .pagination > .active > button:hover  {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}