/* Todo-dark */
.todo-dark .card {
  background: rgb(0, 30, 60) !important;
}
.todo-dark .text-warning {
  color: #ff9800 !important;
}
.todo-dark .card input[type="submit"] {
  background-color: #ff9800 !important;
}

.todo-dark:not(.select2-selection__choice) {
  background: rgb(0, 30, 60) !important;
  color: white !important;
}

.todo-dark .tasksModal .modal-content {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark .tasksModal button.close {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark #myModal .modal-content {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark textarea {
  background: white !important;
}

.todo-dark span.select2-selection.select2-selection--multiple {
  background-color: rgb(0, 30, 60) !important;
}
.todo-dark span.select2-results {
  background-color: rgb(0, 30, 60) !important;
  color: #fff;
}

.dardmode #accessibilityBar button {
  color: white !important;
}

.todo-dark .box {
  background-color: white !important;
}

.todo-dark #login-container .content {
  background-color: transparent;
}

.todo-dark .box h3,
.todo-dark .box h4,
.todo-dark .box span,
.todo-dark .box ul li.na {
  color: white !important;
  text-align: center;
}

.todo-dark nav,
  /* .todo-dark li, */
  .todo-dark ol,
  .todo-dark header,
  .todo-dark section,
  .todo-dark main,
  .todo-dark aside,
  .todo-dark article {
  background: rgb(0, 30, 60) !important;
  color: white !important;
}
.todo-dark nav {
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}
.todo-dark .navbar-nav li.nav-item:hover:after {
  width: 0%;
  height: 45px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
}
.todo-dark .k-grid,
.todo-dark .k-grid-mobile {
  background-color: rgba(0, 30, 60, 1) !important;
  color: white !important ;
}

.todo-dark .k-grid-mobile td {
  color: white !important;
}
.todo-dark .k-alt {
  background-color: rgba(22, 61, 105, 0.603) !important;
}
/* .todo-dark .ergasies-container #grid .k-alt .grid-atcb {
    background-color: transparent !important;
  }
  .todo-dark #grid .k-alt td .atcb_button .atcb_icon svg {
    background-color: white !important;
    fill: rgb(0, 30, 60) !important;
  } */

.todo-dark label,
.todo-dark select {
  color: white !important;
}

.todo-dark option {
  color: #444444 !important;
}

.todo-dark li.select2-selection__choice,
.todo-dark #myModal span.select2-selection__choice__remove {
  color: rgba(0, 30, 60, 1) !important;
}

.todo-dark h1,
.todo-dark h2,
.todo-dark h3,
.todo-dark h4,
.todo-dark h5,
.todo-dark h6,
.todo-dark p,
.todo-dark strong,
.todo-dark em,
.todo-dark cite,
.todo-dark q,
.todo-dark b,
.todo-dark u,
.todo-dark
  span:not(.save-text, .k-input, .k-icon, .select2-selection__choice, .select2-selection__choice__remove) {
  color: white !important;
}
.todo-dark a * {
  color: #fff !important;
}

.todo-dark li.nav-item:not(:last-child, .darkModeButton, .active):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 12px;
  width: 0%;
  transition: height 0.6s;
  z-index: 0;
  background-color: rgba(141, 123, 123, 0.35) !important;
  transform: translateY(-15px) translateX(2.5%);
}

.todo-dark li.nav-item:hover:after {
  width: 95%;
  height: 45px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgb(0 0 0 / 40%);
}

.todo-dark .box a,
.todo-dark a.logout,
.todo-dark button#universalAccessBtn span {
  color: #fff !important;
}

.todo-dark button,
.todo-dark input[type="button"],
.todo-dark input[type="reset"] {
  color: white !important;
  border: #8d7b7b !important;
}

.todo-dark input[type="text"],
.todo-dark input[type="password"],
.todo-dark input[type="url"],
.todo-dark input[type="search"],
.todo-dark input[type="email"],
.todo-dark input[type="tel"],
.todo-dark input[type="date"],
.todo-dark input[type="month"],
.todo-dark input[type="week"],
.todo-dark input[type="datetime"],
.todo-dark input[type="datetime-local"],
.todo-dark textarea:not(#message),
.todo-dark input[type="number"] {
  background: white !important;
  border: 1px solid #292323 !important;
  border-radius: 4px;
  color: #444444 !important;
}
.todo-dark #accessibilityBar * {
  background-color: rgb(0, 30, 60) !important;
  color: #121212 !important;
}
.todo-dark #accessibilityBar .setAccessibility[data-accessibility="todo-dark"] {
  background-color: #121212 !important;
  color: white !important;
}
.todo-dark #accessibilityBar .setAccessibility {
  color: White !important;
}
.todo-dark #accessibilityBar .setAccessibility * {
  color: White !important;
}
.todo-dark #accessibilityBar .setAccessibility strong,
.todo-dark #accessibilityBar .setAccessibility i {
  background-color: #191414 !important;
} /*# sourceMappingURL=asb.css.map */

.todo-dark ul.pagination li a {
  background-color: rgb(0, 30, 60) !important;
  color: white !important;
}

.todo-dark button#universalAccessBtn span {
  background-color: white !important;
  color: rgb(0, 30, 60) !important;
}

.todo-dark .modal:not(#myModal) .modal-content {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark input[type="submit"] {
  color: white !important;
  background: #c62828 !important;
}

.todo-dark .modal-header .modal-title {
  color: white !important;
}

.todo-dark em {
  color: white !important;
}

.todo-dark .modal-body input {
  background-color: transparent !important;
  border-color: transparent !important;
  color: white !important;
}

.todo-dark .navbar-toggler {
  background-color: transparent !important;
}

.todo-dark #universalAccessBtn i {
  color: white !important;
}

.todo-dark .fc-content span {
  color: white !important;
}

.todo-dark #userslist th,
.todo-dark #projlist th,
.todo-dark #deptlist th {
  color: white !important;
}
.todo-dark #userslist td,
.todo-dark #projlist td,
.todo-dark #deptlist td {
  color: white !important;
}

/* 
  .todo-dark #grid *:not(th .k-link,tr .k-master-row, th a, th span) {
    background-color: #1976d2 !important;
    background-image: none !important;
  } */

/* TOOD DARK GRID ELEMENTS KSEKINANE EDW */

.todo-dark .expired {
  background-color: #a03919 !important;
}
.todo-dark .k-state-selected td {
  background-color: rgba(68, 142, 211, 0.2) !important;
  color: white !important;
}
.todo-dark #grid a.k-grid-add,
.todo-dark #grid a.k-grid-edit,
.todo-dark #grid a.k-grid-delete,
.todo-dark #grid a.k-grid-cancel,
.todo-dark #grid2 a.k-grid-add,
.todo-dark #grid2 a.k-grid-edit,
.todo-dark #grid2 a.k-grid-delete,
.todo-dark #grid2 a.k-grid-cancel,
.todo-dark #grid3 a.k-grid-add,
.todo-dark #grid3 a.k-grid-edit,
.todo-dark #grid3 a.k-grid-delete,
.todo-dark #grid3 a.k-grid-cancel {
  background-color: inherit !important;
  background-image: none !important;
  color: white !important;
}
.todo-dark #grid .k-alt a.k-grid-add,
.todo-dark #grid .k-alt a.k-grid-edit,
.todo-dark #grid .k-alt a.k-grid-delete,
.todo-dark #grid .k-alt a.k-grid-cancel,
.todo-dark #grid2 .k-alt a.k-grid-add,
.todo-dark #grid2 .k-alt a.k-grid-edit,
.todo-dark #grid2 .k-alt a.k-grid-delete,
.todo-dark #grid2 .k-alt a.k-grid-cancel,
.todo-dark #grid3 .k-alt a.k-grid-add,
.todo-dark #grid3 .k-alt a.k-grid-edit,
.todo-dark #grid3 .k-alt a.k-grid-delete,
.todo-dark #grid3 .k-alt a.k-grid-cancel {
  background-color: transparent !important;
  background-image: none !important;
  color: white !important;
}

.todo-dark #grid th[role="columnheader"],
.todo-dark #grid .k-grid-header,
.todo-dark #grid .k-header,
.todo-dark #grid .k-grouping-header,
.todo-dark #grid tr.k-footer-template,
.todo-dark #grid .k-grid-footer,
.todo-dark #grid .k-footer,
.todo-dark #grid2 th[role="columnheader"],
.todo-dark #grid2 .k-grid-header,
.todo-dark #grid2 .k-header,
.todo-dark #grid2 .k-grouping-header,
.todo-dark #grid2 tr.k-footer-template,
.todo-dark #grid2 .k-grid-footer,
.todo-dark #grid2 .k-footer,
.todo-dark #grid3 th[role="columnheader"],
.todo-dark #grid3 .k-grid-header,
.todo-dark #grid3 .k-header,
.todo-dark #grid3 .k-grouping-header,
.todo-dark #grid3 tr.k-footer-template,
.todo-dark #grid3 .k-grid-footer,
.todo-dark #grid3 .k-footer {
  background-color: rgb(0, 30, 60);
  color: white !important;
  background-image: none !important;
}

.todo-dark #grid th,
.todo-dark #grid th a,
.todo-dark #grid th span,
.todo-dark #grid2 th,
.todo-dark #grid2 th a,
.todo-dark #grid2 th span,
.todo-dark #grid3 th,
.todo-dark #grid3 th a,
.todo-dark #grid3 th span {
  color: white !important;
}
.todo-dark #grid .k-pager-wrap,
.todo-dark #grid2 .k-pager-wrap,
.todo-dark #grid3 .k-pager-wrap {
  background-color: rgb(0, 30, 60) !important;
  background-image: none !important;
}

.todo-dark #grid tbody tr:hover,
.todo-dark #grid2 tbody tr:hover,
.todo-dark #grid3 tbody tr:hover {
  cursor: pointer;
  background-color: rgba(46, 115, 172, 0.6) !important;
  color: white !important;
}

.todo-dark #grid .k-state-selected,
.todo-dark #grid2 .k-state-selected,
.todo-dark #grid3 .k-state-selected {
  background-color: rgba(46, 115, 172, 0.8) !important;
  color: black !important;
}

/*Fix gia ta symvoulia sto mobile */
.todo-dark #grid .km-widget {
  background-color: rgba(0, 30, 60, 1) !important;
  color: white !important;
}

.todo-dark #grid span.k-link,
.todo-dark #grid2 span.k-link,
.todo-dark #grid3 span.k-link {
  background-image: none !important;
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark #grid span.k-link span,
.todo-dark #grid2 span.k-link span,
.todo-dark #grid3 span.k-link span {
  background-image: none !important;
  background-color: white !important;
}

.todo-dark #grid span.k-link:hover,
.todo-dark #grid2 span.k-link:hover,
.todo-dark #grid3 span.k-link:hover {
  background-image: none !important;
  background-color: rgba(0, 30, 60, 0.6) !important;
}
.todo-dark #grid div[role="tabpanel"],
.todo-dark #grid2 div[role="tabpanel"],
.todo-dark #grid3 div[role="tabpanel"] {
  background-image: none !important;
  background-color: rgba(0, 30, 60, 0.6) !important;
  color: white !important;
}
.todo-dark #grid .k-button span,
.todo-dark #grid span.k-select span,
.todo-dark #grid2 .k-button span,
.todo-dark #grid2 span.k-select span,
.todo-dark #grid3 .k-button span,
.todo-dark #grid3 span.k-select span {
  color: black !important;
}
.todo-dark #grid .k-liksi {
  background-color: transparent !important;
  background-image: none !important;
}
.todo-dark #grid .k-button,
.todo-dark #grid2 .k-button,
.todo-dark #grid3 .k-button {
  background-image: none !important;
  background-color: transparent !important;
  color: white !important;
}

.todo-dark #grid span.k-icon,
.todo-dark #grid2 span.k-icon,
.todo-dark #grid3 span.k-icon {
  color: white !important;
}

.todo-dark #grid td .atcb_button .atcb_icon svg,
.todo-dark #grid2 td .atcb_button .atcb_icon svg,
.todo-dark #grid3 td .atcb_button .atcb_icon svg {
  background-color: inherit !important;
  color: white !important;
  fill: white !important;
}
.todo-dark .ergasies-container #grid td .grid-atcb {
  background-color: inherit !important;
  background-image: none !important;
}
.todo-dark .atcb_list_item {
  border: 1px solid white !important;
}
.todo-dark #grid .atcb_button .active,
.todo-dark #grid2 .atcb_button .active,
.todo-dark #grid3 .atcb_button .active {
  border-bottom: 1px solid white !important;
  background-color: rgb(0, 30, 60) !important;
}

/* TODO-DARK  Calendar */

.todo-dark #calendar div.fc-button-group {
  border: 1px solid gray !important;
  border-radius: 4px;
}

.todo-dark #calendar button.fc-state-default {
  background-color: rgb(0, 30, 60) !important;
  background-image: gray !important;
  text-shadow: none;
  color: black !important;
}
.todo-dark #calendar button.fc-state-active {
  color: white !important;
}
.todo-dark #calendar button.fc-state-hover {
  background-position: 0;
}
.todo-dark #calendar span.fc-icon {
  color: black !important;
}
.todo-dark #calendar button.fc-state-disabled {
  background-color: gray !important;
}
.todo-dark .k-calendar > .k-header {
  border-color: #e0e0e0;
  background-color: rgba(0, 30, 60) !important;
  background-image: none !important;
}
.todo-dark .k-calendar > .k-header a {
  color: #ffffff !important;
}
.todo-dark .k-icon {
  color: white !important;
}
.todo-dark #myModal ul.select2-selection__rendered li {
  color: black !important;
}
.todo-dark footer {
  box-shadow: 0px -1px rgb(255 255 255 / 30%) !important;
  background-color: rgb(0, 30, 60) !important;
}

/* ADMINISTRATION PAGE */
.todo-dark div.logo,
.todo-dark div.sidebar-wrapper,
.todo-dark div.tab-content {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark div.card {
  border: 1px solid #ff9800 !important;
  box-shadow: 0 1px 15px 1px rgba(255, 152, 0, 0.2);
}

.todo-dark #etaireies-table,
.todo-dark #erga-table,
.todo-dark #tmimata-table,
.todo-dark #tickets-table,
.todo-dark #tickets-deleted-table {
  color: White !important;
}
.todo-dark #etaireies-table tr,
.todo-dark #erga-table tr,
.todo-dark #tmimata-table tr,
.todo-dark #tickets-table tr,
.todo-dark #tickets-deleted-table tr {
  color: White !important;
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark #etaireies-table tr.selected,
.todo-dark #tmimata-table tr.selected,
.todo-dark #erga-table tr.selected,
.todo-dark #tickets-table tr.selected,
.todo-dark #tickets-deleted-table tr.selected {
  background-color: rgba(255, 152, 0, 1) !important;
}
.todo-dark .dataTables_info,
.todo-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: White !important;
}
.todo-dark .sidebar,
.todo-dark .sidebar-wrapper {
  border-right: 1px solid #ff9800 !important;
  box-shadow: 0 1px 15px 1px rgba(255, 152, 0, 0.2);
}
.todo-dark .sidebar .logo:after,
.todo-dark .off-canvas-sidebar .logo:after {
  background-color: rgba(255, 152, 0, 1) !important;
  box-shadow: 0 15px 15px 1px rgba(255, 152, 0, 0.6);
}
.todo-dark ul[role="menubar"] {
  background-color: rgb(0, 30, 60) !important;
}
.todo-dark li[role="menuitemcheckbox"] {
  background-color: rgb(0, 30, 60) !important;
}
.todo-dark .k-state-active {
  background-color: rgb(0, 30, 60) !important;
}
.todo-dark .card input.form-control {
  height: 25px !important;
  font-size: 14px !important;
  background-color: rgb(0, 30, 60) !important;
  color: white !important;
}

.todo-dark .card input.form-control:focus {
  border: 1px solid #ff9800 !important;
  box-shadow: inset 0 -2px 0 #ff9800;
}

/* TICKET/ ARXIKI PANEL */

.todo-dark #panelbar #item1 > span,
.todo-dark #panelbar #item2 > span,
.todo-dark #panelbar #item3 > span {
  background-color: rgb(22, 61, 105);
  color: White;
  background-image: none !important;
}
.todo-dark #panelbar .k-state-selected {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark form.k-filter-menu {
  background-color: rgb(0, 30, 60) !important;
  background-image: none !important;
  color: white !important;
}
.todo-dark form button[type="reset"] {
  background-color: rgb(22, 61, 105) !important;
}
.todo-dark form .k-i-calendar,
.todo-dark form .k-icon {
  color: rgb(0, 30, 60) !important;
}
.todo-dark span.k-window-title {
  color: black !important;
}

/* Tickets page */

.todo-dark #anathesi-modal,
.todo-dark #epeksergasia-modal,
.todo-dark #liksi-modal {
  background-color: rgb(0, 30, 60);
}
.todo-dark #anathesi-modal .k-grid-cancel,
.todo-dark #epeksergasia-modal .k-grid-cancel,
.todo-dark #liksi-modal .k-grid-cancel,
.todo-dark .k-window-action .k-i-close {
  background-color: rgb(0, 30, 60);
}
.todo-dark #liksi-modal span.k-select {
  background-color: rgb(0, 30, 60) !important;
}
.todo-dark #liksi-modal span.k-i-calendar,
.todo-dark #liksi-modal span.k-i-clock {
  color: white !important;
}

/* Landing page darkmomde */
.todo-dark .checkbox-group {
  background-color: rgb(0, 30, 60) !important;
  box-shadow: 0 1px 4px rgb(255, 255, 255) !important;
}

.todo-dark .landing-app .bg-primary,
.todo-dark .landing-app .bg-dark,
.todo-dark .landing-app .bg-light {
  background-color: rgb(0, 30, 60) !important;
}

.todo-dark select.form-control:focus,
.todo-dark select:focus {
  box-shadow: none !important;
}
.todo-dark .k-dropdown-wrap {
  background-color: #fff !important;
}
.todo-dark ul.list-unstyled li a {
  color: White !important;
}

.todo-dark .carousel-indicators {
  background-color: transparent !important;
}