/* 
    Document   : xtinvoice
    Created on : Mar 25, 2013, 9:20:53 PM
    Author     : henrique
    Description:
        Purpose of the stylesheet follows.
*/

body{

    background: #f4f4f4;
}

.xTForm{
    background: #dedede;
    padding: 20px;
    border-bottom: solid 1px #999;
}
.xTForm .page-header{
    border-bottom-color: #999;
}

.table-control th, .table-control .table-control-header{
    background: #aaa;
    text-align: left;
}

table.table-control{

    width: 100%;

}
table.table-control td{
    vertical-align: middle;

}
.table-control tbody tr:hover{
    background: #eee;
}

.table-control th:hover{
    background: #bbb;
}

.table-control th{
    padding: 0;
    text-transform: uppercase;
}

.table-control th .btn{
    margin-right: 2px;
    margin-left: 2px;
    font-weight: normal;

}

.table-control th a{
    text-decoration: none;
    padding: 2px 5px;
    display: block;
    text-transform: uppercase;
}

.table-control-header-state{
    background: url(play.png) no-repeat right center;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding-right: 10px;
}

.table-control-header-state1{
    background: url(playup.png) no-repeat right center;

}
.table-control-header-state0{
    background: url(playdown.png) no-repeat right center;

}
.table td{
    vertical-align: middle;
}

.modal-control{
    width: 96%!important;
    height: 96%!important;
    margin: 0 !important;
    box-sizing: border-box;
    padding: 20px 20px 0 20px;
    background: #f4f4f4;
    overflow-y: auto;
    left: 2%!important;
    /*font-size: 11px!important;*/
}
.modal-control.modal.fade.in{
    top: 2%!important;
    left: 2%!important;
}
/*#resultContainer {
    font-size: 10px!important;
}*/

/*#resultContainer table th,*/

/*#resultContainer .btn,*/

.table-of-info td{
    /*width: 25%;*/
    text-align: left;
    vertical-align: middle;
}
.table-of-info td.table-info-header{
    clear: both;
    /*text-align: right;*/
    /*width: 10%;*/
    font-weight: bold;
}

.table-middle td{
    vertical-align: middle;
    text-align: center;
}

/*#resultContainer .pagination-div{
    position: fixed;
    bottom: 0px;
    background: #ddd;
    width: 100%;
    text-align: center;
}*/