h2 {margin: 20px 0 40px 0;}

.container {
    /*margin: 40px auto 40px auto; max-width: 600px;*/
    margin: 40px auto 40px auto;
}

.btn-group {
    margin: 20px 0 20px 0;
}
.btn-group .btn img {
    height: 20px;
    vertical-align: top;
    margin-top: -1px;
    margin-right: 2px;
}

form[name='filter'] select {min-width: 200px;}
form[name='filter'] .form-group {
    margin-right: 10px;
    margin-left: 10px;
}
form[name='filter'] .form-group label {margin-right: 5px;}
form[name='filter'] button {min-width: 100px; outline: none !important;}

.filter-actions {margin-top: 15px;}

.table {
    margin-top: 40px;
    /*width: 2000px !important;*/
}
.table caption {
    color: #333;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}


.columns-toggle .btn .glyphicon-remove {display: none;}
.columns-toggle .btn.off .glyphicon-remove {display: inline-block;}
.columns-toggle .btn.off .glyphicon-ok {display: none;}
.columns-toggle .btn .lbl {text-transform: capitalize; margin-left: 3px;}


.datetimepicker {}
.datetimepicker  input[readonly] {background: #fff; cursor: pointer;}


.table-striped tbody tr.even {background: #ffffff;}
.table-striped tbody tr.odd {background: #f9f9f9;}


.child-row-table {font-size: 1.1em;}
.child-row-table tbody tr td {padding: 3px 5px;}
.child-row-table tbody tr {background: inherit;}

.child-row {background: #ececec;}


td.details-control {cursor: pointer;}
td.details-control .glyphicon-minus {display: none;}
td.details-control.open .glyphicon-plus {display: none;}
td.details-control.open .glyphicon-minus {display: inline-block;}


.table td.date {white-space: nowrap}





/* FIX */
.dataTables_info {float: left;}


/* RESPONSE */
@media (max-width: 767px) {
    form[name='filter'] .form-group {
        margin-right: 0px;
        margin-left: 0px;
    }

    .btn-group span.lbl {display: none;}
    .btn-group .btn img {margin-right: 0;}

    .dataTables_info {float: none;}
}