.toggleswitch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.toggleswitch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.toggleswitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggleswitch .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.toggleswitch input:checked + .slider {
    background-color: var(--primary);
}

.toggleswitch input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

.toggleswitch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.toggleswitch .slider.round {
    border-radius: 34px;
}

.toggleswitch .slider.round:before {
    border-radius: 50%;
}

/* size 0 */
.toggleswitch.togglesize0 {
    width: 45px;
    height: 17px;
}
.toggleswitch.togglesize0 .slider:before{
    height: 10px;
    width: 10px;
}
/* size 0 end*/
/* size 1 */
.toggleswitch.togglesize1 {
    width: 52px;
    height: 25px;
}
.toggleswitch.togglesize1 .slider:before{
    height: 17px;
    width: 18px;
}
/* size 1 end*/

#accordionSidebar {
  height: 100%;
}
#accordionSidebar .sidebarToggle-block{
  position: sticky;
  top: 20px;
  bottom: 0px;
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary.focus, .btn-primary:focus,.btn-primary {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  box-shadow:none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,
.form-control:focus{
  box-shadow:none;
}
button:focus {
  outline: none;
}
.error {
    font-size: 12px;
    color: #cc0000;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: #858796;
}
.themetogglebutton {
  color: #666 !important;
  cursor: pointer;
}
a:hover {
  color: var(--primary);
}

.darkmode #wrapper #content-wrapper #content {
    background: #26344bd6;
}
.darkmode #wrapper{
    background: #26344bd6;
}
.darkmode .card-body {
    background: #26344b;
}
.darkmode input,
.darkmode select,
.darkmode textarea,
.darkmode .form-control:focus {
    color: #d6dde2;
    background-color: #2d3d58;
    border: 1px solid #757680;
    outline: none;
}

.darkmode .table thead th {
    border-bottom: 2px solid #6a6c71;
}
.darkmode .table-bordered td, 
.darkmode .table-bordered th {
    border: 1px solid #757680;
    color: #dcdde2;
}
.darkmode .card-header {
    background: #26344be8;
}
.darkmode #eventsListModule #date_filter,
.darkmode #usersModule #date_filter {
    background: #2d3c58;
    border: 1px solid #757680;
    color: #cbd3dd;
}
.darkmode .header-nav {
    background-color: #26344b!important;
}
.darkmode .topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #d1d3e2;
}
.darkmode label {
    color: #d6dde2;
}
.darkmode #collapseTwo .collapse-inner {
    background: #465264 !important;
    border: 1px solid #6a6c71;
}
.darkmode .table-bordered {
    border: 1px solid #757680;
}
.darkmode .sidebar .nav-item .collapse .collapse-inner .collapse-item {
    color: #d6ddd8;
}
.darkmode .sidebar .nav-item .collapse .collapse-inner .collapse-item:hover{
  background-color: #26344b;
}
.darkmode .card {
  border: 1px solid #757680;
}
.darkmode .card-header {
  border-bottom: 1px solid #757680;
}
.darkmode .modal-content {
  background-color: #26344bd6;
}
.darkmode .modal-title{
  color: #d6dde2;
}
.darkmode footer {
  background: #26344b !important;
}
.darkmode .page-link {
    color: #dcdde2;
    background-color: #465264;
    border: 1px solid #757680;
}
.darkmode .page-item.disabled .page-link {
    background-color: #465264;
    border-color: #757680;
}
.darkmode #settingsModule td, 
.darkmode #settingsModule th {
  color: #cfd2d7;
}

.darkmode .themetogglebutton {
  color: #fff !important;
}
.darkmode .text-gray-900 {
  color: #d6dde2!important;
}
.darkmode .text-gray-800 {
  color: #d6ddd4!important;
}
.darkmode .text-gray-600 {
  color: #cfd2d7!important;
}
.darkmode .daterangepicker {
  background: #465264;
  border: 1px solid #757680;
}
.darkmode .daterangepicker .ranges li {
  font-size: 13px;
  background: #26344b;
  border: 1px solid #757680;
  color: #d6dde2;
}
.darkmode .daterangepicker td.off, 
.darkmode .daterangepicker td.off.in-range, 
.darkmode .daterangepicker td.off.start-date, 
.darkmode .daterangepicker td.off.end-date {
  color: #dcdde2;
  background: #26344b;
}
.darkmode .daterangepicker td.in-range {
  background: #171719;
}
.darkmode .dropdown-menu {
  color: #d6dde2;
}
.darkmode .daterangepicker .input-mini {
  color: #d6dde2;
}
.darkmode .daterangepicker .calendar-table {
  border: 1px solid #757680;
  background: #465165;
}
.darkmode .daterangepicker .ranges li.active {
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}
.darkmode .daterangepicker .range_inputs .btn-success ,
.darkmode .daterangepicker td.active{
  background: var(--primary) !important;
  border: 1px solid var(--primary) !important;
}
.darkmode .dropdown-menu {
  background-color: #445062;
  border: 1px solid #757680;
}

.darkmode ::-webkit-scrollbar {
  width: 10px;
}
.darkmode ::-webkit-scrollbar-track {
  background: #dcdde2;
  border-radius: 7px;
}
.darkmode ::-webkit-scrollbar-thumb {
  background: #465264;
  border-radius: 7px;
  border: 1px solid #dcdde2;
}
.darkmode .dropdown-item {
  color: #cbd3d4;
}
.darkmode .dropdown-item:focus, 
.darkmode .dropdown-item:hover {
  background-color: transparent;
}
.darkmode .close {
  color: #d6ddd8;
}
.darkmode .input-with-button {
  border-left: 1px solid #757680 !important;
}
.darkmode .toggleswitch .slider {
  background-color: #8b8b90;
}

.darkmode {
  scrollbar-color: #465264 #dcdde2;
  --primary: #D50404;
  --primary-text: #D50404;
}
.darkmode .text-primary {
  color: var(--primary-text) !important;
}
.darkmode a {
  color: var(--primary-text);
}