.dark-theme{
	background:#202124;
	color:#bdc1c6;
}

.dark-theme .popover, .dark-theme .tooltip-inner{
	background:#000;
	color:#fff;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 3px 15px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
}
.dark-theme .bs-tooltip-top .arrow::before,
.dark-theme .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #000;
}
.dark-theme .bs-tooltip-right .arrow::before,
.dark-theme .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #000;
}
.dark-theme .bs-tooltip-bottom .arrow::before,
.dark-theme .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #000;
}
.dark-theme .bs-tooltip-left .arrow::before,
.dark-theme .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #000;
}

.dark-theme .navbar-light .navbar-nav .nav-link{
	color:rgba(255,255,255, .5);
}
.dark-theme .navbar-light .navbar-nav .nav-link:hover{
	color:rgba(255,255,255, 1);
}

.dark-theme .main-sidebar .nav,
.dark-theme .main-sidebar__nav-title{
	border-color:#222;
}

.dark-theme.dashboard .bg-white,
.dark-theme .form-control{
	background:#29292c;
	border-color:#222;
	color:#bdc1c6;
}
.dark-theme.dashboard .bg-white{
	background:#0c0d0e!important;
}

.dark-theme .btn-white {
    color: #fff;
    border-color: #212529;
    background-color: #212529;
    -webkit-box-shadow: none;
    box-shadow:none
}

.dark-theme .btn-white:hover {
    color: #fff;
    background-color: #16181b;
    border-color: #16181b;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(33, 37, 41, .25);
    box-shadow:0 5px 15px rgba(0, 0, 0, .05), 0 4px 10px rgba(33, 37, 41, .25)
}

.dark-theme .btn-white.focus, .dark-theme .btn-white:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, .15), 0 3px 15px rgba(33, 37, 41, .2), 0 2px 5px rgba(0, 0, 0, .1);
    box-shadow:0 0 0 3px rgba(33, 37, 41, .15), 0 3px 15px rgba(33, 37, 41, .2), 0 2px 5px rgba(0, 0, 0, .1)
}

.dark-theme .btn-white.disabled, .dark-theme .btn-white:disabled {
    background-color: #212529;
    border-color: #212529;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor:not-allowed
}

.dark-theme .btn-white:not(:disabled):not(.disabled).active, .dark-theme .btn-white:not(:disabled):not(.disabled):active, .show > .dark-theme .btn-white.dropdown-toggle {
    color: #fff;
    background-color: #16181b;
    border-color: #0a0c0d;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) !important;
    box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125) !important
}

.dark-theme .form-check-input:not(:checked) {
  background-color:#303134;
  border-color:rgba(255,255,255, .25);
}
.dark-theme .form-switch .form-check-input:not(:checked) {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.dark-theme .form-switch .form-check-input:checked {
background-position: right center;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23303134'/%3e%3c/svg%3e");
}


.dark-theme .form-control:focus,
.dark-theme .form-control:focus:hover {
    border-color:#007bff
}

.dark-theme .nav-tabs .nav-item.show .nav-link,
.dark-theme .nav-tabs .nav-link.active{
	color: #bdc1c6;
	background-color: #303134;
	border-color: #222;
}
.dark-theme .nav-tabs .nav-link:hover{
	border-color: #222;
}
.dark-theme .navbar-light .navbar-brand{
	color:#fff;
}
.dark-theme .main-sidebar{
	background:#303134;
	color:#bdc1c6;
}
.dark-theme .main-sidebar .nav .nav-item .nav-link,
.dark-theme .nav .nav-item .nav-link{
	color:#bdc1c6;
}
.dark-theme .main-sidebar .nav .nav-item:hover,
.dark-theme .main-sidebar .nav .nav-item:hover .nav-link,
.dark-theme .main-sidebar .nav .nav-item .nav-link.active,
.dark-theme .nav .nav-item:hover,
.dark-theme .nav .nav-item:hover .nav-link,
.dark-theme .nav .nav-item .nav-link.active{
	background:#222;
}

.dark-theme .user-details__user-data .col span:first-child{
	color:#bdc1c6;
}

/*	SHADOW	*/
.dark-theme .card-small,
.dark-theme .card,
.dark-theme .main-sidebar,
.dark-theme .main-content .header-navbar,
.dark-theme .main-content>.main-navbar,
.dark-theme .user-details__avatar,
.dark-theme .modal-content{
box-shadow: 0 2px 0 rgba(0,0,0,.11),0 4px 8px rgba(0,0,0,.12),0 10px 10px rgba(0,0,0,.06),0 7px 70px rgba(0,0,0,.03);
}

.dark-theme .modal-backdrop{
  background:#000;
}
.dark-theme .user-details__avatar{
	background:#202124;
}

.dark-theme .card,
.dark-theme .card-header,
.dark-theme .card-footer,
.dark-theme .modal-content{
	background:#303134;
	/*color:#e8eaed*/
	color:#bdc1c6;
}

.dark-theme .h1, .dark-theme .h2, .dark-theme .h3, .dark-theme .h4, .dark-theme .h5, .dark-theme .h6,
.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6{
	color:#bdc1c6
}

.dark-theme .border-top,
.dark-theme .border-bottom,
.dark-theme .border-left,
.dark-theme .border-right,
.dark-theme .border-start,
.dark-theme .border-end,
.dark-theme .modal-header,
.dark-theme .modal-footer{
	border-color:#222!important;
}

.dark-theme .btn-close{
  color:#bdc1c6;
}

.dark-theme .table{
	color:#bdc1c6;
}
.dark-theme .table thead th,
.dark-theme .table th,
.dark-theme .table td{
	border-color:#222!important;
}
.dark-theme .table body tr:not(.nohover):hover{
	background:#222!important;
}

.dark-theme h1, .dark-theme h2, .dark-theme h3, .dark-theme h4, .dark-theme h5, .dark-theme h6, 
.dark-theme .h1, .dark-theme .h2, .dark-theme .h3, .dark-theme .h4, .dark-theme .h5, .dark-theme .h6 {
  color: #eee;
}

.dark-theme .navbar-light .navbar-nav .show > .nav-link,
.dark-theme .navbar-light .navbar-nav .active > .nav-link,
.dark-theme .navbar-light .navbar-nav .nav-link.show,
.dark-theme .navbar-light .navbar-nav .nav-link.active {
  color: rgba(255, 255, 255, 0.9);
}

.dark-theme .border {
  border: 1px solid #222 !important;
}

.dark-theme .veil{
  background:#202124;
}

.dark-theme .pricing__table .pricing__item {
  color: #fff;
}

.dark-theme .dropdown-menu {
  color: #bdc1c6;
  background-color: #29292c;
  border: 1px solid rgba(0, 0, 0, .05);
  -webkit-box-shadow: 0 .5rem 4rem rgba(0, 0, 0, .11), 0 10px 20px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .06);
  box-shadow: 0 .5rem 4rem rgba(0, 0, 0, .11), 0 10px 20px rgba(0, 0, 0, .05), 0 2px 3px rgba(0, 0, 0, .06);
}
.dark-theme .main-navbar .navbar .dropdown-menu .dropdown-item,
.dark-theme .dropdown-menu .dropdown-item{
  color: rgba(255, 255, 255, 0.9);
}
.dark-theme .main-navbar .navbar .notifications .dropdown-menu .dropdown-item {
  border-bottom: 1px solid #222;
}
.dark-theme .main-navbar .navbar .dropdown-menu .dropdown-item:hover,
.dark-theme .dropdown-menu .dropdown-item:not(.active):hover{
  background-color:#303134!important;
}

.dark-theme .dropdown-menu .dropdown-item:not(.active):hover{
  color: rgba(255, 255, 255, 0.9);
}
.dark-theme .main-navbar .navbar .notifications .dropdown-menu .notification__icon{
  background-color:#222;
  box-shadow: 0 0 0 1px #000, inset 0 0 3px rgba(0, 0, 0, .2);
}
.dark-theme .dropdown-divider {
  border-top: 1px solid #222;
}

/*
body.dark-theme{
  background: #202124;
  color: #bdc1c6;
}
*/
.dark-theme .text-danger,
.stats-small__percentage--decrease {
    color:#e31b45!important;
}
.dark-theme .text-black{
  color:#fff!important;
}
.dark-theme .bg-white{
  background-color:#000!important;
}
.dark-theme .bg-light{
  background-color:#303134!important;
}
.dark-theme .navbar-light .navbar-brand {
  color: rgba(255, 255, 255, 0.9);
}
.dark-theme .navbar-light .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.dark-theme .box-shadow-large--2 {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.133333);
}
.dark-theme .list-group-item {
  color: #bdc1c6;
  background-color: #303134;
  border-color: rgba(0, 0, 0, 0.125);
}
.dark-theme a.list-group-item:hover{
  background-color: #222;
}


.dark-theme .mobile-menu{
  box-shadow: 0 -2px 0 rgba(0,0,0,.11),0 -4px 8px rgba(0,0,0,.12),0 -10px 10px rgba(0,0,0,.06),0 -7px 70px rgba(0,0,0,.03);
}
.dark-theme .mobile-menu a,
.dark-theme .mobile-menu a:hover{
  color: #fff;
}