/* 
    Document   : style
    Created on : 29-may-2014, 12:53:53
    Author     : bsasschetti
    Description:
        Purpose of the stylesheet follows.
*/

body {
    padding-top: 70px;
    padding-bottom: 30px;
}

.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;

    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor: progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    width: auto; /* This doesn't work, just fix for unkown width elements */
}

.has-spinner.btn-mini.active .spinner {
    width: 10px;
}

.has-spinner.btn-small.active .spinner {
    width: 13px;
}

.has-spinner.btn.active .spinner {
    width: 16px;
}

.has-spinner.btn-large.active .spinner {
    width: 19px;
}

.glyphicon-spin {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%; /* IE 9 */
    transform-origin: 50% 50%;
    -webkit-animation: spin 1s infinite linear;
    -moz-animation: spin 1s infinite linear;
    -ms-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

#logo-empresa {
    width: 100%;
    height: 300px;
    padding-bottom: 25px;
    width: 699px;
    margin: 0 auto;
}

#imagen-logo {
    background-image: url("../images/logo_Solivellas.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    display: inline-block;
}

#table-pedidos tbody .activeTr td {
    background: #9cccff;
}

.ui-autocomplete {
    z-index: 5000;
}
.ui-widget-overlay{
    background: white;
    opacity: 0;
}

#table-pedidos-paging .glyphicon{
      margin-bottom: 15px;
}

.ui-jqgrid-sortable{
    cursor: pointer;
}