/* Global Styles */

/* ------------------------------- */

 body {
    background-color: #f8f8f8;
}

/* Wrappers */

/* ------------------------------- */

 #wrapper {
    width: 100%;
    margin-top: 55px!important; 
    background-color:#fff; 
	
}

#page-wrapper {

    padding: 0 15px;
    min-height: 568px;
     background-color:#fff;
}



    

.navbar-static-side ul li {
    border-bottom:1px solid #84B899 !important;
}

/* Navigation */

/* ------------------------------- */

/* Top Right Navigation Dropdown Styles */

 .navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 20px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

/* Sidebar Menu Styles */

 .sidebar-search {
    padding: 15px;
}

.arrow {
    float: right;
}

.fa.arrow:before {
    content: "\f104";
}

.active > a > .fa.arrow:before {
    content: "\f107";
}

.nav-second-level li,
.nav-third-level li {
    border-bottom: none !important;
}

.nav-second-level li a {
    padding-left: 37px;
}

.nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .navbar-static-side {
        z-index: 1;
        position: absolute;
        width: 250px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

/* Buttons */

/* ------------------------------- */

 .btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

/* Pages */

/* ------------------------------- */

/* Dashboard Chat */

 .chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 280px;
    overflow-y: scroll;
}

/* Login Page */

 .login-panel {
    margin-top: 15%;
}
.body-Backcolor {
    background-color:#000;
}
.logo-margin {
    margin-top:100px;
}

/* Flot Chart Containers */

 .flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* DataTables Overrides OLD VALUE IS fontawesome */

 table.dataTable thead .sorting,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: Arial;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: Arial;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: Arial;
    color: rgba(50,50,50,.5);
}

/* Circle Buttons */

 .btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee !important;
}

.show-grid {
    margin: 15px 0;
}



/* calendar css */
/*******************************Calendar Top Navigation*********************************/
div#calendar{
    margin:20px auto;
    padding:0px;
    font-family:Helvetica, "Times New Roman", Times, serif;
  }
   
  div#calendar div.box{
      position:relative;
      top:0px;
      left:0px;
      width:100%;
      height:40px;
      background-color:   #787878 ;      
  }
   
  div#calendar div.header{
      line-height:40px;  
      vertical-align:middle;
      width:100%;
      height:40px;   
      text-align:center;
  }
   
  div#calendar div.header a.prev,div#calendar div.header a.next{ 
      position:absolute;
      top:0px;   
      height: 17px;
      display:block;
      cursor:pointer;
      text-decoration:none;
      color:#FFF;
  }
   
  div#calendar div.header span.title{
      color:#FFF;
      font-size:18px;
  }
   
   
  div#calendar div.header a.prev{
      left:0px;
  }
   
  div#calendar div.header a.next{
      right:0px;
  }
   
   
   
   
  /*******************************Calendar Content Cells*********************************/
  div#calendar div.box-content{
      border:1px solid #787878 ;
      border-top:none;
  }
   
   
   
  div#calendar ul.label{
      float:left;
      margin: 0px;
      padding: 0px;
      width:100%;
  }
   
  div#calendar ul.label li{
      margin:0px;
      padding:0px;
      float:left;
      list-style-type:none;
      width:14.2%;
      height:40px;
      line-height:40px;
      vertical-align:middle;
      text-align:center;
      color:#000;
      font-size: 15px;
      background-color: transparent;
  }
   
   
  div#calendar ul.dates{
      float:left;
      margin: 0px;
      padding: 0px;
      width:100%;
  }
   
  /** overall width = width+padding-right**/
  div#calendar ul.dates li{
      border:1px solid #fff;
      padding:5px;
      vertical-align:middle;
      float:left;
      list-style-type:none;
      width:14.2%;
      height:200px;
      overflow: hidden;
      font-size:12px;
      background-color: #DDD;
      color:#000;
      position:relative;
  }
  div#calendar ul.dates li.current {
      background-color:#b7d1e9;
  }
  div#calendar ul.dates li span {
      color:#666;
      position:absolute;
      bottom:5px;
      left:5px;
  }
   
  :focus{
      outline:none;
  }
   
  div.clear{
      clear:both;
  }  

  .challenge-event {
      background-color:#fff;
      border-radius:2px;
      white-space: nowrap;
      font-size:11px;
      padding:2px;
      overflow: hidden;
      margin-bottom:1px;
  }
  .challenge-event.featured {
      background-color:#e0ff12;
  }


  #calendar .dates li {
    position:relative;
  }

  #calendar .dates li:hover .calendar-controls {
      display:block;
  }

  #calendar .calendar-controls {
      display:none;
      position: absolute;
      bottom:0;
      right:0;
  }
  #calendar .calendar-controls a {
    border-radius:50%;
    background-color:#428bca;
    display:inline-block;
    color:#fff;
    width:30px;
    height:30px;
    line-height:30px;
    text-align: center;
    margin:2px;
  }
  #calendar .calendar-controls a:hover {
      background-color:#222;
      color:#fff;
  }

  #calendar .campaign-event {
      background-color:#fff;
      border-radius:2px;
      margin:1px 0;
      padding:2px;
  }
#calendar .campaign-event.scheduled i {
    color:#7be400;
}
#calendar .campaign-event.sent {
    color:#428bca;
}
#calendar .campaign-event.sent i {
    color:#428bca;
}
#calendar .campaign-event.pending i {
    color:#e4ac00;
}



  /* Modal Calendar */

  .challenges-list, .campaigns-list {
    margin:10px 0;
    list-style:none;
    padding:0;
  }

  .challenges-list li, .campaigns-list li {
    font-size:14px;
    border-radius:5px;
    border:1px solid #d3d3d3;
    margin:5px 0;
    padding:5px;
  }

  .challenges-list li {

  }

  .feature-link {
      float:right;
  }

  .challenges-list li.featured {
    background-color:#e0ff12;
}

.campaigns-list li {
    padding:10px;
}
.campaigns-list ul {
    list-style:none;
    margin:0;
    padding:0;
}
.campaigns-list ul li {
    margin:1px 0;
    border:1px solid #f1f1f1;
}
.campaigns-list ul li span.pending {
    color:#e4ac00;
    font-weight:600;
}
.campaigns-list ul li span.sent {
    color:#428bca;
    font-weight:600;
}
.campaigns-list ul li span.scheduled {
    color:#7be400;
    font-weight:600;
}

































































body.dark-mode, 
.dark-mode #wrapper, 
.dark-mode #page-wrapper, 
.dark-mode #navbar {
    background-color: #333 !important;
    color: #eee;
}
.dark-mode .navbar-top-links > li > a, 
.dark-mode p {
    color: #eee !important;
}

.dark-mode .dataTables_wrapper .dataTables_length, 
.dark-mode .dataTables_wrapper .dataTables_filter, 
.dark-mode .dataTables_wrapper .dataTables_info, 
.dark-mode .dataTables_wrapper .dataTables_processing, 
.dark-mode .dataTables_wrapper .dataTables_paginate {
    color: #eee !important;
}

.dark-mode table, 
.dark-mode thead, 
.dark-mode tr, 
.dark-mode td { 
    border-color: #000 !important;
}

.dark-mode .table-hover > tbody > tr:hover {
    background-color: #000;
}

.dark-mode .panel-primary {
    border-color: #000;
}

.dark-mode .panel {
    background-color: #444;
}

.panel-default {
    border-color: #555;
}

.dark-mode .panel-heading {
    background: #222 !important;
    color: #eee !important;
}

.dark-mode .form-control, 
.dark-mode .form-control[disabled], 
.dark-mode .form-control[readonly], 
.dark-mode fieldset[disabled] 
.dark-mode .form-control {
    background: #000;
    color: #eee;
    border-color: #555;
}

.dark-mode a, 
.dark-mode .btn-link {
    color: #ebb178;
}

.dark-mode a:hover, 
.dark-mode .btn-link:hover {
    color: #e4a669;
}

.dark-mode .btn-primary {
    background: #ebb178;
    border-color: #ebb178;
    color: #333 !important;
}

.dark-mode .btn-primary:hover {
    background: #e4a669;
    border-color: #e4a669;
    color: #000 !important;
}

.dark-mode .list-group-item {
    background-color: #000;
    border: 1px solid #555;
}

.dark-mode div#calendar ul.label li {
    color: #eee;
}

.dark-mode div#calendar ul.dates li {
    border-color: #222;
    background-color: #000;
    color: #eee;
}

.dark-mode div#calendar ul.dates li span {
    color: #ccc;
}

.dark-mode div#calendar ul.dates li.current {
    background-color: #444;
}

.dark-mode #calendar .campaign-event, 
.dark-mode .challenge-event {
    background: #222;
}

.dark-mode .challenge-event.featured, .dark-mode .challenges-list li.featured {
    background: #072d44;
}

.dark-mode .modal-content {
    background-color: #232323;
    color: #eee;
}

.dark-mode .challenges-list li, 
.dark-mode .campaigns-list li {
    border-color: #444;
    color: #ccc;
    background: #444;
}

.dark-mode .panel-list .list-unstyled li.select-winner {
    color: #fff !important;
}

.dark-mode .panel-list .list-unstyled li:hover {
    background-color: #222 !important;
}

.dark-mode .panel-list .list-unstyled li.active {
    background-color: #606e06 !important;
}

.dark-mode .challenge {
    background-color: #222 !important;
    border-color: #000 !important;
}