#page-wrapper {
    color: #b6b5b5;
    /* color: #ffffff; */
    background-color: #2e3e4e!important;
}

.panel {
    color: #ffffff;
    background-color: #354759;
    
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading {
    color: #ffffff;
    background-color: #182028;
    border-color: #6b6b6b;
}

.panel-default {
    border-color: #6b6b6b;
}

table.dataTable tbody tr > .dtfc-fixed-left, table.dataTable tbody tr > .dtfc-fixed-right {
    background-color: #354759;
}

table.dataTable thead tr > .dtfc-fixed-left, table.dataTable thead tr > .dtfc-fixed-right, table.dataTable tfoot tr > .dtfc-fixed-left, table.dataTable tfoot tr > .dtfc-fixed-right {
    background-color: #354759;
}

.modal-header {
    background-color: #2e3e4e;
    color: #fff;
}


.modal-body {
    background-color: #2e3e4e;
    color: #fff;
}
.modal-footer {
    background-color: #2e3e4e;
    color: #fff;
}

.pagination > li > a, .pagination > li > span {
  background-color: #354759;
  color: #fff;
}

.pagination > li > a, .pagination > li > span {
  background-color: #354759;
  color: #fff;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:hover {    
  background-color: #0cc2aa!important;
  border-color: #fff;
  color: #fff;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    opacity: 0.8;
    background-color: #0cc2aa;
    color: #fff;
    border-color: #fff;
}

.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:hover {
  background-color: #292929!important;
  border-color: #fff;
  color: #fff;
}

.form-control{
    background: 0 0;
    /* background-color: rgba(255, 255, 255, .1); */
    background-color: rgba(112, 128, 144, 1);
    /* color: inherit; */
    color: #ffffff;
}

.btn {
    background-color: #354759;
    color: white;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {
    opacity: 0.8;
    color: white;
}

.btn-default {
    background-color: #2a2b3c!important;
}

.btn-primary {
    background-color: #0cc2aa!important;
}

.alert-info{
    background-color: #182028;
    color: #fff;
    border-color: #6b6b6b;
}

.close {
  opacity: 1;
  color: #fff;
}

.close:hover {
  opacity: 0.8;
  color: #fff;
}

a {
    color: #fff;
}

a:hover {
    opacity: 0.8;
    color: #fff;
}

.bootstrap-datetimepicker-widget span{
    color:#6b6b6b;
}

.bootstrap-datetimepicker-widget .btn{
    background-color: #f8f8f8 !important;
}

.bootstrap-datetimepicker-widget .btn:hover{
    background-color: #e6e6e6 !important;
}

.bootstrap-select > .dropdown-toggle {
  background-color: #354759;
  color: #fff;
  border-color: #fff;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #354759!important;
  border-color: #428bca;
  color: white;
}

.dropdown-toggle:hover{
    background-color: #354759!important;
    color: white;
}

.navbar-default {
    background-color: #131e29;
    border-color: #6b6b6b;
    color:#fff!important;
}

.navbar-default .navbar-nav > li > a.active {
  color: #ffffff;
  background-color: #0cc2aa !important;
}

.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}


.navbar-default .navbar-nav > li > a:hover {
  color: #ffffff;
  background-color: #354759;
}

.navbar-brand{
    color: #ffffff!important;
}

.btn-danger{
    background-color: #c9302c;
}

.form-control[disabled]{
    background-color : #000000;
    color: #616161;
}

.btn_cctvicon.active{
    border-color: #0cc2aa;
    border-width: 2px;
}

.form-control::placeholder {
  color: #000000;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after {
  color: #ffffff !important;
}

#realtime_target_datetime{
    color: #ffffff;
}

.bg-dark{
    background-color: #2e3e4e;
}