
.fade-enter-setup, .fade-leave-setup {
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}

.fade-enter-setup,
.fade-leave-setup.fade-leave-start {
    opacity: 0;
}

.fade-leave-setup,
.fade-enter-setup.enter-fade-start {
    opacity: 1;
}

/*body {
    font-size : small;
}*/
a,
a:hover,
.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
h1,h2,h3,h4,h5,legend
{
    color: #b00000;
}

body {
    font-size   : 12px;
    line-height : 10px;
}

.container-fluid {
    padding-right : 5px;
    padding-left  : 5px;
}

.navbar {
    margin-bottom : 10px;
}

.navbar .brand {
    font-size: 16px;
}

.navbar-inner {
    min-height: 20px;
}

li {
    line-height: 10px;
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
    font-size   : 12px;
}

label,
input,
button,
textarea {
    font-size   : 12px;
}

legend {
    font-size     : 18px;
    line-height   : 30px;
    margin-bottom : 16px;
}

select{
    height      : 26px;
    font-size   : 10px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input{
    height      : 16px;
    font-size   : 10px;
}

.btn {
    line-height : 16px;
    font-size   : 10px;
}

.button-top {
    vertical-align: top;
}

.table th, .table td {
    line-height : 16px;
}

.table th {
    text-align  : center;
}

.table td {
    /*text-align  : left;*/
    cursor: pointer;
}

.item-left {
    text-align: left !important;
}

.item-right {
    text-align: right !important;
}

.table-striped tbody tr.highlight td { 
    color: #555555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

/*#feedback { font-size: 1.4em; }*/
.selectable .ui-selecting { background: #FECA40; }
.selectable .ui-selected { background: #F39814; color: white; }
.selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.selectable-ano { width: 55%; }
.selectable-mes { width: 45%; }
.selectable li { margin: 3px; padding: 0.4em; font-size: 1.2em; height: 18px; }

.detalhe {
    /*width      : 780px;*/
    margin      : 0 auto 0 auto;
    padding     : 5px;
    border      : 1px solid #d4d4d4;
    background  : #ffffff;

    font-family : sans-serif;
    font-size   : 11px;
    /*background-color: grey;*/
}

.label-important, .badge-important {
    background-color : #ffffff;
    border-color     : #b94a48;
    border-style     : solid;
    border-width     : 1px;
    color            : #b00000;
    vertical-align   : middle;
}

.nav-tabs > .active > a > span {
    color        : #555555;
    border-color : #555555;
}

@media all {
    .page-break { 
        display: none; 
    }
}

@media print {
    .page-break { 
        display: block; 
        page-break-before: always; 
    }

    #filtro, #lista {
        display : none !important;
    }

    #detalhe {
        top: 0px !important;
    }

    hr {
        margin: 2px 0px 2px 0px !important;
    }

    .row-fluid [class*="span"] {
        min-height: 15px !important;
    }
}

/* Loading */
#modal {
    /*background: white;*/

    z-index  : 1000;
    position : fixed;
    top      : 50%;
    left     : 50%;
    width    : 100%;
    height   : 100%;
    margin-left : -50px;
    margin-top  : -50px;
    /*margin   : -25% 0 0 -25%;*/

    /* Embiggen */
    /*transform: scale( 1.5 ); /* prefix me * /*/

    /* Hidden */
    opacity        : 0;
    pointer-events : none;
}

.loading #page-wrap {
    /* Blur and de-color */
    -webkit-filter : blur( 2px ) grayscale( 50% );
       -moz-filter : blur( 2px ) grayscale( 50% );
        -ms-filter : blur( 2px ) grayscale( 50% );
         -o-filter : blur( 2px ) grayscale( 50% );
            filter : blur( 2px ) grayscale( 50% );
            /*filter : url( #blur );*/
            filter : url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'blur\'><feColorMatrix type=\'saturate\' values=\'0.5\'/><feGaussianBlur stdDeviation=\'2\'/></filter></svg>#blur"); /* Firefox 10+ */
            filter : progid:DXImageTransform.Microsoft.Blur( pixelradius = '2' );
            /*filter : url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/><feGaussianBlur stdDeviation=\'2\'/></filter></svg>#grayscale"); /* Firefox 10+ * /*/

    /* Recede */
    /*-webkit-transform: scale(0.9);*/
}

.loading #modal {

    /* Regular size and visible */
    transform: scale(1); /* prefix me */
    opacity: 1;

    /* Clickable */
    pointer-events: auto;

}

#page-wrap, #modal {
    -webkit-transition : all 0.3s ease; 
       -moz-transition : all 0.3s ease; 
        -ms-transition : all 0.3s ease; 
         -o-transition : all 0.3s ease; 
            transition : all 0.3s ease;  

    /*transition: all 0.4s ease; /* prefix me */
}
