/*
Table theme1
*/

.ngx-datatable.theme1 {
    box-shadow: none;
    font-size: 14px;
    background: #f5f8ff;
}

.ngx-datatable.theme1 .datatable-header {
    height: unset !important;
	background:#f6f6f6;
	padding: 7px 0px;
}

.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    vertical-align: bottom;
    padding: 7px 0px 5px 0px;
    color:#6f737a;
    font-weight:bold;
    font-size:12px;
    text-align: left;
}

.ngx-datatable.theme1 .datatable-header .datatable-header-cell .datatable-header-cell-label {
    line-height: 24px;
}

app-tags-view .ngx-datatable.theme1 .datatable-header .datatable-header-cell .datatable-header-cell-label {
    margin-left: 0px;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row {
    padding: 7px 5px 5px 5px;
    vertical-align: top;
    background: #f7f9fa;
}



.ngx-datatable.theme1 .datatable-body .datatable-body-row:hover {

    background: #d6e1ee!important;
    box-shadow: none;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row.datatable-row-even {
    background-color:#fff;
}

app-event-view .ngx-datatable .datatable-body .datatable-row-detail {
    margin-top: 5px;
    overflow-x: hidden;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row.datatable-row-even.activeAction {
    background-color:#99b2cf!important; 
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row.datatable-row-odd.activeAction {
    background-color:#99b2cf!important; 
}

.ngx-datatable.theme1 .datatable-body  .datatable-body-row button{
    background: #047BF9;
    box-shadow: 0px 1px 2px rgb(32 32 32 / 34%);
    border-radius: 5px;
    font-weight: 300;
    border: none;
    text-shadow: 0px 2px 4px rgb(94 94 94 / 37%);
    color: #FFFFFF;
}

api-tokens .ngx-datatable.theme1 .datatable-body .datatable-body-row button {
    background: none!important;
    box-shadow: none!important;
}

.table-center .ngx-datatable .datatable-body .datatable-body-row>div {
     align-items: center;
    }

.table-center .datatable-body-cell-label {
    display: flex;
}

.ngx-datatable.theme1 .datatable-body  .datatable-body-row button:disabled{
    background: #268fff;
    text-shadow: 0px 2px 4px rgb(94 94 94 / 37%);
    box-shadow: 0px 1px 2px rgb(32 32 32 / 34%);
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .datatable-body-cell-label{
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    padding: 0 7px;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-mini-chart-cell
{
    font-weight:900;
    color:#1483ff;
}


.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-mini-chart
{
    vertical-align: middle;
    display: inline-block;
    width: 100px;
    height: 22px;
    overflow: hidden;
    text-align: left;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link, .ms-table-icon {
    font-size: 24px;
    line-height: 20px;
    height: 24px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    color: #6f737a;
    float: left;
}


/* SORT BUTTONS IN TABLE HEADER */

.ngx-datatable .datatable-header .datatable-header-cell .sort-btn
{
    margin-top:-5px;
}

.ngx-datatable .datatable-header .datatable-header-cell.sort-active .sort-btn.datatable-icon-up:before
{
    content: "\2191";
    display: inline-block;
    font-family:'FontAwesome';
    font-size: inherit;
    font-size:15px;
    margin-left: 3px;
}


.ngx-datatable .datatable-header .datatable-header-cell.sort-active .sort-btn.datatable-icon-down:after
{
    content: "\2191";
    right: 0.5em;
    content: "\2193";
    display: inline-block;
    font-family:'FontAwesome';
    font-size: inherit;
    font-size:15px;
    margin-left:3px;
}

.ngx-datatable .smart-form .checkbox i {
    border-radius: 10px;
}
/*SORT BUTTONS IN TABLE HEADER END */



.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link.fa {
    font-size: 18px;
    line-height: 22px;
    height: 20px;
    width: 25px;
    text-align: center;
}

api-tokens .ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link.fa {
    box-shadow: unset!important;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link:hover, .ms-table-icon:hover
{
    color:#047bf8!important;
    cursor:pointer;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link.fa.disabled
{
    color:#bdbfc4;
    cursor: not-allowed;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .amcharts-chart-div
{
    overflow: hidden!important;
    position: relative!important;
    text-align: left!important;
    width: 100px!important;
    height: 22px!important;
    padding: 0px!important;
    touch-action: auto;
}


.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .amcharts-chart-div svg
{
    fill: #1483ff;
}

.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .cell-icon
{
    text-align: center;
    color: #33425c;
    font-size: 16px;
    line-height: normal;
}



.ngx-datatable.theme1 .datatable-footer {
    background: #ffffff;
    color: #33425c;
    font-size:12px;
    margin-top: 0px;
    border-top: 1px solid #f7f9fa;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
}



.datatable-icon-plus:before {
    font-family: 'FontAwesome';
    content: '\f054';
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    height: 1em;
    font-size: 13px;
    line-height: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.datatable-icon-minus:before {
    font-family: 'FontAwesome';
    content: '\f078';
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    height: 1em;
    font-size: 13px;
    line-height: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}


.datatable-icon-plus {
    border-radius: 2px;
    color: #6f737a;
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    text-align: center;
    line-height: 25px;
}

.datatable-icon-minus {
    border-radius: 2px;
    color: #6f737a;
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    text-align: center;
    line-height: 25px;
}

.datatable-icon-minus:focus, .datatable-icon-minus:hover, .datatable-icon-plus:focus, .datatable-icon-plus:hover {
    color: #b5b5b5;
    text-decoration: none;
}

.row-details
{
    margin-top:3px;
}


.row-details-content
{
    padding: 10px 0px 10px 60px;
 
}

.row-details-content .table-icon-link
{
    color:#047bf8;
}

.expand-table-controls
{
    float:left;
}

.expand-table-controls .colapse-rows
{
   display: none;
}

.expand-table-controls.active .expand-rows
{
   display: none;
}


.expand-table-controls.active .colapse-rows
{
   display: block;
}


datatable-scroller
{
    width:100% !important;
}


.ngx-datatable.theme1 .datatable-footer .page-count {
    line-height: 50px;
    height: 50px;
    padding: 0 1.2rem;
    font-size: 14px;
}

.ngx-datatable.theme1 .datatable-footer .datatable-pager {
    margin: 0 24px;
    vertical-align: top;
}

.ngx-datatable.theme1 .datatable-footer .datatable-pager ul li {
    margin: 10px 2px;
    float:left;
}

.ngx-datatable.theme1 .datatable-footer .datatable-pager ul li:not(.disabled).active a,
.ngx-datatable.theme1 .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
    background: #71757c!important;
    color: #fff!important;
    font-weight: bold;
}

.ngx-datatable.theme1 .datatable-footer .datatable-pager a {
    position: relative;
    display: block;
    padding: 5px 10px;
    margin-left: -1px;
    line-height: 1.25;
    color: #616161;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    -webkit-transition: width 0s; /* Safari */
    transition: width 0s;
    font-size: 14px;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li:first-child a {
 
    border-radius: 5px;
    font-size: 18px;
    padding-top: 2px;
    padding-bottom: 3px;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li:last-child a {
  
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 18px;
    padding-top: 2px;
    padding-bottom: 3px;
}


.ngx-datatable.theme1 .datatable-footer .datatable-pager a:hover {
    color: #6f737a;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
    }
    

.ngx-datatable.theme1 .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.theme1 .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.theme1 .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.theme1 .datatable-footer .datatable-pager .datatable-icon-prev 
{
     font: normal normal normal 14px/1 FontAwesome;
    font-size: 16px!important;
    text-rendering: auto;
}


.ngx-datatable .datatable-body .progress-linear {
    display: block;
    position: relative;
    width: 100%;
    height: 5px;
    padding: 0;
    margin: 0;
    position: absolute;
}

.ngx-datatable .datatable-body .progress-linear .container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    background-image: linear-gradient(to right, #1dc5e9 0%,  #27c5d4 100%);
}

.ngx-datatable .datatable-body .progress-linear .container .bar {
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-animation: increase 1.5s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    animation: increase 1.5s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: -webkit-transform .2s linear;
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    background-color: #3e93f5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
}



@-webkit-keyframes increase {
0% {
  left: -35%;
  right: 100%; }
60% {
  left: 100%;
  right: -90%; }
100% {
  left: 100%;
  right: -90%; } }
@keyframes increase {
0% {
  left: -35%;
  right: 100%; }
60% {
  left: 100%;
  right: -90%; }
100% {
  left: 100%;
  right: -90%; } }


.datatable-icon-right:before {
    content: "\f105";
  
}


.datatable-icon-left:before {
    content: "\f104";
   
}

.datatable-icon-prev:before 
{
    content: "\f100";
}

.datatable-icon-next:before 
{
    content: "\f0da";
}

.datatable-icon-skip:before 
{
    content: "\f101";
   
}

.eventview-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell
{
    padding: 7px;
}

.eventview-history-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell
{
    padding: 7px;
}

.eventview-history-table.ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell, .eventview-table.ngx-datatable .datatable-body-cell
{
   overflow-x:inherit; 
}

.added-events-table.ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell
{
   overflow-x:inherit; 
}

.added-events-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell
{
    padding: 7px;
}

.endpoints-filter-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell
{
    padding: 7px;
}

.ngx-datatable.theme1.overflow-content {
    overflow:visible;
}


.table-state
{
    font-size: 13px;
}

.table-state:before 
{
    font-size: 20px;
    line-height: 20px;
}

.state-red:before 
{
    color: #f21b62;
}

.state-green:before 
{
    color:#2ec5c6;
}
.state-yellow:before 
{
    color:#f4c22b
}
.state-blue:before 
{
    color:#959595;
}
.state-gray:before 
{
    color:#aaaeb3;
}

.table-options-icon
{
    font-size:18px;
}

.options-icon-holder
{
    background:#f6f6f6;
    border-radius:4px;
    color: #8d9199;
}

.options-icon-holder:hover
{
    background:#e7e7e7;
    cursor:pointer;
}

.btn[disabled] span.ms-table-icon:hover {
    cursor: not-allowed;
}


.row-details p
{
margin:0px;
font-size:12px;
}


    .row-details p span {
        font-weight: 500;
        font-size: 12px;
        padding-right: 5px;
        color: #3e93f5;
    }

@media (max-width: 1200px) {
    .ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell {
    font-size: 12px;
}
}

/* ===================================== LIVE VIEW TABLE RESPONSIVE ==================================== */


.live-view-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px;
}




.live-view-table.ngx-datatable .colapse-sign
{
display:none;
}

.live-view-table.ngx-datatable .datatable-header .colapse-sign
{
display:none;
}

.live-view-table.ngx-datatable .row-details p
{
    display: none;
}


@media (max-width:1200px)
{

    .ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        
      
    }

    .ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(2)
    {
        
      
    }

    .ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(4)
    {
        display:inline-block;
      
    }

    .ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        display:inline-block;
      
    }


    
    .ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        width:150px!important;
      
    }

    .ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        width:150px!important;
      
    }

}

@media (max-width:800px)
{

    .live-view-table.ngx-datatable .colapse-sign
{
display:block;
}

.live-view-table.ngx-datatable .datatable-header .colapse-sign
{
display:block;
}

.live-view-table.ngx-datatable .row-details p
{
    display: block;
}


    
.ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(6)
{
   display:none
  
}

.ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(6)
{
    display:none
  
}

.ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(7)
{
   width:60px!important;
  
}

.ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(7)
{
    width:60px!important;
  
}
.ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(8)
{
   width:60px!important;
  
}

.ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(8)
{
    width:60px!important;
  
}


}

@media (max-width:640px)
{
     
    .ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(3)
    {
        width:50%!important;
      
    }

    .ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(3)
    {
        width:50%!important;
      
    } 
      
    .ngx-datatable.live-view-table  .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        display:none;
      
    }

    .ngx-datatable.live-view-table   .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        display:none;
      
    }  
}






/* 
@media (max-width: 979px)
{

  ngx-datatable
    {
        border-top: 1px solid #ecedef;
    }



    #liveViewTable .datatable-header
    {
        display:none!important;
    }
    #liveViewTable.ngx-datatable.theme1 .datatable-header .datatable-header-cell 
    {
         font-weight: 900;
        font-size: 10px;
    }

    #liveViewTable.ngx-datatable .datatable-body .datatable-body-row {

        width: 100%!important;
        display: block;
    }

    #liveViewTable.ngx-datatable .datatable-body .datatable-scroll {
        width:100%!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell {
        font-size: 12px;
        display: block;
        text-align: left;
    }

  

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(1)
    {
        width: 10%!important;
        float:left!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(2)
    {
        width: 30%!important;
        float:left!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(3)
    {
        width: 10%!important;
        float:left!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(4)
    {
        width: 30%!important;
        float:left!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(5)
    {
        width: 10%!important;
        float:left!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(6)
    {
        width: 10%!important;
        float:left!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-mini-chart
    {
        display:none;
    }


    #liveViewTable.ngx-datatable .datatable-body .datatable-body-row > div
    {
        display: block!important;
    }

    .device-icon-responsive
    {
        font-size: 18px;
        line-height: normal;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link {
        float: none;
    }

}




@media (max-width: 640px)
{

    ngx-datatable
    {
        border-top: 1px solid #ecedef;
    }

    #liveViewTable .datatable-header
    {
        display:none!important;
    }
    #liveViewTable.ngx-datatable.theme1 .datatable-header .datatable-header-cell 
    {
         font-weight: 900;
        font-size: 10px;
    }

    #liveViewTable.ngx-datatable .datatable-body .datatable-body-row {

        width: 100%!important;
        display: block;
    }

    #liveViewTable.ngx-datatable .datatable-body .datatable-scroll {
        width:100%!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell {
        font-size: 12px;
        display: block;
        text-align: center;
    }

  

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(1)
    {
        width: 100%!important;
        float:none!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(2)
    {
        width: 100%!important;
        float:none!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(3)
    {
        width: 100%!important;
        float:none!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(4)
    {
        width: 100%!important;
        float:none!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(5)
    {
        width: 100%!important;
        float:none!important;
        text-align: center!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell:nth-of-type(6)
    {
        width: 100%!important;
        float:none!important;
        text-align: center!important;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-mini-chart
    {
        display:none;
    }

    #liveViewTable.ngx-datatable .datatable-body .datatable-body-row > div
    {
        display: block!important;
    }

    .device-icon-responsive
    {
        font-size: 18px;
        line-height: normal;
    }

    #liveViewTable.ngx-datatable.theme1 .datatable-body .datatable-body-row .datatable-body-cell .table-icon-link {
        float: none;
    } */









/* ===================================== LIVE VIEW TABLE RESPONSIVE END==================================== */


/* ===================================== EVENT VIEW TABLE  ==================================== */

.row-details-background {
    background:#fff;
}

.div-top-padding {
    padding-top: 15px;
}

.eventview-table .row-details p {
    font-weight: 700;
}

p span.table-state-color{
    color: #000;
    font-weight: 700;
}

@media (max-width: 1500px) {

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.state {
        width: 90px !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.state {
        width: 90px !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.timer {
        width: 10% !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.timer {
        width: 10% !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.type {
        width: 10% !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.type {
        width: 10% !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.active-time {
        width: 100px !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.active-time {
        width: 100px !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.inactive-time {
        width: 100px !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.inactive-time {
        width: 100px !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.acknowledged-time {
        width: 100px !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.acknowledged-time {
        width: 100px !important;
    }
}

@media (max-width: 979px) {
    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.name {
        width: 40% !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.name {
        width: 40% !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.state {
        display: none;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.state {
        display: none;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.timer {
        display: none;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.timer {
        display: none;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.type {
        display: none;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.type {
        display: none;
    }

      /* show in details type cell */
    .eventview-history-table .row-details p {
        display: block;
    }
     /* show in details type cell end*/

}



@media (max-width: 790px)
{

    /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(2)
    {
      
        width: 100%!important;
    }

    /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(4)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        display:none;
    }
     /* hide ack time cell */

         /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        display:none;
    }
     /* hide ack time cell */

    /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(6)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(6)
    {
        display:none;
    }
     /* hide ack time cell */

     /* show in details ack time cell */


      /* show in details ack time cell */
      .eventview-history-table .row-details p:nth-of-type(2)
      {
          display: block;
      }
      .eventview-history-table .row-details p:nth-of-type(3)
      {
          display: block;
      }
    .eventview-history-table .row-details p:nth-of-type(4)
    {
        display: block;
    }
     /* show in details ack time  cell end*/

}


@media (max-width: 680px)
{
    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.name {
        width: 60% !important;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.name {
        width: 60% !important;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.active-time {
        display: none;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.active-time {
        display: none;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.inactive-time {
        display: none;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.inactive-time {
        display: none;
    }

    .eventview-table.ngx-datatable .datatable-header .datatable-header-cell.acknowledged-time {
        display: none;
    }
    .eventview-table.ngx-datatable .datatable-body .datatable-body-cell.acknowledged-time {
        display: none;
    }

    .table-state span
    {
        display: none;
    }
}



/* hide active time cell */
.added-events-table.ngx-datatable .datatable-body .datatable-body-cell:nth-of-type(1)
{
    display:none;
}

.added-events-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(1)
{
    display:none;
}





@media (max-width: 680px)
{

    /* hide active time cell */
.added-events-table.ngx-datatable .datatable-body .datatable-body-cell:nth-of-type(1)
{
    display:block;
}

.added-events-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(1)
{
    display:block;
}



     /* hide active time cell */
     .added-events-table.ngx-datatable .datatable-body .datatable-body-cell:nth-of-type(5)
     {
        display:none;
     }
 
     .added-events-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(5)
     {
         display:none;
     }
     /* hide active time cell end*/

    /* hide active time cell */
    .added-events-table.ngx-datatable .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        width:70%!important
    }

    .added-events-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(2)
    {
        width:70%!important
    }

    /* hide active time cell */
    .added-events-table.ngx-datatable .datatable-body .datatable-body-cell:nth-of-type(3)
    {
        width:70px!important
    }

    .added-events-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(3)
    {
        width:70px!important
    }

.added-events-table.ngx-datatable .datatable-body .datatable-body-cell:nth-of-type(4)
    {
        width:70px!important
    }

    .added-events-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        width:70px!important
    }
     /* hide active time cell end*/
}

/* ===================================== EVENT VIEW TABLE  END==================================== */



/* ===================================== EVENT VIEW HISTORY TABLE  ==================================== */
.table-tab-controls .ngx-datatable
{
    border:0px!important;
}

.ngx-datatable.eventview-history-table .colapse-sign
{
display:block;
width: 70px;
}

.ngx-datatable.eventview-history-table .datatable-header .colapse-sign
{
display:block;
width: 70px;
}

.eventview-history-table .row-details p
{
    display: block;
    font-weight: 700;
}


@media (max-width: 979px)
{
   /* show collapse sign */
    .ngx-datatable.eventview-history-table .colapse-sign
    {
    display:block;
    }  

    .ngx-datatable.eventview-history-table .datatable-header .colapse-sign
     {
        display:block;
     }
    /* show collapse sign end*/


    /* hide type cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(3)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(3)
    {
        display:none;
    }
     /* hide type cell */

      /* show in details type cell */
    .eventview-history-table .row-details p:nth-of-type(1)
    {
        display: block;
    }
     /* show in details type cell end*/

}



@media (max-width: 790px)
{

    /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(2)
    {
      
        width: 100%!important;
    }

    /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(4)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        display:none;
    }
     /* hide ack time cell */

         /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        display:none;
    }
     /* hide ack time cell */

    /* hide ack time cell */
    .ngx-datatable.eventview-history-table .datatable-body .datatable-body-cell:nth-of-type(6)
    {
        display:none;
    }

    .eventview-history-table.ngx-datatable .datatable-header .datatable-header-cell:nth-of-type(6)
    {
        display:none;
    }
     /* hide ack time cell */

     /* show in details ack time cell */


      /* show in details ack time cell */
      .eventview-history-table .row-details p:nth-of-type(2)
      {
          display: block;
      }
      .eventview-history-table .row-details p:nth-of-type(3)
      {
          display: block;
      }
    .eventview-history-table .row-details p:nth-of-type(4)
    {
        display: block;
    }
     /* show in details ack time  cell end*/

}

/* ===================================== EVENT VIEW HISTORY TABLE  END==================================== */



/* ===================================== EVENTS ADD EVENT TABLE ==================================== */

.ngx-datatable.condition-table
{
    width:100%!important
}

.condition-table .datatable-scroll
{
    width:100%!important
}

.condition-table .datatable-body-row
{
    width:100%!important
}


.condition-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px 10px 5px 10px;
}


.condition-table.ngx-datatable .colapse-sign
{
display:none;
}

.condition-table.ngx-datatable .datatable-header .colapse-sign
{
display:none;
}

.condition-table.ngx-datatable .row-details p
{
    display: none;
}


@media (max-width:800px)
{
    .ngx-datatable.condition-table .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.condition-table .datatable-header .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.condition-table .row-details p
    {
        display: block;
    }

    .ngx-datatable.condition-table  .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        width:60%!important;
      
    }

    .ngx-datatable.condition-table  .datatable-header .datatable-header-cell:nth-of-type(2)
    {
      width:60%!important;
   
    }

         /* hide ack time cell */
         .ngx-datatable.condition-table  .datatable-body .datatable-body-cell:nth-of-type(3)
         {
             display:none;
           
         }
     
         .ngx-datatable.condition-table  .datatable-header .datatable-header-cell:nth-of-type(3)
         {
             display:none;
        
         }

          /* hide ack time cell */
          .ngx-datatable.condition-table  .datatable-body .datatable-body-cell:nth-of-type(4)
          {
              width:30%!important;
            
          }
      
          .ngx-datatable.condition-table  .datatable-header .datatable-header-cell:nth-of-type(4)
          {
            width:30%!important;
         
          }

     /* hide ack time cell */
     .ngx-datatable.condition-table  .datatable-body .datatable-body-cell:nth-of-type(5)
     {
         display:none;
     }
 
     .ngx-datatable.condition-table  .datatable-header .datatable-header-cell:nth-of-type(5)
     {
         display:none;
     }

    

    
}

/* ===================================== EVENTS ADD EVENT TABLE END ==================================== */





/* ===================================== EVENTS ACTIONS TABLE ==================================== */

.action-table.ngx-datatable {
    margin-top:15px;
}

.action-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px 10px 5px 10px;
}


.action-table.ngx-datatable .colapse-sign
{
display:none;
}

.action-table.ngx-datatable .datatable-header .colapse-sign
{
display:none;
}

.action-table.ngx-datatable .row-details p
{
    display: none;
}

.action-table.action-table-details .datatable-body .datatable-row-wrapper .datatable-body-row {
    width: 100% !important;
}


@media (max-width:800px)
{
    .ngx-datatable.action-table .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.action-table .datatable-header .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.action-table .row-details p
    {
        display: block;
    }

    .ngx-datatable.action-table  .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        width:30%!important;
      
    }

    

    .ngx-datatable.action-table  .datatable-header .datatable-header-cell:nth-of-type(2)
    {
      width:30%!important;
   
    }


          /* hide ack time cell */
          .ngx-datatable.action-table  .datatable-body .datatable-body-cell:nth-of-type(3)
          {
              width:60%!important;
            
          }
      
          .ngx-datatable.action-table  .datatable-header .datatable-header-cell:nth-of-type(3)
          {
            width:60%!important;
         
          }

          .ngx-datatable.action-table  .datatable-body .datatable-body-cell:nth-of-type(4)
     {
         display:none;
     }
 
     .ngx-datatable.action-table  .datatable-header .datatable-header-cell:nth-of-type(4)
     {
         display:none;
     }

     /* hide ack time cell */
     .ngx-datatable.action-table  .datatable-body .datatable-body-cell:nth-of-type(5)
     {
         display:none;
     }
 
     .ngx-datatable.action-table  .datatable-header .datatable-header-cell:nth-of-type(5)
     {
         display:none;
     }

    

    
}

/* ===================================== EVENTS ACTIONS TABLE END ==================================== */


/* ===================================== ENDPOINTS FILTER TABLE ==================================== */
.endpoints-filter-table.ngx-datatable .colapse-sign
{
display:none;
}

.endpoints-filter-table.ngx-datatable .datatable-header .colapse-sign
{
display:none;
}

.endpoints-filter-table.ngx-datatable .row-details p
{
    display: none;
}


@media (max-width:1300px)
{
    .ngx-datatable.endpoints-filter-table .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.endpoints-filter-table .datatable-header .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.endpoints-filter-table .row-details p
    {
        display: block;
    }

    .ngx-datatable.endpoints-filter-table  .datatable-body .datatable-body-cell:nth-of-type(3)
    {
        width:35%!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(3)
    {
      width:35%!important;
   
    }

        .ngx-datatable.endpoints-filter-table  .datatable-body .datatable-body-cell:nth-of-type(4)
    {
        width:25%!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(4)
    {
      width:25%!important;
   
    }


    .ngx-datatable.endpoints-filter-table  .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        display:none!important;
   
    }

    .ngx-datatable.endpoints-filter-table  .datatable-body .datatable-body-cell:nth-of-type(6)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(6)
    {
        display:none!important;
   
    }


    .ngx-datatable.endpoints-filter-table  .datatable-body .datatable-body-cell:nth-of-type(7)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(7)
    {
        display:none!important;
   
    }


    .ngx-datatable.endpoints-filter-table .datatable-body .datatable-body-cell:nth-of-type(8)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(8)
    {
      display:none!important;
   
    }



    .ngx-datatable.endpoints-filter-table .datatable-body .datatable-body-cell:nth-of-type(9)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(9)
    {
      display:none!important;
   
    }

    
    .ngx-datatable.endpoints-filter-table .datatable-body .datatable-body-cell:nth-of-type(10)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(10)
    {
      display:none!important;
   
    }



    
    .ngx-datatable.endpoints-filter-table .datatable-body .datatable-body-cell:nth-of-type(11)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(11)
    {
      display:none!important;
   
    }



    
    .ngx-datatable.endpoints-filter-table .datatable-body .datatable-body-cell:nth-of-type(12)
    {
        display:none!important;
      
    }

    .ngx-datatable.endpoints-filter-table  .datatable-header .datatable-header-cell:nth-of-type(12)
    {
      display:none!important;
   
    }


}


/* ===================================== ENDPOINTS FILTER TABLE END ==================================== */



/*====================================== RECIPIENTS TABLE ==============================================*/



/* ===================================== EVENTS ACTIONS TABLE ==================================== */

/* .recipients-table.ngx-datatable {
    margin-top:15px;
} */
.recipients-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px;
}


.recipients-table.ngx-datatable .colapse-sign
{
display:none;
}

.recipients-table.ngx-datatable .datatable-header .colapse-sign
{
display:none;
}

.recipients-table.ngx-datatable .row-details p
{
    display: none;
}


@media (max-width:800px)
{
    .ngx-datatable.recipients-table .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.recipients-table .datatable-header .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.recipients-table .row-details p
    {
        display: block;
    }

    .ngx-datatable.recipients-table  .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        width:70%!important;
      
    }

    .ngx-datatable.recipients-table  .datatable-header .datatable-header-cell:nth-of-type(2)
    {
      width:70%!important;
   
    }

    .ngx-datatable.recipients-table  .datatable-body .datatable-body-cell:nth-of-type(3)
    {
       display: none;
      
    }

    .ngx-datatable.recipients-table  .datatable-header .datatable-header-cell:nth-of-type(3)
    {
        display: none;
   
    }

    .ngx-datatable.recipients-table  .datatable-body .datatable-body-cell:nth-of-type(4)
    {
       display: none;
      
    }

    .ngx-datatable.recipients-table  .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        display: none;
   
    }

    
    .ngx-datatable.recipients-table  .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        width:30%!important;
      
    }

    .ngx-datatable.recipients-table  .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        width:30%!important;
   
    }

}

/* ===================================== EVENTS ACTIONS TABLE END==================================== */






/* ===================================== SCHEDULES TABLE ==================================== */

/* .recipients-table.ngx-datatable {
    margin-top:15px;
} */
.schedules-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px;
}


.schedules-table.ngx-datatable .colapse-sign
{
    display:none;
}

.schedules-table.ngx-datatable .datatable-header .colapse-sign
{
    display:none;
}

.schedules-table.ngx-datatable .row-details p
{
    display:none;
}


@media (max-width:740px)
{
    .ngx-datatable.schedules-table .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.schedules-table .datatable-header .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.schedules-table .row-details p
    {
        display: block;
    }

    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        width:70%!important;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(2)
    {
      width:70%!important;
   
    }

    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(3)
    {
       display: none;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(3)
    {
        display: none;
   
    }

    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(4)
    {
       display: none;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        display: none;
   
    }

    
    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        width:30%!important;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        width:30%!important;
   
    }

}

/* ===================================== SCHEDULES TABLE END==================================== */





/* ===================================== USERS TABLE ==================================== */

/* .recipients-table.ngx-datatable {
    margin-top:15px;
} */
.users-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px;
}


@media (max-width:740px)
{
    .ngx-datatable.schedules-table .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.schedules-table .datatable-header .colapse-sign
    {
    display:block;
    }
    
    .ngx-datatable.schedules-table .row-details p
    {
        display: block;
    }

    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(2)
    {
        width:70%!important;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(2)
    {
      width:70%!important;
   
    }

    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(3)
    {
       display: none;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(3)
    {
        display: none;
   
    }

    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(4)
    {
       display: none;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(4)
    {
        display: none;
   
    }

    
    .ngx-datatable.schedules-table  .datatable-body .datatable-body-cell:nth-of-type(5)
    {
        width:30%!important;
      
    }

    .ngx-datatable.schedules-table  .datatable-header .datatable-header-cell:nth-of-type(5)
    {
        width:30%!important;
   
    }

}

/* ===================================== USERS TABLE END==================================== */







/* ===================================== NOTIFICATIONS VIEW TABLE ==================================== */


.notifications-view-table.ngx-datatable.theme1 .datatable-header .datatable-header-cell {
    padding: 7px;
}



/* ===================================== NOTIFICATIONS VIEW TABLE END==================================== */