@import url('https://fonts.googleapis.com/css?family=Open+Sans|Quicksand');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@200;700&display=swap');

/* color pallet 
purple - #7f80ff
black   - #000000
white - #000000

*/

/* mainn text */
body {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 500;
  font-size: 14px;
  padding: 0;
  color: #ffffff;
}
#titlepsum {
  color: #191919;
}
.myClass { 
  font-size: 20px !important;
  line-height: 50px;
  overflow: hidden;
  margin: 0 10px;
      }
.myClass1 { 
        font-size: 20px;
        line-height: 50px;
        overflow: hidden;
        margin: 0 15%;
      }
.myClass2 { 
        font-size: 20px;
        line-height: 50px;
        overflow: hidden;
        margin: 0 10%;
      }
.month {
      color: #191919;
}

/* nav and side title bg color */
.skin-black .main-header .navbar, .skin-black .main-header .navbar>.sidebar-toggle, .skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a, .skin-black .sidebar-menu>li:hover>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover 
{
  background: linear-gradient(15deg, rgb(0, 0, 0) 70%, rgb(127, 128, 255) 95%);
  border-right: 1px solid #000000;
}

.skin-black .main-header .logo {
  background: #000000;
  border-right: 1px solid #ffffff;
}
/* NAV bar - logo and settings */
.fa .fa-gears, .skin-black .main-header .navbar .nav>li>a, .skin-black .main-header .navbar>.sidebar-toggle {
  color: #00000 !important;
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header .navbar .navbar-right>li>a {
  border-left: 1px solid #7f80ff;
  border-right: 3px solid #7f80ff;
}
.skin-black .sidebar-menu>li.active>a, .skin-black .sidebar-menu>li.menu-open>a, .skin-black .sidebar-menu>li:hover>a {
  background: #000000;
}

.skin-black .sidebar-menu .treeview-menu>li>a {
  background: #191919;
}
/*  */
.skin-black .sidebar-menu>li.active>a {
  border-left-color: #000000;
}
/*  */
.box-body, #sidebarCollapsed, .control-sidebar-dark, .control-sidebar-bg
{
  background: #000000;
/*   */


             
.box-body
 {
  padding: 30px;
}
/* main bg */
.content-wrapper {
  background: #ffffff;
}

/* T A B L E */

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover, td:hover, th:hover {
                                  background-color: #efefef !important;
                                  color: #ffffff;
                                  font-weight: bold;
                                  
                                  
}

table.dataTable tbody tr, table.dataTable.display tbody tr {
                                  background-color: #000000 !important;
                                  font-weight: bold;
                            
}
/* font color */
td {
   color: #ffffff;
}

/* icon color  */ 
.skin-black .sidebar a {
    color: #ffffff !important;
}

/* sidebar backround color */

.skin-black .sidebar-menu>li>.treeview-menu, .menu-open {
    margin: 0 1px !important;
    background: #ffffff !important;
}

/* font sidebar */
.skin-black .sidebar a {
    color: #E5E4E2 !important;
}

/* font sidebar hover */
.skin-black .sidebar a:hover   {
    color: #191919 !important;
}



button.dt-button, div.dt-button, a.dt-button  {
  padding: 15px !important;
  background: #191919 !important;
  color: #ffffff !important;
  font-weight: bold;
}


 
.description-block>.description-text {
    color: "gray" !important;
  }
.description-block>.description-header {
    color: "gray" !important;
}

.box.box-solid.box-success>.box-header {
  background: #7f80ff;
  background-color: #7f80ff;
}

.box.box-solid.box-success {
  border: 1px solid #7f80ff;
}

#nodeSelectpsum {
  background: #191919 !important;
}