@import url("https://foursquareportal.com/assets/datatables/datatables.min.css");
@import url("https://foursquareportal.com/assets/datatables/plugins/bootstrap/datatables.bootstrap.css");

.dataTables_wrapper .dt-buttons {
    float: right;
}
.btn.btn-outline:hover{
    background: 0 0;
}

.btn.btn-outline.dark {
    border-color: #2f353b;
    color: #2f353b;
    background: 0 0;
}

.btn.btn-outline.red {
    border-color: #e7505a;
    color: #e7505a;
    background: 0 0;
}

.btn.btn-outline.green {
    border-color: #32c5d2;
    color: #32c5d2;
    background: 0 0;
}

.btn.btn-outline.yellow {
    border-color: #c49f47;
    color: #c49f47;
    background: 0 0;
}

.btn.btn-outline.purple {
    border-color: #8E44AD;
    color: #8E44AD;
    background: 0 0;
}

.btn.btn-outline.dark.active, .btn.btn-outline.dark:active, .btn.btn-outline.dark:active:focus, .btn.btn-outline.dark:active:hover, .btn.btn-outline.dark:focus, .btn.btn-outline.dark:hover {
    border-color: #2f353b;
    color: #FFF;
    background-color: #2f353b !important;
    background:  0 0;
}

.btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover {
    border-color: #e7505a;
    color: #fff;
    background-color: #e7505a !important;
    background:  0 0;
}

.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover {
    border-color: #32c5d2;
    color: #FFF;
    background-color: #32c5d2 !important;
    background: 0 0;
}

.btn.btn-outline.purple.active, .btn.btn-outline.purple:active, .btn.btn-outline.purple:active:focus, .btn.btn-outline.purple:active:hover, .btn.btn-outline.purple:focus, .btn.btn-outline.purple:hover {
    border-color: #8E44AD;
    color: #fff;
    background-color: #8E44AD !important;
    background: 0 0;
}

.btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover {
    border-color: #c49f47;
    color: #fff;
    background-color: #c49f47 !important;
    background: 0 0;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    background: #fff;
    border: 0;

}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /* border: 1px solid #e7ecf1; */
    margin: 10px 0!important;
}

.dataTables_wrapper .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    background-color: transparent;
    border-bottom-width: 0;
    color: #333333;
}


.dataTables_wrapper .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #e7ecf1;
}

.dataTables_wrapper .dataTables_info.dataTables_info, .dataTables_wrapper .dataTables_paginate.dataTables_info{
    border: 0;
    background: transparent;
}

.dataTables_wrapper .dataTables_info.dataTables_paginate, .dataTables_wrapper .dataTables_paginate.dataTables_paginate{
      border: 0;
    background: transparent;
}

[class^="fa-"]:before, [class*=" fa-"]:before {
    font-family: "entypo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.dataTables_wrapper .fa-angle-left:before {
    content: '\e87c';
}

.dataTables_wrapper .fa-angle-right:before {
    content: '\e87d';
}

.dataTables_wrapper .table-bordered>tbody>tr:nth-of-type(odd) {
    background-color: #fbfcfd;
}

.dataTables_wrapper .table-bordered>tbody>tr:hover, .table-hover>tbody>tr:hover>td {
    background: #f3f4f6 !important;
}

#bubble-image {
    cursor: pointer;
    display: none !important;
}