/*COPY OF THE CORE.CSS*/
.btn-full {
    position: absolute;
    top:0;
    right: 30px;
    z-index: 3;
    text-decoration: none;
}
.btn-full:hover,
.btn-full:active,
.btn-full:focus {
   text-decoration: none;
}
.btn-full .fa-compress {
   display: none;
}

.fullscreen{
   overflow: hidden;
}

.fullscreen .screen {
   position: fixed !important;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   background: #fff;
   padding-top: 15px;
   padding-bottom: 15px;
   z-index: 1002;
   overflow: auto;
   padding-left: 15px;
}

.fullscreen .screen  .btn-full  {
   top: 20px;
   right: 60px;
}

.fullscreen .btn-full .fa-compress {
   display: block;
}

.fullscreen .btn-full .fa-expand {
   display: none;
}

.row-full {
   position: relative;
}
/*COPY END*/

.datatable-chart-box .actions-box {
    height: 278px;
    border: 1px solid #ccc;
    margin-left: 15px;
}

.datatable-chart-box .action-fields-box {
     display: flex;
}

.datatable-chart-box .actions-box-show .fa-plus-circle {
    display: none;
}

.datatable-chart-box .actions-box-show.hidded .fa-plus-circle {
   display: inline-block;
}

.datatable-chart-box .actions-box-show.hidded .fa-minus-circle {
    display: none;
 }
 .datatable-chart-box .actions-box .col-md-6 {
     padding: 10px 0;
 }
 .datatable-chart-box .actions-box .form-control {
    padding: 4px 3px;
 }

 .datatable-chart-select-fields {
     flex: 2;
 }

 .datatable-chart-select-function {
    flex: 1;
 }

 .datatable-chart-box .box-selected-fields,
 .datatable-chart-box .box-selected-fields-group {
    height: 195px;
    border: 1px solid #cccc;
    margin-top: 3px;
 }

 .datatable-chart-box .list-group-item {
     border-radius: 0;
     border-top: 0;
     border-left: 0;
     border-right: 0;
     margin-bottom: 1px;
 }

 .datatable-chart-box .item-projection-rm,
 .datatable-chart-box .item-group-rm {
    color: #DD1144;
    margin-top: 4px;
 }

 .datatable-chart-box .table-container {
     margin-top: 15px;
 }

 .datatable-chart-box .field-x-sub {
     height: 20px;
     width: 28px;
     background-color: #dff0d8;
     border: 1px solid #3c763d;
     display: inline-block;
     margin-top: 2px;
     position: relative;
     top: 5px;
 }

 .datatable-chart-box .field-ag-sub {
    height: 20px;
    width: 28px;
    background-color: #c6c8ca;
    border: 1px solid #1b1e21;
    display: inline-block;
    margin-top: 2px;
    position: relative;
    top: 5px;
}
.datatable-chart-box .field-vl-sub {
    height: 20px;
    width: 28px;
    background-color: #b8daff;
    border: 1px solid #004085;
    display: inline-block;
    margin-top: 2px;
    position: relative;
    top: 5px;
}

 .datatable-chart-box .no-padding {
     padding: 0;
 }

 .datatable-chart-box .hide-btn-remove .item-group-rm {
       display: none;
 }
 .datatable-chart-box .error-group {
     display: none;
 }
 .datatable-chart-box .box-selected-fields-group.error .error-group {
     position: absolute;
     top: 15px;
     left: 100%;
     width: 240px;
     min-height: 30px;
     list-style: none;
     top: 64px;
     padding: 5px 5px 5px 10px;
     margin-left: 10px;
     border: 1px solid #DD1144;
     border-radius: 4px;
     background-color: #f5c6cb;
     color: #721c24;
     display: block;
 }
 
 .datatable-chart-box .box-selected-fields-group.error {
    border: 1px solid #DD1144;
 }
 .datatable-chart-box .box-selected-fields-group.error .error-group:before {
    position: absolute;
    content: "";
    width: 0; 
    height: 0; 
    top: 16px;
    left: -11px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #DD1144; 
  }

  .datatable-chart-box .count-label {
      border: 1px solid;
      padding: 3px;
      border-radius: 2px;
      width: 50%;
      margin-left: -4px;
      height: 23px;
  }
  .datatable-chart-box.show-load #load-container {
      display: block;
  }

.datatable-chart-box.no-records #no-rows {
    display: block;
}

.datatable-chart-box.show-load #chart-container,
.datatable-chart-box.show-load .table-container {
display: none;
}

.datatable-chart-box #load-container,
.datatable-chart-box #no-rows{
    text-align: center;
    margin-top: 30px;
    display: none;
}

.datatable-chart-box .list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

.datatable-chart-box .list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

.datatable-chart-box .add-prjc[disabled] {
    color: #bbb;
}

.datatable-chart-box .chat-label {
    min-width: 200px;
    /*text-align: center;*/
    width: 100%;
    background-color: #fff;
}
.datatable-chart-box .chat-label td {
    white-space: nowrap;
    padding-left: 5px;
    padding-bottom: 5px;
}


.datatable-chart-box  .chart-container .highcharts-container  {
    margin-bottom: -20px !important;
}

.datatable-chart-box  .chart-container,
.datatable-chart-box  .table-container,
.datatable-chart-box  .row-full {
    display: none;
}


.datatable-chart-box.show-results  .chart-container,
.datatable-chart-box.show-results .table-container,
.datatable-chart-box.show-results  .row-full {
    display: block !important;
}

.datatable-chart-box .dt-buttons {
    float: right;
}

.datatable-chart-box .btn-full {
    left: 24px !important;
    right: unset;
}

.fullscreen .datatable-chart-box .screen .btn-full  {
    left: 60px !important;
}

.fullscreen .datatable-chart-box .screen .highcharts-container {
    text-align: center !important;
    margin: auto !important;
}
.list-group-sortable {
    overflow-y: auto;
}