/* custom style by navoto */
.form-switch .form-check-input
{
       width: 42px;
    height: 23px;
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating){
    width:99.9% !important;
}

div.dataTables_wrapper div.dataTables_processing{
    top:0 !important;
    z-index: 99;
}

.btnActionDesign {
    display: flex;
}

.display .fa-trash-o{
    color: red;
}
.display .fa-pencil {
    color: #54BA4A;
}
.display .fa-users{
    color: #222;
}
.display .fa-lock {
    color: red;
}
.display .fa-file {
    color: #0900c1;
}
.form-control{
    border-color: #efefef!important;
    -webkit-appearance: auto!important;
    -moz-appearance: auto!important;
    appearance: auto!important;
}
.form-control:focus{
    -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)!important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)!important;
}
hr{
  background-color: #aeaeae!important;  
}
body.dark-only .form-control {
    border-color: #1d1e26 !important;
}
body.dark-only div.dataTables_wrapper .dataTables_paginate .paginate_button{
  border-color: #1d1e26 !important;
}
body.dark-only .dataTables_wrapper .dataTables_paginate{
   border-color: #1d1e26 !important;
}

.valid_project td {
    background: inherit !important;
}
/*tr.valid_project {
    background: #a7ff99 !important;
}*/
table.dataTable.no-footer {
    border-bottom: 1px solid #efefef;
}
.dataTables_wrapper .dataTables_filter input[type="search"]{
    border-color: #efefef;
}
.was-validated .form-control:invalid, .form-control.is-invalid{
        border-color: #dc3545!important;
}
.was-validated .form-control:valid, .form-control.is-valid{
    border-color: #198754!important;
}
.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode svg path{
    stroke: #000;
    fill: #fff;
}
body.dark-only .page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .mode svg path{
    stroke: #fff;
    fill: #fff;
}
body.dark-only .dataTables_processing {
    background: inherit !important;
}
body.dark-only .form-switch .form-check-input:checked {
    background-color: var(--theme-deafult)!important;
    border-color: var(--theme-deafult)!important;
}
body.dark-only .form-switch .form-check-input:not(:checked) {
    background-color: var(--theme-default) !important;
    border-color: var(--theme-default) !important;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .logo-wrapper .back-btn{
    cursor: pointer;
}
.horizontal-menu .simplebar-content-wrapper{
    padding-top: 0;
}
.box-layout .nav-right{
    flex: auto;
}
.box-layout .left-header{
        flex: 1 1 auto !important;
}
.task_urgent, 
.task_high, 
.task_medium, 
.task_low{
    font-size: 12px!important;
    padding: 3px 8px !important;
        height: auto !important;
        line-height: 18px!important;
}
.modal-backdrop{
    z-index: 9999;
}
.modal{
    z-index: 99999;
}

.filterBox form {
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 10px;
}
body.dark-only .filterBox form {
    background-color: #2c303b;
}
.filterOption {
    display: flex;
    gap: 6px;
    align-items: center;
}

table.dataTable.table thead th.sorting:after, table.dataTable.table thead td.sorting:after {
    color: inherit;
    content: "\2193";
    font-size: 1.3em;
}
.card .card-header .text-end.f-right, 
.card .card-header .text-end{
    display: flex;
    gap: 4px;
}

.actionBtss {
    display: flex;
    justify-content: center;
    gap: 7px;
}
.actionBtss i{
    font-size: 18px;
}
.actionBtss a {
    margin: 0 !important;
}
.actionBtss .text-success{
        color: #54BA4A!important;
}
.actionBtss .text-danger{
    color: #FC4438!important;
}
.actionBtss .text-dark {
    color: #3786d5 !important;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper{
      width: 220px;
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-header {
/*    margin-right: 220px;*/
    margin-left: unset;
    width: calc(100% - 0px);
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .page-body {
    margin-left: unset;
    margin-right: 220px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper.modern-type .page-body-wrapper .page-body {
    margin-right: 254px;
}

html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper .according-menu i {
    rotate: 180deg;
}
html[dir="rtl"] .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li .sidebar-submenu::before{
    left:unset;
    right: 26px;
}
html[dir="rtl"] .page-wrapper .page-body-wrapper .logo-wrapper a {
    -webkit-transform: translate(11px);
    transform: translate(11px);
}
html[dir="rtl"] .sidebar-wrapper.close_icon .back-btn i.fa.fa-angle-left {
    left: -14px;
    right: unset;
}