.dark {
  color: #8b92a9;
  color: #a9a9a9;
}

.dark select,
.dark input,
.dark textarea {
  background-color: transparent;
  border: 1px solid #33394a;
  color: #a9a9a9;
}

.dark select[disabled],
.dark input[disabled],
.dark textarea {
  background: #2d2d2d;
}

.dark select[readonly],
.dark input[readonly],
.dark textarea {
  background: #070a13;
  border-color: #2b3040;
}

.dark input::-webkit-input-placeholder {
  color: rgb(255 255 255 / 0.25);
}

.dark select:focus,
input:focus,
.dark input.focused {
  border-color: #374e94;
}

.dark select:hover,
.dark select.hover,
.dark input:hover,
.dark input.hover {
  border-color: #4a5679;
}

.dark select.error,
.dark input.error {
  border-color: #731717;
}

/*=============== TARCK ===============*/
.dark ::-webkit-scrollbar-track {
  background-color: #1f263a;
}

/*=============== THUMB ===============*/
.dark ::-webkit-scrollbar-thumb {
  background-color: #3d4765;
  border: 1px solid #0e111b;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background-color: #22283a;
}

.dark ::-webkit-scrollbar-thumb:active {
  background-color: #606060;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: #a9a9a9;
  border-color: #6980c5;
}

/**************************buttons**************************************/

.dark .btn:after,
.btn.night:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 20%);
}

.dark .btn.outlined:after,
.btn.outlined.night:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: inherit;
  border: solid 1px rgb(0 0 0 / 40%);
  border-radius: 5px;
}

.dark .dropdown .dropdown-menu {
  background: #1e2640;
}

.dark .dropdown .dropdown-menu a:hover,
.dark .dropdown .dropdown-menu span:hover {
  background: #161c2f;
  color: #a9a9a9;
}

.dark .outlined.btn.disabled,
.dark .outlined.btn[disabled] {
  color: #969696 !important;
}

/****************************controls******************************************/

.dark .radio-part span:before {
  border-color: #33394a;
}

.dark .radio-part input[type="radio"]:disabled ~ span:before {
  box-shadow: 0px 0px 0px 2px #000 inset;
  border-color: #666;
  background: #666;
}

.dark .radio-part:hover span:before {
  background: rgb(53 75 142);
  box-shadow: 0px 0px 0px 2px #111625 inset;
  border-color: rgb(53 75 142);
}

.dark .radio-part input[type="radio"]:checked ~ span:before {
  background: #2e54c3;
  box-shadow: 0px 0px 0px 2px #111625 inset;
  border-color: #2e54c3;
}

.dark .check-part > .name:before,
.dark .check-part > i:before {
  border-color: #33394a;
}

.check-part input[type="checkbox"]:disabled ~ .name:before,
.check-part input[type="checkbox"]:disabled ~ i:before {
  border-color: #666;
}

.dark .check-part input[type="checkbox"]:checked ~ .name:before,
.dark .check-part input[type="checkbox"]:checked ~ i:before {
  background: #2e54c3;
  color: #d6d6d6;
}

.dark .selector:after {
  background: #1b2544;
  border-color: #343d58;
}

.dark .radio-toggle.disabled .radio-box {
  background: #6f6f6f;
}

.dark .radio-toggle.disabled .radio-box:before {
  background: #565656;
}

/*****************************material form**********************************/

.dark .material-form {
  border-color: #5e6a8c;
  background: transparent;
}

.dark .material-form input {
  border: none;
}

.dark .material-form:hover {
  border-color: #5e6a8c;
}

.dark .material-form .status-detail {
  background: #1b2c61;
}

.dark .material-form.status .status-detail:before {
  border-left-color: #1b2c61;
}

.dark .material-form input:valid ~ .text,
.dark .material-form input:focus ~ .text {
  color: #6980c5;
}

.dark .material-form.error .helper-text,
.dark .material-form.error input:valid ~ .text,
.dark .material-form.error input:focus ~ .text {
  color: #e24a4a;
}

.dark .material-form.successful .helper-text,
.dark .material-form.successful input:valid ~ .text,
.dark .material-form.successful input:focus ~ .text {
  color: #17af1d;
}

/**********************************************************/

.dark .taglist {
  border-color: #343d58;
  background: #111625;
}

.dark .taglist .tag {
  border-color: #343d58;
  color: #a9a9a9;
  background: #1b2238;
}

.dark .taglist .tags .tag {
  background: transparent;
  border-color: #343d58;
  color: #566fb9;
}

.dark .taglist .tag input[type="radio"]:checked ~ span:before {
  box-shadow: 0px 0px 0px 2px #0e121f inset;
  background: #2e54c3;
  border-color: #2e54c3;
}

/***************************************************************/

.dark .icon-approve {
  background: #006313;
  color: #fff;
}

.dark .icon-firm {
  background: #525b86;
}

.dark .icon-userGreen {
  background: #006313;
}

.dark .icon-userGray {
  background: #5d5d5d;
}

.dark .icon-userRed {
  background: #820808;
}

.dark .icon-userYellow {
  background: #887412;
  color: #e6e6e6;
}

.dark .red {
  color: #e64e4e;
}

.dark .blue-icon {
  color: #3085b3 !important;
}

.dark .nili-icon {
  color: #146fbd !important;
}

.dark .icon-individual {
  background: #592b61;
}
/**************************************************************/

.dark .side-bar {
  background: #0e121f;
}

.dark .side-bar .menu li {
  color: #a9a9a9;
}

.dark .side-bar .menu .li-menu .text:before {
  color: #6980c5;
}

.dark .side-bar .menu .li-menu:hover,
.dark .side-bar .menu .li-menu.show {
  /*background: #080a12;*/
}

.dark .side-bar .menu .li-menu.show .text {
  color: #6980c5;
}

.dark .side-bar .menu li.selected a {
  background: #2e3b67;
  color: #a9a9a9;
}

.dark .side-bar .menu li a:hover {
  color: #6980c5;
}

.dark .side-bar.hide .menu .expand {
  background: #080a12;
}

.dark .side-bar.hide .menu .expand:before {
  background: rgb(29 34 49 / 80%);
}

.dark .side-bar .menu .li-title + .li-title:before,
.dark .side-bar .menu .ul-title:before,
.dark .side-bar .menu .li-menu > .expand:before {
  background: #28324e;
}

/**************************/

.dark .side-bar .user-profile {
  background: #0e121f;
  border-color: #31343e;
  color: #a9a9a9;
}

.dark .side-bar .user-profile .box:before {
  background: #0e121f;
  color: rgb(92 103 142);
  box-shadow: none;
}

.dark .side-bar .user-profile .icon-arrow-top {
  background: #0e121f;
  border-color: #31343e;
  color: #a9a9a9;
}

.dark .side-bar .top {
  box-shadow: 0 0px 30px 1px rgb(29 34 51) inset;
}

.dark .side-bar .top .title-app {
  color: #6d7eb9;
}

.dark .side-bar .menu li .search-box:after {
  color: #556eb9;
}

.dark .side-bar .menu li .search-box {
  background: #23283a;
  border: solid 1px #343d58;
}

.dark .side-bar .menu li .search-box .combo .icon-add {
  border-color: #0a5d24;
}

/*******************************************/
.dark .search-box {
  background: #2b3655;
  border-color: #33394a;
}

.dark .table tr td .search-box:after {
  color: #a9a9a9;
}

.dark .combo {
  border-color: #14192b;
  background: #0e121f;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0);
}

.dark .combo .table {
  background: #0e121f;
}

.dark .header {
}

.dark .header .top {
  background: #0e121f;
}

.dark .header:after {
  background: linear-gradient(45deg, #000a27, rgb(2 16 56));
}

.dark .header .search-box:after {
  color: #a9a9a9;
}

.header .search-box input::-webkit-input-placeholder {
  color: #a9a9a9;
}

.dark .header .head-left {
  color: #a9a9a9;
}

.dark .header .head-left .icon-bell.active:after,
.dark .header .head-left .icon-nav.active:after {
  border-bottom-color: #0e121f;
}

/***********************************************************/

.dark .table {
  background: transparent;
}

.dark .table thead tr th {
  background: #0e121f;
  color: #a9a9a9;
}

.dark .table thead tr th + th:before {
  background-color: #253152;
}

.dark .table thead .filter-table th {
}

.dark .table thead .filter-table th input,
.dark .table thead .filter-table select {
  background: #0e121f;
}

.dark .table tfoot td:before,
.dark .table thead tr th:after {
  background: #3f5492;
}

.dark .table tbody .sub-menu-lis .box tbody tr:nth-child(even),
.dark .table tbody tr:nth-child(even),
.dark .in-table .table tbody tr:nth-child(4n - 1) {
  background: #161b29;
}

.dark .combo .table tbody tr + tr {
  border-top: solid 1px #1d2640;
}

.dark .combo .table tbody tr:nth-child(even) {
  background: transparent;
}

.dark .table tbody tr:hover,
.dark .combo .table tbody tr:nth-child(even):hover,
.dark .in-table .table tbody tr:nth-child(4n - 1):hover {
  background: #000000;
}

.dark .table tfoot tr td {
  background: #0e121f;
}

.dark .table-pagination .pagination li {
  background: #161d31;
  color: #a9a9a9;
  border: 1px solid #3d4869;
}

.dark .table tbody .sub-menu-lis .box .part .toolbars {
  background: #0e121f;
}

.dark .table tbody .sub-menu-lis .box .part {
  background: #0e121f;
}

.dark .table tbody .sub-menu-lis .box tbody tr {
  background: #0e121f;
}

.dark .table tbody .sub-menu-lis .box {
  background: #0e121f;
}

.dark .table thead tr th.filter:before,
.dark .table tbody .sub-menu-lis .box:before {
  filter: opacity(0.3);
  background-color: #0e121f;
}

.dark .table tbody tr td.check-box i:before {
  border-color: #343d58;
}

.dark .table tbody tr {
  border-bottom: 1px solid #0b0e19;
}

.dark .table thead .filter-table th + th .box:before {
  background: #333;
}

/************************************************************/

.dark .main-wrapper {
  background: #000;
}

.dark .page-wrapper {
}

.dark .page-wrapper .box-white,
.dark .ui-kits .box-info {
  background: #0e121f;
}

.dark .page-wrapper .box-white .title-index {
  color: #a9a9a9;
}

/**********************************************************/

.dark .filter-part .part select,
.dark .filter-part .part input {
  border: 1px solid #33394a;
}

/***********************************************************/

.dark .table tbody tr .toolbars .btn,
.dark .toolbars .btn {
  background: #161d31;
  border: 1px solid #33394a;
  color: #a9a9a9;
}

/*******************************/

.dark .tab-box {
  border-color: #212635;
}
.tab-box {
}

.dark .tab-box .tab {
  color: rgb(118 126 148 / 40%);
}

.dark .tab-box .tab.active,
.dark .tab-box .tab:hover {
  color: #a9a9a9;
  border-color: #a9a9a9;
}

/*************************************/
.dark .modal .modal-body .box,
.dark .form-box,
.dark .highcharts-figure {
  background: #111625;
  border-color: #000000;
}

.dark .form-box .title,
.dark .modal .modal-body .box .subject,
.dark .highcharts-figure > .title {
  background: #151c33;
  color: #a9a9a9;
  border-color: #000000;
}

/*****************************************/

.dark .form-inline.checkbox input[type="checkbox"]:checked ~ span {
  color: #506fcc;
}

.dark .form-inline.checkbox span:before {
  border-color: #343d58;
}

.dark .form-inline.file-box:before {
  background: #23283a;
  border-color: #343d58;
}

.dark .form-inline.file-box:after {
  background: #1b2544;
  border-color: #343d58;
}

.dark .form-inline.btnAppend button {
  background: #1b2544;
  border-color: #343d58;
}

.dark .form-inline.radio-toggle .radio-box {
  background: #3e3f44;
}

.dark .form-inline.radio-toggle .radio-box:before {
  background: #6a6c75;
}

.dark .form-inline.radio-toggle .radio-box.active {
  background: #10349e;
}

.dark .form-inline.radio-toggle .radio-box.active:before {
  background: #2e54c3;
}

.dark .form-box .search-box {
  background: #343d58;
  border-color: #343d58;
}

.dark .form-updown .top input {
  border-color: #343d58;
}

.dark .form-updown .top button {
  background: #1b2544;
  border-color: #343d58;
}

.dark .form-action-bar {
  background: black;
  border-top-color: #111625;
}

/*********************************************************/

.dark .modal {
  background: black;
}

.dark .modal .modal-header,
.dark .modal .modal-footer {
  background: #1e2742;
  color: #6b88de;
  border-color: black;
}

.dark .modal .modal-header .icon-close:after {
  background: black;
}

.dark .modal .modal-body {
  background: #151c2f;
}
/****************************************************************/

.dark .highcharts-figure svg,
.dark .highcharts-figure .highcharts-container .highcharts-background {
  fill: #111625;
}

.dark .highcharts-figure .highcharts-title,
.dark .highcharts-figure .highcharts-axis-label,
.dark .highcharts-figure .highcharts-xaxis-labels,
.dark .highcharts-figure .highcharts-text-outline {
  stroke: #ffffff;
  stroke-width: 0px;
  fill: #a9a9a9;
}

.dark .highcharts-button-box {
  fill: #394a7d;
}

.dark .highcharts-button-symbol {
  stroke: #9dadda;
  stroke-width: 2px;
}

/**************************************************************/

.dark .dashbord > .part.analytics .box,
.dark .dashbord > .part.counters .box,
.dark .dashbord > .part {
  background: #0e121f;
}

.dark .dashbord > .part.counters .box:before,
.dark .dashbord > .part.counters .box b {
  color: #6380c5;
}

.dark .header .notification-box .subject,
.dark .dashbord > .part .subject {
  color: #6980c5;
  border-bottom-color: rgb(105 128 197 / 20%);
}

.dark .header .notification-box .subject:before,
.dark .dashbord > .part .subject:before {
  background: #0e121f;
  color: #303f6e;
  font-weight: 500;
}

.dark .dashbord .chat .chat-part .left p {
  background: #182240;
}

.dark .dashbord .chat .chat-part .left p:before {
  border-left-color: #182240;
}

.dark .dashbord .chat .chat-part.left .left p {
  background: #181f35;
}

.dark .dashbord .chat .chat-part.left .left p:before {
  border-right-color: #181f35;
}

.dark .dashbord .chat .chat-part .left .date {
  color: #a9a9a9;
}

.dark .dashbord .chat .chat-form .btn {
  background: #133a5a;
  border-color: #343d58;
}

.dark .mail .box {
  background: transparent;
  border-color: #444444;
}

.dark .mail .box.unread {
  background: #1d2540;
  border-color: #3f5492;
}

.dark .mail .box .title {
  color: #6980c0;
}

.dark .dashbord .chat .chat-part figure:before {
  background: #1e3473;
  color: rgb(135 149 189);
}

.dark .dashbord > .part.analytics .box svg .rbc-center-text {
  fill: #a9a9a9;
}

.dark .table tbody tr td .list-more-action {
  background: #000;
}

.dark .table tbody tr td .list-more-action span:hover {
  background: #171e31;
}

.dark .header .notification-box,
.dark .header .nav-bar {
  background: #0e121f;
  box-shadow: 0px 0px 10px 0 rgb(0 0 0 / 97%);
}

.dark .header .nav-bar {
  color: #a9a9a9;
}

.dark .header .nav-bar .box + .box:after {
  border-color: #272f48;
}

.dark .ui-kits .show-code {
  background: #05060c;
  color: #a9a9a9;
}

.dark .ui-kits .box-info .part:before {
  background: rgb(105 119 165 / 0.5);
}
.dark .toolbars,
.dark .filter-bar.carded {
  color: #a9a9a9;
  background: #05060c;
}