.material-switch-label {
    margin-left: 25px;
    line-height:25px;
    font-weight: normal;
}

.material-switch {
    margin-right: 25px;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -3px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -3px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}            

body.darkmode {
    background-color: #1f1f1f;
    color: #c3c3c3;
}

.darkmode img, .darkmode input, .darkmode select, .darkmode textarea, .darkmode .select2-drop-mask, .darkmode .select2-container, .darkmode .select2-drop,
.darkmode .btn-group > .btn:first-child,
.darkmode .btn-group > .btn + .dropdown-toggle
{
    filter: brightness(.6) contrast(1.2);
    background: #5f5f5f;
    color: #c3c3c3;
}
.darkmode .gm-control-active img, .darkmode .gm-svpc img {
    filter: initial;
    background: transparent;
}
.darkmode .fa {
    filter: brightness(.8) contrast(1.2);
}
.darkmode select option,
.darkmode .commentscrollabletable tbody ,
.darkmode .dispatchscrollabletable tbody {
    background: #2c2c2c;
}

.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6, .darkmode legend {
    color: #6e6e6e;
}

.darkmode .btn.btn-success {
    color: #dbd9d9;
    filter: brightness(0.7) contrast(1.2);
}

.darkmode .btn.btn-info {
    filter: brightness(0.7) contrast(1.2);
}

.darkmode .navbar.navbar-default, .darkmode .navbar-default, .darkmode .navbar-default .navbar-brand {
    background-color: #1f1f1f;
    color: #c3c3c3;
}
.darkmode label {
    color: #898989;
}

.darkmode .navbar-default .navbar-nav > li > a,
.darkmode .navbar-default .navbar-nav > li > a:focus,
.darkmode .navbar-default .navbar-nav > li > a:hover {
    color: #c3c3c3;
}

.darkmode .panel-body {
    background-color: #1f1f1f;
}

.darkmode .table-striped > tbody > tr:nth-child(2n+1) > td,
.darkmode .table-striped > tbody > tr:nth-child(2n+1) > th,
.darkmode table.table-bordered.dataTable,
.darkmode .table > tbody > tr > td,
.darkmode .table > tbody > tr > th,
.darkmode .table > tfoot > tr > td,
.darkmode .table > tfoot > tr > th,
.darkmode .table > thead > tr > td,
.darkmode .table > thead > tr > th,
.darkmode table.dataTable {
    background-color: #262626;
    color: #9a9a9a;
    border-color: #575757;
}

.darkmode .pager li > a:focus, 
.darkmode .pager li > a:hover, 
.darkmode .pager li > span:focus, 
.darkmode .pager li > span:hover, 
.darkmode .pagination > li > a,
.darkmode .pagination > li > a:focus,
.darkmode .pagination > li > a:hover {
    background-color: #262626;
    color: #c3c3c3;
    border-color: #575757;
}

.darkmode .pagination > .active > a, 
.darkmode .pagination > .active > a:focus, 
.darkmode .pagination > .active > a:hover, 
.darkmode .pagination > .active > span, 
.darkmode .pagination > .active > span:focus, 
.darkmode .pagination > .active > span:hover {
    background-color: #c3c3c3!important;
    color: #262626!important;
}

.darkmode .panel-inverse > .panel-heading {
    color: #c3c3c3!important;
}

.darkmode .map-panel-content {
    background: #262626;
    color: #c3c3c3;
    border-left: 1px solid #5c5c5c;
}

.darkmode .map-panel-content .map-collapse-btn , 
.darkmode .map-panel-content .map-cls-btn {
    background: #262626;
    color: #c3c3c3;
    border-left: 1px solid #5c5c5c;
    border-top: 1px solid #5c5c5c;
    border-bottom: 1px solid #5c5c5c;
}

.darkmode legend.scheduler-border,
.darkmode .bootstrap-select.btn-group .dropdown-menu li a{
    color: #c3c3c3;
}
.darkmode .bootstrap-select.btn-group .dropdown-menu li a:hover, .darkmode .bootstrap-select.btn-group .dropdown-menu li a:focus{
    color: #262626;
}

.darkmode .dropdown-menu {
    background: #262626;
    box-shadow: 0px 0px 5px 5px black;
}

.darkmode .dropdown-menu > li > a {
    color: #c3c3c3;
}

.darkmode .table > thead > tr > th {
    border-bottom: 0px!important;
}

.darkmode .editable-container.popover {
    box-shadow: 0px 0px 7px 3px #000000;
    background: #262626;
}

.darkmode .popover-title{
    background: #262626;
    border-bottom: 1px solid #5c5c5c;
}

.darkmode .popover.top > .arrow::after {
    border-top-color: #262626;
}
.darkmode .glyphicon {
    color: #c2c2c2;
}

.darkmode .navbar-default .navbar-toggle .icon-bar {
    background: #888888;
}

.darkmode .navbar-nav .open .dropdown-menu {
    background: #262626;
    box-shadow: 0px 0px 7px 3px #000000;
}

.darkmode .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #7a7a7a;
}

.darkmode .dropdown-menu > li > a:focus, .darkmode .dropdown-menu > li > a:hover {
    background: #c3c3c3;
    color: #262626!important;
}

.darkmode .navbar-nav > li > .dropdown-menu {
    border: 1px solid #6a6a6a;
}

.darkmode .nav.nav-tabs.nav-tabs-inverse > li.active > a,
.darkmode .nav.nav-tabs.nav-tabs-inverse > li.active > a:focus,
.darkmode .nav.nav-tabs.nav-tabs-inverse > li.active > a:hover {
    background: #636363;
    color: #c0c0c0!important
}

.darkmode .nav.nav-tabs.nav-tabs-inverse > li > a,
.darkmode .nav.nav-tabs.nav-tabs-inverse > li > a:focus,
.darkmode .nav.nav-tabs.nav-tabs-inverse > li > a:hover {
    background: #262626;
    color: #c3c3c3!important
}

.darkmode .btncustom button span {
    color: #d9d9d9!important;
}

.darkmode .btn.btn-default, .darkmode .btn.btn-danger, .darkmode .btn.btn-primary {
    color: #dbd9d9!important;
    filter: brightness(.7) contrast(1.2);
}
.darkmode .modal-body {
    background: #1f1f1f;
}
.darkmode .modal-content {
    border: 1px solid #5c5c5c;
    background: inherit;
}

.darkmode .tab-content, .darkmode .panel{
    background: #1f1f1f;
}

.darkmode .has-error .checkbox,
.darkmode .has-error .checkbox-inline,
.darkmode .has-error .control-label,
.darkmode .has-error .form-control-feedback,
.darkmode .has-error .help-block,
.darkmode .has-error .radio,
.darkmode .has-error .radio-inline {
    color: #a90606
}

.darkmode .irs {
    filter: brightness(0.7) contrast(1.2);
}

.darkmode #page-loader {
    background: #1f1f1f;
}

.darkmode .breadcrumb > li a {
    color: #898989;
}

.darkmode #friends.nav {
    background: #1f1f1f;
    border: 1px solid #5c5c5c;
    color: #898989;
}

.darkmode tbody {
    background: #1f1f1f;
    color: #898989;
}

.darkmode #sdate.label.label-default,
.darkmode #searchString.label.label-default,
.darkmode #edate.label.label-default{
    background: #696969;
    color: #bcbcbc;
}

.darkmode .well {
    border: 0px;
}
.darkmode .datepicker-inline {
    background: #aeaeae;
    color: #373737;
}

.darkmode .datepicker table tr td.day:hover, .darkmode .datepicker table tr td.day.focused {
    background: #1f1f1f;
    border: 1px solid #5c5c5c;
}

.darkmode div.dataTables_wrapper div.dataTables_processing {
    box-shadow: 0px 0px 5px 1px
}

.darkmode .rightSlidebar {
    background: #262626;
    border-left: 1px solid #a3a3a3;
}
.darkmode .dividerPosition {
    border: 1px solid #a3a3a3;
    background: #a3a3a3;
}
.darkmode #twoWayData tr > td{
    color: #262626!important;
}

.darkmode .onlinescrollabletable {
    background: #c3c3c3;
}
.darkmode #search-wizard.wizard .content {
    background: #262626;
}

.darkmode .sidebar .nav > li > a {
    color: #8b8b8b;
}
.darkmode .sidebar .nav > li.active > a,
.darkmode .sidebar .nav > li.active > a:focus,
.darkmode .sidebar .nav > li.active > a:hover {
    color: #c3c3c3;
}

.darkmode .wizard > .steps .disabled a,
.darkmode .wizard > .steps .disabled a:hover,
.darkmode .wizard > .steps .disabled a:active {
    background: #3f3f3f;
    color: #747474;
}

.darkmode .wizard > .steps .done a, 
.darkmode .wizard > .steps .done a:hover, 
.darkmode .wizard > .steps .done a:active {
    background: #385567;
    color: #9a8e8e;
}

.darkmode .wizard > .steps .current a,
.darkmode .wizard > .steps .current a:hover,
.darkmode .wizard > .steps .current a:active {
    background: #385567;
    color: #adadad;
}

.darkmode .sidebar-minify-btn i {
    color: #8b8b8b;
}

.darkmode .login .login-header .brand {
    color: #8f979e;
}
.darkmode .form-control::placeholder {
    color: #dcdbdb;
}
.darkmode input:disabled, .darkmode select:disabled, .darkmode button:disabled {
    color: #5b5b5b;
}
.darkmode .fa-sign-in::before {
    color: #ffffff;
}
.darkmode .modal-footer {
    border-top-color: #515151;
    background: #1f1f1f;
}

.darkmode #txtSearch::placeholder {
    color: #dddddd;
}

.darkmode .select2-container .select2-choice {
    color: #c3c3c3;
}