.dark-mode .navbar{
    background-color: #131313;
    color: #ffffff !important;
    box-shadow: 0 2px 5px 0 rgb(6, 6, 6);
}

.dark-mode input#ombutel-search {
    color: white;
}

.dark-mode #ombu-navtool a:hover, .dark-mode #ombu-navtool a:focus {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.44);
}
.dark-mode #modules-content-header.multi-tab{
    background-color: #131313;
}

.dark-mode .content-header .nav-tabs > li.active > a,
.dark-mode .content-header .nav-tabs > li.active a:hover {
    background-color: #2d2d2d;
}

.dark-mode .content-header .nav-tabs > li a,
.dark-mode .content-header .nav-tabs > li a:hover,
.dark-mode .content-header .nav-tabs > li.active a:focus  {
    color: white;
}

.dark-mode .content-header .nav-tabs > li a i{
    color: white;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    text-shadow: none;
}

.dark-mode .aside-nav-user{
    background: #131313 url(../img/pattern.png);
    color: white;
}

.dark-mode #switch-tenant {
    color: white;
}

.dark-mode #switch-tenant option{
    background-color: #2d2d2d;
}

.dark-mode #aside-main-menu{
    color: white;
    background-color: rgb(29, 29, 29);
    background: -moz-linear-gradient(left, #131313 29%, #191919 29%);
    background: -webkit-gradient(linear, left top, right top, color-stop(29%, #131313), color-stop(29%, #191919));
    background: -webkit-linear-gradient(left, #131313 29%, #191919 29%);
    background: -o-linear-gradient(left, #131313 29%, #191919 29%);
    background: -ms-linear-gradient(left, #131313 29%, #191919 29%);
    background: linear-gradient(to right, #131313 29%, #191919 29%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#191919',GradientType=1 );
    /* box-shadow: inset -5px 0 0px rgba(221, 221, 221, 0.30); */
}

.dark-mode .nav > li > a:hover, .dark-mode .nav > li > a:focus{
    background-color: #73a517;
}

.dark-mode .tab-content ul.children-menu li a, .dark-mode .tab-content ul.children-menu ul.sub-menu li a {
    background: #191919;
    color: #fff;
}

.dark-mode #aside-main-menu .tab-content ul>li:hover>a, .dark-mode #aside-main-menu .tab-content ul>li.active>a {
    background-color: rgb(29, 29, 29);
    color: #fff;
}

.dark-mode #aside-main-menu .tab-content ul.children-menu ul.sub-menu>li:hover>a,
.dark-mode #aside-main-menu .tab-content ul.children-menu ul.sub-menu>li.active>a {
    background-color: rgba(158,158,158,0.2);
    color: #fff;
}

.dark-mode #pbx-content {
    background-color: #2d2d2d;
}

.dark-mode .frm-actions{
    border-top: 1px solid rgb(68, 68, 68);
    background-color: #191919;
}

.dark-mode .nav-tabs {
    border-bottom: 1px solid #484848;
}

.dark-mode .pbx_module_tabs {
    background-color: #191919;
}

.dark-mode .pbx_module_tabs ul.nav-tabs {
    border-bottom: 1px solid #333333;
}

.dark-mode .pbx_module_tabs ul.nav-tabs > li > a{
    color: white;
}

.dark-mode .pbx_module_tabs ul.nav-tabs > li > a:hover {
    border-color: #73a517 #73a517 #73a517;
    color: white !important;
    background-color: #73a517;
}

.dark-mode label, .dark-mode .has-success .control-label, .dark-mode .has-error .control-label{
    color: white;
}

.dark-mode select,
.dark-mode textarea,
.dark-mode input[type="text"],
.dark-mode input[type="password"],
.dark-mode input[type="datetime"],
.dark-mode input[type="datetime-local"],
.dark-mode input[type="date"],
.dark-mode input[type="month"],
.dark-mode input[type="time"],
.dark-mode input[type="week"],
.dark-mode input[type="number"],
.dark-mode input[type="email"],
.dark-mode input[type="url"],
.dark-mode input[type="search"],
.dark-mode input[type="tel"],
.dark-mode input[type="color"],
.dark-mode .uneditable-input,
.dark-mode .form-control,
.dark-mode .form-control[disabled],
.dark-mode .form-control[readonly],
.dark-mode fieldset[disabled],
.dark-mode textarea[readonly],
.dark-mode input[readonly],
.dark-mode .select2-container--bootstrap .select2-selection {
    color: #cccccc;
    background: #131313 !important;
    border: 1px solid #616161;
}

.dark-mode div.legend{
    color: #ffffff;
    border-bottom: 1px solid #333333;
}

.dark-mode .btn-radio.btn-default{
    background: #131313;
    border: 1px solid #616161;
}

.dark-mode .btn-radio.btn-default:hover{
    background-color: #60861a;
    color: white;
}

.dark-mode .input-group-addon{
    background: #131313;
    border: 1px solid #616161;
    color: white;
}

.dark-mode .select2-container--default .select2-selection--multiple,
.dark-mode .select2-dropdown{
    background-color: #131313;
    border: 1px solid #616161;
    color: white;
}

.dark-mode .select2-results__option.select2-results__option--highlighted {
    background-color: #313131 !important;
    color: white;
}

.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #616161;
    border: 1px solid #616161;
    color: white;
}

.dark-mode .btn-menu-mod,
.dark-mode .btn-menu-mod:hover{
    color: #999999;
    background-color: #131313;
    border-color: #999999;
}

.dark-mode .toggle-group span.btn-default{
    background-color: #2d2d2d;
    border-color: #616161;
}

.dark-mode .btn-default:active,
.dark-mode .btn-default.active,
.dark-mode .open > .dropdown-toggle.btn-default {
    color: #fff;
    box-shadow: none;
    background-color: #131313;
    border-color: #191919;
}

.dark-mode .toggle.btn-default{
    border-color: #616161;
}

.dark-mode .btn-default,
.dark-mode .btn-default:active,
.dark-mode .pagination > .disabled > span,
.dark-mode .pagination > .disabled > span:hover,
.dark-mode .pagination > .disabled > span:focus,
.dark-mode .pagination > .disabled > a,
.dark-mode .pagination > .disabled > a:hover,
.dark-mode .pagination > .disabled > a:focus{
    background-color: #2d2d2d;
    border-color: #616161;
    color: white;
}

.dark-mode .btn-default:hover{
    background-color: #3a3a3a;
}

.dark-mode .imageupload .preview{
    border: 1px solid #616161;
}

.dark-mode #aside-nav-right #filter-items #filter-search-input {
    border-bottom: 1px solid #616161;
}

.dark-mode #aside-nav-right{
    border-left: 1px solid #616161;
}

.dark-mode #aside-nav-righ,
.dark-mode #module-menu-items ul,
.dark-mode #module-menu-items ul > li > a,
.dark-mode #module-menu-items{
    background-color: #131313;
    color: white;
}

.dark-mode .select2-container--bootstrap .select2-selection--single .select2-selection__rendered{
    color: #cccccc;
}

.dark-mode input[readonly] {
    background-color: #565656 !important;
    cursor: text !important;
}

.dark-mode .search-box-content{
    background-color: #333333;
}

.dark-mode #umenu{
    background: #2d2d2d;
    color: white;
}

.dark-mode #umenu li a{
    color: white;
}

.dark-mode .dropdown-menu .divider{
    background-color: #616161;
}

.dark-mode #umenu li > a:hover {
    background-color: #424242;
}

.ombutelPBX.dark-mode {
    color: rgba(255, 255, 255, 0.87);
}

.dark-mode .modal-content{
    background-color: #191919;
    color: white;
}

.dark-mode .modal-header {
    border-bottom: 1px solid #616161;
}

.dark-mode .modal-footer {
    border-top: 1px solid #616161;
}

.dark-mode .close{
    color: white;
}

.dark-mode .alert-info,
.dark-mode .btn-primary,
.dark-mode .btn-primary:hover,
.dark-mode .btn-primary:active,
.dark-mode .pagination>.active>a,
.dark-mode .pagination>.active>span,
.dark-mode .pagination>.active>a:hover,
.dark-mode .pagination>.active>span:hover,
.dark-mode .pagination>.active>a:focus,
.dark-mode .pagination>.active>span:focus {
    background-color: #3e4c58;
    border-color: #46535f;
}

.dark-mode .btn-danger,
.dark-mode .btn-danger:hover,
.dark-mode .btn-danger:active{
    background-color: #88564d;
}

.dark-mode .btn-success,
.dark-mode .btn-success:hover,
.dark-mode .btn-success:active{
    background-color: #60861a;
}

.dark-mode .btn-success.toggle-on,
.dark-mode .btn-group > .btn-radio.btn.btn-default.active{
    background-color: #60861a;
}

.dark-mode .search-msg-warning {
    background-color: #616161;
}

.dark-mode .table-striped > tbody > tr:nth-of-type(odd){
    background-color: #2b2b2b;
}

.dark-mode .table-bordered > thead > tr > th,
.dark-mode .table-bordered > tbody > tr > th,
.dark-mode .table-bordered > tfoot > tr > th,
.dark-mode .table-bordered > thead > tr > td,
.dark-mode .table-bordered > tbody > tr > td,
.dark-mode .table-bordered > tfoot > tr > td,
.dark-mode .table-bordered{
    border: 1px solid #464646;
}

.dark-mode .alert-warning {
    color: #efefef;
    background-color: #827017;
    border-color: #b18429;
}

.dark-mode .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #464646;
}

.dark-mode .table > thead > tr > th,
.dark-mode .table > tbody > tr > th,
.dark-mode .table > tfoot > tr > th,
.dark-mode .table > thead > tr > td,
.dark-mode .table > tbody > tr > td,
.dark-mode .table > tfoot > tr > td {
    border-top: 1px solid #464646;
}

.dark-mode .exception-modal .modal-header {
    background-color: #191919;
    color: #ffffff;
}

.dark-mode .alert-danger {
    color: white;
    background-color: #88564d;
    border-color: #88564d;
}

.dark-mode legend {
    color: white;
    border-bottom: 1px solid #464646;
}

.dark-mode .pagination > li > a,
.dark-mode .pagination > li > span {
    color: #98b9d6;
    background-color: #2d2d2d;
    border: 1px solid #464646;
}

.dark-mode .ui-multiselect .ui-widget-header a{
    color: white;
}

.dark-mode .ui-multiselect .ui-widget-header{
    background: #2d2d2d;
    color: white;
    text-shadow: none;
}

.dark-mode .ui-multiselect ul li.ui-state-default,
.dark-mode .ui-multiselect ul.selected,
.dark-mode .ui-multiselect ul.available{
    color: #ffffff;
    background: #2d2d2d;
    border-bottom: 1px #464646 solid;
}

.dark-mode .ui-multiselect .ui-widget-header{
    box-shadow:none;
    -webkit-box-shadow: none;
}

.dark-mode .ui-multiselect div{
    border: 1px #464646 solid !important;
    background: #2d2d2d;
}

.dark-mode .dash-card{
    box-shadow: none;
    background: #131313;
}

.dark-mode .dash-card .footer {
    border-top: 1px solid #464646;
    background-color: #131313;
}

.dark-mode .dash-card .header {
    border-bottom: 1px solid #232323;
}

.dark-mode .dash-card .border-right {
    border-right: 1px solid #464646;
}

.dark-mode .live-usage span,
.dark-mode .live-usage h5 {
    color: #d4d4d4;
}

.dark-mode #dash-card-sys-services table td,
.dark-mode #dash-card-sys-services table th,
.dark-mode table.info td,
.dark-mode table.info th{
    border-top: 1px solid #464646;
}

.dark-mode #dash-card-pjsip, .dark-mode #dash-card-queues{
    background: #2d2d2d !important;
    border: 2px solid #ff9933;
}

.dark-mode #dash-card-pjsip span > small,
.dark-mode #dash-card-queues span > small,
.dark-mode #dash-card-pjsip span > strong,
.dark-mode #dash-card-queues span > strong,
.dark-mode #dash-card-queues i,
.dark-mode #dash-card-pjsip i{
    color: #ff9933 !important;
}

.dark-mode #dash-card-sip, .dark-mode #dash-card-trunks{
    background: #2d2d2d !important;
    border: 2px solid #66cc33;
}

.dark-mode #dash-card-sip span > small,
.dark-mode #dash-card-trunks span > small,
.dark-mode #dash-card-sip span > strong,
.dark-mode #dash-card-trunks span > strong,
.dark-mode #dash-card-sip i,
.dark-mode #dash-card-trunks i{
    color: #66cc33 !important;
}

.dark-mode #dash-card-iax2, .dark-mode #dash-card-extensions{
    background: #2d2d2d !important;
    border: 2px solid #6699cc;
}

.dark-mode #dash-card-iax2 span > small,
.dark-mode #dash-card-extensions span > small,
.dark-mode #dash-card-iax2 span > strong,
.dark-mode #dash-card-extensions span > strong,
.dark-mode #dash-card-extensions i,
.dark-mode #dash-card-iax2 i{
    color: #6699cc !important;
}

.dark-mode #dash-card-call_counter{
    background: #2d2d2d !important;
    border: 2px solid #cc3333;
}

.dark-mode #dash-card-call_counter span > small,
.dark-mode #dash-card-call_counter span > strong,
.dark-mode #dash-card-call_counter i{
    color: #cc3333 !important;
}

.dark-mode #dash-card-ivrs{
    background: #2d2d2d !important;
    border: 2px solid white;
}

.dark-mode #dash-card-conferences {
    background: #2d2d2d !important;
    border: 2px solid #607D8B;
}

.dark-mode #dash-card-conferences span > small,
.dark-mode #dash-card-conferences span > strong,
.dark-mode #dash-card-conferences i{
    color: #607D8B !important;
}

.dark-mode #dash-card-parking_lots {
    background: #2d2d2d !important;
    border: 2px solid #00BCD4;
}

.dark-mode #dash-card-parking_lots span > small,
.dark-mode #dash-card-parking_lots span > strong,
.dark-mode #dash-card-parking_lots i{
    color: #00BCD4 !important;
}

.dark-mode .dash-card {
    margin: 12px 0 0;
}

.dark-mode .popover-title{
    background: #131313;
    border-bottom: 1px solid #464646;
}

.dark-mode .popover-content{
    background: #191919;
}

.dark-mode .popover-title,
.dark-mode .popover-content{
    color: white;
}

.dark-mode .popover{
    background: #191919;
    box-shadow: none;
    border: 1px solid #464646;
}

.dark-mode .popover.top > .arrow:after{
    border-top-color: #464646;
}

.dark-mode div.dataTables_wrapper div.dataTables_processing{
    background: #191919;
}

.dark-mode hr{
    border-top: 1px solid #464646;
}

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

.dark-mode p.form-control {
    border: none;
    outline: 0;
    box-shadow: none;
    background: transparent !important;
}

.dark-mode .select2-container--bootstrap .select2-search--dropdown .select2-search__field{
    color: #cccccc !important;
}

.dark-mode #dashboard_form .dash-card{
    background-color: #191919 !important;
    box-shadow: 0 0 1px 1px #191919;
    border: none;
}

.dark-mode #dashboard_form .dash-card{
    color: hsla(0,0%,100%,.85) !important;
}

.dark-mode #dashboard_form .dash-card span,
.dark-mode #dashboard_form .dash-card i,
.dark-mode #dashboard_form .dash-card span > small,
.dark-mode #dashboard_form .dash-card span > strong{
    color: hsla(0,0%,100%,.85) !important;
}

.dark-mode .selectize-input{
    background: #131313 !important;
    border: 1px solid;
}

.dark-mode .selectize-control{
    background: transparent !important;
    border: none;
}

.dark-mode .selectize-control.multi .selectize-input > div{
    background: #3c3c3c;
    color: #ffffff;
}

.dark-mode .selectize-dropdown .active{
    background: transparent;
    color: white;
}

.dark-mode .select2-container--bootstrap .select2-results__option[aria-selected=true] {
    background-color: #191919;
    color: #ffffff;
}

.dark-mode #users_profiles_form table.tree tr:hover,
.dark-mode #users_profiles_form table.tree td.start:hover,
.dark-mode #users_profiles_form table.tree td.end:hover {
    background: #1f1f1f;
}

.dark-mode #users_profiles_form table.tree td{
    border: none;
}

.dark-mode div.alert-warning a,
.dark-mode div.alert-warning a:active,
.dark-mode div.alert-warning a:visited,
.dark-mode div.alert-warning a:hover {
    color: #0a2b48;
}

.dark-mode #user-photo{
    background-color: #2d2d2d;
}