/* common styles */
body {
  transition: background-color 0.3s, color 0.3s;
}
.table tbody td, .table thead th {
  border-bottom: 1px solid !important;
  border-top: 1px solid !important;
}
.table thead th, .table tbody td {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
input:checked + .custom-toggle-slider {
  background-color: #FFB700;
}

/* Light Theme */
body.light-theme {
  background-color: #F6F6F6 !important;
}
body.light-theme .look-like-body{
  background-color: #F6F6F6 !important;
  border: none;
}
body.light-theme .header-new{
  background: #FFFFFF !important;
}
body.light-theme .header-text{
  color:#5F6C7B !important;
}
body.light-theme .new-das {
  background: #ffffff !important;
  color: #000000 !important;
}
body.light-theme .navbar .dropdown-menu-right:before {
  background: #ffffff !important;
}
body.light-theme .new-das a:hover {
  background: #dddddd !important;
}
body.light-theme .table thead th {
  background: #f1f1f1 !important;
  color: #333333 !important;
  border-bottom-color: #dddddd !important;
  border-top-color: #dddddd !important;
}
body.light-theme .table-new-th{
  background: #f1f1f1 !important;
  color: #333333 !important;
  border-bottom-color: #dddddd !important;
  border-top-color: #dddddd !important;
}
body.light-theme .table tbody td {
  background: #ffffff !important;
  color: #2A3250 !important;
  border-bottom-color: #dddddd !important;
  border-top-color: #dddddd !important;
}
body.light-theme .table-new-td{
  background: #ffffff !important;
  color: #2A3250 !important;
  border-bottom-color: #dddddd !important;
  border-top-color: #dddddd !important;
}
body.light-theme  .table tbody td a {
  background: #ffffff !important;
  color: #2A3250 !important;
}
body.light-theme  .table-tbody-td-a-new {
  background: #ffffff !important;
  color: #2A3250 !important;
}
body.light-theme .card-info,
body.light-theme .card-body-info{
  background:#FFFFFF !important;
}
body.light-theme .order-card{
  background: #ECECEC;
}
body.light-theme .order-card-info{
  background: #FFFFFF;
}
body.light-theme .card-title-new{
  color:#2A3250 !important;
}
body.light-theme .sidebar-title{
  color: #5F6C7B !important;
}
body.light-theme .card-details-new{
  color:#2A3250 !important;
}
body.light-theme .input-select-new{
  background: #FFFFFF !important;
  color: #9FA7B0 !important;
  border: 1px solid #4C4E6438 !important;
}
body.light-theme .chart-background{
  background: #FFFFFF !important;
}
body.light-theme input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0%) !important;
}
body.light-theme .shadow-new {
  box-shadow: 0 0 2rem 0 rgba(123, 136, 150, 0.15) !important;
}
body.light-theme .select2-results__option[aria-selected] {
  cursor: pointer;
  background: #FFFFFF !important;
}
body.light-theme .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #4C4E6438 !important;
}
body.light-theme .select2-container--open .select2-dropdown--below {
  border-color: #4C4E6438 !important;
}
body.light-theme .select2-search--dropdown {
  display: block;
  padding: 4px;
  background: #FFFFFF;
}
body.light-theme .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #4C4E6438;
  background: #FFFFFF;
  color: #f9f9f9;
}
body.light-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #F6F6F6;
  color: #2A3250;
}
body.light-theme .select2-results__option {
  background: #FFFFFF;
}
body.light-theme .select2-hidden-accessible,
body.light-theme .select2-container,
body.light-theme .select2-container--default .select2-selection--single .select2-selection__rendered,
body.light-theme .dropdown-menu.show,
body.light-theme .dropdown-menu .dropdown-item{
  background: #FFFFFF !important;
  border-color: #4C4E6438 !important;
}
body.light-theme .select2-container--default .select2-results>.select2-results__options,
body.light-theme .select2-container--default .select2-search--dropdown .select2-search__field,
body.light-theme .select2-search--dropdown{
  background: #FFFFFF !important;
  color: #2A3250 !important;
}
body.light-theme .select2-container,
body.light-theme .select2-container--default .select2-selection--single {
  background: #FFFFFF;
}
body.light-theme .select2-container{
  border: 1px solid #4C4E6438 !important;
}
body.light-theme .select2-container--default .select2-selection--multiple {
  background-color: white;
  border-radius: 4px;
  cursor: text;
  background: #FFFFFF;
}
body.light-theme .select2-results__option[aria-selected] {
  cursor: pointer;
  background: #FFFFFF;
  color: #2A3250;
}
body.light-theme .dropdown-menu.show,
body.light-theme .dropdown-menu .dropdown-item{
  background: #F6F6F6 !important;
  color: #2A3250 !important;
  border-color: #fff !important;
}
body.light-theme .dropdown-model-item{
  background: #F6F6F6 !important;
  color: #2A3250 !important;
}
body.light-theme .btn-search-new{
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}
body.light-theme .page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
  background: #F6F6F6;
  border-color: #4C4E6438;
}
body.light-theme .page-item.active  .page-link{
  background: #FFB700 !important;
}
body.light-theme .page-item.disabled .page-link{
  cursor: pointer;
  background: #F6F6F6 !important;
  border-color: #4C4E6438 !important;
}
body.light-theme .custom-toggle-slider:before {
  background-color: #2A3250 !important;
}
body.light-theme .something-like-header{
  background: #ffffff !important;
}
body.light-theme .flatpickr.datetimepicker.form-control.no-border,
body.light-theme .flatpickr.datetimepicker.form-control.no-border:focus {
  background: #FFFFFF !important;
  color: #2A3250 !important;   
}
body.light-theme .focused .form-control {
  background: #FFFFFF !important;
  color: #2A3250 !important;  
}
body.light-theme .form-control {
  background: #FFFFFF !important;
  color: #2A3250 !important;   
}
body.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  border: 1px solid #4C4E6438 !important;
  cursor: pointer !important;
  background: #F6F6F6 !important;
  border-radius: 22px !important;
  color: #2A3250 !important;
}
body.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #4C4E6438 !important;
  cursor: pointer !important;
  background: #FFB700 !important;
  border-radius: 22px !important;
  color: #2A3250 !important;
  font-size: 0.7rem;
}
body.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 1px solid #4C4E6438 !important;
  cursor: pointer !important;
  background: #F6F6F6 !important;
  border-radius: 22px !important;
  color: #2A3250 !important;
  font-size: 0.7rem;
}
body.light-theme.dataTables_wrapper .dataTables_info{
  font-size: 0.75rem;
}
body.light-theme .dataTables_wrapper .dataTables_length select {
  border: 1px solid #4C4E6438 !important;
}
body.light-theme .dataTables_wrapper .dataTables_length{
  font-size: 0.75rem;
}
body.light-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
  cursor: pointer;
  background: #F6F6F6;
  border-color: #4C4E6438;
  border-radius: 20px;
  font-size: 0.75rem;
}
body.light-theme .dataTables_wrapper:hover .dataTables_paginate:hover .paginate_button:hover{
  cursor: pointer;
  background: #FFB700;
  border-color: #4C4E6438;
  border-radius: 20px;
  font-size: 0.75rem;
}
body.light-theme .dataTables_wrapper .dataTables_filter input {
  border-color: #4C4E6438;
}
body.light-theme .line-color{
  border-top: 1px solid #4C4E6438 !important;
}
body.light-theme .horizontal-line-new {
  border: none;
  border-top: 2px dotted #4C4E6438 !important;
}
body.light-theme .menu-items{
  background:#d4d3d3 !important;
  border: none;
}
body.light-theme .menu-items-items{
  background-color: #ffffff ;
}
body.light-theme .chart-forecolor {
  color: #2A3250;
};
.light-theme .chart-titlecolor {
  color: #2A3250;
}
body.light-theme .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #FFB700 !important;
  border-bottom: 2px solid #FFB700  !important;
}
body.light-theme .nav-pills .nav-link {
  color: #2A3250 !important;
}
body.light-theme .btn-cus{
  background: #FFFFFF !important;
  color: #2A3250;
}
body.light-theme .btn-cus.active {
  text-decoration: underline;
  font-weight: bold; 
}
body.light-theme .btn-cust{
  background: #FFFFFF !important;
  color: #2A3250 ;
}
body.light-theme .btn-cust.active {
  text-decoration: underline;
  font-weight: bold; 
}
body.light-theme .Group-btn{
  background: #F6F6F6;
  color: #72777B;
  border-color: #5F6C7B1F;
}
body.light-theme .Group-btn.active{
  background: #FFB7001F;
  color: #FFB700;
}
body.light-theme .filter-btn{
  background: #F6F6F6;
  color: #72777B;
  border-color: #5F6C7B1F;
}
body.light-theme .btn-new-btn{
  background: #FFFFFF;
  color: #72777B;
  border-color: #4C4E6438 !important;
}
body.light-theme .btn-report{
  background: #F6F6F6 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #878f9973 !important;
  box-shadow: none !important;
  color: #5F6C7B !important;
}
body.light-theme .btn-report.active{
  background: #F6F6F6 !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #FFB700  !important;
  box-shadow: none !important;
  color: #FFB700 !important;
}
body.light-theme .btn-Compare-done{
  background: #EAEAEA;
  color: #72777B;
}
body.light-theme .btn-Compare-dis{
  background: #FFFFFF;
  color: #72777B;
  border-color: #5F6C7B1F;
}
body.light-theme .group-btn-new{
  background: #fff;
  color: #5F6C7B;
}
body.light-theme .back-btn{
  background: #F6F6F6;
  color: #4C4E64DE;
  border:none;
}

/* Dark Theme */
body.dark-theme {
  background-color: #000A2D !important;
}
body.dark-theme .look-like-body{
  background-color: #000A2D !important;
  border: none;
}
body.dark-theme .header-new{
  background: #131C3D !important
}
body.dark-theme .header-text{
  color:#FFF !important;
}
body.dark-theme .new-das {
  background: #000A2D !important;
  color: #ffffff !important;
}
body.dark-theme .navbar .dropdown-menu-right:before {
  background: #000A2D !important;
}
body.dark-theme .new-das a:hover {
  background: #2A3250 !important;
}
body.dark-theme .table thead th {
  background: #2A3250 !important;
  color: #FFFFFF !important;
  border-bottom-color: #2A3250 !important;
  border-top-color: #2A3250 !important;
}
body.dark-theme .table-new-th{
  background: #2A3250 !important;
  color: #FFFFFF !important;
  border-bottom-color: #2A3250 !important;
  border-top-color: #2A3250 !important;
}
body.dark-theme .table tbody td {
  background: #131C3D !important;
  color: #EAEAFFCC !important;
  border-bottom-color: #2A3250 !important;
  border-top-color: #2A3250 !important;
}
body.dark-theme .table-new-td{
  background: #131C3D !important;
  color: #EAEAFFCC !important;
  border-bottom-color: #2A3250 !important;
  border-top-color: #2A3250 !important;
}
body.dark-theme  .table tbody td a {
  background: #131C3D !important;
  color: #EAEAFFCC !important;
}
body.dark-theme .card-info,
body.dark-theme .card-body-info{
  background:#131C3D !important;
}
body.dark-theme .order-card{
  background: #2A3250;
}
body.dark-theme .order-card-info{
  background: #131C3D;
}
body.dark-theme .card-title-new,
body.dark-theme .sidebar-title{
  color:#EAEAFFCC !important;
}
body.dark-theme .card-details-new{
  color:#fff !important;
}
body.dark-theme .input-select-new{
  background: #131C3D !important;
  color: #EAEAFFCC !important;
  border: 1px solid #2A3250 !important;
}
body.dark-theme .chart-background{
  background: #131C3D !important;
}
body.dark-theme input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(100%) !important;
}
body.dark-theme .shadow-new {
  box-shadow: none !important;
}
body.dark-theme .select2-results__option[aria-selected] {
  cursor: pointer;
  background: #131C3D;
}
body.dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #2A3250;
}
body.dark-theme .select2-container--open .select2-dropdown--below {
  border-color: #2A3250;
}
body.dark-theme .select2-search--dropdown {
  display: block;
  padding: 4px;
  background: #131C3D;
}
body.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #2A3250;
  background: #131C3D;
  color: #f9f9f9;
}
body.dark-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #000A2D;
  color: white;
}
body.dark-theme .select2-results__option {
  background: #131C3D;
}
body.dark-theme .select2-hidden-accessible,
body.dark-theme .select2-container,
body.dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-theme .dropdown-menu.show,
body.dark-theme .dropdown-menu .dropdown-item{
  background: #131C3D !important;
  border-color: #2A3250 !important;
}
body.dark-theme .select2-container--default .select2-results>.select2-results__options,
body.dark-theme .select2-container--default .select2-search--dropdown .select2-search__field,
body.dark-theme .select2-search--dropdown{
  background: #131C3D !important;
  color: #fff !important;
}
body.dark-theme .dropdown-menu.show,
body.dark-theme .dropdown-menu .dropdown-item{
  background: #000A2D !important;
  color: #fff !important;
  border-color: #fff !important;
}
body.dark-theme .dropdown-model-item{
  background: #000A2D !important;
  color: #fff !important;
}
body.dark-theme .btn-search-new{
  background: #131C3D !important;
  border-color: #131C3D !important;
}
body.dark-theme .page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
  background: #000A2D;
  border-color: #2A3250;
}
body.dark-theme .page-item.active  .page-link{
  background: #FFB700 !important;
}
body.dark-theme .page-item.disabled .page-link{
  cursor: pointer;
  background: #000A2D !important;
  border-color: #2A3250 !important;
}
body.dark-theme .custom-toggle-slider:before {
  background-color: #FFFFFF !important;
}
body.dark-theme .something-like-header{
  background: #2A3250 !important;
}
body.dark-theme .flatpickr.datetimepicker.form-control.no-border,
body.dark-theme .flatpickr.datetimepicker.form-control.no-border:focus {
  background: #131C3D !important;  
  color: #EAEAFFCC !important;     
}
body.dark-theme .focused .form-control {
  background: #131C3D !important;
  color: #EAEAFFCC !important; 
}
body.dark-theme .form-control {
  background: #131C3D !important;
  color: #fff !important; 
}
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current{
  border: 1px solid #2A3250 !important;
  cursor: pointer !important;
  background: #000A2D !important;
  border-radius: 22px !important;
  color: #EAEAFFCC !important;
}
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #2A3250 !important;
  cursor: pointer !important;
  background: #FFB700 !important;
  border-radius: 22px !important;
  color: #EAEAFFCC !important;
  font-size: 0.7rem;
}
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  border: 1px solid #2A3250 !important;
  cursor: pointer !important;
  background: #000A2D !important;
  border-radius: 22px !important;
  color: #EAEAFFCC !important;
  font-size: 0.7rem;
}
body.dark-theme.dataTables_wrapper .dataTables_info{
  font-size: 0.75rem;
}
body.dark-theme .dataTables_wrapper .dataTables_length select {
  border: 1px solid #2A3250 !important;
}
body.dark-theme .dataTables_wrapper .dataTables_length{
  font-size: 0.75rem;
}
body.dark-theme .dataTables_wrapper .dataTables_paginate .paginate_button {
  cursor: pointer;
  background: #000A2D;
  border-color: #2A3250;
  border-radius: 20px;
  font-size: 0.75rem;
}
body.dark-theme .dataTables_wrapper:hover .dataTables_paginate:hover .paginate_button:hover{
  cursor: pointer;
  background: #FFB700;
  border-color: #2A3250;
  border-radius: 20px;
  font-size: 0.75rem;
}
body.dark-theme .dataTables_wrapper .dataTables_filter input {
  border-color: #2A3250;
}
body.dark-theme .line-color{
  border-top: 1px solid #E9E9E980 !important;
}
body.dark-theme .horizontal-line-new {
  border: none;
  border-top: 2px dotted #E9E9E980 !important;
}
body.dark-theme .menu-items{
  background:#2A3250 !important;
}
body.dark-theme .menu-items-items{
  background-color: #2A3250 ;
}
body.dark-theme .select2-container,
body.dark-theme .select2-container--default .select2-selection--single {
  background: #131C3D;
}
body.dark-theme .select2-container{
  order: 1px solid #2A3250 !important;
}
body.dark-theme .select2-container--default .select2-selection--multiple {
  background-color: white;
  border-radius: 4px;
  cursor: text;
  background: #131C3D;
}
body.dark-theme .select2-results__option[aria-selected] {
  cursor: pointer;
  background: #131C3D;
  color: #fff;
}
body.dark-theme .chart-titlecolor {
  color: #EAEAFFCC;
}
body.dark-theme .chart-forecolor{
  color: #EAEAFFCC;
}
body.dark-theme .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #FFB700 !important;
  border-bottom: 2px solid #FFB700  !important;
}
body.dark-theme .nav-pills .nav-link {
  color: #EAEAFFCC !important;
}
body.dark-theme .btn-cus{
  background: #131C3D !important;
  color: #EAEAFFCC;
}
body.dark-theme .btn-cus.active {
  text-decoration: underline;
  font-weight: bold; 
}
body.dark-theme .btn-cust{
  background: #131C3D !important;
  color: #EAEAFFCC ;
}
body.dark-theme .btn-cust.active {
  text-decoration: underline;
  font-weight: bold; 
}
body.dark-theme .Group-btn{
  background: #000A2D;
  color: #EAEAFFCC;
  border-color: #E9E9E980;
}
body.dark-theme .Group-btn.active{
  background: #131C3D;
  color: #FFB700;
}
body.dark-theme .filter-btn{
  background: #000A2D;
  color: #EAEAFFCC;
  border-color: #E9E9E980;
}
body.dark-theme .btn-new-btn{
  background: #131C3D;
  color: #EAEAFFCC;
  border-color: #E9E9E980 !important;
}
body.dark-theme .btn-report{
  background: #000A2D !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #878f9973 !important;
  box-shadow: none !important;
  color: #5F6C7B !important;
}
body.dark-theme .btn-report.active{
  background: #000A2D !important;
  border-radius: 0 !important;
  border-bottom: 2px solid #FFB700  !important;
  box-shadow: none !important;
  color: #FFB700 !important;
}
body.dark-theme .group-btn-new{
  background: #2A3250;
  color: #fff;
}
body.dark-theme .back-btn{
  background: #000A2D;
  color: #EAEAFFCC;
  border:none;
}