@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic__sailec_bold-webfont.ttf') format('truetype');
  font-style: bold;
  font-weight: 700;
}
@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic__sailec_hairline-webfont.ttf') format('truetype');
  font-style: hairline;
  font-weight: 100;
}
@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic__sailec_light-webfont.ttf') format('truetype');
  font-style: light;
  font-weight: 300;
}
@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic__sailec_medium-webfont.ttf') format('truetype');
  font-style: medium;
  font-weight: 500;
}
@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic__sailec_thin-webfont.ttf') format('truetype');
  font-style: thin;
  font-weight: 200;
}
@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic_sailec_black-webfont.ttf') format('truetype');
  font-style: heavyblack;
  font-weight: 900;
}
@font-face {
  font-family: 'sailec';
  src: url('/fonts/sailec/type_dynamic_sailec-webfont.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-Thin.ttf') format('truetype');
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: 'Poppins', sans-serif;
  src: url('/fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 800;
}
html,
body {
  padding: 0;
  margin: 0;
  font-family: 'sailec' !important;
}
@media all and (max-width: 767px) {
  html,
  body {
    font-size: 16px;
  }
}
body > div#__next {
  overflow-x: hidden;
}
a {
  color: inherit;
  text-decoration: none;
}
* {
  box-sizing: border-box;
}
.ant-form-item.hide-label .ant-form-item-label {
  display: none;
}
.ant-form-item-explain.ant-form-item-explain-error {
  font-size: 14px;
  margin-top: 2px;
}
.ant-layout {
  background: transparent;
}
.small-font {
  font-size: 12px;
}
.main-header {
  background: transparent;
  padding: 25px 0px;
  height: auto;
}
@media all and (max-width: 767px) {
  .main-header {
    padding: 15px 0px;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #333333 !important;
}
.user-dropdown li span:not(.anticon) {
  width: calc(100% - 20px);
  display: inline-block;
}
.user-dropdown li span:not(.anticon) a {
  font-size: 12px;
  display: inline-block;
  width: 100%;
}
.dashboard {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
}
.dashboard .dashboard-sidebar {
  background: #242424;
  z-index: 9;
}
.dashboard .dashboard-sidebar .dashboard-logo {
  cursor: pointer;
  height: 50px;
  margin: 16px;
  text-align: center;
}
.dashboard .dashboard-sidebar .dashboard-logo svg {
  width: 50px;
  height: 50px;
}
.dashboard .dashboard-sidebar .ant-menu {
  background: #242424;
}
.dashboard .dashboard-sidebar .ant-menu li {
  font-size: 14px;
  color: #7b7b7b;
  border-left: 3px solid transparent;
}
.dashboard .dashboard-sidebar .ant-menu li.menu-item-divider {
  height: 20px;
  margin: 10px auto;
}
.dashboard .dashboard-sidebar .ant-menu li.menu-item-divider .menu-divider {
  border-color: #2e2f31;
  margin: 10px auto 0;
  border-width: 1px;
  width: 100%;
  min-width: 80%;
}
.dashboard .dashboard-sidebar .ant-menu li a {
  color: #7b7b7b;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-item-selected {
  background: none;
  color: #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-item-selected span a {
  color: #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-item-selected svg path {
  stroke: #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-item-selected svg rect {
  stroke: #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-item-selected svg circle {
  stroke: #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-submenu-open {
  color: #ee4a4a;
  border-left: 3px solid #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-submenu-open svg .a,
.dashboard .dashboard-sidebar .ant-menu li.ant-menu-submenu-open svg .b {
  stroke: #ee4a4a;
}
.dashboard .dashboard-sidebar .ant-menu li .ant-menu-sub {
  background: #000c17;
}
.dashboard .dashboard-sidebar .ant-menu li .ant-menu-sub li {
  line-height: 21px;
  height: 21px;
}
.dashboard .dashboard-sidebar .balance-credits {
  padding: 24px;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #2e2f31;
}
@media all and (max-width: 991px) {
  .dashboard .dashboard-sidebar .balance-credits {
    position: relative;
  }
}
.dashboard .dashboard-sidebar .balance-credits .title,
.dashboard .dashboard-sidebar .balance-credits .ant-typography {
  font-size: 12px;
  color: #7b7b7b;
  margin-bottom: 10px;
}
.dashboard .dashboard-sidebar .balance-credits .credits {
  text-align: right;
}
.dashboard .dashboard-sidebar .balance-credits .credits .ant-typography {
  color: #ffffff;
}
.dashboard .dashboard-sidebar .balance-credits .credits button {
  font-size: 12px;
  color: #64c2cd;
  background: transparent;
  border: none;
  height: auto;
  padding: 0;
  margin-bottom: 10px;
}
.dashboard .dashboard-sidebar .balance-credits .credits button a:hover {
  color: #64c2cd;
}
.dashboard .dashboard-sidebar .ant-layout-sider-zero-width-trigger {
  top: 16px;
}
.dashboard .dashboard-content {
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  height: 100vh;
  overflow-x: hidden;
}
@media all and (max-width: 767px) {
  .dashboard .dashboard-content header {
    justify-content: flex-end !important;
  }
}
.dashboard .dashboard-content header .ant-input-search .ant-input-group-addon .ant-btn {
  height: 36px;
}
.dashboard .dashboard-content header .usermenu {
  height: 37px;
  margin: 0;
  float: right;
  padding: 0.9px 15px 0px 40px;
  border: none;
  box-shadow: none;
}
.dashboard .dashboard-content header .usermenu .usericon {
  width: 30px;
  height: 30px;
  background: #333333;
  position: absolute;
  left: 6px;
  top: 50%;
  line-height: 30px;
  transform: translateY(-50%);
  border-radius: 100px;
  color: #ffffff;
}
.dashboard .dashboard-content header .content-title {
  font-size: 30px;
}
@media all and (max-width: 767px) {
  .dashboard .dashboard-content header .content-title {
    display: none;
  }
}
.dashboard .dashboard-content table {
  font-size: 14px;
}
.dashboard .dashboard-content table tr.ant-table-row-selected td {
  background: #eff9fa;
}
.dashboard .dashboard-content table tr.ant-table-row-selected td .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #64c2cd;
  border-color: #64c2cd;
}
.dashboard .dashboard-content table tr.ant-table-row-selected td .ant-checkbox-checked::after {
  border-color: #64c2cd;
}
.dashboard .dashboard-content table tr th {
  color: #5fb5c0;
  text-transform: uppercase;
  font-size: 12px;
}
.dashboard .dashboard-content table tr th .ant-table-column-sorter-up.active,
.dashboard .dashboard-content table tr th .ant-table-column-sorter-down.active {
  color: #5fb5c0;
}
.dashboard .dashboard-content table tr th .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: #64c2cd;
}
.dashboard .dashboard-content .ant-layout-header .ant-input-affix-wrapper {
  border: none;
  font-family: 'Poppins', sans-serif;
}
.dashboard .dashboard-content .ant-layout-header .ant-input-affix-wrapper svg {
  color: #8895a4;
}
.dashboard .dashboard-content .ant-input-group-addon {
  display: none;
}
.dashboard .dashboard-content #search-form {
  padding-bottom: 20px;
}
.dashboard .dashboard-content #search-form .ant-row {
  margin-bottom: 10px;
}
.dashboard .dashboard-content #search-form .ant-select-item-option {
  font-size: 14px !important;
  font-weight: normal !important;
}
.dashboard .dashboard-content #search-form .ant-select .ant-select-selector {
  height: 37px;
  padding: 3px 11px;
  border-radius: 4px;
}
.dashboard .dashboard-content #search-form .ant-select-single .ant-select-selector .ant-select-selection-item {
  color: #bfbfbf;
}
.dashboard .dashboard-content #search-form .ant-picker {
  padding: 7px 11px 7px;
  border-radius: 4px;
}
.dashboard .dashboard-content #search-form .ant-input-affix-wrapper {
  font-size: 14px;
  border-radius: 4px;
  padding: 7px 30px 7px 10px;
}
.dashboard .dashboard-content #search-form .ant-input-affix-wrapper .ant-input-prefix {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #8895a4;
}
.dashboard .dashboard-content #search-form button {
  border: none;
  height: 37px;
  color: #7b7b7b;
  box-shadow: none;
}
.dashboard .dashboard-content button,
.dashboard .dashboard-content .ant-input-affix-wrapper > input.ant-input,
.dashboard .dashboard-content .ant-picker-input > input,
.dashboard .dashboard-content .ant-select-item,
.dashboard .dashboard-content .ant-select-item-option,
.dashboard .dashboard-content .ant-select {
  font-size: 14px;
}
.dashboard .dashboard-content .new-shipment {
  border-color: #fa7a75;
  float: right;
  color: #ffffff;
  background: #ee4a4a;
  border-radius: 2px;
}
.dashboard .dashboard-content h4 {
  color: #333333;
  text-align: left;
  font-size: 20px;
  margin-bottom: 0;
}
.dashboard .dashboard-content .ant-pagination li {
  border-radius: 4px;
}
.dashboard .dashboard-content .ant-pagination li.ant-pagination-item-active {
  border: #5fb5c0;
  background: #5fb5c0;
}
.dashboard .dashboard-content .ant-pagination li.ant-pagination-item-active a {
  color: #ffffff;
}
.dashboard .dashboard-content .ant-pagination li a {
  font-size: 14px;
}
.dashboard .dashboard-content .shipment-actions {
  position: absolute;
  width: 100%;
  padding: 10px 30px;
  bottom: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 6px #0000001a;
  left: 0;
  text-align: right;
}
.dashboard .dashboard-content .shipment-actions button {
  margin-right: 10px;
  padding: 0.9px 10px;
  height: 36px;
  border-radius: 4px;
}
.dashboard .dashboard-content .shipment-actions button.icon-btn {
  border-color: #64c2cd;
}
.dashboard .dashboard-content .shipment-actions button.icon-btn svg {
  color: #64c2cd;
}
.dashboard .dashboard-content .shipment-actions button:last-child {
  margin-right: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title,
.ant-btn,
.ant-form,
.ant-picker-panel,
.ant-form label {
  font-size: 14px;
}
.hide-colons .ant-form-item-label > label::after {
  display: none;
}
.hide-label .ant-form-item-label {
  display: none;
}
.site-layout .site-layout-background {
  background: #fff;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 0px #2b2a2a inset;
  box-shadow: 0 0 0px 0px #2b2a2a inset;
}
.container {
  max-width: 1180px;
  margin: auto;
  width: 90%;
}
.container-inner {
  max-width: 1100px;
  margin: auto;
  width: 90%;
}
.container-inner-inner {
  max-width: 900px;
  margin: auto;
  width: 90%;
}
/*CHANGE BASIC STYLE OF ANTDESIGN*/
h2.ant-typography,
.ant-typography h2 {
  font-size: 42px;
  color: #333333;
}
@media all and (max-width: 767px) {
  h2.ant-typography,
  .ant-typography h2 {
    font-size: 30px;
  }
}
h3.ant-typography,
.ant-typography h3 {
  font-size: 36px;
  color: #333333;
}
@media all and (max-width: 767px) {
  h3.ant-typography,
  .ant-typography h3 {
    font-size: 25px;
  }
}
.ant-btn {
  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn-round.ant-btn-lg {
  font-size: 16px;
  padding: 3.3px 30px;
  height: 48px;
  text-shadow: none;
  box-shadow: none;
}
@media all and (max-width: 767px) {
  .ant-btn-round.ant-btn-lg {
    font-size: 15px;
    padding: 3.3px 15px;
    height: 45px;
  }
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  background: #c23b40;
  border-color: #c23b40;
}
.ant-btn-round.ant-btn-lg.outlined {
  background: #ffffff;
  color: #ee4a4a;
  border: 2px solid rgba(238, 74, 74, 0.17);
}
.ant-btn-round.ant-btn-lg.outlined:hover,
.ant-btn-round.ant-btn-lg.outlined:focus {
  background: #ee4a4a;
  color: #ffffff;
  border-color: #ee4a4a;
}
.full-height-vh {
  height: 100vh;
}
.full-height {
  height: 100%;
}
.coming-soon {
  position: relative;
  overflow: hidden;
}
.triangle {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(154deg, #ffffff 50%, #f9fafb 50%);
  background-size: contain;
}
.coming-soon::before {
  content: '';
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3MyAxNjQuODEiPjx0aXRsZT5lbGVtZW50b25lPC90aXRsZT48ZyBpZD0iU0UtQ29taW5nU29vbi1JQS0xQSI+PGcgaWQ9Ikdyb3VwLTYiPjxwYXRoIGQ9Ik03My40MywzLjQ1YTYsNiwwLDAsMC04LTIuODhMMCwzMS4zN3Y2OUw2Ny4xMSw2OC43OUExMiwxMiwwLDAsMCw3NCw1Ny45M1Y2QTYuMDgsNi4wOCwwLDAsMCw3My40MywzLjQ1WiIgZmlsbD0iI2VlNGE0YSIgb3BhY2l0eT0iMC4yNyIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIi8+PHBhdGggZD0iTTE3Mi40MywyNC40NWE2LDYsMCwwLDAtOC0yLjg4TDAsOTguOTJ2NjUuODlMMTY2LjExLDg2LjY4QTEyLDEyLDAsMCwwLDE3Myw3NS44MlYyN0E1LjksNS45LDAsMCwwLDE3Mi40MywyNC40NVoiIGZpbGw9IiNlZTRhNGEiLz48L2c+PC9nPjwvc3ZnPgo=) no-repeat;
  left: 0;
  bottom: 0;
  width: 157px;
  height: 150px;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .coming-soon::before {
    display: none;
  }
}
.coming-soon::after {
  content: '';
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3MCAxNTguNTUiPjx0aXRsZT5lbGVtZW50dHdvbmV3PC90aXRsZT48ZyBpZD0iUGFnZS0xIj48ZyBpZD0iU0UtQ29taW5nU29vbi1JQS0xQSI+PGcgaWQ9Ikdyb3VwLTUiPjxwYXRoIGQ9Ik0xNzAsNDUuNzIsNzEuODksOTEuODdBMTIsMTIsMCwwLDAsNjUsMTAyLjczdjQ4LjgyYTUuOTMsNS45MywwLDAsMCwuNTcsMi41NSw2LDYsMCwwLDAsOCwyLjg4TDE3MCwxMTEuNjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsPSIjZWU0YTRhIi8+PHBhdGggZD0iTTEyMS4xMi0xLDYuODksNTIuNzZBMTIsMTIsMCwwLDAsMCw2My42MnY1MS45M2E2LjA4LDYuMDgsMCwwLDAsLjU3LDIuNTUsNiw2LDAsMCwwLDgsMi44N0wxNjMuMTEsNDguMjRBMTIsMTIsMCwwLDAsMTcwLDM3LjM4Vi0xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0iI2U4ZWRmMiIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=) no-repeat;
  right: 0;
  top: 0;
  width: 157px;
  height: 150px;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .coming-soon::after {
    display: none;
  }
}
.login-main-wrapper::before {
  content: '';
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3MyAxNjQuODEiPjx0aXRsZT5lbGVtZW50b25lPC90aXRsZT48ZyBpZD0iU0UtQ29taW5nU29vbi1JQS0xQSI+PGcgaWQ9Ikdyb3VwLTYiPjxwYXRoIGQ9Ik03My40MywzLjQ1YTYsNiwwLDAsMC04LTIuODhMMCwzMS4zN3Y2OUw2Ny4xMSw2OC43OUExMiwxMiwwLDAsMCw3NCw1Ny45M1Y2QTYuMDgsNi4wOCwwLDAsMCw3My40MywzLjQ1WiIgZmlsbD0iI2VlNGE0YSIgb3BhY2l0eT0iMC4yNyIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIi8+PHBhdGggZD0iTTE3Mi40MywyNC40NWE2LDYsMCwwLDAtOC0yLjg4TDAsOTguOTJ2NjUuODlMMTY2LjExLDg2LjY4QTEyLDEyLDAsMCwwLDE3Myw3NS44MlYyN0E1LjksNS45LDAsMCwwLDE3Mi40MywyNC40NVoiIGZpbGw9IiNlZTRhNGEiLz48L2c+PC9nPjwvc3ZnPgo=) no-repeat;
  left: 0;
  bottom: 0;
  width: 157px;
  height: 150px;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .login-main-wrapper::before {
    display: none;
  }
}
.login-main-wrapper::after {
  content: '';
  position: absolute;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE3MCAxNTguNTUiPjx0aXRsZT5lbGVtZW50dHdvbmV3PC90aXRsZT48ZyBpZD0iUGFnZS0xIj48ZyBpZD0iU0UtQ29taW5nU29vbi1JQS0xQSI+PGcgaWQ9Ikdyb3VwLTUiPjxwYXRoIGQ9Ik0xNzAsNDUuNzIsNzEuODksOTEuODdBMTIsMTIsMCwwLDAsNjUsMTAyLjczdjQ4LjgyYTUuOTMsNS45MywwLDAsMCwuNTcsMi41NSw2LDYsMCwwLDAsOCwyLjg4TDE3MCwxMTEuNjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDEpIiBmaWxsPSIjZWU0YTRhIi8+PHBhdGggZD0iTTEyMS4xMi0xLDYuODksNTIuNzZBMTIsMTIsMCwwLDAsMCw2My42MnY1MS45M2E2LjA4LDYuMDgsMCwwLDAsLjU3LDIuNTUsNiw2LDAsMCwwLDgsMi44N0wxNjMuMTEsNDguMjRBMTIsMTIsMCwwLDAsMTcwLDM3LjM4Vi0xWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0iI2U4ZWRmMiIvPjwvZz48L2c+PC9nPjwvc3ZnPgo=) no-repeat;
  right: 0;
  top: 0;
  width: 157px;
  height: 150px;
  z-index: 1;
}
@media all and (max-width: 991px) {
  .login-main-wrapper::after {
    display: none;
  }
}
.signup-wrapper {
  height: 100vh;
  justify-content: center;
  align-items: center;
  position: relative;
}
.signup-wrapper .loginpage {
  width: 200px;
  margin-bottom: 40px;
  display: flex;
  height: 41px;
}
.signup-wrapper .loginpage svg {
  width: 100%;
}
.signup-wrapper .already-have {
  margin-top: 40px;
}
.signup-wrapper .already-have p {
  margin-bottom: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}