@charset "UTF-8";
@import url("https://fonts.cdnfonts.com/css/raleway-5");

@import url(./icons/simple-line-icons/css/simple-line-icons.css);

.theme {
  background: #fff;
  margin: 0 10px;
  border-radius: 50px;
  font-size: 20px;
  padding: 5px;
  display: flex;
}

.dark,
.light {
  margin: 0 5px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fdb600;
}

.dark.active,
.light.active {
  background: #3180f3;
  color: #ffc107;
}

/* Dark Mode */
.darkMode {
  background: #00409d;
}

.darkMode .Mui-TableHeadCell-Content-Wrapper.MuiBox-root.css-1f2qhs8 {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #00409d;
}

.darkMode .Mui-TableHeadCell-Content-Wrapper.MuiBox-root.css-pj3kdi {
  left: 730px;
  top: 273px;
  font-family: "Raleway", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */

  display: flex;
  align-items: center;

  color: #00409d;
}

.darkMode .formTable_mainDiv__EzZnT {
  border: 1px solid #fff;
}

.darkMode
  .MuiToolbar-root.MuiToolbar-gutters.MuiToolbar-regular.MuiTablePagination-toolbar.css-78c6dr-MuiToolbar-root-MuiTablePagination-toolbar {
  color: #fff;
}

.darkMode
  .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-i4bv87-MuiSvgIcon-root {
  color: #fff;
}

.darkMode .Mui-TableHeadCell-Content-Wrapper.MuiBox-root.css-1e1m30i {
  font-family: "Raleway", sans-serif !important;
  left: 730px;
  top: 273px;

  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  /* identical to box height, or 167% */

  display: flex;
  align-items: center;

  color: #00409d;
}

.darkMode .header_sec {
  background: #00409d;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}

.darkMode .nk-sidebar,
.darkMode .nk-sidebar .metismenu {
  background: #00409d;
}

.darkMode .nk-sidebar .metismenu a,
.darkMode span.nav-text {
  color: #fff;
}

.darkMode .nk-sidebar .metismenu > li.active > a,
.nk-sidebar .metismenu > li:hover > a {
  background: rgba(255, 255, 255, 0.3);
  color: #fad659;
  border-left: 5px solid #fad659;
}

.darkMode #main-wrapper .nk-sidebar .metismenu > li.active > a {
  background: rgba(255, 255, 255, 0.3);
  color: #fad659;
  border-left: 5px solid #fad659;
}

.darkMode #main-wrapper .nk-sidebar .metismenu > li:hover > a {
  color: #fad659;
  background: rgba(255, 255, 255, 0.3);
  border-left: 5px solid #fad659;
}

.darkMode .nk-sidebar .metismenu > li:hover span,
.darkMode .nk-sidebar .metismenu > li:focus span,
.darkMode .nk-sidebar .metismenu > li.active span {
  color: #fad659;
}

.darkMode #main-wrapper .nk-sidebar .metismenu > li > a svg path {
  fill: #fff;
}

.darkMode #main-wrapper .nk-sidebar .metismenu > li:hover > a svg path {
  fill: #fad659;
}

.darkMode #main-wrapper .nk-sidebar .metismenu > li.active > a svg path {
  fill: #fad659;
}

.darkMode .page-titles {
  background: #00409d;
  color: #fff;
}

.darkMode .page-titles .breadcrumb li a {
  color: #fff !important;
}

.darkMode .page-titles .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  color: #fff;
}

.darkMode .find_rate h3,
.darkMode .tabel_top h3 .darkMode .text_sec h3,
.darkMode .port_ramp_tow h3,
.darkMode .text_sec h3 {
  color: #fff;
}

.darkMode .tabel_top h3 {
  color: #fff;
}

.darkMode .sidebar {
  background: #00409d;
}

.darkMode .border {
  background: #fff;
}

.darkMode .dashboard-content {
  background: #00409d;
}

.darkMode .filter_block .table {
  background: none;
  color: #fff;
}

.darkMode .filter_block .table td,
.table th {
  color: #fff;
  background: transparent !important;
}

.darkMode .color_change {
  color: #00409d !important;
}

.darkMode .filter_block .table th {
  text-align: center;
  color: #ff9d10;
}

.darkMode .filter_block .table .yellow_text {
  color: #fad659;
}

.darkMode .search,
.darkMode .search input,
.darkMode .user,
.darkMode .theme,
.darkMode .notification {
  background: #ffffff;
}

.darkMode .filter_block,
.darkMode .find_rate,
.darkMode .chart_block {
  border-color: #fff;
}

.darkMode .btn.btn-link.formTable_filterButton__2FHY0 {
  color: #fff;
}

.darkMode .btn.btn-link.rateQuotes_calenderButton__CeP_w {
  color: #fff;
}

.darkMode .nk-sidebar {
  box-shadow: 7px 5px 15px 1px #42424224;
}

.darkMode .btn_fillters {
  border-color: #fff;
  color: #ffffff;
}

.darkMode .primary_btn {
  background: #fad659;
  border-color: #fad659;
  color: #00409d;
}

.darkMode .primary_btn_profile {
  background: #fad659;
  border-color: #fad659;
  color: #00409d;
}
.darkMode .primary_btn_profile:hover {
  background: #d5b136;
}
.darkMode .primary_btn:hover {
  background: #d5b136;
}

.darkMode .secondry_btn:hover {
  background: #fad659;
  border-color: #fad659;
  color: #00409d;
}

.darkMode .secondry_btn {
  border-color: #fad659;
  color: #fad659;
  background: none;
}

.darkMode .form_body label {
  color: #ffffff;
}

.darkMode .category {
  color: #fff;
  background: #00409d;
}

.darkMode .title {
  color: #fff;
}

.darkMode .follow {
  background: #00409d;
  color: #fff;
}

.darkMode a.clear_text,
.darkMode .table_bottom a {
  color: #fff;
}

.darkMode .footer,
.darkMode .footer .copyright {
  background-color: #00409d;
}

.darkMode .footer .copyright p {
  color: #ffffff;
}

.darkMode .footer .copyright a {
  color: #fad659;
}

.darkMode .MuiPaper-root {
  background-color: #00409d;
  color: #fff;
}

.darkMode .MuiTableContainer-root {
  background-color: #00409d;
}

.darkMode .MuiTableRow-root {
  background-color: #00409d !important;
}

.darkMode .css-1l5cxge {
  background-color: #00409d;
}

.darkMode .MuiToolbar-root {
  background-color: #00409d;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-t1nklc-MuiTableCell-root {
  width: 35px;
  height: 24px;
  left: 642px;
  top: 323px;
  font-family: "Raleway", sans-serif !important;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  /* identical to box height, or 200% */

  text-decoration-line: underline;

  color: #fad659;
}

/* End Dark Mode */
.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-pogghp-MuiTableCell-root {
  width: 68px;
  height: 24px;
  left: 735px;
  top: 323px;

  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  /* identical to box height, or 200% */

  color: #ffffff;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-178pixn-MuiTableCell-root {
  font-family: "Raleway", sans-serif !important;
  width: 38px;
  height: 24px;
  left: 842px;
  top: 323px;

  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  /* identical to box height, or 200% */

  color: #ffffff;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-kauxuf-MuiTableCell-root {
  width: 15px;
  height: 24px;
  left: 908px;
  top: 323px;
  font-family: "Raleway", sans-serif !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  /* identical to box height, or 200% */

  color: #ffffff;
}

.header .header-content {
  height: 100%;
  display: flex;
  justify-content: flex-end;
}

.menu_item {
  display: flex;
  align-items: center;
  position: relative;
  right: 15px;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-1h2nav1-MuiTableCell-root {
  font-family: "Raleway", sans-serif !important;
  width: 52px;
  height: 24px;
  left: 958px;
  top: 323px;

  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  /* identical to box height, or 200% */

  color: #ffffff;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-12q48g-MuiTableCell-root {
  width: 98px;
  height: 24px;
  left: 1035px;
  top: 323px;

  font-family: "Raleway", sans-serif !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  /* identical to box height, or 200% */

  color: #ffffff;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-wrxe2m-MuiTableCell-root {
  width: 97px;
  height: 40px;
  left: 1176px;
  top: 315px;
  font-family: "Raleway", sans-serif !important;

  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 20px;
  /* or 167% */
  color: #ffffff;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-body.MuiTableCell-sizeMedium.css-1vyj9gg-MuiTableCell-root {
  width: 47px;
  height: 24px;
  font-family: "Raleway", sans-serif !important;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  color: #ffffff;
}

.header-left {
  float: unset;
  margin-left: 0;
  height: auto;
}

.darkMode .rateQuotes_activeQuotes__DXLTF {
  width: 220px;
  height: 24px;
  left: 626px;
  top: 190px;

  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
}

.footer {
  box-shadow: 15px 0px 10px 5px #27272726;
}

/* =========== Modal popup ========== */
.darkMode .modal-content {
  background-color: #00409d;
  border: 1px solid #fff;
}

.darkMode .new_quote h3 {
  color: #fff;
}

.darkMode .new_quote h3 span {
  color: #10d3ff;
}

.darkMode .new_quote p {
  font-size: 16px;
  margin-top: 20px;
  color: #fff;
}

/* ============================== */

/*Details page*/
.darkMode .filter_block label {
  color: #fff;
}

.darkMode .h5_tag {
  color: #fff;
}

.darkMode .span_tag {
  color: #30b7f7;
}

.darkMode .clear-link {
  color: #fff;
}

/* modal */
.darkMode .modal_h4 {
  color: #fff;
}

/* Carriers */
.darkMode .span_class {
  color: #fff;
}

.darkMode .carriers-h6 {
  color: #fff;
}

.darkMode .carrier-table {
  border: 1px solid #fff !important;
}

.darkMode .main-div-information {
  border: 1px solid #fff;
}

.darkMode .h3_text {
  color: #fff !important;
}
/*updated*/

.darkMode .MuiTableBody-root .css-cutetd-MuiTableBody-root {
  background: none !important;
  color: white !important;
}

.darkMode .btn-dashboard {
  color: #fff !important;
  border: 1px solid #fff !important;
}

.darkMode .activeQuotes {
  color: #fff !important;
}

.darkMode
  .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation2.css-80pr5n-MuiPaper-root {
  border: 1px solid #fff !important;
}

.darkMode .filterButton {
  color: #fff !important;
  border-color: #fff !important;
}

.darkMode .calenderButton {
  color: #fff !important;
}

/* new-dashboard */
.darkMode .rate-number {
  color: #30b7f7;
}

.darkMode .span-text-market {
  color: #fff;
  font-weight: 400;
}

.darkMode .info-user-market {
  color: #fff;
}

.darkMode .h6_tag {
  color: #fff;
}

.darkMode .main-div-market {
  border: 1px solid #fff;
}

.darkMode .carriers-box {
  border: 1px solid #fff;
}

.darkMode .col-font-view {
  color: #fff;
}

.darkMode .h4-tage-rates {
  color: #30b7f7;
}

.darkMode .calender_block {
  border: 1px solid #fff;
}

.darkMode .mainDiv tr td {
  padding: 0px 10px !important;
  line-height: 40px !important;
}

.darkMode .drp-selected {
  color: #fff !important;
}

.darkMode
  .MuiTablePagination-selectLabel.css-pdct74-MuiTablePagination-selectLabel {
  font-family: "Raleway", sans-serif !important;
}

.darkMode
  .MuiInputBase-root.MuiInputBase-colorPrimary.css-6vypie-MuiInputBase-root-MuiTablePagination-select {
  font-family: "Raleway", sans-serif !important;
}

.darkMode
  .MuiTablePagination-displayedRows.css-levciy-MuiTablePagination-displayedRows {
  font-family: "Raleway", sans-serif !important;
}

.darkMode
  .MuiList-root.MuiList-padding.MuiMenu-list.css-6hp17o-MuiList-root-MuiMenu-list {
  color: white;
}

.darkMode
  .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.MuiButton-root.MuiButton-text.MuiButton-textPrimary.MuiButton-sizeMedium.MuiButton-textSizeMedium.css-1e6y48t-MuiButtonBase-root-MuiButton-root {
  color: white;
}

.darkMode table td {
  color: #fff;
}

.darkMode
  .MuiTableCell-root.MuiTableCell-head.MuiTableCell-alignLeft.MuiTableCell-sizeMedium {
  padding: 7px !important;
}

.darkMode .checkbox-main-map {
  color: #fff;
}

.darkMode .checkbox-text {
  color: #fff;
}
.darkMode .cancel-btn {
  color: #fff;
}
.darkMode .lable-info {
  color: #fff;
}

.darkMode .filter_block .table table td table th {
  background: transparent !important;
}

.darkMode .tab-text-profile .nav-link:active:focus {
  color: #fb923c !important;
}
.darkMode .account-box {
  border: 1px solid #fff;
}
.darkMode .tab-text-profile .nav-link {
  color: #fff !important;
}

/* new css add */
.darkMode .css-khg5qp-MuiTypography-root {
  color: #fff;
  font-family: "Raleway", sans-serif !important;
  font-style: normal;
  font-weight: 500;
}
.darkMode .a {
  color: #fff !important;
}
.darkMode .link-rate-table {
  color: #fff;
}
.darkMode .css-pqjvzy-MuiSvgIcon-root-MuiSelect-icon {
  color: #fff;
}
.darkMode .chartjs-tooltip-header {
  color: #fff !important;
}
.darkMode .css-1mf6u8l-MuiSvgIcon-root-MuiSelect-icon {
  color: #fff;
}
.darkMode .css-1nh2lih-MuiTypography-root {
  color: #fff;
}
.darkMode .filterButtonEdit {
  color: #fff !important;
  border: 1px solid #fff !important;
}
.darkMode
  #main-wrapper
  .page-titles
  .breadcrumb
  .breadcrumb-item
  + .breadcrumb-item:before {
  color: #fff !important;
}
.darkMode .table_rateId {
  text-decoration: underline;
  color: #fad659 !important;
}
.darkMode .border-right {
  border-right: 1px solid #fff !important;
}
.darkMode .css-1rxndwe-MuiTypography-root {
  color: white !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-family: "Raleway", sans-serif !important;
}
.darkMode .css-r4frv5-MuiTypography-root {
  font-style: normal !important;
  font-weight: 500 !important;
  font-family: "Raleway", sans-serif !important;
  color: #fff;
}
.darkMode .css-1vghlkv-MuiTypography-root {
  font-style: normal !important;
  font-weight: 500 !important;
  color: #fff;
  font-family: "Raleway", sans-serif !important;
}
.darkMode .content_text ul li {
  color: #fff;
}
.darkMode .btn-profile {
  border: 1px solid #fff !important;
}
.darkMode .btn-profile:hover {
  background-color: #3180f3 !important;
}
.darkMode .Mui-TableHeadCell-Content-Wrapper.MuiBox-root.css-1y525pm {
  color: #04479d !important;
}
.darkMode .Mui-TableHeadCell-Content-Wrapper.MuiBox-root.css-12s6zw6 {
  color: #04479d !important;
}
.darkMode .carrier-name {
  color: #fff;
}

/* Custom Dashboard page Dark CSS  */

.darkMode .dashboard-body-wrap {
  background: #00409d;
  box-shadow: 0px 10px 10px 0px #003583c4;
}
.darkMode .customer_breadcrumb h3 {
  color: #fff;
}
.darkMode .tab-btn-block {
  border-bottom: 0.5px solid #cccccc24;
}
.darkMode .tab-btn-block ul li button {
  border: 1px solid #fff;
  color: #fff;
}
.darkMode .tab-btn-block .active {
  background-color: #fff !important;
  color: #3180f3 !important;
}
.darkMode .tab-btn-block ul li:hover button {
  background-color: #fff;
  color: #3180f3;
}

.darkMode .edit_btn_block i {
  color: #fff;
}
.darkMode .tab_content .form-label {
  color: #fff;
}
.darkMode .tab_content .form-select,
.darkMode .tab_content .form-control {
  color: #303030;
  background-color: #fff;
  border: 1px solid #ced4da;
}
.darkMode .tab_content .btn-primary {
  color: #3180f3;
  background-color: #fff;
  border-color: #fff;
}
.darkMode .tab_content .btn_secondary {
  transition: all 0.5s;
  color: #3180f3;
}
.darkMode .tab_content .btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #3180f3;
  background-color: #fff;
  border-color: #fff;
}
.darkMode .tab_content .btn_secondary:hover {
  background-color: #fff;
  color: #3180f3;
}

/* uopload file */

.darkMode .upload-area {
  box-shadow: 0 5px 15px rgb(3 48 113);
  border: 2px solid #fff;
}
.darkMode .upload-area__title {
  color: #fff;
}
.darkMode .upload-area__drop-zoon {
  border: 2px dashed #fff;
}
.darkMode .drop-zoon__icon {
  color: #ffffff;
}

.darkMode .chart_block h6 {
  color: #fff;
}
.darkMode .port_ramp_tow h1 {
  color: #fad659;
}