.img-responsive {
  width: 150px;
  height: 196px;
  cursor: pointer;
}
#phoneSpan {
  display: inline-table;
}
#copyprintcsvUsers  tbody tr :last-child{
  /* display: inline-flex; */
  padding-left: 1px;
  padding-right: 1px;
}
#copyprintcsvUsers  tbody tr :last-child button{
  margin-bottom: 5px;
}
table.dataTable{
  width: 100% !important;
}
/* .dataTables_filter {
  display: none !important;
} */

/* #deviceReport.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  visibility: hidden !important;
  display: none !important;
} */
button.dt-button, div.dt-button, a.dt-button{
  background: #2f353a !important;
    color: white !important;
    border-radius: 9px !important;
    padding: 10px 20px !important;
}
#deviceReport #example_wrapper #example_filter {
  display: none !important;
}
.form-actions div .btn-primary {
  float: left;
  background: #f06a6b;
  border-color: #f06a6b;
}
.form-actions div button {
  width: 12%;
  inline-size: fit-content;
  padding: 10px;
  border-radius: 8px !important;
}
.form-actions div .btn-green {
  background: #58bd74;
}
#multiselectSmart .multiselect-dropdown {
  width: 130% !important;
}
#selectSensorAlarm .multiselect-dropdown {
  width: 92% !important;
}
th,
td {
  text-align: center;
}
.portlet > .portlet-header .actions > .btn.btn-xs {
  background-color: #2f353a;
  border-color: #2f353a;
  border-radius: 5px !important;
  padding: 8px 18px;
  margin: 0px 4px 1px 0px;
}
.portlet > .portlet-header .caption {
  margin-top: 10px;
}
#piechart .chart-legend .legend-labels {
  display: grid !important;
  width: 79% !important;
}
.chart-legend .legend-labels {
  display: flex;
}
#topbar .navbar-header,
#topbar .topbar-main {
  background: #3a4149;
}
/* .chart-legend .legend-labels{
  display: grid  !important;
} */
/* .chart-legend .legend-title{
  float: left !important;
}
.chart-legend div{
  margin-top: -57px;
  margin-left: 8px;
}
.chart-legend .legend-labels{
  display: grid !important;
  width: 79% !important;
}
.chart-legend .legend-wrap{
  display: flow-root;
}
ngx-charts-chart div{
  margin-left: -15px;

} */
/* .pie-label-line.animation ,.pie-label-line{
  display: none !important;
}
.pie-label.animation{
  transform: translate3d(-30px, -44.9468px, 0px) !important;
} */
/* dark  */
#topbar .topbar-main,
#topbar .navbar-header #logo,
.sidebar-collapse,
div.DTS div.dataTables_scrollBody table,
#wrapper,
#footer {
  background: #3a4149 !important;
}
#page-wrapper,
.panel.panel-blue {
  border-color: #2f353a !important;
  background: #2f353a;
}
.table.table-advanced thead tr th,
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
table.dataTable tbody th,
table.dataTable tbody td,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  /* border-color: #3a4149 !important; */
  /* background-color: #2f353a; */
  background: #2f353a;
  color: white !important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,
.paginate_button {
  color: white !important;
}
.panel.panel-blue > .panel-heading {
  border-color: #2f353a !important;
}
.page-title-breadcrumb {
  border-left: 1px solid #2f353a;
}
.page-title-breadcrumb,
#topbar,
.page-title-breadcrumb,
.timeline-centered:before,
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label,
.box-placeholder,
.ui-widget-content,
.panel.panel-white > .panel-heading,
.panel.panel-white > .panel-footer,
.portlet > .portlet-header,
.portlet .portlet-body,
.portlet.portlet-default > .portlet-header,
.table.table-advanced thead.white tr th,
.table.table-advanced tfoot.white tr th,
.panel.panel-blue[_ngcontent-osx-c130],
.panel,
.panel.panel-blue > .panel-heading {
  background: #3a4149 !important;
  color: white !important;
}
/* .panel {
  border-color: #3a4149 !important;
} */
#topbar .topbar-main ul.nav.navbar-nav li.active a,
#topbar .topbar-main ul.nav.navbar-nav li:hover a,
#topbar .topbar-main ul.nav.navbar-nav li.open a,
#one-column .message-item .message-inner,
#one-column .message-item .message-head .post-meta > div {
  background: #2f353a !important;
  color: white !important;
}
.table-bordered {
  border: 1px solid #2f353a;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.tab-content,
.ng-select.ng-select-single .ng-select-container,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: #3a4149 !important;
  color: white !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.navbar-static-side ul li .nav-second-level li a,
.dropdown-menu,
.form-control {
  background: #2f353a !important;
  color: white !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: white !important;
}
#Carousel3 a .fa {
  color: #ffffff !important;
}
#sidebar {
  background: #3a4149;
}
.panel-heading {
  border-bottom: 1px solid #2f353a !important;
  margin-bottom: 1px;
  font-weight: 400;
}
.portlet.box > .portlet-header {
  border-bottom: 1px solid #2f353a;
  font-weight: 400;
}
.ng-star-inserted {
  fill: rgb(255, 255, 255);
  font-weight: bold;
}
.label-red {
  background-color: #ef492d !important;
}
#one-column .message-item.red .message-inner {
  border-color: #ef492d;
}
#one-column .message-item.red:after {
  background: #ef492d;
}
.page-title-breadcrumb .breadcrumb li a,
.page-title-breadcrumb .breadcrumb li i,
.breadcrumb > .active {
  color: #ffffff;
}
.navbar-static-side ul li .nav-second-level li {
  border-bottom: 1px solid #3a4149;
}
.navbar-static-side ul li {
  border-bottom: 1px solid #2f353a;
}
.navbar-static-side ul li.active a,
ul.nav.nav-tabs.ul-edit li.active a {
  background: #f06a6b;
}
.navbar-static-side ul li a:hover,
.navbar-static-side ul li a:focus {
  background: #f06a6b;
}
ul.nav.nav-tabs.ul-edit {
  border-bottom: 5px solid #f06a6b !important;
}
th {
  border-top: 1px solid #4a5561 !important;
}
td,
th {
  border-color: #4a5561 !important;
}
select,.select{
  background: #2f353a ;
  border-radius: 5px  !important;
}
td{
  background: #3a4149 !important;
}
.multiselect-dropdown .dropdown-list{
  background: #2f353a !important;
}
.multiselect-dropdown .dropdown-list ul li div {
  color: white  !important;
}
.dropdown-list li:hover{
  background: #626c74 !important;
}

.owl-dt-inline-container, .owl-dt-popup-container{
  background: #2f353a !important;
  color: white !important;
}
.owl-dt-control ,.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th ,
.owl-dt-calendar-table .owl-dt-calendar-cell
{
  color: white !important;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{
  margin-top: 11px;
}
.modal-header{
  background: #2f353a;
    color: white;
    border-bottom: 1px solid #1d2125;
}
.modal-header button{
  opacity: 0.5;
  color: white;
}
.modal-body{
  background: #1d2125;
    color: white;
}
.legend-label-text{
  color: white  !important;
}
.icon-export{
  cursor: pointer;
}
.form-control-error1 ul li{
  color: #f06a6b;
}
.form-control-error1 ul {
 margin-top: 5px  !important;
}
.pal{
  display: grid;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{
  background: #2f353a !important;
  color: white !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{
  background: #444d56 !important;
  color: white !important;
}
.dataTables_wrapper .dataTables_processing{
  background: rgb(47, 53, 58) !important;
  color: white !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{
  background-color: #3a4149 !important;
    color: #fff!important;
}
#filterBySelection{
  /* position: absolute; */
  display: -webkit-inline-box;
  /* top: -5px; */
}
#filterBySelection label{
  margin-right: 14px;
  padding-top: 6px;
}
#filterBySelection ng-select{
  width: 100%;
}
/* .dataTables_filter{
  margin-top: -46px;
  margin-bottom: 8px;
} */
.btn[disabled]{
  /* cursor: not-allowed !important; */
}
.swal2-icon.swal2-warning{
  border-color: #ff0000 !important;
  color: #ff0000 !important;
}
.swal2-popup{
  background: #1c2023 !important;
}
#swal2-title{
  color: white !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{
  background-color: #3b5a73  !important;
  top: 10px !important;
  left: 6px !important;
  height: 25px !important;
  font-size: 22px !important;
  width: 24px !important;
  line-height: 28px !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before{
    background-color: #b90c00  !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li{
  border-bottom: 1px solid #2f353a !important;
}
.period-selector{
  background: #2f353a !important;
}
.verifyReport-content-swal{
  color: white !important;
  font-size: 200% !important;
}

.swal2-popup{
  background-color: #494949 !important;
  border-radius: 15px !important;
}
#header-topbar-option-demo #topbar .navbar-top-links ul.dropdown-alerts li a:hover{
  background: none !important;
}