/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.d_done{
    display:none;
}
.updatebtn a {
    position: absolute;
    color: #1e9def;
    font-size: 12px;
    right: 0;
}
.updatebtn {
    position: relative;
}
#entry1 h4+.row.mt-1 {
    margin-top: 0 !important;
}
.clonedInput {
    background-color: #f4f5faa8;
    padding: 15px;
    border: 1px solid #cacfe7;
    border-radius: 8px;
    margin-bottom: 15px;
}
.clonedInput h4.card-title a {
    float: right;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: rgb(255 73 97 / 67%);
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
}
.updatepop .modal-body label {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}
.updatepop .modal-header {
    border-bottom-color: rgba(204, 204, 204, .31);
}
.updatepop .modal-footer {
    border-top-color: rgba(204, 204, 204, .31);
}
.updatepop .modal-body {
    padding: 30px 15px;
}
.clonedInput .input-group .d-inline-block.custom-control.custom-radio:not(:last-child) {
    margin-right: 15px;
}
.la-chart-bar:before {
    content: "\f080";
}
.db{
    display:inline-block;
    width:100%;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-size: 10px 10px;
}
.clientdetail ul {
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
    width: 100%;
}
.clientdetail ul li {
    list-style: none;
}
.clientdetail h4 {
    font-weight: 600;
}
.clientdetail ul.hf li {
    width: 50%;
    float: left;
}
.report-dashboard-section-heading {
    font-size: 18px;
    font-weight: bold;
}
.sn-report-links {
    color: #005689;
    font-size: 14px;
    line-height: 3em;
    text-decoration: none !important;
}
.border-b-dashed {
    border-bottom: 1px dashed #cccccc;
}
h5.report-dashboard-section-heading i {
    font-size: 22px;
    margin-right: 10px;
}
#reportingElement input[type="date"], #reportingElement input[type="text"], #reportingElement select {
    padding-left: 0.5rem !important;
    padding-right: .5rem !important;
}

  .table th, .table td{
      border-top:none !important;
  }
  #reportingElement table tr td{
      font-size:12.6px;
  }
  #reportingElement table thead td{
    font-size:13px;
}
#reportingElement table tbody tr td:first-child a{
    width: 250px;
}
  #reportingElement table tr td a{
        width: 193px;
        padding: 0;
        overflow: hidden;
        position: relative;
        display: inline-block;
        text-decoration: none;
        text-overflow: ellipsis;
        white-space: nowrap;
  }
  table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f9f9f9 !important;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fff !important;
}
#reportingElement table tbody tr td:nth-child(2) {
    text-align: center;
}
/* #reportingElement table tr td a.extlink:after {
    content: '';
    width: 14px;
    height: 14px;
    background: url('../../app-assets/images/external-link.svg');
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    filter: brightness(0) invert(.5);
    position: absolute;
    top: 0;
    right: 3px;
    pointer-events: all;
} */
#reportingElement table tr td a.extlink {
    position: relative;
    padding-right: 20px;
}

#reportingElement table tr td a.extlink i {
    position: absolute;
    right: 0;
    top: 0;
}
#reportingElement table tr td a.extlink i img {
    width: 15px;
    height: 15px;
    filter: brightness(0) invert(.5);
}
/* th, td { white-space: nowrap; } */

#reportingElement table tbody tr td:nth-child(4) span{
    width: 190px;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.DTFC_LeftBodyLiner {
    top: 0px !important;
    overflow: hidden !important;
}
#reportingElement table tbody tr td a.actionbtn {
    width: auto;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

@media(min-width:768px){
    #mytable{
        width: 100% !important;
    }
}