/* ************************************************************************* */
/* THEME  - USO GERAL                                                        */
/* ************************************************************************* */

/* SCROLLBAR                                                                 */
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px;  background-color: #646464; }
[data-theme="dark"] ::-webkit-scrollbar-button {  background-color: #666; }
[data-theme="dark"] ::-webkit-scrollbar-track {  background-color: #646464;}
[data-theme="dark"] ::-webkit-scrollbar-track-piece { background-color: #000;}
[data-theme="dark"] ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
[data-theme="dark"] ::-webkit-scrollbar-corner { background-color: #646464;}
[data-theme="dark"] ::-webkit-resizer { background-color: #646464;}

/* BACKGROUNDS AND COLORS                                                    */


[data-theme="dark"] {
  background-color: #1c1c1c !important;
  color: #eee;
}

[data-theme="dark"] .modal-content {
    background-color: #565656;
}

[data-theme="dark"] .title-module-monitor{
    color:white;
}
[data-theme="dark"] .title-module-monitor>a:hover{
    color:#666;
}
[data-theme="dark"] .title-module-monitor>a:focus{
    color:#666;
}

[data-theme="dark"] label {
    color:white;
}

[data-theme="dark"] hr {
  border-top: 1px solid #151515;
}


[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme="dark"] .content-wrapper {
  background-color: #1c1c1c !important;
}

/*[data-theme="dark"] .col-lg-12 {
  background-color: #1c1c1c !important;
}*/


/* BUTTONS                                                                   */
/*[data-theme="dark"] .btn-primary {
    background-color: #003afe;
    border-color: #003afe;
}*/

/* ************************************************************************** */
/*[data-theme="dark"] .btn-primary:active { background-color: #666; border-color: #333; }
[data-theme="dark"] .btn-primary.active  { background-color: #666; border-color: #333; }
[data-theme="dark"] .open > .dropdown-toggle.btn-primary { background-color: #666; border-color: #333; }
[data-theme="dark"] .open > .dropdown-toggle.btn-primary:focus  { background-color: #666; border-color: #333; }*/
/* ************************************************************************** */

/* PAGINATION GRID                                                           */
[data-theme="dark"] .pagination > li > a {
    background-color: #000;
    border-color: #333;
    color: #666;
}
[data-theme="dark"] .pagination > li > a:focus {
    color: #5a5a5a;
    background-color: #1c1c1c;
    border-color: #151515;
}
[data-theme="dark"] .pagination > li > a:hover {
    color: #5a5a5a;
    background-color: #1c1c1c;
    border-color: #333;
}
[data-theme="dark"] .pagination > li > span:focus {
    color: #5a5a5a;
    background-color: #1c1c1c;
    border-color: #151515;
}
[data-theme="dark"] .pagination > li > span:hover {
    color: #5a5a5a;
    background-color: #1c1c1c;
    border-color: #151515;
}

[data-theme="dark"] .prev>span {
    color: #5a5a5a;
    background-color: #1c1c1c;
    border-color: #333;
}

[data-theme="dark"] .pagination > .disabled > span {
    color: #666; 
    cursor: not-allowed;
    background-color: #000;
    border-color: #333; 
}
[data-theme="dark"] .pagination > .disabled > span:hover{
    color: #777; 
    cursor: not-allowed;
    background-color: #1c1c1c;
    border-color: #333; 
} 
[data-theme="dark"] .pagination > .disabled > span:focus{
    color: #777; 
    cursor: not-allowed;
    background-color: #1c1c1c;
    border-color: #333; 
} 
[data-theme="dark"] .pagination > .disabled > a{
    color: #777; 
    cursor: not-allowed;
    background-color: #1c1c1c;
    border-color: #333; 
} 
[data-theme="dark"] .pagination > .disabled > a:hover{
    color: #777; 
    cursor: not-allowed;
    background-color: #1c1c1c;
    border-color: #333; 
}
[data-theme="dark"] .pagination > .disabled > a:focus {
    color: #777; 
    cursor: not-allowed;
    background-color: #1c1c1c;
    border-color: #333; 
}
    
/* ************************************************************************** */

[data-theme="dark"] .pagination > .active > a {
    color: #000;
    background-color: #666 !Important;
    border: solid 1px #333 !Important;
}

[data-theme="dark"] .pagination > .active > a:hover {
    background-color: #151515 !Important;
    border: solid 1px #151515;
}

/* ************************************************************************* */
/* LOGO                                                                      */
/* ************************************************************************* */
[data-theme="dark"] .main-header .logo {
    background-color: #151515 !important;
}  

/* ************************************************************************* */
/* NAVBAR                                                                    */
/* ************************************************************************* */
[data-theme="dark"] .navbar {
  background-color: #151515 !important;
}

/* ************************************************************************** */
[data-theme="dark"] .navbar-nav > .notifications-menu > .dropdown-menu {
    background-color: #565656 !important;
    box-shadow: none;
}
[data-theme="dark"] .navbar-nav > .messages-menu > .dropdown-menu {
    background-color: #565656 !important;
    box-shadow: none;
}

[data-theme="dark"] .navbar-nav > .tasks-menu > .dropdown-menu  {
    background-color: #565656 !important;
    box-shadow: none;
}

/* ************************************************************************* */
/* MENU                                                                    */
/* ************************************************************************* */

[data-theme="dark"] .sp-replacer {
    background-color: #565656;
}

[data-theme="dark"] .pull-left {
    color: #ffffff;
}

[data-theme="dark"] label-menu {
    color: #ccc;
    font-size: 11px;
}

[data-theme="dark"] label-titlemenu {
    color:#eee;
    font-size: 12px;
}

/*[data-theme="dark"] .navbar-nav > .messages-menu > .dropdown-menu>li .menu {
    background-color: #151515 !important;
    color: white;
    border: 5px;
}*/

[data-theme="dark"] .navbar-nav > .messages-menu > .dropdown-menu>li .menu>li>a {
    color: white;
}

[data-theme="dark"] .navbar-nav > .messages-menu > .dropdown-menu>li .menu>li>a>h4 {
    color: white;
    padding: 5px 5px;
}

/* ************************************************************************** */
[data-theme="dark"] .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
    border:0;
}

[data-theme="dark"] .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{
    border:0;
}

[data-theme="dark"] .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover{
    border:0;
    background-color: #666 !important;
}

[data-theme="dark"] .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { 
    border:0;
}

[data-theme="dark"] .iot-dropdown > a {
        color: #666;
        background-color: #1c1c1c;
}

[data-theme="dark"] .iot-dropdown > a:focus {
        background-color: #1d1d1d;
}

[data-theme="dark"] .iot-dropdown > a:hover {
        background-color: #1d1d1d;
}

/* ************************************************************************** */

[data-theme="dark"] .dropdown > a:hover {
    background-color: #181818 !important;
    color:white;
}


/* ************************************************************************* */
/* INFO BOX - RESUMO MONITOR                                                 */
/* ************************************************************************* */
[data-theme="dark"] .info-box {
  background-color: #000000 !important;
}

[data-theme="dark"] .bg-gray-light {
  background-color: #151515 !important;
}

[data-theme="dark"] .bg-aqua {
  background-color: #181818 !important;
}
 

/* ************************************************************************* */
/* BOX                                                                    */
/* ************************************************************************* */

[data-theme="dark"] .box {
    background: #33333333;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* ************************************************************************* */
/* PANEL                                                                     */
/* ************************************************************************* */

[data-theme="dark"] .panel {
    box-shadow: none;
    background-color: #1c1c1c !important;
}

[data-theme="dark"] .panel-title > a {
    color : #666;
}

[data-theme="dark"] .panel-heading {
    color: #fff;
    background-color: #1c1c1c !important;
    border:none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

[data-theme="dark"] .panel-body {
    padding: 5px;
    margin-left: 3px;
}  

[data-theme="dark"] .panel-footer {
    background-color: #1c1c1c !important;
    border:none;
}

[data-theme="dark"] .panel-form {
    box-shadow: none;
    background-color: #333 !important;
    padding: 10px;
}

/* ************************************************************************* */
/* BOX                                                                       */
/* ************************************************************************* */

[data-theme="dark"] .box-header {
    color:#666;
}

[data-theme="dark"] .box-title {
    color:#666;
}

/* ************************************************************************* */
/* TABLE - GRID                                                              */
/* ************************************************************************* */
[data-theme="dark"] .kv-merged-header {
    border-bottom: none !important;
}

[data-theme="dark"] .kv-panel-before {
    background-color: #1c1c1c !important;
    border: none;
}

[data-theme="dark"] .kv-grid-container>table {
    background-color: #1c1c1c !important;
}

[data-theme="dark"] .kv-table-header {
    background: linear-gradient(to bottom,#333 0,#444 100%);
}

[data-theme="dark"] .table-bordered {
    border:none;
}

[data-theme="dark"] .table-striped > tbody > tr {
    background-color: #151515 !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #181818 !important;
}

[data-theme="dark"]  .table > tbody > tr.active > th{
    background-color: #181818 !important;
    border:none;
}
[data-theme="dark"] .table > tbody > tr.info > td{
    background-color: #181818 !important;
    border:none;
}
/* ************************************************************************** */
[data-theme="dark"] .table-bordered>thead>tr>th { border: none; }
[data-theme="dark"] .table-bordered>tbody>tr>th { border: none; }
[data-theme="dark"] .table-bordered>tfoot>tr>th { border: none; }
[data-theme="dark"] .table-bordered>thead>tr>td { border: none; }
[data-theme="dark"] .table-bordered>tbody>tr>td { border: none; } 
[data-theme="dark"] .table-bordered>tfoot>tr>td { border: none; }

[data-theme="dark"] .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #2c2c2c;
}
[data-theme="dark"] .table-striped>tbody>tr:nth-child(odd)>td {
    background-color: #2c2c2c;
}

/* ************************************************************************** */

[data-theme="dark"] .kv-panel-after {
    padding: 0;
    border-top: none;
}

[data-theme="dark"] .table-bordered>thead>tr>.text-center {
    background-color: #3c3c3c !important;
    color: #ffffff !important;
}

[data-theme="dark"] .table-bordered>tbody>tr>td>a {
    color: #fff !important;
}

[data-theme="dark"] .table-bordered>thead>tr>th>a {
    color: #fff !important;
}

/* ************************************************************************* */
/* FORM CONTROL                                                              */
/* ************************************************************************* */

[data-theme="dark"] .form-control {
    background-color: #333 !important;
    border: none;
    color: #ccc !important;
}

/*[data-theme="dark"] input {
    color: #ffffff !important;
    background-color: #000000 !important;
}*/

[data-theme="dark"] textarea {
    color: #ffffff !important;
    background-color: #000000 !important;
}

[data-theme="dark"] .wrapper {
  background-color: #1c1c1c !important;
}

[data-theme="dark"] .sortable {
    border: 0;
    padding: 0px;
}
/* ************************************************************************* */
/* FORM CONTROL - SWITCH                                                     */
/* ************************************************************************* */
[data-theme="dark"] .bootstrap-switch {
    border-radius: 0;
    border: none;
    border-color: #cccccc;
}

[data-theme="dark"]  .bootstrap-switch-label {
    text-align: center;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 100;
    color: #333333;
    background-color: #333;
}
/* Azul padrão iotResolve */
[data-theme="dark"] .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    color: #fff;
    background: #003afe;
}


/* ************************************************************************* */
/* FORM CONTROL - SELECT                                                     */
/* ************************************************************************* */

[data-theme="dark"] .form-group.has-success label {
    color: #666;
}

[data-theme="dark"] .select2-container--krajee .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: none; 
    background-color: #333 !important; 
    border: 0px solid #ccc;
    border-radius: 0px;
    color: #ffffff !important;
    font-size: 14px;
    outline: 0;
}
[data-theme="dark"] .select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: none;
    position: absolute;
    height: 32px;
    top: 1px;
    right: 1px;
    width: 20px;
}

[data-theme="dark"] .select2-dropdown  {
    background-color: #000000 !important; 
    border:none;
}

[data-theme="dark"]  .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field {
    border: none;
    border-radius: 0;
}

[data-theme="dark"] { 
    .select2-container--krajee .select2-results__option[aria-selected] {
        background-color: #000000 !important; 
        color: #666;
    }
}

[data-theme="dark"] .input>select2-search__field {
    background-color: #000000;
}

[data-theme="dark"] { 
    .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field {
        padding: 0 0;
    }
}

[data-theme="dark"] .select2-container--krajee .select2-selection__clear {
    color: #333;
}

[data-theme="dark"]  .select2-container--krajee .select2-selection--multiple .select2-selection__rendered {
    margin: 0;
}
.select2-container--krajee .select2-selection--multiple .select2-selection__choice {
    color: #555555;
    background: #f5f5f5;
    border: none;
}


[data-theme="dark"] .select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background-color: #151515 !important; 
    color: #fff;
}

[data-theme="dark"] .select2-container--krajee .select2-results__option[aria-selected] {
    background-color: #333;
    color: #fff;
    border-radius: 0;
}

[data-theme="dark"] .dropdown-menu {
    background-color: #000000;
    color: #fff;  
    border-color: #eee;
}

[data-theme="dark"] .select2-container--krajee .select2-search--dropdown .select2-search__field {
    box-shadow: none;
    background: #666;
    border: none;
    color: #fff;
}

[data-theme="dark"] .select2-search--dropdown {
    display: block;
    padding: 4px;
    background-color: #333;
}
/* ************************************************************************* */
/* FORM CONTROL - Data range picker                                          */
/* ************************************************************************* */

[data-theme="dark"] .daterangepicker {
    background-color: #ccc;
    border: none;
    color: #111;
}

[data-theme="dark"] .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
    background-color: #fff;
}

[data-theme="dark"] .daterangepicker .drp-selected {
    float: left;
    display: inline-block;
    font-size: 13px;
    padding: 8px 8px 0 0;
    color: #666;
}
/*
[data-theme="dark"] .daterangepicker .calendar-table .next span {
    color: #666;
    border: solid #666;
}

[data-theme="dark"] .daterangepicker .calendar-table .prev span {
    color: #666;
    border: solid #666;
}

[data-theme="dark"] .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #999;
    border-color: transparent;
    color: #fff;
}
[data-theme="dark"] .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #333;
    border-color: transparent;
    color: #999;
}

[data-theme="dark"] .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #999;
    border: 1px solid #999;
    padding: 2px;
    outline: 0;
    font-size: 13px;
}
[data-theme="dark"] .daterangepicker .calendar.left .calendar-table {
    background-color: #1c1c1c;
}

[data-theme="dark"] .daterangepicker .calendar-table {
    border:none;
    background-color: #000 !important;
    padding: 2px;
    border-radius: 2px;
}

[data-theme="dark"] .daterangepicker .input-mini {
    border: 1px solid #1c1c1c;
}
[data-theme="dark"] .daterangepicker .input-mini.active {
    border: 1px solid #ffffff;
}

[data-theme="dark"] .daterangepicker .calendar th { 
    background-color: #1c1c1c;
}
[data-theme="dark"] .daterangepicker .calendar td { 
    background-color: #1c1c1c;
}
[data-theme="dark"] .daterangepicker .calendar table {
    background-color: #1c1c1c;
}

@media (min-width: 564px){
    [data-theme="dark"] .daterangepicker .calendar.left .calendar-table {
        background-color: #1c1c1c;
    }
}*/

[data-theme="dark"] .datetimepicker table tr td.day:hover {
    background: #333;
    cursor: pointer;
}

[data-theme="dark"] .datetimepicker table tr td span:hover {
    background: #333;
}
/* ************************************************************************** */


[data-theme="dark"] .hourselect, .minuteselect {
    color: #000000;
}

[data-theme="dark"] .box-footer {
    border-top: 0;
    background-color: #1c1c1c !important;
}

[data-theme="dark"] colorTitleMon {
    color:white;
}

/* ************************************************************************* */
/* Dashboard                                                                 */
/* ************************************************************************* */

[data-theme="dark"] .input-group .input-group-addon {
    border-radius: 0;
    border: none;
    background-color: #333;
}
[data-theme="dark"] .input-group-html5 .input-group-addon:first-child {
    border:none !important;
    background-color: #565656;
}
[data-theme="dark"] .input-group-html5 .input-group-addon {
    width: auto;
    padding: 0px;
}

[data-theme="dark"] .box-graph {
    background: #000000;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
}