@charset "UTF-8";

* {
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}

html, body {
  padding-top: 0px;
  padding-bottom: 0px;
  font-family: "Roboto", sans-serif !important;
  margin: 0;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
  background-color: #fbfcfd !important;
  font-size: 12px;
  /*overflow-x: hidden;*/
}

.body-content {
  height: calc(100% - 50px);
  padding-bottom: 50px;
  overflow: auto;
}

a, a:hover {
  text-decoration: none;
  color: inherit;
}

/*customize scroll*/
::-webkit-scrollbar,
*::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #dedede;
  color: #a3a3a3;
  background: #e4e4e4;
}

*::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px;
}

/*Custom  Scrollbar Start Here*/
/*whitebg custom scroll*/
#businessEntitySimilarity ::-webkit-scrollbar,
#businessEntitySimilarity *::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 20px;
  background-clip: padding-box;
  border: 1px solid #fff;
  color: #a3a3a3;
  background: #fff;
}

*::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 10px;
}

/*whitebg custom  Scrollbar End Here*/
/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */
/* total width */
#main-land::-webkit-scrollbar, .body-content::-webkit-scrollbar {
  background-color: #fff;
  width: 10px;
}

#main-land::-webkit-scrollbar-track, .body-content::-webkit-scrollbar-track {
  background-color: #fbfcfd;
}

#main-land::-webkit-scrollbar-track:hover, .body-content::-webkit-scrollbar-track:hover {
  background-color: #f4f4f4;
}

#main-land::-webkit-scrollbar-thumb, .body-content::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 15px;
  border: 3px solid #fbfcfd;
  width: 5px;
  transition-duration: 2s;
  transition-timing-function: ease-in;
}

#main-land::-webkit-scrollbar-thumb:hover, .body-content::-webkit-scrollbar-thumb:hover {
  background-color: #a0a0a5;
  border: 2px solid #a3a3a3;
  width: 20px;
}

#main-land::-webkit-scrollbar-button, .body-content::-webkit-scrollbar-button {
  display: none;
}

/*Custom  Scrollbar Start Here*/
/*Loader Animation Start Here*/
.image-container {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 1054;
  display: flex;
}

.loadingimage {
  width: 110px;
  height: 110px;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.animate-loader {
  position: relative;
  width: 110px;
  height: 110px;
  background: #fff;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  display: flex;
  margin: auto;
}

.animate-loader::before {
  position: absolute;
  content: '';
  width: 125px;
  height: 125px;
  z-index: -1;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 20s linear infinite;
}

.animate-bg {
  background-color: #fff;
}

.animate-bg::before {
  border: 3px dashed #fff;
}

.logo-md {
  width: 45px;
}

@keyframes rotate {
  from {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*Loader Animation End Here*/
.header-bgcolor {
  position: fixed;
  background: #457291;
  height: 80px;
  width: 100%;
  z-index: 1030;
  box-shadow: 0px 6px 12px #2c546f69;
}

.fixed-header-flex {
  list-style: none;
  padding: 16px 0px;
}

.header-logo {
  font-size: 32px;
  color: #fff;
  cursor: pointer;
  font-weight: 600;
}

.header-logo span.logo-black {
  color: #290606;
}

.header-bg {
  background: url(/images/landing-bg.png) no-repeat;
  left: 0px;
  top: 0px;
  right: 0;
  background-position: top;
  width: 100%;
  background-size: cover;
}

.header-bottom {
  background: #244b65;
  padding: 15px 10px;
  position: relative;
  top: 50px;
}

.header-bottom p {
  color: #FFF;
  font-size: 14px;
  margin: 0;
}

.innerHeader {
  position: fixed;
  background: #457291 !important;
  height: 80px;
  width: 100%;
  z-index: 1030;
  box-shadow: 0px 6px 12px #2c546f69;
  /*padding: 0 !important;*/
}

.innerHeader .container > .row {
  list-style: none;
  /*padding: 16px 0px;*/
}

.navbar-nav .nav-item {
  background-color: #244b65;
  color: #fff;
  /*min-width: 100px;*/
  text-align: center;
  margin-left: 8px;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-weight: 500;
  padding: .6rem 1rem;
  height: 35px;
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer;
  transition-duration: .5ms;
  transition-timing-function: ease-in;
}

.navbar-nav .nav-item:hover, .navbar-nav .nav-item.active {
  color: #fff;
  text-decoration: none;
  background-color: rgba(60, 71, 76, 0.5);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}

.navbar-nav .nav-item a {
  color: inherit;
}

.navbar-nav .nav-item a:hover {
  text-decoration: none;
}

.navbar-nav .nav-item ul.dropdown-menu li {
  display: block;
  padding: .6rem 1rem;
  color: inherit;
}

.dropdown-menu li {
  position: relative;
  padding: 0px;
  line-height: 24px;
}

.dropdown-menu .icon-keyboard-arrow-right {
  float: right;
  font-size: 14px;
}

.dropdown-menu .dropdown-toggle:after {
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
}

.dropdown-menu .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

.dropdown-menu .dropdown-menu li {
  position: relative;
  padding: 0px;
}

.dropdown-menu {
  margin: 0px !important;
  padding: 0px !important;
  background: #244b65;
  color: #fff;
}

.nav-item .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0px;
}

.nav-item .submenu-left {
  right: 100%;
  left: auto;
}

.nav-item .icon-Home12, .nav-item .icon-CUS_Booking-request, .nav-item .icon-UAM {
  margin-right: .5rem;
}

/* .dropdown-menu > li:hover{ background-color: #f1f1f1 } */
.dropdown-menu > li:hover > .submenu {
  display: block;
}

.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

.nav-item i.icon-Booking_Request.mr-2 {
  font-size: 14px;
}

/*buttons start here*/
.bkcancel-btn, .btn.DBmodify-btn, .book-now-btn, .get-quote-btn, .btn-book-now, .btn-modify-search {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #4040401a;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 12px;
  color: #fff;
}

.bkcancel-btn:hover, .btn.DBmodify-btn:hover, .book-now-btn:hover, .get-quote-btn:hover, .btn-book-now:hover, .btn-modify-search:hover {
  transform: scale(0.98);
  color: #fff;
}

.btn-modify-search {
  background: #f57336;
}

.btn-modify-search:hover {
  background: #ec530c;
}

.btn-book-now {
  background: #00ab8e;
}

.btn-book-now:hover {
  background: #007864;
}

.btn.disabled, .btn:disabled {
  opacity: .65;
  cursor: not-allowed;
  pointer-events: all;
  box-shadow: none !important;
  background: #eaeaea !important;
  border: 1px solid #eaeaea !important;
  color: #3c3c3a !important;
}

.get-quote-btn {
  background-color: #F57336 !important;
  min-width: 100px;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
}

.book-now-btn {
  min-width: 110px;
  background: #00ab8e;
  padding: 8px 12px;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
}

.book-now-btn:hover {
  background: #009279;
}

.btn.DBmodify-btn {
  min-width: 110px;
  background-color: #6FA5C9;
  padding: 8px 12px;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff;
}

.btn.DBmodify-btn:hover {
  background: #5c99c2;
}

.btn.DBmodify-btn:hover {
  background-color: #6697b7;
  color: #fff;
}

.bkcancel-btn {
  min-width: 110px;
  color: #666;
  background: #f4f4f4;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
}

.bkcancel-btn:hover {
  background: #e7e7e7;
  color: #222221;
}

.plus-btn {
  background-color: #00ab8e;
  border-radius: 4px;
  border: 1px solid #ffffff;
  min-width: 35px;
  height: 36px;
  line-height: 38px;
  padding: 0;
  overflow: hidden;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff;
}

.plus-btn:hover {
  background: #009279;
  color: #fff;
}

.btn.warning-border-btn {
  padding: 4px 8px;
  border-radius: 50px;
  color: #222221 !important;
  text-decoration: none !important;
  background: #f3dfd7;
  border: 1px solid #F57336;
}

.btn.warning-border-btn:hover {
  background: #F57336;
  padding: 4px 8px;
  border-radius: 50px;
  color: #222221 !important;
  text-decoration: none !important;
  border: 1px solid #F57336;
  color: #fff !important;
}

.btn.view-btn {
  background: transparent;
  padding: 4px 8px;
  border-radius: 50px;
  color: #222221 !important;
  text-decoration: none !important;
  border: 1px solid #F57336;
}

.btn.view-btn:hover {
  background: #F57336;
  padding: 4px 8px;
  border-radius: 50px;
  color: #222221 !important;
  text-decoration: none !important;
  border: 1px solid #F57336;
  color: #fff !important;
}

.btn.view-btn-o {
  background: #fff;
  border: 1px solid #f57336;
  border-radius: 50px;
}

.btn.view-btn-o:hover {
  background: #f57336;
  border: 1px solid #FFF;
  border-radius: 50px;
  color: #fff;
}

.btn.print-btn {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  font-size: 16px;
  line-height: 32px;
  padding: 0;
  background-color: #F57336;
  overflow: hidden;
  color: #fff;
}

.btn.print-btn:hover {
  background-color: #e46c34;
  color: #fff;
}

.btn.share-btn {
  border-radius: 4px;
  height: 32px;
  width: 32px;
  font-size: 16px;
  line-height: 32px;
  padding: 0;
  background-color: #FFFFFF;
  color: #000000 !important;
  box-shadow: none;
}

.rounded-cancel-btn, .btn.clear-rounded-btn, .btn.green-rounded-btn, .btn.view-details-btn, .more-details-btn, .populate-btn, .get-quote, .btn-cancel, .delete-btn {
  font-weight: 500;
  border-radius: 50px;
  min-width: 100px;
  border: 1px solid #fff;
  box-shadow: 0px 2px 3px #40404073;
  padding: 6px 15px;
}

.rounded-cancel-btn:hover, .btn.clear-rounded-btn:hover, .btn.green-rounded-btn:hover, .btn.view-details-btn:hover, .more-details-btn:hover, .populate-btn:hover, .get-quote:hover, .btn-cancel:hover, .delete-btn:hover {
  transform: scale(0.98);
  box-shadow: 0px 3px 6px #40404073;
}

.delete-btn {
  background: #d91919;
  color: #fff !important;
}

.delete-btn:hover {
  background: #ab1414;
  color: #fff !important;
}

.btn-cancel {
  background: #f6f6f6;
  color: #222221;
}

.btn-cancel:hover {
  background: #e9e9e9;
  color: #222221;
}

.get-quote {
  background-color: #00ab8e;
  color: #fff !important;
}

.get-quote:hover {
  background: #009279;
}

.populate-btn {
  background-color: #244b65;
  color: #fff;
}

.populate-btn:hover {
  background: #1d3d52;
  color: #fff !important;
}

.more-details-btn {
  background-color: #244b65;
  color: #fff;
}

.more-details-btn:hover {
  background: #1d3d52;
  color: #fff !important;
}

/*.view-details-btn.btn:not(:disabled):not(.disabled) {
    background: none;
    color: inherit;
}*/
.btn.view-details-btn {
  background: #fff;
  border: 1px solid #f57336;
  box-shadow: none;
  color: #f57336;
}

.btn.view-details-btn:hover {
  background: #f57336;
  border: 1px solid #f57336;
  color: #fff;
}

.btn.view-details-btn:focus {
  /*background: none;
        color: inherit;*/
}

.btn.green-rounded-btn {
  background-color: #00ab8e;
  color: #fff !important;
}

.btn.green-rounded-btn:hover {
  background: #009279;
}

.btn.clear-rounded-btn {
  box-shadow: 0px 3px 6px #00000029;
  background: #f6f6f6;
  color: #666666;
}

.btn.clear-rounded-btn:hover {
  background: #e9e9e9;
}

.query-btn {
  background: #fff;
  border: 1px solid #244b65;
  border-radius: 50px;
  font-weight: 500;
  min-width: 100px;
  padding: 6px 15px;
}

.query-btn:hover {
  background: #244b65;
  border: 1px solid #244b65;
  border-radius: 50px;
  color: #fff;
  box-shadow: 0px 3px 6px #40404073;
}

.blue-icon-btn {
  background: #3a5d75;
  box-shadow: 0px 2px 3px #40404021;
  border-radius: 3px;
  color: #fff;
  font-size: 18px;
  vertical-align: middle;
  width: 35px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  padding: 2px;
}

.blue-icon-btn:hover {
  color: #fff;
}

.icon-btn-login {
  padding: .375rem .50rem !important;
  color: #244b65;
  background-color: transparent;
  border-radius: 0px;
}

.icon-btn-login:hover {
  padding: .375rem .50rem !important;
  color: #f57336 !important;
  background: #f4f4f4;
}

.pdf-btn {
  background: #f4f4f4;
  padding: 8px 10px;
  color: #f57336 !important;
  font-weight: normal;
  border-radius: 3px;
}

.vessel-orange, .OrangeColor {
  color: #F2711C !important;
}

.modify-btn {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px #4040401a;
  padding: 8px 10px;
  min-width: 90px;
  color: #000000DE;
  font-weight: 500;
}

.modify-btn:hover {
  background: #f1f1f1;
  box-shadow: 0px 1px 6px #00000029;
}

.break-down-btn {
  background: #005389;
  padding: 6px 15px;
  box-shadow: 0px 3px 6px #40404073;
  color: #222221;
  font-weight: 500;
}

.break-down-btn:hover {
  box-shadow: 0px 1px 6px #00000029;
  background: #02436d;
}

.confirm-btn {
  background: #04BFBF;
  padding: 10px 20px;
  box-shadow: 0px 3px 6px #40404073;
  color: #fff;
  font-weight: 500;
}

.confirm-btn:hover {
  background: #04adad;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.btn-search {
  color: #fff;
  background-color: #005389;
  border-color: #005389;
  font-size: 14px;
  height: 36px;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.btn-search:hover {
  color: #fff;
  background-color: #02436d;
  border-color: #02436d;
  font-size: 14px;
  box-shadow: 0px 1px 6px #00000029;
}

.declined-btn {
  padding: 10px 20px;
  box-shadow: 0px 1px 6px #00000029;
  font-weight: 500 !important;
  border-radius: 24px;
  font-size: 16px;
  background: #d8777733;
  color: #D60404;
}

.declined-btn:hover {
  color: #D60404;
}

.expired-btn {
  padding: 10px 20px;
  box-shadow: 0px 1px 6px #00000029;
  font-weight: 500 !important;
  border-radius: 24px;
  font-size: 16px;
  background: #66666633;
  color: #666666;
  pointer-events: none;
}

.expired-btn:hover {
  color: #666666;
}

.decline-btn {
  box-shadow: 0px 3px 6px #00000029;
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: 500 !important;
  min-width: 120px;
  border: 1px solid #666666;
  color: #666666;
}

.decline-btn:hover {
  color: #666666;
  box-shadow: 0px 3px 6px #40404073;
}

.blue-btn {
  box-shadow: 0px 3px 6px #00000029;
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: 500 !important;
  background: #244b65;
  color: #fff;
  min-width: 100px;
  border: 1px solid #ffffff;
}

.blue-btn:hover {
  background-color: #1d3d52;
  color: #ffffff !important;
}

.clear-btn {
  box-shadow: 0px 3px 6px #00000029;
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: 500 !important;
  min-width: 100px;
  border: 1px solid #ffffff;
  background: #f4f4f4;
  color: #222221;
}

.clear-btn:hover {
  background-color: #e7e7e7;
  color: #222221 !important;
}

.btn.booknow-roundedQuo-btn {
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 50px !important;
  border: 1px solid #fff;
  min-width: 135px;
  background-color: #00ab8e;
  padding: 10px 15px !important;
}

.btn.booknow-roundedQuo-btn:hover {
  background-color: #03967d !important;
}

.btn.booknow-rounded-btn {
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 50px !important;
  border: 1px solid #fff;
  min-width: 135px;
  background-color: #00ab8e;
  padding: 6px 20px !important;
}

.btn.booknow-rounded-btn:hover {
  background-color: #03967d !important;
}

.btn.downloadquote-btn {
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 50px !important;
  border: 1px solid #fff;
  min-width: 135px;
  background-color: #457291;
  padding: 6px 20px !important;
}

.btn.downloadquote-btn:hover {
  background-color: #3d637d;
}

.decline-rounded-btn {
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff !important;
  font-weight: 500 !important;
  border-radius: 50px !important;
  border: 1px solid #fff;
  min-width: 135px;
  background-color: #D60404;
  padding: 10px 15px !important;
}

.otp-btn {
  border: 1px solid #005389;
  background: transparent;
  height: 40px;
  color: #005389;
}

.btn.submit-btn {
  background: #04BFBF;
  color: #fff;
  box-shadow: 0px 3px 6px #40404073;
  border-radius: 5px;
  min-width: 100px;
  padding: 8px 10px;
}

.btn.submit-btn:hover {
  background: #03abab;
  box-shadow: 0px 1px 6px #00000029;
}

/*Create Account button Start Here*/
.btn.warning-next-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #f57336;
  color: #fff;
}

.btn.warning-next-btn:hover {
  background: #f4621e;
  padding: 8px 20px;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.ok-success-btn {
  min-width: 75px;
  height: 30px;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  font-size: 12px;
  border: 1px solid #fff;
  line-height: initial;
  background: #00ab8e;
  color: #fff;
}

.btn.ok-success-btn:hover {
  background: #009279;
  box-shadow: 0px 1px 6px #00000029;
  color: #fff;
}

.btn.danger-btn {
  min-width: 75px;
  height: 30px;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  font-size: 12px;
  border: 1px solid #fff;
  line-height: initial;
  background: #e25353;
  color: #fff;
}

.btn.danger-btn:hover {
  background: #de3d3d;
  box-shadow: 0px 1px 6px #00000029;
  color: #fff;
}

.btn.view-info-btn {
  min-width: 75px;
  height: 30px;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  font-size: 12px;
  border: 1px solid #fff;
  line-height: initial;
  background: #7495ad;
  color: #fff;
}

.btn.view-info-btn:hover {
  background: #6489a4;
  box-shadow: 0px 1px 6px #00000029;
  color: #fff;
}

.btn.cancel-round-btn {
  min-width: 75px;
  height: 30px;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  font-size: 12px;
  border: 1px solid #fff;
  line-height: initial;
  background: #f6f6f6;
  color: #222221;
}

.btn.cancel-round-btn:hover {
  background: #f0f0f1;
  background: #e9e9e9;
  box-shadow: 0px 1px 6px #00000029;
}

.rounded-cancel-btn {
  color: #222 !important;
  background: #f6f6f6;
}

.rounded-cancel-btn:hover {
  background: #e9e9e9;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.skip-btn {
  min-width: 75px;
  height: 30px;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  font-size: 12px;
  border: 1px solid #fff;
  line-height: initial;
  background: #f6f6f6;
  color: #222221;
}

.btn.skip-btn:hover {
  background: #e9e9e9;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.previous-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #f6f6f6;
  color: #222221;
}

.btn.previous-btn:hover {
  background: #e9e9e9;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.resend-btn {
  background: #f6f6f8;
  padding: 2px 10px;
  box-shadow: 0px 3px 6px #40404073;
  color: #222;
  font-weight: 500;
  min-width: 50px;
  border-radius: 3px;
}

.btn.resend-btn:hover {
  background: #e9e9ea;
  box-shadow: 0px 1px 6px #00000029;
}

.btn.complete-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #00ab8e;
  color: #fff;
}

.btn.complete-btn:hover {
  background: #009279;
  box-shadow: 0px 1px 6px #00000029;
}

.LCC_btn {
  display: inline-block;
  float: right;
}

.white-btn2 {
  background: #FFFFFF;
  box-shadow: 0px 1px 3px 1px #40404021;
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0px 3px 6px #00000029;
}

.name-add-btn {
  position: absolute;
  right: -12px;
  top: 0;
}

.attachmnet-btn {
  border: 1px solid #04BFBF;
  background: #04BFBF;
  color: #ffffff;
}

.attachmnet-btn i {
  display: inline-block;
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}

.next-btn {
  background: #005389;
  padding: 8px 15px;
  box-shadow: 0px 3px 6px #40404073;
  color: #fff;
  font-weight: 500;
  width: 100px;
  border-radius: 5px;
}

.next-btn:hover {
  box-shadow: 0px 1px 6px #00000029;
  background: #02436d;
}

.white-btn:focus, .white-btn2:focus, .previous-btn:focus, .next-btn:focus {
  box-shadow: 0px 3px 6px #40404073;
}

.addRemove-btn {
  box-shadow: 0px 3px 6px #00000029;
  padding: 8px 10px;
  border-radius: 5px;
  font-weight: 500 !important;
  min-width: 100px;
  background: #ffffff;
  border: none;
  color: #004B8D;
}

.rghtArrow-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 7px;
  top: 50%;
  right: -28px;
}

.leftArrow-btn {
  position: absolute;
  width: 30px;
  height: 30px;
  padding: 7px;
  top: 50%;
  right: -5px;
}

.trash-btn {
  background: transparent;
}

.trash-btn i {
  font-size: 20px;
  position: relative;
  bottom: 2px;
}

.small-plus-btn {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 3px;
  border: 1px solid #04BFBF;
  background: #04BFBF;
  color: #ffffff;
  padding: 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.copy-btn {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 3px;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px 1px #00000025;
  padding: 3px;
  margin-top: 7px;
  font-size: 14px;
}

.package-btn {
  background: #fff;
  font-size: 27px;
  padding: 0;
  right: -4px;
  color: #c0d4bf;
}

.trans-btn {
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  padding: 4px;
  text-align: center;
}

.trans-btn:hover {
  background: #e4e4e4;
}

.trans-white {
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  padding: 4px;
  text-align: center;
}

.trans-white:hover {
  background: #fff;
  transition: .3s all ease-in-out;
}

.appl-btn {
  min-width: 100px;
  padding: 8px 10px;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 5px;
  font-weight: 500 !important;
  background: #02436d;
  border: 1px solid #666666;
  color: #fff;
}

.appl-btn:hover {
  background-color: #023454;
  color: #fff;
}

.spl-handling-btn {
  padding: 6px 12px;
  color: #004B8D;
  display: flex;
  align-items: center;
  gap: 5px;
}

.spl-handling-btn:hover {
  background-color: #ecf0f3;
}

.spl-handling-btn.has-value {
  padding: 6px 12px;
  color: #00ab8e;
}

.spl-handling-btn.has-value:hover {
  background-color: rgba(0, 171, 142, 0.08);
  color: #00ab8e;
}

.blue-trans-btn {
  font-weight: 500 !important;
  border-radius: 5px;
  padding: 8px 10px;
  background: transparent;
  color: #004B8D;
  border: 1px solid #004B8D;
  width: 120px;
  margin: 0 !important;
}

.blue-trans-btn:hover {
  background: #004B8D;
  color: #fff;
}

.btn.trans-border-btn {
  font-weight: 500 !important;
  border-radius: 5px;
  padding: 8px 10px;
  box-shadow: 0px 3px 6px #40404029;
  min-width: 100px;
  background: #fff;
  color: #666;
}

.btn.trans-border-btn:hover {
  color: #666;
  background: #fff;
  box-shadow: 0px 3px 6px #40404073;
}

.btn.hide-details-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #666;
  color: #fff !important;
}

.btn.hide-details-btn:hover {
  background: #545454;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
}

.btn.modify-search-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #f57336;
  color: #fff !important;
}

.btn.modify-search-btn:hover {
  background: #de6933;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
}

.btn.reject-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #BC3333;
  color: #fff !important;
}

.btn.reject-btn:hover {
  background: #9d2929;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  transform: scale(0.98);
}

.btn.apply-filter-btn {
  padding: 8px 20px;
  box-shadow: 0px 3px 6px #40404073;
  font-weight: 500;
  min-width: 100px;
  border: 1px solid #fff;
  border-radius: 5px;
  background: #005389;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
  color: #fff !important;
}

.btn.green-trans-btn {
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  box-shadow: 0px 3px 6px #4040401a;
  border: 1px solid #04B8B8 !important;
  background: #04BFBF;
  color: #fff !important;
}

.btn.green-trans-btn:hover {
  background: #04afaf;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
}

.btn.green-outline-btn {
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  box-shadow: 0px 3px 6px #4040401a;
  border: 1px solid #04B8B8 !important;
  background: transparent;
  color: #04BFBF !important;
}

.btn.green-outline-btn:hover {
  padding: 0px 12px;
  font-weight: 500;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  box-shadow: 0px 3px 6px #4040401a;
  border: 1px solid #04B8B8 !important;
  background: #04BFBF !important;
  color: #fff !important;
}

.checkmark-icon {
  background: none;
  color: #00ab8e;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}

.checkmark-icon:hover {
  background-color: #f2f2f2;
}

.close2-icon {
  color: #DC8181;
  background: none;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  line-height: 25px;
  font-size: 16px;
}

.close2-icon:hover {
  background-color: #f2f2f2;
  color: #DC8181;
}

.span-trash {
  padding: 6px 8px;
}

.status-active {
  color: #244b65;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  background: #cceee8;
  border: 1px solid #00ab8e;
}

.status-inactive {
  color: #244b65;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  background: #fde3d7;
  border: 1px solid #f57336;
}

.status-rejected {
  color: #244b65;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #d91919;
  background: #f4baba;
}

.status-pendingforapproval {
  color: #244b65;
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #457291;
  background: #dae3e9;
}

.link-btn {
  color: #004B8D !important;
  font-weight: 500;
  font-size: 12px;
  background: none;
  border: none;
  cursor: pointer;
}

.link-btn[disabled=disabled] {
  cursor: not-allowed;
}

.select-btn {
  background: #f5f7f9;
  padding: 9px 12px;
  color: #004B8D;
  font-weight: 500;
  border: none;
}

.select-btn:hover {
  background: #f5f7f9;
  color: #004B8D;
  border: none;
}

.select-btn.btn.disabled, .select-btn.btn:disabled {
  pointer-events: all;
}

.login-rounded-btn {
  min-width: 75px;
  height: 30px;
  padding: 6px 12px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  font-size: 12px;
  line-height: initial;
  background: #244b65;
  color: #fff;
}

.login-rounded-btn:hover, .login-rounded-btn:focus {
  color: #fff;
}

.login-rounded-btn:before {
  content: "\effb";
  font-family: 'icomoon' !important;
}

.logout-btn {
  background: #244b65;
  border-radius: 4px;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-weight: 500;
  padding: .6rem 1rem;
  height: 35px;
  border: none;
  min-width: 75px;
}

.logout-btn:hover {
  color: #F0C419;
  text-decoration: none;
  background-color: rgba(36, 75, 101, 0.3);
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.16);
}

.logout-btn:focus {
  color: #fff;
}

button[disabled]:hover {
  transform: unset !important;
}

/*buttons end here*/
.landing-content h1 {
  font-size: 32px;
  color: #fff;
  text-shadow: 2px 3px 4px #244b65;
}

.landing-content p {
  font-size: 20px;
  margin-top: 10px;
  color: #fff;
  text-shadow: 2px 3px 4px #244b65;
}

.landing-content span button {
  background: #96adbb;
  border-radius: 18px;
  width: 120px;
  font-size: 14px;
  margin-left: 10px;
  transition: all 0.4s ease;
}

.landing-content span button:hover {
  background: #fbfbfb;
  transition: all 0.4s ease;
}

#login {
  background: url(/images/login.png) no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  overflow: hidden;
}

#login .login-content {
  color: #fff;
  height: 100vh;
  display: flex;
}

#login .login-content .logo-md {
  width: 55px;
}

#login .login-content ul.stepper li a {
  padding-bottom: 3rem;
}

#login .login-content ul.stepper li a .circle {
  width: 5rem;
  height: 5rem;
  line-height: 5.5rem;
  font-size: 24px;
}

#login .login-content > div {
  margin: auto;
  max-width: 520px;
}

#login .login-content > div h2 {
  font-size: 32px;
  line-height: 50px;
  font-weight: normal;
}

#login .login-content .circle-text {
  order: 2;
  text-align: left;
  font-size: 20px;
  color: #fff;
}

#login .login-content .circle-text p {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 22px;
}

#login .mydfs-login {
  margin: auto;
  width: 100%;
  max-width: 500px;
  padding: 50px;
  border-radius: 20px;
  background-color: #244b65;
  box-shadow: 0px 10px 12px #244b65;
}

#login .mydfs-login label {
  color: #fff;
  font-size: 14px !important;
}

#login .mydfs-login a {
  color: #fff;
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
}

#login .mydfs-login i {
  color: #fff;
}

#Registration .reg-image {
  box-shadow: inset 0px 2000px rgba(36, 75, 101, 0.9);
}

#Registration .reg-side-content {
  padding: 50px;
  min-height: calc(100vh - 250px);
  margin-bottom: 0px;
  height: 100%;
}

#Registration .reg-side-content .btn-footer {
  position: absolute;
  bottom: 50px;
  width: 100%;
  display: flex;
  left: 0px;
  padding: 0px 30px;
}

#Registration .reg-side-content .login-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 425px;
}

#Registration .reg-side-content .resend-btn {
  background: none;
  border: none;
  color: #00AB8E;
  margin-left: 15px;
}

#Registration .reg-side-content .resend-btn.opacity-2 {
  opacity: .5;
  cursor: not-allowed;
}

#Registration .login-content {
  color: #fff;
  display: flex;
  height: 100%;
}

#Registration .login-content .logo-md {
  width: 55px;
}

#Registration .login-content ul.stepper li a {
  padding-bottom: 3rem;
}

#Registration .login-content ul.stepper li a .circle {
  width: 5rem;
  height: 5rem;
  line-height: 5.5rem;
  font-size: 24px;
}

#Registration .login-content > div {
  margin: auto;
  max-width: 520px;
}

#Registration .login-content > div h2 {
  font-size: 32px;
  line-height: 50px;
  font-weight: normal;
}

#Registration .login-content .circle-text {
  order: 2;
  text-align: left;
  font-size: 20px;
  color: #fff;
}

#Registration .login-content .circle-text p {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 22px;
}

.top-70.login-section {
  top: 0px;
}

/* Landing Page Start Here */
.landing-bg {
  background: url(/images/msc_banner.jpg) no-repeat;
  width: 100%;
  height: 100vh;
  background-size: cover;
}

.landing-bg:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
  height: 100vh;
}

.lib-panel .lib-row.lib-header {
  font-size: 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
  height: 2px;
  width: 26px;
  background-color: #d9d9d9;
  margin: 7px 0 7px 0;
}

.reg-side-content {
  position: relative;
  display: block;
  font-size: 14px;
  margin-bottom: 1rem;
  line-height: 24px;
}

.reg-side-content .floating-label-group label {
  font-weight: 500;
  color: #222221;
}

.lib-panel .lib-row.lib-desc a {
  position: absolute;
  width: 100%;
  bottom: 10px;
  left: 20px;
}

.reg-card {
  height: 100%;
  width: 100%;
  /*display: flex;*/
  box-shadow: 0px 3px 12px #00000030;
  border-radius: 10px;
  background-color: #fff;
}

.reg-image {
  position: relative;
  background: url(/images/track-shipment.jpg) no-repeat;
  width: 100%;
  height: 100%;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-radius: 10px;
  box-shadow: 8px 2px 10px 0px #00000030;
}

.reg-content {
  padding: 30px;
  max-width: 100%;
  height: 100%;
  /*text-align: center;*/
  z-index: 1;
  color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  flex-direction: column;
}

.reg-side-content h2 {
  text-align: center;
  display: block;
  font-size: 14px;
  background: #fff;
  color: #222221;
  padding: 6px 12px;
  /*box-shadow: 0px 3px 6px #00000029;*/
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.border-dot-line {
  border: 1px dashed #b1b1b1;
  width: 96%;
  position: relative;
  top: -16px;
  margin: 0 auto;
}

.reg-content i {
  font-size: 72px;
  color: #fff;
}

.reg-content h6 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  margin-top: 1.5rem;
  /*letter-spacing: 1px;*/
  /*text-transform: uppercase;*/
}

.reg-content .spam-title {
  font-size: 20px;
  font-weight: 300;
  opacity: .7;
}

.color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #244b65;
  opacity: 0.8;
  border-radius: 10px;
}

.container-panel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.drop-border-0 .k-dropdown-wrap {
  border: none !important;
  box-shadow: none !important;
}

.drop-border-0 .k-dropdown-wrap.k-state-focused {
  border: none !important;
  box-shadow: none !important;
}

.drop-border-0 .k-combobox {
  background: transparent;
  padding-top: 10px;
}

.drop-border-0 .k-combobox .k-i-arrow-60-down:before {
  content: "\e006";
  color: #dee2e6 !important;
}

.tab-view div.drop-border-0:hover {
  border: none !important;
  box-shadow: none !important;
  background: none;
}

.booking-border-0 .k-dropdown-wrap, .booking-border-0 .k-dropdown-wrap.k-state-focused,
.booking-border-0 .k-dropdown-wrap.k-state-focused.k-state-hover,
.k-combobox.border-0 .k-dropdown-wrap.k-state-focused {
  border: none !important;
  box-shadow: none !important;
}

.booking-border-0 .k-combobox {
  background: transparent;
}

.booking-border-0 .k-combobox .k-i-arrow-60-down:before {
  content: "\e006";
  color: #999 !important;
}

.floating-label-group.booking-border-0 input::placeholder {
  color: #F57336 !important;
}

.card-waves {
  position: relative;
  background: url(/images/msc_banner.jpg) no-repeat;
  width: 100%;
  height: 220px;
  background-size: cover;
  background-position: right;
}

.card-waves svg {
  position: absolute;
  bottom: -2px;
  right: 0px;
}

.card-waves:before {
  content: "";
  position: absolute;
  background: #244B65E6;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.card-waves img {
  width: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -90%);
}

.card-img {
  background: #FFF;
  transition: all 500ms ease-in-out;
  box-shadow: 0px 40px 40px #c5c3f926;
}

.card-img:hover {
  margin-top: -10px;
  cursor: pointer;
  box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.2);
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}

.bg-gray {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #eeeeee;
  padding: 10px;
  text-align: center;
  float: right;
  line-height: 45px;
}

.bg-gray img {
  width: 40px;
  height: 40px;
}

.card-img a i.icon-arrow_right_line_icon, .card-img a i.icon-arrow_left_line_icon {
  font-size: 24px;
  color: #244b65;
}

.card-img p {
  color: #757f8c;
  font-size: 14px;
}

.card-img .arrow-img {
  color: #005389;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
}

.about-us-content .bg-white {
  box-shadow: 0px 40px 40px #c5c3f926;
}

.card-list-slider {
  font-family: "Roboto", sans-serif;
}

.card-list-slider ul {
  display: flex;
  width: 100%;
  justify-content: center;
}

.card-list-slider li {
  width: 23.5% !important;
  margin-right: 3rem;
  margin-left: 3rem;
  float: left;
  /*&:last-child {
            margin: 0px;
        }*/
}

.card-list-slider .k-list-container {
  width: 100% !important;
}

.card-list-slider p {
  white-space: normal;
  color: #747474;
  text-align: justify;
  min-height: 80px;
}

.card-list-slider h3 {
  font-size: 20px;
  color: #5A5454;
}

.k-scrollview-elements {
  display: none;
}

.section-title {
  font-size: 28px;
  font-weight: normal;
  color: #000;
}

.section-title a {
  font-weight: bold;
  cursor: pointer;
  color: #004B8D !important;
}

.service-tagline {
  font-size: 16px;
  color: #747474;
  font-weight: normal;
}

.arrow-left {
  position: absolute;
  top: 45%;
  font-size: 45px;
  color: #eee;
  left: 10px;
}

.arrow-left:hover {
  color: #d5d5d5;
}

.arrow-rit {
  position: absolute;
  top: 45%;
  font-size: 45px;
  color: #eee;
  right: 5px;
}

.arrow-rit:hover {
  color: #d5d5d5;
}

.swtich-arrow {
  font-size: 34px;
  transform: rotate(180deg);
  position: absolute;
  color: #3D37F1;
  font-weight: 300;
}

.why-us h1 {
  color: #F57336;
  font-size: 24px;
  font-weight: normal;
}

.why-us h2 {
  color: #222221;
  font-size: 24px;
  font-weight: normal;
}

.why-us li {
  font-size: 14px;
  margin-bottom: 1rem;
}

.img-location img {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
}

.text-wrap-cust span {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 250px;
}

.text-wrap-cust {
  /* max-width: 160px; */
  display: inline-flex;
  margin-top: 6px;
}

.header-bg.main-container {
  height: auto;
}

.header-bg {
  height: 550px;
}

.pt-120 {
  padding-top: 120px;
}

/* Landing Page Start Here */
.main-filter {
  border-radius: 10px;
  box-shadow: 0px 1px 6px #00000029;
  display: flex;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.main-filter {
  background-color: #fff;
}

.tab-view {
  background-color: #244b65;
  color: #222221;
  padding: 15px;
  box-shadow: 0px 1px 6px #00000029;
  max-width: 250px;
}

.tab-view div {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border: 1px dashed #fff;
  color: #fff;
}

.tab-view div.active {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  background: #fff;
  color: #222221;
  border: 1px solid #fff;
  margin-bottom: 0px;
  top: -5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-view div:hover {
  background: #fff;
  color: #222221;
  border: 1px solid #fff;
}

.tab-view ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  transform: translate(0%, 60%);
}

.tab-view ul li {
  flex: 1 1 auto !important;
  margin-right: 15px;
  list-style: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}

.tab-view ul li:last-child {
  margin-right: 0px;
}

.booking-category span.active {
  color: #005389;
  font-weight: 500;
}

.booking-category span a {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px #8c8c8c;
  padding: 0;
  color: #8c8c8c;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.booking-category span.active a {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  background: #244b65;
  border: dashed 1px #244b65;
  color: #fff;
}

.booking-category span a:hover {
  background: #244b65;
  border: dashed 1px #244b65;
  color: #fff;
}

ul {
  list-style-type: none;
}

.text-orange {
  color: #f57336 !important;
}

.close-icon-lg {
  line-height: inherit;
  color: #d91d1d;
  font-size: 25px;
  cursor: pointer;
}

.bg-quote {
  background-color: #fbfcfd !important;
}

.search-btn-top {
  position: relative;
  top: -15px;
  text-align: center;
}

.pt-60 {
  padding-top: 60px;
}

.tab-info {
  width: 100%;
  padding: 30px;
}

.pd-cust {
  padding: 15px 30px;
}

.exchange-icon {
  width: 28px;
  height: 28px;
  line-height: 28px;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 50%;
  position: absolute;
  right: -6px;
  top: 28px;
  text-align: center;
  z-index: 9;
  background: #fff;
  cursor: pointer;
}

.form-control:focus {
  box-shadow: none !important;
  border: 1px solid #004B8D !important;
}

.k-autocomplete .k-input,
.k-dropdown-wrap .k-input,
.k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
  text-indent: 0px !important;
}

.btn.focus, .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.k-calendar .k-nav-next .k-i-arrow-60-right, .k-calendar .k-nav-prev .k-i-arrow-60-left {
  font-family: 'icomoon' !important;
  font-size: 16px !important;
}

.k-calendar .k-nav-next .k-i-arrow-60-right:before {
  content: "\e8a8";
  color: #fff;
}

.k-calendar .k-nav-prev .k-i-arrow-60-left:before {
  content: "\e8a7";
  color: #fff;
}

.k-calendar .k-footer, .k-calendar .k-nav-today.k-link:hover {
  background: #f4f4f4 !important;
}

.k-calendar td.k-state-selected .k-link {
  background: #00ab8e !important;
  box-shadow: none !important;
}

.k-calendar .k-footer a, .k-calendar .k-footer a:hover {
  color: #222221 !important;
  text-decoration: none !important;
}

.k-calendar-container.k-group {
  padding: 0px !important;
}

.k-calendar > .k-header {
  background-color: #244b65 !important;
  padding: 4px !important;
  color: #fff !important;
  background-image: none !important;
}

.k-calendar .k-today .k-link, .k-calendar .k-link:hover, .k-calendar .k-link:focus {
  color: #fff !important;
  background: #244b65 !important;
  box-shadow: inset 0 0 0 1px #f35800;
  box-shadow: none !important;
}

.k-calendar {
  font-family: "Roboto", sans-serif;
  font-size: 12px !important;
}

.k-calendar .k-calendar-view {
  width: 280px !important;
  height: 280px !important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: auto;
  font-family: "Roboto", sans-serif;
}

.k-icon {
  font: 12px/1 icomoon !important;
}

.k-i-arrow-60-down:before {
  content: "\edbf" !important;
  color: #666 !important;
}

.k-i-arrow-60-up:before {
  content: "\edb7" !important;
  color: #666 !important;
}

.k-i-calendar:before {
  content: "\ea62" !important;
  color: #005389 !important;
  font-size: 18px !important;
}

.k-calendar .k-header {
  font-size: 12px;
}

.k-datepicker .k-picker-wrap .k-icon {
  width: 2em;
  height: 2em;
}

.k-month .k-link {
  color: #222221;
  font-weight: 500;
}

.k-month .k-today .k-link {
  color: #008000 !important;
  background: none !important;
}

.k-calendar td.k-state-focused .k-link {
  background: #244b65 !important;
  color: #fff !important;
  box-shadow: none;
}

.k-calendar td.k-state-hover .k-link {
  background: #E9E9E9 !important;
  color: #222221 !important;
}

.k-calendar .k-calendar-content .k-other-month .k-link, .k-calendar .k-content .k-other-month .k-link {
  color: #C2C2C2 !important;
}

.floating-label-group .k-datepicker .k-picker-wrap .k-select {
  width: 3em;
}

.k-datepicker .k-picker-wrap.k-state-hover .k-select, .k-datepicker .k-picker-wrap.k-state-focused .k-select, .k-numerictextbox .k-numeric-wrap.k-state-hover .k-select {
  background: none !important;
}

.floating-label-group .k-state-disabled {
  background: #eaeaea !important;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: inherit;
}

.floating-label-group .k-dropdown-wrap.k-state-disabled {
  background: #eaeaea !important;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: inherit;
}

.floating-label-group .k-dropdown-wrap.k-state-disabled:hover, .floating-label-group .k-dropdown-wrap.k-state-disabled.k-state-hover {
  background: #eaeaea !important;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: inherit;
}

.floating-label-group input[disabled] {
  background: #eaeaea !important;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: inherit;
}

.floating-label-group input[disabled] + .floating-label, .floating-label-group input[disabled] + .input-group-append {
  background: #f4f4f4;
}

.floating-label-group .k-combobox .k-dropdown-wrap, .floating-label-group .k-dropdown .k-dropdown-wrap, .floating-label-group .k-datepicker .k-picker-wrap, .floating-label-group .k-datetimepicker .k-picker-wrap {
  height: 36px;
  background: none;
  border: 1px solid #dadce0;
  font-family: "Roboto", sans-serif !important;
}

.floating-label-group .k-numerictextbox .k-numeric-wrap.k-state-default {
  background: none;
  height: 36px;
}

.floating-label-group .k-numerictextbox .k-numeric-wrap.k-state-default .k-input {
  height: calc(.75rem + 2em);
}

.floating-label-group .k-numerictextbox .k-numeric-wrap.k-state-default.k-state-focused {
  border: 1px solid #004B8D;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3) !important;
}

.floating-label-group .k-combobox .k-dropdown-wrap .k-select, .floating-label-group .k-datepicker .k-picker-wrap .k-select {
  background: none;
  border: none;
  padding: 8px;
}

.floating-label-group .k-numerictextbox .k-numeric-wrap .k-select {
  background: none;
  border: none;
  padding: 4px;
}

.floating-label-group .k-combobox .k-dropdown-wrap .k-input, .floating-label-group .k-dropdown .k-dropdown-wrap .k-input, .floating-label-group .k-datepicker .k-picker-wrap .k-input {
  padding: .375rem .75rem;
  width: 100%;
  height: calc(.75rem + 2em);
  font-family: "Roboto", sans-serif !important;
}

.floating-label-group .k-multiselect .k-multiselect-wrap {
  padding: 0.375rem calc(.075rem + 20px) 3px 0.75rem;
  font-family: "Roboto", sans-serif !important;
  border-radius: 4px;
  border: 1px solid #dadce0;
  text-indent: 0px !important;
}

.floating-label-group .k-multiselect .k-multiselect-wrap:focus {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.floating-label-group .k-multiselect .k-multiselect-wrap .k-input {
  padding: 0px;
}

.floating-label-group .k-multiselect .k-multiselect-wrap .k-select {
  display: inline-flex;
}

.floating-label-group .k-multiselect .k-multiselect-wrap .k-button {
  background: #E3EEF9;
  padding: calc(.125rem + 1px) 1.35rem;
  padding-left: 5px;
  color: #666;
  border-radius: 15px;
  border: 1px solid #E3EEF9;
  text-align: left;
}

.floating-label-group .k-multiselect .k-multiselect-wrap .k-button:hover {
  background-color: #cee1f5;
}

.floating-label-group .k-multiselect .k-multiselect-wrap .k-i-close {
  opacity: 1;
}

.floating-label-group .k-multiselect .k-multiselect-wrap .k-i-close:before {
  content: "\e8a9";
  color: #A6192E;
}

.floating-label-group .k-multiselect.k-state-disabled .k-multiselect-wrap {
  background: #eaeaea !important;
  cursor: not-allowed;
  opacity: 1;
  pointer-events: inherit;
}

.floating-label-group .k-multiselect.k-state-disabled .k-multiselect-wrap .k-button {
  pointer-events: none;
  opacity: 1;
  background: #cee1f5;
  padding: 0.5rem;
}

.floating-label-group .k-multiselect.k-state-disabled .k-multiselect-wrap .k-icon.k-i-close {
  display: none;
}

.floating-label-group .k-multiselect.k-state-disabled.k-state-hover .k-clear-value, .floating-label-group .k-multiselect.k-state-disabled:hover .k-clear-value {
  opacity: 0;
}

.floating-label-group .k-multiselect.k-state-focused .k-multiselect-wrap {
  box-shadow: none !important;
  border: 1px solid #004B8D;
}

.floating-label-group .k-multiselect.k-state-focused {
  box-shadow: none !important;
}

.floating-label-group .k-dropdown .k-dropdown-wrap:hover, .floating-label-group .k-dropdown .k-state-active, .floating-label-group .k-dropdown .k-state-focused {
  background: none !important;
}

.floating-label-group .k-dropdown .k-state-disabled:hover {
  background: #eaeaea !important;
}

.floating-label-group .k-textarea {
  padding: 0px;
}

.floating-label-group .k-textarea .k-input {
  background: none !important;
  border: none;
  font-size: 12px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  line-height: 1.65em;
  padding: 0.17857143em 0;
}

.floating-label-group .k-textarea .k-input:disabled {
  cursor: not-allowed;
  background: #eaeaea !important;
}

.floating-label-group .k-clear-value .k-icon.k-i-x {
  font-family: "icomoon" !important;
  top: 0px;
  font-size: 16px !important;
}

.floating-label-group .k-clear-value .k-icon.k-i-x:before {
  content: "\e8a5" !important;
  opacity: 1;
  font-size: 16px;
  color: rgba(102, 102, 102, 0.4);
}

.floating-label-group.input-group-addon .k-clear-value .k-icon.k-i-x {
  right: 3px;
}

.floating-label-group .k-combobox .k-dropdown-wrap .k-clear-value {
  background: #fff;
  padding: 4px;
  opacity: 1;
  top: 0px;
  text-align: center;
  font-size: 14px;
  right: calc(.325rem + 23.5px);
}

.floating-label-group .k-autocomplete .k-clear-value {
  background: #fff;
  padding: 4px;
  opacity: 1;
  top: 0px;
  text-align: center;
  font-size: 14px;
}

.floating-label-group .k-autocomplete.k-state-disabled .k-clear-value {
  display: none;
}

.k-combobox .k-dropdown-wrap.k-state-hover .k-clear-value, .k-combobox .k-dropdown-wrap.k-state-focused .k-clear-value {
  top: 4px;
  box-sizing: content-box !important;
}

.k-datepicker .k-picker-wrap.k-state-focused, .k-dropdown .k-dropdown-wrap.k-state-focused, .k-combobox .k-dropdown-wrap.k-state-focused, .k-textarea.k-state-focused {
  color: #222221;
  background-color: #fff;
  box-shadow: none;
  border: 1px solid #004B8D;
}

.cust-numeric .k-i-arrow-60-down {
  font-family: "icomoon" !important;
}

.cust-numeric .k-i-arrow-60-up:before {
  content: "\edc4" !important;
  font-size: 16px;
}

.cust-numeric .k-i-arrow-60-down:before {
  content: "\edc6" !important;
  font-size: 16px;
}

.floating-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.floating-label-group .floating-label {
  transform: translate3d(10px, -8px, 0);
  font-size: 11px;
  opacity: 1;
  color: #666;
  background: #fff;
  margin-bottom: 0;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0px 4px;
}

.floating-label-group .form-control, .floating-label-group .k-textbox {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 12px;
  line-height: 1.5;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dadce0;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 36px !important;
  font-family: 'Roboto', sans-serif;
  text-indent: 0px;
}

.floating-label-group .k-textbox.k-invalid {
  border: 1px solid #db4240;
}

.floating-label-group .k-textbox.k-invalid.k-state-focused {
  border: 1px solid #004B8D;
}

.floating-label-group .k-autocomplete {
  display: block;
  width: 100%;
  /*padding: .375rem .75rem;*/
  padding: 0.375rem calc(.375rem + 20px) 0 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #dadce0;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 36px !important;
  font-family: 'Roboto', sans-serif;
}

.floating-label-group .k-autocomplete .k-input {
  padding-left: 0 !important;
  padding: 0px;
  height: calc(.75rem + 1.5em) !important;
}

.floating-label-group .k-textarea {
  border: 1px solid #dadce0;
  padding: .375rem .75rem;
}

.floating-label-group.input-group-addon input.form-control {
  padding-left: 35px;
}

.md-form.input-group-addon input.k-textbox {
  padding-left: 35px;
}

.input-group-addon i {
  position: absolute;
  vertical-align: middle;
  padding: .375rem 1rem;
  font-size: 1rem;
  line-height: 2.2;
  color: #495057;
  left: 0;
  top: 25px;
  z-index: 2;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-group-addon .k-textbox, .input-group-addon .icontextbox {
  padding-left: 30px !important;
}

.input-group-addon .k-dropdown-wrap {
  padding-left: 30px;
}

.icon {
  padding: 10px;
  color: green;
  min-width: 50px;
  text-align: center;
}

.input-field {
  width: 100%;
  padding: 10px;
  border: 1px solid #DADCE0;
  border-radius: 3px;
}

.filter-list ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  list-style: none;
}

.filter-list ul li {
  flex: 1 1 auto !important;
  margin-right: 10px;
}

.map-color {
  color: #DC8181 !important;
  font-size: 12px !important;
  z-index: 1;
}

.floating-label-group input::placeholder, .md-form input::placeholder, .floating-label-group input.k-input::placeholder, .floating-label-group textarea.k-input::placeholder,
.floating-label-group textarea::placeholder {
  /*opacity: .5;*/
  color: #cbcbcb;
  font-weight: 400 !important;
}

.floating-label-group label {
  display: inline-block;
  margin-bottom: .5rem;
  font-weight: normal;
  color: #666;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
}

.cust-numeric-text .k-numerictextbox .k-numeric-wrap.k-state-default {
  background: none;
  height: 35px;
}

.cust-numeric-text .k-numerictextbox .k-numeric-wrap .k-input {
  height: calc(.75rem + 2em);
}

.cust-autocomplete .input-group-append {
  position: absolute;
  right: 2px;
  top: 1px;
  cursor: pointer;
  height: 34px;
  z-index: 9;
}

.cust-autocomplete .input-group-append .input-group-text {
  background-color: #fff;
  border: none;
}

.cust-autocomplete .input-group-append .input-group-text i.icon-search3 {
  opacity: .5;
}

.custom-input {
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 36px !important;
  padding: 0 10px;
  display: flex;
}

.custom-input .k-state-disabled {
  background: none !important;
}

.custom-input input[disabled=disabled] {
  background: none !important;
}

.floating-label-group .custom-input .k-state-focused {
  box-shadow: none;
}

.floating-label-group .custom-input input.form-control {
  /*width: 30% !important;*/
  display: inline-block !important;
  /* float: left; */
  margin-right: 20px;
  border: none !important;
  height: 28px !important;
  border-bottom: 1px solid #a7a7a7 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  flex: 1 1 auto;
  padding-bottom: 0 !important;
}

.floating-label-group .custom-input input.form-control:last-child {
  margin-right: 0 !important;
}

.floating-label-group .custom-input span {
  position: relative;
  left: 0px;
  top: 0px;
  font-size: 16px;
  height: 30px !important;
}

.floating-label-group .custom-input .k-textbox {
  border: none;
  padding-top: 0px;
}

.floating-label-group .custom-input .icon-close2 {
  position: relative;
  top: 18px;
  margin: 0;
  font-size: 12px;
  color: #CBCBCBDE;
}

.md-form {
  position: relative;
  margin-bottom: 2rem;
}

.md-form i {
  color: #666666;
  font-size: 14px !important;
  position: absolute;
  vertical-align: middle;
  padding: .375rem 1rem;
  line-height: 1.6;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.md-form .k-textbox {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
  outline: 0;
  box-shadow: none;
  display: block;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 35px;
  background-color: rgba(0, 0, 0, 0);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 0 2px,100% 1px;
  transition: background 0s ease-out 0s;
  background-image: linear-gradient(#1e88e5, #1e88e5), linear-gradient(#e9ecef, #e9ecef);
  border: 0 none;
  border-radius: 0;
  box-shadow: none !important;
  float: none;
  background-position: bottom;
}

.md-form .k-textbox.k-state-focused, .md-form .k-textbox:focus {
  background-image: linear-gradient(#f57336, #f57336), linear-gradient(#e9ecef, #e9ecef);
  border: 0 none;
  border-radius: 0;
  box-shadow: none !important;
  float: none;
  background-position: bottom;
}

.md-form .k-textbox.k-state-focused, .md-form .k-textbox:focus {
  background-size: 100% 2px,100% 1px;
  outline: 0 none;
  transition-duration: .3s;
}

.remember-text {
  display: inline-block;
  float: left;
  color: #999;
}

.forgot-pwd {
  color: #DC8181;
}

.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused, .k-textarea:focus, .k-textbox.k-state-focused, .k-textbox:focus {
  box-shadow: none;
  border: 1px solid #004B8D;
}

/*Create Account Start Here*/
ul.stepper {
  padding: 0 1.5rem;
  padding: 1.5rem;
  margin: 1em -1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  counter-reset: section;
}

.stepper-vertical {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

ul.stepper > li:not(:last-of-type) {
  margin-bottom: .625rem;
  -webkit-transition: margin-bottom .4s;
  -o-transition: margin-bottom .4s;
  transition: margin-bottom .4s;
}

.stepper-vertical li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.stepper-vertical li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.stepper-vertical li a:hover {
  text-decoration: none;
}

.stepper-vertical li a .circle {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.stepper-vertical li:not(:last-child):after {
  position: absolute;
  top: 5.2rem;
  left: 2rem;
  width: 1px;
  height: calc(100% - 20px);
  content: "";
  background: #fff;
}

.border-none-after.stepper-vertical li:not(:last-child):after {
  height: 0;
}

ul.stepper li a .circle {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  margin-right: 1.5rem;
  line-height: 4rem;
  color: #fff;
  font-size: 18px;
  text-align: center;
  border-radius: 50%;
}

.primary-color, ul.stepper li a .circle {
  background-color: #658498;
  border: 1px solid #fff;
}

.primary-color, ul.stepper li.active a .circle {
  background-color: #f57336;
  border: 1px solid #fff;
}

.primary-color {
  color: #f57336;
}

ul.stepper li.active a span.label {
  color: #f57336;
}

ul.stepper li.active a .label {
  color: #cedce4;
  align-items: center;
  font-size: 18px;
  font-weight: normal;
}

ul.stepper li.completed a .label {
  color: #cedce4;
  align-items: center;
  font-size: 18px;
  font-weight: normal;
}

ul.stepper li a .label {
  display: inline-block;
  color: #cedce4;
  font-size: 18px;
  font-weight: normal;
}

.stepper-vertical li a .label {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: .2rem;
}

ul.stepper li a {
  padding: 1.2rem;
  text-align: center;
  align-items: center;
}

.stepper-vertical li .step-content {
  display: block;
  padding: 0;
  margin-top: 0;
  margin-left: 6rem;
  text-align: left;
}

.reg-content h2 {
  font-size: 24px;
  font-weight: normal;
}

.reg-content span.login-text a {
  color: #f57336;
  text-decoration: none;
}

.reg-content span.login-text a:hover {
  color: #f57336;
  text-decoration: none;
}

.reg-side-content a.terms-text {
  color: #0078D7;
}

.otp-success-badge {
  background: #cceee8;
  color: #00AB8E;
  padding: 10px;
  font-weight: normal;
  font-size: 12px;
}

.otp-wrong-badge {
  background: #EFDBDC;
  color: #D91919;
  padding: 10px;
  font-weight: normal;
  font-size: 12px;
}

.pwd-msg small {
  font-size: 11px;
  color: #999;
  margin-bottom: 0px;
}

#successmodal .label-check label {
  padding-left: 15px;
  color: #222 !important;
  margin-bottom: 0;
  font-weight: 500;
  cursor: pointer;
}

/*Create Account End here*/
/*Popup Content*/
.starIcon i {
  font-size: 25px !important;
  color: #F2711C !important;
  top: 0px;
  position: relative;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  color: #222221;
  font-weight: normal;
}

.form-field label {
  font-size: 12px;
  opacity: 1;
  display: inline-block;
  margin-bottom: .5rem;
  color: #999;
}

.form-field input.form-control {
  padding: .375rem .75rem;
}

.refresh-btn i {
  font-size: 25px;
  color: #005389;
  padding: 0;
  line-height: initial;
  position: absolute;
  top: 8px;
}

.refresh-btn a {
  color: #005389 !important;
  text-decoration: underline !important;
  font-weight: 500;
  cursor: pointer;
}

.refresh-btn a:hover {
  color: #DE6D00;
}

.popup-textarea-ht {
  min-height: 180px !important;
  overflow: auto;
  overflow-x: hidden;
  resize: none;
}

.custom-textarea-ht {
  min-height: 97px !important;
  /*overflow: auto;
	overflow-x: hidden;*/
  resize: none;
}

.cust-party-textarea {
  min-height: 180px !important;
  resize: none;
}

.input-check input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.input-check label {
  position: relative;
  cursor: pointer;
  margin: 0;
  transform: translate3d(0px, 4px, 0);
  color: #222;
}

.input-check label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #616161;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
  margin-top: -2px;
}

.input-check input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 10px;
  border: solid #616161;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/*My blockquote Start here*/
.decline-badge {
  padding: 0px 12px;
  font-weight: 500 !important;
  border-radius: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #d8777733;
  color: #D60404;
}

.expired-badge {
  padding: 0px 12px;
  font-weight: 500 !important;
  border-radius: 50px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #e4e4e4;
  color: #222221;
}

.change-log-btn {
  color: #0b51c5 !important;
  background: #f4f4f4;
  font-size: 15px;
  box-shadow: 0px 3px 6px #40404073;
  width: 30px;
  height: 30px;
}

/*Change table start here*/
.changel-log-grid {
  border: 1px solid #eaeaea;
}

.changel-log-grid table {
  width: 100%;
}

.changel-log-grid table thead tr {
  background-color: #f4f4f4;
}

.changel-log-grid table thead tr th {
  padding: 10px 12px;
  color: #222221;
  vertical-align: middle;
  font-weight: 600;
}

.changel-log-grid table tbody tr:hover {
  background-color: #f2faff;
}

.changel-log-grid table tbody tr td {
  padding: 10px 12px;
  border-bottom: 1px solid #e4e4e4;
  color: #222221;
  vertical-align: middle;
}

#ChangeLogmodal .modal-body {
  min-height: 400px;
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
}

#favoritedetailsmodal .modal-body {
  min-height: initial;
  max-height: initial;
}

.pending-quote {
  background: #fee5da;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
}

.pending-quote p {
  font-weight: 500;
  margin-bottom: .5rem;
}

.pending-quote p:first-child {
  color: #F2711C;
}

.pending-quote p:last-child {
  margin-bottom: 0px;
}

.show-details-postn {
  position: absolute;
  bottom: 10px;
  right: 30px;
}

.show-detail-btn {
  background: #eaeaea;
  color: #222221 !important;
  font-weight: 500;
  border-radius: 3px;
  font-size: 16px;
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 6px;
}

.show-detail-btn:hover {
  background: #d8d7d7;
  box-shadow: 0px 3px 6px #40404073;
}

/*My blockquote End here*/
/*Reference tab start here*/
.tab-reference ul.nav {
  border: 1px solid #DADCE0;
  background: #fff;
}

.tab-reference ul.nav li {
  border-right: 1px solid #DADCE0;
  flex: 1 1 auto;
  text-align: center;
}

.tab-reference ul.nav li:last-child {
  border-right: none;
}

.tab-reference ul.nav li.active, .tab-reference ul.nav li:hover {
  background: #457291;
  color: #fff;
}

/*Reference tab end here*/
/*Parties tab Start here*/
.parties-grid table {
  width: 100%;
}

.parties-grid table thead tr th {
  padding: 8px 10px;
  font-weight: 600;
  background-color: transparent;
}

.parties-grid table tbody tr {
  border: #EAEAEA solid 1px;
}

.parties-grid table tbody tr:first-child {
  border: none;
  background: #f2faff;
}

.parties-grid table tbody tr td {
  padding: 8px 10px;
  font-weight: normal;
}

.icon-btn-trash {
  background: #f4f4f4;
  padding: 6px 8px;
  vertical-align: middle;
}

.icon-btn-login {
  padding: .375rem .50rem !important;
  color: #222221;
  background-color: transparent;
  border-radius: 0px;
}

.icon-btn-login:hover {
  padding: .375rem .50rem !important;
  color: #F2711C !important;
  background: #f4f4f4;
}

/*Not Found Start Here*/
.nf-filter {
  font-size: 12px;
  background-color: #fbe7e7;
  padding: 6px;
}

.nf-filter a.req-rate {
  color: #dc3545;
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
}

.text-decoration-line-through {
  text-decoration: line-through;
}

.nf-filter-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.group-field .k-dropdown-wrap {
  border-right: none !important;
  margin-right: -1px;
}

.group-field .k-autocomplete {
  border-left: none !important;
}

.group-field .cust-autocomplete {
  margin-left: -3px;
}

.track-trace {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 20px;
}

.track-trace .media-body {
  border: 1px solid #dadce0;
  padding: 10px;
  margin-bottom: 1.5rem;
  transition-duration: 1s;
  transition-timing-function: ease-in-out;
  flex: unset;
  width: 15.5%;
  flex: unset;
  padding-left: 20px;
  background-color: #fff;
}

.track-trace .media-body:hover {
  background: #fcd5c2;
  border: 1px solid #f57336;
  opacity: 1;
}

.track-trace .media-body.active {
  background: #fcd5c2;
  border: 1px solid #f57336;
}

.bookno-badge {
  background: #f4f4f4;
  padding: 6px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
}

.track-arrow-left {
  position: absolute;
  top: 42%;
  left: 8px;
  font-size: 20px;
  opacity: .3;
}

.track-arrow-right {
  position: absolute;
  top: 42%;
  right: 8px;
  font-size: 20px;
}

.high-priority {
  background: #fbfcfd;
  align-self: center;
  padding: 5px 20px;
  width: 140px;
}

.track-header::-webkit-scrollbar, .track-header::-webkit-scrollbar-thumb,
.sidebar-scroll::-webkit-scrollbar, .sidebar-scroll::-webkit-scrollbar-thumb {
  background: #fff;
  border: none;
  width: 10px;
  border: 2px solid #fff;
}

/*FAQ Start Here*/
.cargo-details-list.p-0 {
  padding: 0px !important;
}

.tot-amount {
  background: #ecf1f4;
  text-align: center;
  padding: 10px;
  align-self: center;
  display: flex;
  min-height: 96px;
  flex-direction: column;
  justify-content: center;
}

.rating-star {
  position: absolute;
  right: 0px;
  top: 5px;
}

.rating-star i {
  font-size: 25px;
  color: #fff;
}

.rating-star-orange {
  position: absolute;
  right: 12px;
  top: 2px;
}

.filter-box {
  background: #fbfcfd;
  padding: 6px 12px;
  margin-bottom: 1.5rem;
}

.bg-light-blue {
  background: #fbfcfd !important;
}

.non-reg-track .card {
  background: #fbfcfd;
}

.non-reg-track .card .discharge-card {
  background: #fff;
}

.arrow-bg {
  background: #f4f4f4;
  padding: 5px;
}

.mybooking-card {
  background-color: #F3F3F3;
  border-radius: 5px;
  padding: 15px;
}

.mybooking-card ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  list-style: none;
}

.mybooking-card ul li {
  margin-right: 10px;
  flex: 1 1 auto;
  list-style: none;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  float: left;
  background: #fbfcfd;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
}

.mybooking-card ul li:hover {
  background: #457291;
  box-shadow: 0px 10px 20px #244b6526;
}

.mybooking-card ul li.active {
  background: #457291;
  box-shadow: 0px 10px 20px #244b6526;
  position: relative;
}

.mybooking-card ul li.active::before {
  content: '';
  background-color: transparent;
  border-right: 12px solid transparent;
  position: absolute;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #457291;
  border-top: 12px solid transparent;
  bottom: -24px;
  left: 45%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mybooking-card ul li:hover .floating-label-group label, .mybooking-card ul li:hover .floating-label-group p {
  color: #fff;
}

.mybooking-card ul li:hover h6, .mybooking-card ul li:hover i.icon-trash {
  color: #fff;
}

.mybooking-card ul li.active .floating-label-group label, .mybooking-card ul li.active .floating-label-group p {
  color: #fff !important;
}

.mybooking-card ul li.active h6, .mybooking-card ul li.active i.icon-trash {
  color: #fff !important;
}

.mybooking-card ul li:last-child {
  margin-right: 0px;
}

.mybooking-card .floating-label-group label {
  color: #b6b6b6;
}

.mybooking-card ul li h6 {
  color: #222;
  font-weight: 500;
}

.mybooking-card .floating-label-group p {
  color: #222;
  margin-bottom: 0px;
}

.mybooking-card ul li i.icon-trash {
  color: #D91919;
  font-size: 14px;
}

.addcargo-panel {
  background-color: #457291;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 15px;
  color: #fff;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.addcargo-panel label {
  color: #fff;
}

.addcargo-panel p {
  color: #fff;
  font-size: 13px;
  margin-bottom: 0px;
}

.addcargo-panel ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  list-style: none;
}

.addcargo-panel ul li {
  margin-right: 10px;
  list-style: none;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  float: left;
  flex: 1 1 auto;
  align-self: center;
  width: 15%;
}

.bottom-radius-px-0 {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.mx-w-5 {
  max-width: 5%;
}

.link-container-bg {
  padding: 5px;
  background: #3a5d75;
  cursor: pointer;
}

.link-container-bg p {
  font-size: 12px;
}

.doc-trans .tab-view ul {
  transform: translate(0%, 5%) !important;
}

.doc-panel .card-header {
  background: #f4f4f4 !important;
}

.doc-panel .card-header ul li {
  color: #222221;
  font-weight: 600;
  border-right: 2px solid #222221;
  padding: 0px 8px;
  margin-right: 0px;
  line-height: 12px;
}

.pd-top-md {
  padding-top: 5.5rem;
}

.doc-panel .card-header ul li:last-child {
  border-right: none;
}

.edit-primary {
  font-size: 16px;
  color: #457291;
}

.checkmark-success {
  color: #28a745;
  font-size: 16px;
}

.activity-table table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%;
}

.activity-table table thead tr {
  background: none;
}

.activity-table table thead tr th {
  padding: 10px 12px;
  color: #222;
  vertical-align: middle;
  font-weight: 600;
}

.activity-table table tbody tr {
  background: #fff;
  color: #222;
}

.activity-table table tbody tr td:last-child {
  color: #F2711C;
}

.activity-table table tbody tr:hover {
  background: #3a6079;
  color: #fff !important;
}

.activity-table table tbody tr.active {
  background: #3a6079;
  color: #fff !important;
}

.activity-table table tbody tr.active td:last-child {
  color: #fff !important;
}

.activity-table table tbody tr td {
  padding: 10px 12px;
  vertical-align: middle;
}

.create-new-link {
  background: #fff6e9;
  padding: 15px;
  text-align: center;
  width: 250px;
  transform: translate(-50%, 50%);
  top: 50%;
  left: 50%;
  position: absolute;
}

.create-new-link a {
  text-decoration: underline;
  cursor: pointer;
  color: #F2711C;
}

/*RR & OFC Setup*/
.ofc-tab .nav-pills .nav-item .nav-link {
  color: #222;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0;
  font-weight: 500;
  font-size: 12px;
}

.ofc-tab .nav-pills .nav-item .nav-link.active {
  color: #fff !important;
  background-color: #457291 !important;
  border-radius: 0;
  font-weight: 500;
  border: 1px solid #457291;
}

.ofc-tab ul.nav-pills .nav-item .nav-link.active, .ofc-tab ul.nav-pills .nav-item .nav-link:hover {
  background: #457291;
  color: #fff;
}

.ofc-table table {
  border-collapse: collapse;
  width: 100%;
}

.ofc-table table thead tr {
  background: none;
}

.ofc-table table thead tr th {
  padding: 10px 12px;
  color: #222;
  vertical-align: middle;
  font-weight: 600;
}

.ofc-table table tbody tr {
  background-color: transparent;
  color: #222;
}

.ofc-table table tbody tr td {
  padding: 10px 12px;
  color: #222;
  vertical-align: middle;
  font-weight: 600;
}

/*RR & OFC Setup*/
.max-wid-250 {
  max-width: 250px;
}

.text-grey-dark {
  color: #cedce4 !important;
}

.slider-item .left.carousel-control, .slider-item .right.carousel-control {
  position: absolute;
  top: 30%;
  font-size: 16px;
  opacity: 0.6;
}

.slider-item {
  position: relative;
}

.slider-item .right.carousel-control {
  right: 3px;
}

.slider-item .left.carousel-control {
  left: 3px;
}

.sticky-btn {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: -35px;
  top: 0px;
}

.dashed-border {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 10px 20px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  font-weight: normal;
  text-align: left;
  background: #fff;
}

.dashed-border-span {
  color: #d91919;
}

.password-input .k-input[type=text] {
  border: none;
}

.pwd-sucess-msg {
  color: #00ab8e !important;
}

.pwd-error-msg {
  color: #d91919 !important;
}

.error-msg .k-textbox {
  border: 1px solid #d91919;
  box-shadow: none;
}

.error-msg .k-textbox.k-state-focused, .error-msg .k-textbox:focus {
  border: 1px solid #d91919;
  box-shadow: none;
}

.error-msg .k-textbox > input {
  color: #d91919;
}

.disable-resend-btn {
  background: transparent;
  padding: 2px 10px;
  box-shadow: none;
  color: #cbcbcb;
  font-weight: normal;
  min-width: 50px;
  border-radius: 3px;
  cursor: not-allowed !important;
}

.disable-resend-btn:hover {
  background: transparent;
  padding: 2px 10px;
  box-shadow: none;
  color: #cbcbcb;
  font-weight: normal;
  min-width: 50px;
  border-radius: 3px;
  cursor: not-allowed !important;
}

.table-link a {
  color: #004B8D;
  font-size: 12px;
  font-weight: normal;
  text-decoration: underline;
}

.table-link a:hover {
  color: #f57336;
  text-decoration: underline;
}

.expire-text {
  color: #e31e19;
}

.accept-badge {
  background: #fdf0ea;
  text-align: center;
  padding: 15px;
  align-self: center;
  border-radius: 3px;
  min-width: 150px;
}

.booking-accept.custom-track .iconwrapper::before, .booking-accept.custom-track .iconwrapper::after {
  content: '';
  display: inline-block;
  width: 6em;
  height: 1px;
  margin: 0 10px;
  background: #222;
  vertical-align: middle;
}

.eye-rounded {
  border-radius: 25px;
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  background: #b2e6dd;
  border: 1px solid #00ab8e;
  color: #00ab8e;
}

.close-rounded {
  border-radius: 25px;
  width: 26px;
  height: 26px;
  line-height: 28px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  background: #f3d6d6;
  border: 1px solid #d8797b;
  color: #d8797b;
  display: flex;
}

.close-rounded i {
  margin: auto;
}

.main-card {
  border-radius: 5px;
  box-shadow: 0px 1px 6px #00000029;
  width: 100%;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 15px;
  color: #222221;
  background-color: #fff;
}

.sticky-nav {
  position: sticky;
  width: 100%;
  top: 80px;
  bottom: 0px;
  z-index: 1033;
}

.carousel-control-prev {
  font-size: 14px;
  font-weight: 600;
  color: #222221 !important;
  width: 1%;
  left: -10px;
}

.carousel-control-prev:hover {
  left: -10px;
  font-size: 14px;
  font-weight: 600;
  color: #222221 !important;
  width: 1%;
}

.carousel-control-next {
  right: -10px;
  font-size: 14px;
  font-weight: 600;
  color: #222221 !important;
  width: 1%;
}

.carousel-control-next:hover {
  right: -10px;
  font-size: 14px;
  font-weight: 600;
  color: #222221 !important;
  width: 1%;
}

.h-35 {
  height: 35px;
}

/*Non Register LCL - CSS*/
header.main-header.lcl-header {
  height: 160px;
}

header.main-header.lcl-header:before {
  height: 160px;
}

.lcl-top-position {
  position: relative;
  top: 235px;
}

/*.main-filter {
    z-index:9999;
}*/
.text-orange {
  color: #f57336 !important;
}

.pos-minus-15 {
  position: relative;
  top: -15px;
}

.carriage-mode .btn-group {
  border-radius: 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
}

.carriage-mode .btn-group .btn {
  box-shadow: none !important;
  color: #8C8C8C;
}

.carriage-mode .btn-group .btn.active {
  color: #FFF;
}

.booking-card.cargo-list ul li {
  margin-right: 12px;
  list-style: none;
  color: #8C8C8C;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  float: none;
}

.booking-card.service-width ul li {
  width: 19%;
}

.booking-card.service-width ul li .service-include::before {
  width: 80%;
}

.booking-card.service-width ul li .export-badge {
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 8px;
  line-height: 26px;
}

/*.booking-card.service-width ul li:last-child {
    width:10%;
}*/
.party-details .nav-pills .nav-link.active, .party-details .nav-pills .show > .nav-link {
  width: 100%;
  border-radius: 0;
}

.party-details .nav-link {
  width: 100%;
  margin-top: -1px;
}

/*Contact us CSS*/
.contact-card {
  margin-top: -10px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px -3px 12px #00000029;
  background: #fbfbfb;
  font-weight: 500;
  padding: 1.5rem;
}

.query-title {
  color: #004B8D;
  font-size: 20px;
  font-weight: bold;
}

.text-blue {
  color: #004B8D;
  font-weight: 500;
}

.service-card p.text-blue {
  color: #004B8D;
}

.contact-detail-list ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
}

.contact-detail-list ul li {
  display: inline-block;
  float: left;
  width: 24%;
}

.contact-detail-list ul li.hightlight-list .booking-card {
  background: #f1f9ff;
  border-radius: 0px;
}

.border-left-gray {
  border-left: #dedfe3 solid 1px;
}

.thanks-quote {
  color: #04BFBF;
}

/*FAQ Accordion CSS*/
.faq-accordion .card {
  border: none !important;
  margin-bottom: 20px;
}

.faq-accordion .card .card-header {
  margin-bottom: 0;
  background-color: #fbfcfd;
  border-bottom: none;
}

.faq-accordion .card .card-header .btn-link {
  font-weight: 400;
  color: #000;
  background-color: transparent;
  font-size: 18px;
  text-decoration: none !important;
  padding-left: 0;
}

.faq-accordion .card[aria-expanded="true"] {
  border: none !important;
  background-color: #fbfcfd;
}

.faq-accordion .card[aria-expanded="true"] .card-header {
  background: transparent;
  box-shadow: none;
  padding-bottom: 0;
}

.faq-accordion .card[aria-expanded="true"] .card-header .btn-link {
  color: #2EB2FF;
}

.faq-accordion .card[aria-expanded="true"] .card-body {
  padding-top: 0;
  color: #000;
  font-size: 14px;
}

/*Quote FCL CSS*/
.field-delete {
  position: absolute;
  right: 10px;
  top: 42%;
}

.modal-body {
  padding: 1rem 16px !important;
}

#detailsmodal .modal-footer {
  border-top: none;
  padding-top: 0;
}

.btn-group .btn + .btn {
  margin-left: -6px !important;
}

.btn-group .btn:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.btn-group .btn:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.modal-header .close {
  outline: 0;
  color: #D91919;
  opacity: 1;
  font-size: 24px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  line-height: 18px;
}

.modal-header .close:hover {
  opacity: 1;
}

button.close:focus-visible {
  border: 1px solid #244b65;
}

.right-15 {
  position: absolute;
  right: 15px;
}

.cargo-details-list {
  color: #222221;
  border-radius: 5px;
  padding: 15px !important;
  border: #eaeaea solid 1px;
  align-items: center;
  background-color: #fff;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.05);
}

.cargo-details-list .cargo-content-list .floating-label-group {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
  width: 19%;
  margin-right: 5px;
}

.cargo-details-list .floating-label-group i {
  display: block;
  /*margin-bottom: 10px;*/
  margin-left: auto;
  margin-right: auto;
}

.cargo-details-list li button.btn {
  display: block;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.cargo-details-list li.active {
  color: #222221;
  border-radius: 5px;
  padding: 15px !important;
  border: #eaeaea solid 1px;
  align-items: center;
  background-color: #E3EEF9;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.05);
}

.booking-card-details ul li.flex-inherit, .booking-card ul li.flex-inherit {
  flex: inherit;
}

.info-details {
  position: absolute;
  color: #222221;
  border-radius: 5px;
  z-index: 99;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  /*left: -175px;*/
  right: 0;
  width: 200px;
  top: 35px;
}

.info-sailing {
  position: absolute;
  color: #222221;
  border-radius: 5px;
  z-index: 99;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  background-color: transparent;
  box-shadow: none;
  right: -650px;
  width: 1024px;
  top: 30px;
}

.infoFilter {
  cursor: pointer;
}

.info-details span {
  color: #a9aab3;
  font-size: 11px;
}

.info-details p {
  color: #000;
  margin-bottom: 5px;
}

.info-details p:last-child {
  color: #000;
  margin-bottom: 0;
}

.overflow-inherit {
  overflow: inherit !important;
}

.view-schedules {
  background: #005389 !important;
}

.view-schedules:hover {
  opacity: 0.9;
}

.button-switch {
  font-size: 12px;
  height: 20px;
  margin-bottom: 0;
  position: relative;
  width: 20px;
  margin-top: 2px;
}

.button-switch .lbl-off, .button-switch .lbl-on {
  cursor: pointer;
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 1em;
  position: absolute;
  top: 0.5em;
  transition: opacity 0.25s ease-out 0.1s;
  text-transform: uppercase;
  color: #d8d8d8;
}

.button-switch .lbl-off {
  right: -22px;
}

.button-switch .lbl-on {
  color: #fefefe;
  opacity: 0;
  left: 6px;
}

.button-switch .switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 0;
  font-size: 1em;
  left: 0;
  line-height: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 0;
}

.button-switch .switch:before, .button-switch .switch:after {
  content: "";
  font-size: 1em;
  position: absolute;
}

.button-switch .switch:before {
  border-radius: 1.25em;
  background: #707070;
  height: 1.875em;
  left: -0.25em;
  top: -0.1875em;
  transition: background-color 0.25s ease-out 0.1s;
  width: 4.5em;
}

.button-switch .switch:after {
  box-shadow: 0 0.0625em 0.375em 0 #666;
  border-radius: 50%;
  background: #fefefe;
  height: 1.5em;
  transform: translate(0, 0);
  transition: transform 0.25s ease-out 0.1s;
  width: 1.5em;
}

.button-switch .switch:checked:after {
  transform: translate(31px, -0.5px);
}

.button-switch .switch:checked ~ .lbl-off {
  opacity: 0;
}

.button-switch .switch:checked ~ .lbl-on {
  opacity: 1;
}

.button-switch .switch#switch-blue:checked:before {
  background: #008eae;
}

.modal-lg.w-modal-xl {
  max-width: 1440px !important;
}

.schedule-grid #ScheduleList.k-widget * {
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

.schedule-grid ::-webkit-scrollbar, .schedule-grid ::-webkit-scrollbar-thumb {
  background: none;
  border: none;
}

.schedule-grid .k-listview-content {
  overflow: scroll;
  max-height: calc(100vh - 400px);
  overflow-x: hidden;
  width: calc(100% + 10px);
}

.schedule-grid ul li:nth-child(1), .schedule-grid ul li:nth-child(2) {
  width: 20%;
}

.schedule-grid ul li:nth-child(3), .schedule-grid ul li:nth-child(4), .schedule-grid ul li:nth-child(5) {
  width: 15%;
}

.schedule-grid ul li:nth-child(6), .schedule-grid ul li:nth-child(7) {
  width: 10%;
}

.schedule-grid ul li:nth-child(8) {
  width: 7%;
}

.schedule-grid .grid-head ul li {
  color: #222;
  font-weight: 500;
  font-size: 12px;
  margin-right: 10px;
  flex: inherit;
  padding: 10px;
}

.schedule-grid .grid-body ul {
  border: #EAEAEA solid 1px;
  border-radius: 5px 5px 0 0;
  align-items: center;
  /*box-shadow: 0px 0px 2px rgba(0, 83, 137, 0.54);*/
  margin-top: 5px;
}

.schedule-grid .grid-body ul li {
  margin-right: 10px;
  flex: inherit;
  padding: 10px;
  color: #000;
  font-weight: 500;
}

.schedule-grid .grid-body ul.active {
  background: #F2FAFF;
}

.select-btn-o {
  padding: 6px 10px;
  box-shadow: 0px 0px 1px #5dd0d2;
  color: #5dd0d2;
  font-weight: 500;
  width: 100%;
  background: transparent;
  border: #5dd0d2 solid 1px;
}

.select-btn-o:hover {
  background: #5dd0d2;
  color: #fff;
}

.schedule-grid .grid-body ul li a {
  color: #e1702b;
  text-decoration: underline;
}

.schedule-inner-content {
  border: #EAEAEA solid 1px;
  /*box-shadow: 0px 0px 2px rgba(0, 83, 137,0.54);*/
  border-radius: 0 0 5px 5px;
  border-top: none;
}

.schedule-inner-content ul {
  display: flex;
  width: 100%;
  padding: 10px !important;
  border-radius: 0 0 5px 5px;
  margin-right: 0;
  background-color: #f4f4f4;
}

.schedule-inner-content ul li {
  width: 20% !important;
}

.schedule-inner-content ul li span {
  font-size: 12px;
}

.schedule-inner-content ul li p {
  font-size: 13px;
  color: #000;
}

/*.schedule-inner-content ul:nth-child(odd) {
    background: #f5f5f5 !important; 
}*/
.grid-body a[aria-expanded='true'] {
  color: #005389 !important;
}

/*Non Register User start here*/
.input-group-search-addon i {
  position: absolute;
  vertical-align: middle;
  padding: .375rem 1rem;
  font-size: 1.5rem;
  line-height: 1.8;
  color: #F2711C;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  top: 0;
  right: 0;
  z-index: 9;
}

.input-group-search-addon .form-control {
  height: 40px;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

.input-group-search-addon .input-group-text {
  background: none;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

.discharge-badge {
  background: #457291;
  color: #fff;
  border-radius: 3px;
  padding: 4px 15px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.discharge-card {
  padding: 15px;
  width: 100%;
  color: #222221;
  font-size: 14px;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
}

.discharge-card .span-text {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin-left: 40px;
}

.form-field .form-control {
  display: block;
  width: 100%;
  height: calc(1.2em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
}

.search-list ul {
  padding: 0;
  margin-bottom: 0px;
}

.search-list ul li {
  padding: 6px 10px;
  background: #EEF4FF;
  margin-bottom: 8px;
  box-shadow: 0px 3px 6px #00000029;
}

.search-list ul li:hover {
  background: #D5EFFF;
  cursor: pointer;
}

.search-list ul li.active {
  background: #D5EFFF;
  border: 1px solid #004B8D;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  color: #222221;
  font-weight: 500;
}

.ship-depart-badge {
  background: #c3eace;
  border: 1px solid #c3eace;
  color: #222221;
  font-size: 11px;
  border-radius: 20px;
  padding: 2px 4px;
  font-weight: normal;
}

.continerpanel .k-card {
  color: #222221;
  background-color: #fff;
  padding: 15px;
  border-radius: 0px;
  box-shadow: 0px 3px 18px #00000029;
  top: 0px;
  font-family: "Roboto", sans-serif !important;
}

.continerpanel h4 {
  font-size: 16px;
  margin-bottom: 1.5rem;
}

/*Tracking progress bar Start here*/
ul.track {
  position: relative;
  background-color: #eaeaea;
  box-shadow: 0px 2px 6px #00000029;
  height: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px;
  margin-top: 65px;
  list-style: none;
  padding: 0;
  color: #222221;
}

.track .step {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 25%;
  margin-top: -68px;
  text-align: center;
  position: relative;
}

.track .step.active:before {
  background: #004B8D;
}

.track .step span.icon {
  display: flex;
  margin: auto;
}

.track .step span.icon i {
  margin: auto;
}

.track .step::before {
  height: 7px;
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  top: 68px;
}

.track .step.active .icon {
  background: #00AB8E;
  color: #fff;
  display: flex;
  margin: auto;
}

.track .step.active .icon i {
  margin: auto;
}

.track .step.active .icon.success {
  border: 4px solid #32bea6;
  background: #fff;
  position: relative;
}

.track .step.active .icon.success .icon-circle-small {
  color: #32bea6;
  font-size: 40px;
  top: -6px;
  position: absolute;
  left: -7px;
}

.track .step.active .icon.progress {
  border: 4px solid #f76b00;
  background: #fff;
  position: relative;
}

.track .step.active .icon.progress .icon-circle-small {
  color: #f76b00;
  font-size: 40px;
  top: -6px;
  position: absolute;
  left: -7px;
}

.track p {
  font-size: 14px;
}

.track p small {
  display: inline-block;
}

.track .icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 38px;
  position: relative;
  border-radius: 100%;
  background: #eaeaea;
  font-size: 18px;
  min-width: 35px;
  padding: 0px;
  color: #c2c2c2;
}

.track .icon i.icon-Vessele-departure.rotate {
  transform: scaleX(-1);
}

.track .step.active .text {
  font-weight: 400;
  color: #000;
}

.track .text {
  display: block;
  margin-top: 7px;
  font-size: 14px;
}

.track li.inprogress .icon {
  background: #fff !important;
  border: 1px solid #f57336;
  position: relative;
  box-shadow: 0px 2px 6px #00000029;
  z-index: 3;
}

.track li.inprogress:before {
  background: #f57336 !important;
}

.track li.inprogress:after {
  width: 50%;
  content: "";
  height: 7px;
  position: absolute;
  content: "";
  left: 50%;
  top: 68px;
  /*background-color: #eaeaea; */
  z-index: 2;
}

.track li.inprogress i.icon-circle-small {
  color: #f57336;
  font-size: 50px !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.track li.inprogress.final:before, .track li.inprogress.final:after {
  width: 0%;
}

.track li.step.active {
  position: relative;
}

.track li.step.active > i {
  position: absolute;
  top: 42px;
  right: 0;
  color: #004B8D;
  font-size: 24px;
}

.track-location {
  color: #F2711C;
  font-size: 24px;
  top: 5px;
  position: relative;
}

.shadow-bottom {
  -webkit-box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 4px rgba(0, 0, 0, 0.2);
  height: 5px;
  width: 20px;
  border-radius: 50px;
}

/*Tracking progress bar Start here*/
.progressbar-wrapper {
  background: none;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 5px;
}

ul.progressbar {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  list-style: none;
  font-family: 'Roboto', sans-serif !important;
}

.progressbar h5 {
  font-size: 16px;
  font-weight: 500;
}

.progressbar h5.non-active {
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, 45%);
  margin: 0px;
  color: #ccc;
  font-weight: normal;
  font-size: 18px;
}

.progressbar li {
  list-style-type: none;
  float: left;
  font-size: 14px;
  position: relative;
  text-align: center;
  color: #7d7d7d;
  flex: 1 1 auto !important;
  font-family: "Roboto", sans-serif !important;
  width: 17%;
}

.progressbar li:before {
  width: 50px;
  height: 50px;
  font-family: 'icomoon' !important;
  line-height: 50px;
  border: 1px solid #B6B6B6;
  display: block;
  text-align: center;
  margin: 60px auto 15px auto;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.progressbar li:after {
  width: 30%;
  height: 0px;
  content: "\e8af";
  position: absolute;
  letter-spacing: 49px;
  top: 30%;
  left: -43%;
  z-index: 0;
  margin-left: 35%;
  color: #B6B6B6;
  font-size: 50px;
  font-family: 'icomoon' !important;
}

.progressbar li:first-child:after {
  content: none !important;
}

.progressbar li.active.inprogress:before {
  border-color: #f57336;
  background: #f57336;
}

.progressbar li.active.close-cancel:before, .progressbar li.active.inprogress.icon-cross.close-cancel:before {
  border-color: #b74757;
  background: #b74757;
  content: "\e8a9";
}

.progressbar li.active {
  color: #222221;
  font-weight: 600;
}

.progressbar li.active:before {
  border-color: #32BEA6;
  background: #32BEA6;
  font-size: 25px;
  color: #fff;
  font-weight: normal;
}

.progressbar li.active:after {
  content: "";
  width: 1.5em;
  height: 6px;
  color: #333;
  display: block;
  background: #32BEA6;
  border-radius: 10px;
  top: 50%;
  left: -50%;
}

.progressbar li.active.final {
  flex: unset !important;
}

.progressbar li.inprogress:after {
  background: #f57336;
}

.progressbar li.close-cancel:after {
  background: #b74757;
}

.progressbar li.non-active h5 {
  position: relative;
  top: -50px;
  margin-bottom: 0px;
}

.progressbar li.non-active:before {
  width: 50px;
  height: 50px;
  font-family: 'icomoon' !important;
  line-height: 50px;
  border: 1px solid #B6B6B6;
  display: block;
  text-align: center;
  margin: 60px auto 15px auto;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  content: "";
}

.progressbar li.non-active.final {
  flex: unset !important;
}

.track-progress .k-scrollview-elements a {
  top: 10%;
}

.panel-border {
  width: 100%;
  padding: 20px;
  color: #222221;
  font-weight: normal;
  font-size: 14px;
  border: 1px solid #999;
  border-radius: 10px;
}

.top-text {
  position: absolute;
  top: 0;
  left: 0%;
  font-weight: normal;
  text-align: center;
  margin: 0px 45px 0px 45px;
}

.collapsible-link::before {
  content: '\edbb';
  position: absolute;
  top: calc(50% - 8px);
  left: 0rem;
  display: block;
  transition: all 0.3s;
  font-family: 'icomoon' !important;
  font-size: 16px;
}

.collapsible-link::after {
  content: '';
  position: absolute;
  top: calc(50% - 7px);
  right: calc(1rem + 6px);
  display: block;
  transition: all 0.3s;
}

.collapsible-link[aria-expanded='true']::after {
  transform: rotate(90deg) translateX(-1px);
}

.collapsible-link[aria-expanded='true']::before {
  transform: rotate(90deg);
}

/* Vertical line */
.accordion-custom a {
  padding-left: 30px;
}

.accordion-custom a[aria-expanded="true"] {
  background: none;
}

.accordion > .card {
  margin-bottom: 1rem;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.input-group-search-addon {
  display: inline-block;
  position: relative;
}

.input-group-search-addon input.form-control {
  border: 1px solid #DADADA;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  border-radius: 20px;
  font-size: 14px;
}

.input-group-search-addon i {
  position: absolute;
  vertical-align: middle;
  color: #999;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  top: 0px;
  right: 0px;
  z-index: 9;
}

.modal-header {
  box-shadow: 0px 0px 12px #00000029;
}

.booking-status {
  border: 1px solid #D1D1D1;
  position: relative;
  border-radius: .25rem;
}

.booking-status label {
  position: absolute;
  top: -12px;
  left: 8px;
  background: #fff;
  padding: 0px 10px;
  font-size: 14px;
}

.span-text {
  color: #222221;
  font-weight: 600 !important;
  font-family: "Roboto", sans-serif;
  word-break: break-word;
}

.amount-right {
  color: #005389;
  font-weight: 500;
}

.quote-text {
  color: #004B8D;
}

.view-text {
  color: #DE6D00;
  font-weight: 500;
}

/*Customer Portal*/
.customer-portal .k-card {
  padding: 15px;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 3px;
}

.custom-track ul li .iconwrapper::before, .custom-track ul li .iconwrapper::after {
  width: 2em;
}

.view-custom-track.custom-track ul li .iconwrapper::before, .view-custom-track.custom-track ul li .iconwrapper::after {
  width: 10em;
}

.service-include::before {
  content: '';
  display: inline-block;
  width: 15em;
  height: 1px;
  background: #666;
  vertical-align: middle;
  margin-left: 10px;
}

.col-lg-2.align-self-center.bg-quote.p-4 {
  padding: 22px !important;
}

/*Ranger Slider start here*/
.cust-range-slider .k-slider-horizontal .k-draghandle {
  top: 3px;
  width: 12px;
  height: 12px;
}

.cust-range-slider .k-slider .k-draghandle {
  border-color: #005389;
  color: #fff;
  background-color: #005389;
  border-radius: 50%;
}

.cust-range-slider .k-slider .k-draghandle:hover {
  border-color: #005389;
  color: #fff;
  background-color: #005389;
  border-radius: 50%;
}

.cust-range-slider .k-slider-horizontal .k-slider-selection, .cust-range-slider .k-slider-horizontal .k-slider-track {
  top: 50%;
  left: 0;
  height: 5px;
  margin-top: -2px;
  background-repeat: repeat-x;
}

.cust-range-slider .k-slider .k-slider-selection {
  background-color: #de6d00;
}

.cust-range-slider .k-grid .k-slider .k-button, .cust-range-slider .k-slider .k-button, .cust-range-slider .k-slider-horizontal .k-label {
  display: none;
}

.cust-range-slider .k-slider-track {
  width: 250px;
}

.cust-range-slider .k-slider-horizontal .k-slider-buttons .k-slider-track {
  left: 15px;
}

/*Ranger Slider end here*/
ul.cust-transform {
  transform: translate(0%, 5%) !important;
}

.filter-title {
  color: #222221;
  cursor: pointer;
  background: #f4f4f4;
  padding: 6px;
  font-size: 14px;
}

.filter-title i {
  color: #244B65;
  font-size: 16px;
}

.badge-option {
  color: #222221;
  cursor: pointer;
  background: #f4f4f4;
  padding: 4px;
}

.summary-view {
  background-color: #666;
  color: #222;
  padding: 20px;
  min-width: 175px;
  box-shadow: 0px 1px 6px #00000029;
  text-align: center;
  color: #fff;
  line-height: 28px;
}

.sent-badge p {
  display: inline-block;
  float: left;
  background: #c9ebe6;
  width: 100%;
  padding: 10px;
  color: #00ab8e;
  font-weight: 500;
  text-align: center;
}

.party-details .nav-link:last-child {
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 0px;
}

.party-details .nav-link:first-child {
  border-top: 1px solid #DADADA;
  border-top-left-radius: 8px !important;
}

.file-upload-btn {
  position: relative;
}

.file-upload-btn p {
  font-weight: normal;
  transform: translate3d(0px, -10px, 0);
  font-size: 12px;
  opacity: 1;
  color: #929191;
}

.file-upload-btn .k-upload-button span {
  font-size: 0px;
}

.file-upload-btn .k-dropzone-hint {
  display: none;
}

.file-upload-btn .k-state-focused {
  box-shadow: none;
}

.file-upload-btn .k-upload .k-upload-files .k-file-name {
  top: 4px;
  left: 4px;
  color: #004B8D;
  font-weight: 500;
  font-family: "Roboto", sans-serif !important;
  text-decoration: underline;
}

.file-upload-btn .k-i-close::before {
  content: "\e8a9" !important;
  font-size: 14px;
  right: 4px;
  position: relative;
  top: -4px;
  color: red;
}

.file-upload-btn .k-upload .k-upload-button {
  min-width: 0em;
  padding: 0;
  background: none;
  border: none;
}

.file-upload-btn .k-upload-button.k-state-focused {
  box-shadow: none;
  border: none;
}

.file-upload-btn .k-upload {
  border: none;
  padding: 0;
  /*transform: translate3d(0px, -10px, 0);*/
  opacity: 1;
}

.file-upload-btn .k-upload .k-upload-files .k-file {
  padding: 0;
  width: 120px;
  float: left;
  border: none;
}

.file-upload-btn .k-upload .k-file-success .k-progress {
  background: none;
}

.file-upload-btn.k-upload .k-upload-files .k-file-extension-wrapper + .k-file-name-size-wrapper {
  margin-left: 20px;
  margin-top: 5px;
}

.file-upload-btn .k-upload-status {
  color: #fff !important;
}

.file-upload-btn .k-upload .k-upload-files {
  border: none;
}

.file-upload-btn input[type='file'] {
  opacity: 0;
  cursor: pointer;
  width: 24px !important;
  height: 24px;
  font-size: 0 !important;
  position: absolute;
}

.file-upload-btn input[disabled] + span {
  cursor: not-allowed;
}

.k-upload .k-upload-selected {
  border: none;
}

.file-upload-btn .k-upload-status .k-i-check {
  display: none !important;
}

.file-upload-btn .k-file-extension-wrapper {
  display: none;
}

.file-upload-btn .k-upload .k-dropzone {
  color: #bababa;
  width: 0;
  border: none;
  display: inline-block;
  float: left;
  padding: 0;
}

.file-upload-btn .k-upload-button span::before {
  content: "\e775";
  font-size: 20px;
  font-family: 'icomoon';
  color: #005389 !important;
}

.file-upload-btn input {
  height: 25px;
  width: 25px;
  cursor: pointer;
}

.btn a {
  color: inherit;
}

.btn a:hover {
  color: inherit;
  text-decoration: none;
}

.SDBModeLov {
  position: absolute;
  bottom: 10px;
}

.label-check .text-black label {
  color: #000000 !important;
}

.w-SBDBPck {
  width: calc(40% - 20px);
}

.info-details.summaryLcl {
  bottom: 20px;
  left: unset;
  right: -115px;
  width: 950px;
  top: unset;
  padding: 0px;
  box-shadow: none;
}

.info-details.summaryLcl span {
  color: #000;
  font-size: 12px;
}

.favStar {
  position: absolute;
  top: -15px;
  right: -5px;
}

.favseaStar {
  position: absolute;
  top: 0px;
  right: 5px;
}

.tableFooter {
  padding: 6px 10px;
  color: #8C8C8C;
  border-top: 1px solid #ccc;
  font-weight: normal;
}

.blue-dott {
  width: 10px;
  height: 10px;
  border-radius: 25px;
  background: #2eb2ff;
  margin-top: 3px;
  margin-right: 7px;
}

.dot-blue-text {
  color: #2eb2ff;
}

.commClose {
  position: absolute;
  top: -10px;
  right: 0px;
}

#commoditymodal .floating-label-group .k-numerictextbox .k-numeric-wrap.k-state-default, #Unitsnewmodal .floating-label-group .k-numerictextbox .k-numeric-wrap.k-state-default {
  height: 36px;
  background: #fff;
}

.bg-lightDark {
  background: #e8e7e7;
}

.bg-lightDark p {
  padding: 10px;
}

.mtm-10 {
  margin-top: -10px;
}

.customtable thead, .CargoPick-Up thead, .CargoDropped-off thead {
  background: #f4f4f4;
}

.customtable, .CargoPick-Up table, .CargoDropped-off table, .customtable tbody td, .CargoPick-Up table td, .CargoDropped-off table td {
  border: none;
}

.k-datepicker .k-select, .k-datetimepicker .k-select, .k-timepicker .k-select {
  background-color: transparent !important;
}

.k-datetimepicker .k-select .k-link {
  border: none;
}

.k-datetimepicker .k-select .k-link .k-i-clock:before {
  content: "\ea4f";
  color: #005389 !important;
}

.k-datetimepicker input.k-input {
  height: 100% !important;
}

.k-datetimepicker .k-select .k-link span.k-icon.k-i-clock {
  font-size: 14px !important;
  padding: 10px 0px;
}

.k-datetimepicker .k-select .k-link span.k-icon.k-i-calendar {
  font-size: 17px !important;
  padding: 7px 0;
}

span.k-picker-wrap.k-state-focused {
  box-shadow: none !important;
  border: 1px solid #004B8D;
}

.k-datetimepicker span.k-picker-wrap.k-state-focused {
  box-shadow: none !important;
  border: 1px solid #004B8D;
}

.customtable tbody tr:hover {
  background: #fbfbfb;
}

.UAM-status {
  display: flex;
}

.UAM-status-count {
  font-size: 35px;
  position: absolute;
  right: 20px;
  top: 13px;
  font-weight: 400;
}

.UAM-status-box {
  width: 300px;
  margin-right: 50px;
  padding: 30px 20px;
  display: block;
  color: #000;
  font-size: 12px;
  box-shadow: 0px 9px 12px #00000029;
  font-weight: 400;
  position: relative;
  cursor: pointer;
  border-radius: 4px;
}

.UAMSB-active {
  background: #f57336;
  color: #fff;
  box-shadow: none;
}

.Uam-client {
  /*margin-top: 50px;*/
}

.Uam-client .k-card {
  border-radius: 0;
}

.Uam-client thead {
  background: #f2f2f2;
}

.Uam-client tr th {
  padding: 7px 10px;
}

.Uam-client tr td {
  padding: 7px 10px;
  color: #666;
  border-bottom: 1px solid #f2f2f2;
}

.Uam-client tr:last-child {
  border-bottom: none;
}

.pend-status {
  background-color: #ececec;
  color: #666;
}

.BookingFilterOpen.bookingLeftopen {
  left: 15px;
}

.search3 {
  color: #f57336;
}

.userInfobg {
  background: #fbfcfd;
  padding: 0px 15px;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  width: 100%;
}

.Uam-permission {
  /*border: none;*/
}

.Uam-permission thead {
  background: #f2f2f2;
}

.Uam-permission tr th {
  padding: 7px 10px;
  font-weight: 500;
}

.Uam-permission tr td {
  padding: 7px 10px;
  color: #666;
  border-bottom: 1px solid #f2f2f2;
}

.box-shade {
  box-shadow: 0 8px 10px -6px #f5f5f5;
}

.Similarity-table tr th, .Similarity-table tr td {
  font-size: 12px;
  text-align: left;
  padding: 10px;
}

table.Similarity-table {
  width: 100%;
  font-family: 'Roboto', sans-serif !important;
}

.Similarity-table tbody tr {
  border: 2px solid #f2f2f2;
  padding: 5px;
  margin: 10px;
}

.Similarity-table tbody tr.active {
  border: none;
  padding: 5px;
  margin: 10px;
  background: #eaf9f9;
  border-radius: 10px;
}

.mt-60 {
  margin-top: 60px;
}

.backspaceIcon {
  font-size: 18px;
  top: -2px;
  position: relative;
}

.Permission-btn {
  background: #eaeaea !important;
  border: none;
  padding: 5px 7px;
  width: 100px;
  font-weight: 400 !important;
  text-align: left;
}

.Permission-btn i {
  float: right;
  top: 3px;
  position: relative;
}

.text-uam {
  color: #5a5a5a;
}

.Uam-client .icon-info-circle {
  font-size: 15px;
}

.uam-entity .badge-success {
  color: #fff;
  background-color: #28a745;
  padding: 2px;
  font-size: 10px;
  left: -7px;
  position: relative;
  top: -8px;
}

.Faqdetail-view {
  background: #fff;
  padding: 15px;
  margin-bottom: 1.5rem;
  font-family: 'Roboto', sans-serif;
  width: 100%;
}

.faq-text {
  color: #666;
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}

.fq-title {
  font-size: 12px;
  font-weight: 400;
}

.faq-accordion .card .card-header .btn-link.ques {
  font-weight: 400;
  color: #000;
  background-color: transparent;
  font-size: 12px;
  text-decoration: none !important;
  padding-left: 0;
}

.faq-accordion .card p {
  font-size: 12px;
  margin-top: 10px;
}

.send-query {
  background: #f8ded2;
  padding: 15px;
}

.qry-btn {
  background: #fff;
  border: 1px solid orange;
  padding: 10px 30px;
  border-radius: 20px;
  cursor: pointer;
}

.info-details.infopop {
  top: 155px;
}

.infopop .icon-check2 {
  font-size: 16px;
  top: -3px;
  position: relative;
  margin-right: 5px;
}

.userInfo .icon-pencil-edit {
  color: #d0d0d0;
}

.refeer-height {
  height: 100px;
}

.numeric-blue-text.w-50 {
  width: 50%;
}

.accord-border {
  width: 1%;
  padding: 0px !important;
  background: #7ECEFD;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: center;
  vertical-align: middle;
}

.accord-border.active {
  background: #004B8D;
}

.accord-border.active i {
  color: #fff;
}

.custom-toggle .btn {
  border: 1px solid #DADCE0;
  background: #fff;
}

.custom-toggle .btn.active, .custom-toggle .btn:hover {
  background: #457291;
  color: #fff;
}

.package-toggle .btn {
  border: 1px solid #DADCE0;
  background: #fff;
  color: #c5c5c5;
  height: 40px;
}

.accord-border i {
  color: #8B8B8B;
  position: relative;
  top: 40px;
}

.dropdown-menu {
  /*background-color: rgba(34, 34, 33, 1);*/
  box-shadow: 0px 3px 6px #00000029;
  width: 100%;
  min-width: unset;
  margin-top: 0px;
}

.dropdown-menu .icon-keyboard-arrow-right {
  float: right;
  font-size: 14px;
}

.dropdown-item {
  /*color: #ffffff;*/
  padding: .5rem 1rem;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #000 !important;
  text-decoration: none !important;
  background-color: #99AEBD !important;
}

.dropdown-item:active, .dropdown-item.active {
  color: #000 !important;
  text-decoration: none !important;
  background-color: #99AEBD !important;
}

.reguserQuery-btn {
  width: 110px;
}

.reguser-btn {
  width: 170px;
}

.reguser-header .dropdown-toggle::after {
  position: absolute;
  right: 10px;
  bottom: 12px;
}

.reguser-header button.btn {
  text-align: left;
  min-width: unset;
  padding: 4px 10px;
}

.reguserBKreq-btn {
  width: 150px;
}

.usrProfileIcon {
  color: #000;
  background: #fff;
  padding: 2px;
  margin-right: 7px;
}

header.booking-header.register-header {
  height: 80px;
  background-position-y: -320px;
}

header.booking-header.register-header:before {
  height: 80px;
}

.smallDateBox .k-picker-wrap.k-state-default .k-select, .smallDateBox .k-picker-wrap.k-state-default:hover .k-select {
  padding: 10px 3px 10px 0px;
}

.labelText, label.floating-label.d-block {
  font-size: 11px !important;
  color: #999999 !important;
}

/* Register My Booking */
.grey-color {
  color: #666;
}

.prefInfo {
  position: absolute;
  color: #222;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  width: 200px;
  z-index: 99;
  top: 25px;
}

.floating-label-group .custom-input.twoBox-input input.form-control {
  border-bottom: none !important;
}

.floating-label-group .custom-input.twoBox-input input.form-control:first-child {
  margin: 0;
  border-right: 1px solid #a7a7a7 !important;
}

.posBot10 {
  position: relative;
  bottom: 10px;
}

.posBot5 {
  position: relative;
  bottom: 5px;
}

.nowrap {
  white-space: nowrap !important;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.border-right {
  border-right: 1px solid #ccc;
}

.text-dark {
  color: #000000 !important;
}

/*Dashboard Start here*/
.dashboard-task {
  /*display: flex;
  flex-direction: column;*/
  background: #244b65;
  /*background: linear-gradient(180deg, rgba(22,81,131,1) 0%, rgba(57,117,163,1) 54%);*/
  border-radius: 5px;
  height: 100%;
  display: flex;
  align-items: center;
}

.ht-200 {
  height: 200px !important;
}

#chart text {
  font-size: 11px !important;
  font-family: 'Roboto', sans-serif !important;
}

.dashboard-task ul {
  list-style: none;
  margin: 0 auto;
  padding: 10px 30px;
}

.dashboard-task ul li {
  display: block;
  text-align: center;
  margin-bottom: 12px;
  padding: 10px;
  cursor: pointer;
}

.dashboard-task ul li:last-child {
  margin-bottom: 0px;
}

.dashboard-task ul li:hover {
  background: #457291;
}

.dashboard-task ul li span {
  margin-bottom: 10px;
}

.dashboard-task ul li span.task-icons {
  width: 40px;
  height: 40px;
  background: #fff;
  padding: 6px;
  text-align: center;
  border-radius: 30px;
  display: block;
  margin: 0 auto;
  font-size: 24px;
  margin-bottom: 5px;
}

.dashboard-task ul li span.task-icons i.icon-clock2 {
  color: #f57336;
}

.dashboard-task ul li span.task-icons i.icon-notifications {
  color: #ffb029;
}

.dashboard-task ul li span.task-icons i.icon-forum {
  color: #666;
}

.dashboard-task ul li span.task-numbers {
  font-size: 28px;
  display: block;
  color: #fff;
  margin-bottom: 0;
}

.dashboard-task ul li span.task-status {
  color: #fff;
  display: block;
  font-size: 14px;
}

.chart-wrapper {
  max-height: 250px;
  position: relative;
  margin-top: 0px;
}

.chart-wrapper #myChart {
  position: relative;
  z-index: 10;
}

.chart-wrapper #chartjs-tooltip {
  left: 0;
  top: 0;
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  right: 0;
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 0;
  height: 100%;
  padding: 0;
  opacity: 1 !important;
  align-items: center;
  color: #222221;
  font-size: 14px;
  font-weight: 500 !important;
  width: 175px;
  text-align: center;
}

.location-bg {
  box-shadow: 0px 3px 18px #15141429;
  padding: 5px;
  text-align: center;
}

.location-bg i {
  color: #226ab2;
  font-size: 14px;
}

.latest-booking-grid table td i.icon-vesselico {
  color: #006994;
}

.latest-booking-grid table td i.icon-airplane3 {
  color: #87ceeb;
}

.latest-booking-grid table td i.icon-directions-transit {
  color: #a4624c;
}

.card-shadow {
  box-shadow: 0px 3px 18px rgba(146, 146, 146, 0.16);
  border-radius: 5px;
}

.mx-w-100 {
  max-width: 100% !important;
}

.tab-view.quote-request div {
  width: 70px;
  height: 70px;
  line-height: 55px;
  background: #efefef;
  color: #666;
  border: none;
  transition: all 0.3s;
}

.tab-view.quote-request li.active div, .tab-view.quote-request li:hover div {
  background: #005389;
  color: #fff;
  line-height: 60px;
  transition: all 0.3s;
}

.tab-view.quote-request li.active i {
  font-size: 32px;
}

.tab-view.quote-request li.active h3 {
  color: #005389;
}

.tab-view.quote-request div i {
  font-size: 36px;
}

.quote-input input {
  height: 50px;
  margin-bottom: 10px;
  border: #ececec solid 2px;
  border-radius: 10px;
}

.quote-input button.btn-search {
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

.input-group-append .btn-outline-secondary {
  width: 50px;
  background: #de6d00;
  color: #fff;
  border: none;
  border-radius: 10px !important;
  font-size: 24px;
  margin-left: -5px;
  line-height: 18px;
  z-index: 9;
}

/*Dashboard End here*/
.quote-sent {
  background: #66666633;
  color: #666 !important;
  border: #666 !important;
}

.quote-sent:hover {
  background: #66666633;
  color: #666 !important;
  border: #666 !important;
}

.postBot10 {
  position: relative;
  bottom: 10px;
}

.terms-condition-textarea {
  min-height: 300px;
}

textarea {
  resize: none;
}

.detail-view.emilaDV {
  padding: 25px 15px;
}

.modal-sm {
  max-width: 500px;
}

textarea.form-control.shareQuote-textarea {
  height: 100px !important;
}

.main-container .tab-view ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  transform: translate(0%, 60%);
}

.icon-right-replace {
  max-width: 60px;
}

.icon-right-replace i {
  position: relative;
  top: 25px;
  color: #595959;
  font-size: 16px;
}

.filter-panel {
  background: #f4f4f4;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 1.5rem;
  font-family: "Roboto", sans-serif;
}

.filter-section-title h4 {
  font-size: 16px;
  font-weight: normal;
  color: #222221;
  margin-bottom: 15px;
}

.filter-section-title i {
  font-size: 18px;
  color: #005389;
  position: relative;
  top: 1px;
  left: 10px;
}

.filter-panel ul {
  margin-bottom: 0;
  display: flex;
  list-style: none;
  padding: 0px;
}

.filter-panel ul li {
  flex: 1 1 auto;
  margin-right: 0;
  padding: 8px;
}

.filter-panel ul h4 {
  color: #222221;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: normal;
}

.btn.qty-btn {
  border: 1px solid #ccc;
  background: #fff;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 0;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.span-count {
  background: #f57336;
  padding: 3px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  border: 1px solid #f57336;
}

/*Site Maintenance Start Here*/
.site-maintain {
  background: #457291;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.site-maintain div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.site-maintain div img {
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.site-maintain div img.move-img {
  width: 95%;
  position: absolute;
  top: -10px;
  left: 30px;
  z-index: -1;
}

.site-maintain h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0px 0px 10px #222;
  margin-bottom: 2rem;
}

.site-maintain .theme-text {
  color: #eed484;
}

.site-maintain p {
  color: #fff;
}

/*Site Maintenance End Here*/
/*Page Not Found Start Here*/
.pagenotfound {
  height: 100vh;
  width: 100%;
  overflow: hidden;
}

.pagenotfound div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.pagenotfound h1 {
  color: #e3e6e8;
  font-size: 25em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  position: relative;
}

.pagenotfound h2 {
  position: absolute;
  color: #748093;
  font-weight: bold;
  font-size: 50px;
  text-transform: uppercase;
  top: 40%;
  left: 15%;
  letter-spacing: -2px;
}

.pagenotfound h4 {
  color: #e3e6e8;
  font-size: 40px;
  font-weight: bold;
  margin: 0px;
}

.pagenotfound p {
  font-size: 16px;
  font-weight: bold;
  color: #222221;
}

.pagenotfound p a {
  color: #004B8D;
}

.pagenotfound .grey-box {
  width: 500px;
  height: 500px;
  background: #6f7c8d;
  position: absolute;
  left: -325px;
  top: 28px;
  transform: rotate(45deg);
  z-index: 3;
}

.pagenotfound .grey-lightbox {
  width: 200px;
  height: 200px;
  background: #e1e6e9;
  position: absolute;
  left: -32px;
  top: -110px;
  transform: rotate(45deg);
  z-index: 2;
}

body.not-found .body-content {
  overflow: hidden;
  height: 100%;
  padding: 0px;
}

body.not-found #headerdiv, body.not-found .fixed-footer {
  display: none;
}

body.not-found .top-70 {
  top: 0px !important;
}

body.not-found .main-container .container {
  max-width: 100%;
}

body.not-found .pb-footer {
  padding-bottom: 0px !important;
}

/*New Layout Start Here*/
#pagenotfound {
  height: 100vh;
  padding: 50px;
}

#pagenotfound .row {
  height: 100%;
}

#pagenotfound .col-lg-6 {
  display: flex;
}

#pagenotfound .col-lg-6 .error-content {
  margin: auto;
}

#pagenotfound .col-lg-6 .error-content h4 {
  font-size: 42px;
  font-weight: bold;
  color: #222221;
  opacity: .4;
}

#pagenotfound .col-lg-6 .error-content h4 span {
  color: #457291;
}

#pagenotfound .col-lg-6 .error-content h1 {
  font-size: 80px;
  font-weight: 800;
  color: #457291;
  letter-spacing: 2px;
}

#pagenotfound .col-lg-6 .error-content p {
  font-size: 24px;
  font-weight: 500;
  color: #222221;
}

#pagenotfound .col-lg-6 .error-content a {
  color: #005389;
}

#pagenotfound .col-lg-6 .error-img {
  margin: auto;
}

#pagenotfound .col-lg-6 .error-img img {
  width: 700px;
}

/*New Layout End Here*/
/*Page Not Found End Here*/
/*GOWTHAM*/
/*17-AUG-2021*/
/*MY BOOKING*/
.tras-btn .icon-btn-trash {
  position: relative;
  top: -5px;
}

.icon-note-bu .icon-file-text4 {
  font-size: 30px;
  color: #fff;
}

.icon-note-bu .icon-notepad2 {
  font-size: 30px;
  color: #fff;
}

#rejection-details .modal-xlg {
  width: 50% !important;
}

#rejection-details .custom-textarea-ht1 {
  min-height: 70px !important;
}

.icon-note-bu {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  align-self: center;
}

.submit-drpdwn {
  background: #fff;
}

.submit-drpdwn .icon-Down_fabric_icon {
  font-size: 6px;
  position: relative;
  top: 4px;
  left: 3px;
}

.info-sailing.version-drop-1, .info-sailing.version-drop-2 {
  position: absolute;
  right: 12px;
  width: 800px;
  top: 33px;
}

.version-drop-1 .booking-card tr th, .booking-card tr td, .version-drop-2 .booking-card tr th, .booking-card tr td {
  text-align: left;
}

.version-drop-1 .booking-card tbody tr:nth-child(1), .version-drop-2 .booking-card tbody tr:nth-child(1) {
  background: #e3eef9;
}

.version-btn {
  float: right;
  border: 1px solid #d6d6d6;
}

.kg-cms .form-input-addon .input-group-append {
  position: absolute;
  right: 28px;
  top: 33px;
}

.icon-align-cm {
  position: relative;
  cursor: pointer;
}

.icon-Down_fabric_icon {
  position: absolute;
  left: 21px;
  top: 5px;
  font-size: 6px;
}

.fw-600 {
  font-weight: 600;
}

/*Anand New SCSS*/
.custom-input .form-control.k-textbox > .form-control.k-textbox {
  padding: 0;
  top: 0px;
}

/*.k-item.k-state-focused,*/
.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
  color: #fff !important;
  background-color: #244b65 !important;
  box-shadow: none !important;
}

.k-combobox.k-combobox-clearable .k-input {
  padding-right: calc(16px + 1rem) !important;
}

.k-list-container {
  border-color: #eaeaea;
  background-color: #fff;
}

.k-listbox .k-item, .k-popup .k-list .k-item {
  line-height: 28px;
}

/*changes start here*/
.check-icon {
  color: #32BEA6 !important;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 1px;
  cursor: pointer;
}

/*Drop down select focused start here*/
.k-list {
  font-family: "Roboto", sans-serif !important;
}

.k-popup .k-list .k-item.k-state-focused {
  box-shadow: none;
}

#mulSpecialHandling-list.k-popup .k-list .k-item.k-state-focused, #autoPreferredCarrier-list.k-popup .k-list .k-item.k-state-focused,
#autoDBCommodity-list.k-popup .k-list .k-item.k-state-focused, #businessEntity-list.k-popup .k-list .k-item.k-state-focused,
#PartyType-list.k-popup .k-list .k-item.k-state-focused, #Commodity-list.k-popup .k-list .k-item.k-state-focused, #Country-list.k-popup .k-list .k-item.k-state-focused,
#autoPartyStateName-list.k-popup .k-list .k-item.k-state-focused, #City-list.k-popup .k-list .k-item.k-state-focused, #mulSelectPartyType-list .k-list .k-item.k-state-focused,
#PrefTransphl-list .k-list .k-item.k-state-focused, #ResTransphl-list .k-list .k-item.k-state-focused, #autoPickupZipCode-list .k-list .k-item.k-state-focused {
  border: 1px solid #244b65 !important;
  color: #fff !important;
  background-color: #244b65 !important;
}

.k-listbox .k-item {
  line-height: 28px;
  background-color: #cee1f5 !important;
  color: #222221 !important;
  box-shadow: none;
  border: none;
}

.k-list .k-item.k-state-selected, .k-list-optionlabel.k-state-selected {
  background-color: #244b65 !important;
  color: #fff !important;
  border: none;
  background-image: none;
}

/*Drop down select focused end here*/
.appliedFilter-h1 {
  color: #666;
}

.appliedFilterValue {
  color: #004B8D !important;
  text-decoration: underline !important;
  cursor: pointer;
}

.appliedFilterValue:hover {
  color: #004B8D !important;
  text-decoration: underline !important;
}

.floating-label span, .ValidationSummary {
  color: #FF3737;
}

#changeLogFilter {
  left: 0px;
  top: 35px;
  padding: 15px;
  box-shadow: 0px 5px 8px #00000029;
}

.k-autocomplete .k-i-loading, .k-multiselect .k-i-loading {
  font-size: 20px !important;
  top: 6px;
  opacity: .5;
}

#routemodal .modal-dialog {
  max-width: 1200px;
}

.cust-edit i:hover {
  color: #666;
  cursor: pointer;
}

.party-scroll {
  max-height: calc(100vh - 245px);
  overflow-x: hidden;
  overflow-y: auto;
}

#addpartiesmodal .modal-body {
  max-height: unset;
  overflow: hidden;
}

.wid-subdown.k-button {
  padding: 5px 10px;
  background: #f4f4f4;
  color: #222221;
  min-width: 100px !important;
}

.wid-subdown.k-button:hover {
  background-color: #e7e7e7;
}

.wid-subdown.k-button:focus {
  border: none;
  box-shadow: none;
}

.route-modal .tab-view {
  width: 230px;
  background-color: #244b65;
  color: #222221;
  padding: 15px;
  box-shadow: 0px 1px 6px #00000029;
  position: relative;
}

.route-modal .tab-view ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.route-modal .tab-view ul li {
  flex: 1 1 auto !important;
  list-style: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
  margin-right: 0px;
}

.route-modal .tab-view div {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  border: 1px dashed #fff;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
}

.route-modal .tab-view div.active {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  background: #fff;
  color: #222221;
  border: 1px solid #fff;
  margin-bottom: 0px;
  top: -5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.grid-comboo .k-combobox.k-combobox-clearable c {
  padding-right: calc(16px + 0.2rem) !important;
}

.w-80 {
  width: 80% !important;
}

#ClientUAMGrid tbody tr td.k-state-selected {
  background: inherit !important;
}

#ClientUAMGrid tbody tr td.k-state-selected .k-input {
  width: 100% !important;
}

/*Custom column 5 start here*/
.custom-sm-5 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

/*Custom column 5 End here*/
.information-tab {
  display: flex;
  justify-content: space-between;
  background-color: #fbfcfd;
  padding: 10px;
}

.information-tab > div {
  align-self: center;
}

#businessEntity-list.k-list-container {
  white-space: inherit !important;
  text-overflow: ellipsis;
  max-width: 650px;
  width: 550px !important;
  min-width: 100px;
}

#LandingRouteShipmentType-list.k-list-container {
  white-space: inherit !important;
  text-overflow: ellipsis;
  max-width: 650px;
  width: 200px !important;
  min-width: 100px;
}

.no-container.k-card {
  min-height: 90px;
  justify-content: end;
}

.no-container.k-card .nocontainer-sec {
  text-align: center;
  margin: auto;
  font-family: "Roboto", sans-serif !important;
  color: #e8e8e8;
}

.container-outof {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container-outof label {
  display: flex;
  margin-bottom: 0px;
  align-items: center;
}

.container-outof .count-span {
  background: #eaeaea;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  line-height: 25px;
  margin-right: 5px;
  color: #244b65;
}

.header-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add-textflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 200px;
}

.commodity-flow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 600px;
}

.myquote-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 275px;
  display: inline-block;
}

.fcl-flow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 200px;
}

.track-book1 .iconwrapper:before, .track-book1 .iconwrapper:after {
  width: 17.5em !important;
}

.track-book1 .track-textflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 100px;
}

.LCL-textflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 250px;
  display: inline-block;
}

.inco-panel {
  background-color: #F3F3F3;
  border-radius: 5px;
  display: flex;
  padding: 15px;
  min-height: 150px;
}

.inco-panel .shipment-title {
  font-size: 16px;
  font-weight: normal;
  color: #222221;
  background: #F3F3F3;
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.inco-panel .inco-sec {
  flex-basis: 50%;
  margin-right: 15px;
  background-color: #fbfcfd;
  border-radius: 6px;
  min-height: 120px;
}

.inco-panel .sizetype-sec {
  flex-basis: 38%;
  margin-right: 15px;
  background-color: #fbfcfd;
  border-radius: 6px;
  min-height: 120px;
}

.inco-panel .addwt-sec {
  flex-basis: 20%;
  margin-right: 15px;
  background-color: #fbfcfd;
  border-radius: 6px;
  min-height: 120px;
}

.inco-panel .nocontain {
  flex-basis: 12%;
  margin-right: 15px;
  background-color: #fbfcfd;
  border-radius: 6px;
  min-height: 120px;
  margin-right: 0px;
  justify-content: center;
}

.inco-panel .k-card {
  box-shadow: none;
  display: flex;
  border: none;
  background: none;
  padding: 15px;
}

.carrier-panel {
  background: #F3F3F3;
  display: flex;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 1rem;
}

.carrier-panel .field-center {
  align-self: center;
  flex-basis: 32%;
  margin-right: 1.5rem;
}

.carrier-panel .field-center:first-child {
  flex-basis: 4%;
  justify-content: center;
  align-self: center;
  display: flex;
  margin-right: 12px;
}

.carrier-panel .field-center:last-child {
  margin-right: 0px;
}

.request-qty {
  display: flex;
  justify-content: space-between;
}

.request-qty > div.req-field {
  flex-basis: 32%;
}

.inco-flex {
  display: flex;
  justify-content: space-between;
}

.inco-flex > div {
  flex-basis: 28%;
}

.inco-flex .role {
  flex-basis: 14%;
}

.inco-flex .frieght {
  flex-basis: 20%;
}

#incoterm .booking-toggle .btn.k-button {
  height: 36px;
}

/*Grid more that 5 tooltip start here*/
.address-overflow tr td:last-child {
  white-space: normal !important;
}

.address-overflow tr td:last-child span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 5;
}

.address-overflow tr td:first-child {
  white-space: normal !important;
}

.address-overflow tr td:first-child span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 2;
}

/*Grid more that 5 tooltip end here*/
/*UAM GB Fixes starts*/
.InfoTooltip {
  position: relative;
  top: 100px !important;
}

.booking-toggle .btn.k-state-active:hover {
  border-color: #244b65;
  width: auto;
}

.STiconLov {
  display: inline-block;
  width: 25px;
}

.carriage-toggle .icon-My-Dfs_Barge {
  font-size: 8px;
}

.carriage-toggle button[disabled=disabled] {
  background: unset !important;
  color: #999 !important;
}

.BookingAddicon {
  position: absolute;
  top: 45px;
  margin-left: 5px;
}

.cust-numeric input.k-formatted-value {
  padding-right: 20px !important;
}

.cust-numeric.size-numeric input.k-formatted-value {
  padding: .375rem .75rem !important;
}

/*UAM GB Fixes ends*/
/*Grid more that 5 tooltip end here*/
button#simaliritybatchIcon {
  font-size: 14px;
  border: none;
}

button#simaliritybatchIcon[disabled=disabled] {
  pointer-events: auto;
  cursor: not-allowed;
}

#RouteIncoterm-list.k-list-container {
  white-space: inherit !important;
  text-overflow: ellipsis;
  max-width: 300px;
  width: 300px !important;
  min-width: 100px;
}

.main-filter .tab-view {
  display: flex;
}

.main-filter .tab-view ul {
  /*margin:auto;*/
  transform: unset;
  position: relative;
  top: 50px;
}

.no-container #RequestconrtainerList {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 84px;
  padding-right: 5px;
}

#Role .btn:first-child {
  margin-left: 0px !important;
}

.container-header {
  display: flex;
  justify-content: space-between;
}

.container-header.flex-column {
  flex-direction: column;
}

.commodity-sec {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.container-weight {
  display: flex;
  justify-content: space-between;
}

.container-weight > div {
  flex: 1;
  margin: 0 10px;
}

#DBCargo .booking-card {
  width: 100%;
}

/*Updated changes 17-Nov-21 Start Here*/
.merge-field {
  display: flex;
}

.merge-field .k-textbox {
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.merge-field .k-textbox:focus, .merge-field .k-textbox.k-state-focused {
  box-shadow: none;
}

.merge-field .k-combobox .k-dropdown-wrap {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: none;
}

.merge-field .k-combobox .k-dropdown-wrap:focus, .merge-field .k-combobox .k-dropdown-wrap.k-state-focused {
  box-shadow: none !important;
}

.merge-field .k-combobox .k-dropdown-wrap input.k-input {
  padding: 0.375rem 0.375rem;
}

.cust-drop .k-dropdown {
  background: none;
}

.cust-drop .k-dropdown-wrap {
  height: 20px !important;
  border: none !important;
  background: none !important;
  top: -2px;
}

.cust-drop .k-dropdown-wrap.k-state-focused {
  box-shadow: none !important;
}

.cust-drop .k-dropdown-wrap span.k-input {
  padding: 0.37rem 0.375rem !important;
  width: 100%;
  height: calc(0.75rem + 1em) !important;
}

.party-body {
  padding: 0 15px;
  position: relative;
}

.party-body a.party-arrow-left {
  position: absolute;
  top: 50%;
  color: #eee;
  font-size: 18px;
  cursor: pointer;
  left: 0px;
}

.party-body a.party-arrow-left:hover {
  color: #bbb;
}

.party-body a.party-arrow-right {
  position: absolute;
  top: 50%;
  color: #eee;
  font-size: 18px;
  cursor: pointer;
  right: 0px;
}

.party-body a.party-arrow-right:hover {
  color: #bbb;
}

.shipment-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shipment-flex div {
  flex-basis: 16%;
}

/*07-Dec-2021 Start here*/
.multi-scroll .k-multiselect-wrap {
  height: 110px;
  overflow-y: auto;
  overflow-x: hidden;
}

.air-inco.inco-panel .inco-sec {
  flex-basis: 85%;
}

.air-inco.inco-panel .addwt-sec {
  flex-basis: 15%;
  margin-right: 0px;
}

.air-inco.inco-panel .inco-flex > div {
  flex-basis: 38%;
}

.air-inco.inco-panel .inco-flex .role {
  flex-basis: 8%;
}

.air-inco.inco-panel .inco-flex .frieght {
  flex-basis: 12%;
}

.centi-label {
  position: absolute;
  top: 3px;
  right: 4px;
  background: #fff;
  margin-bottom: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}

.k-state-disabled ~ .centi-label {
  background-color: transparent;
  margin-bottom: 0px;
  cursor: not-allowed;
}

.cargo-type-list {
  display: flex;
}

.cargo-type-list .tot-wt {
  flex-basis: 15%;
  padding: 0px 15px;
}

.cargo-type-list .pck-type {
  flex-basis: 33%;
  padding: 0px 15px;
}

.cargo-type-list .uncode {
  flex-basis: 14%;
  padding: 0px 15px;
}

.grey-text {
  white-space: break-spaces;
}

.flex-wrap {
  display: flex !important;
  flex-wrap: wrap;
}

.card.k-edit-item .flex-wrap > .checkbox {
  flex-basis: 8%;
}

.card .flex-wrap > .checkbox {
  flex-basis: 6%;
}

.comma-position {
  top: 12px !important;
}

.commodity-panel {
  box-shadow: 0px 0.3px 4px #00000005;
  border: 1px solid #F6F6F6;
  border-radius: 6px;
  padding: 10px;
}

.cargo-disable .cargo-type span {
  cursor: not-allowed !important;
}

.cargo-disable .cargo-type span i {
  pointer-events: none;
}

.ref-upload .file-upload-btn .k-upload .k-upload-files .k-file {
  width: 100%;
  background: #f3f3f3;
}

.ref-upload .k-file-name-size-wrapper {
  margin-left: 0px !important;
  flex: inherit !important;
}

.ref-upload .k-file-name-size-wrapper a {
  text-decoration: underline;
  color: #244b65;
}

.ref-upload button.k-button {
  background: none !important;
  opacity: 1 !important;
}

.ref-upload button.k-button span.k-icon {
  text-indent: inherit !important;
}

.ref-upload button.k-button span.k-icon:before {
  color: #d91919;
  font-size: 16px;
}

.ref-upload .k-upload .k-upload-status-total {
  display: none;
}

.container-header .label-check input[type="checkbox"]:checked + label:before {
  width: 4px;
  height: 10px;
}

.ref-scroll {
  max-height: 230px;
  overflow-y: auto;
  overflow-x: hidden;
}

#DBCargo .card[data-role="editable"] .spl-handling-btn:focus {
  box-shadow: none !important;
}

#PartyDetail .cust-party-textarea {
  min-height: 170px !important;
}

.attachment-panel {
  display: flex;
  background: #fff;
  padding: 4px;
}

.attachment-panel .k-upload .k-upload-button {
  min-width: 2.5em;
  padding: 0;
  background: #fff;
  border: none;
  margin-left: 2px;
  margin-top: 2px;
  box-shadow: 0px 3px 6px #ccc;
}

.attachment-panel span.place-text {
  color: #999;
  padding-left: 3.5rem;
}

.ref-trash {
  align-self: center;
  flex-basis: 12%;
}

.zip-icon {
  top: -2px !important;
  color: #616161 !important;
  font-size: 14px !important;
}

.input-group-addon .k-textbox, .input-group-addon > .icontextbox.pl-35 {
  padding-left: 35px !important;
}

.party-details .tab-content {
  position: relative;
  /*padding-right: 50px !important;*/
}

.party-details .party-action {
  background: #F6F6F6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 2px;
  display: flex;
  flex-direction: column;
}

.party-details .party-action button {
  margin-bottom: 2px;
}

.party-details .party-action button:last-child {
  margin-bottom: 0px;
}

.icon-box2.warn-icon {
  color: #457291 !important;
}

.tot-cargo {
  color: #8C8C8C;
  font-weight: 500;
  white-space: break-spaces;
  font-size: 14px;
}

.group-text {
  color: #666;
}

.cust-drop-arrow {
  width: 35%;
}

.celcius-arrow {
  width: 25%;
}

.cmt-arrow {
  width: 20%;
}

.tot-over {
  width: 15%;
}

.upload-tooltip {
  pointer-events: none;
}

.upload-tooltip .k-file.k-file-success .k-file-name, .upload-tooltip .k-button-icon {
  pointer-events: all;
}

.commodity-group label, .commodity-group p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 3;
}

.refno-view p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 2;
}

.text-sm {
  display: none;
}

/*Party section Popup Start Here*/
.party-section {
  border: none;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 5px;
  padding: 15px;
  font-family: "Roboto", sans-serif;
}

.party-section.k-grid table {
  border-collapse: separate;
  border-spacing: 0em 5px !important;
}

.party-section .k-grid-header {
  background: none;
  border: none;
}

.party-section .k-grid-header-wrap.k-auto-scrollable {
  border: none;
}

.party-section .k-grid-content.k-auto-scrollable {
  max-height: calc(100vh - 450px);
  overflow: auto;
  overflow-x: hidden;
}

.party-section tr {
  border: 1px solid #eaeaea;
}

.party-section tr:hover {
  background-color: #f2faff !important;
}

.party-section tr.k-alt {
  background: none;
}

.party-section th {
  background: #fff;
  border-width: 0px !important;
  vertical-align: middle !important;
  padding: 10px 12px !important;
  font-size: 13px;
  font-weight: 500 !important;
  color: #222221;
}

.party-section td {
  vertical-align: middle;
  padding: 10px 12px;
  font-size: 13px;
  border: 1px solid #eaeaea;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px !important;
}

.party-section td:first-child {
  border-left-width: 1px !important;
  border-radius: 5px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.party-section td:nth-child(2) span {
  -webkit-line-clamp: 5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.party-section td:last-child {
  border-right-width: 1px;
  border-radius: 5px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.party-group a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  max-height: 52px;
  min-height: 32px;
}

.address-tooltip {
  min-height: 40px;
}

.address-tooltip span {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  color: #666;
}

.text6-color {
  color: #666;
}

/*Party section Popup End Here*/
.break-word {
  word-break: break-word;
}

#DirectBookingPartyGrid ::-webkit-scrollbar, #DirectBookingPartyGrid::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 20px;
  background-clip: padding-box;
  border: none;
  color: #666;
  background: none;
}

.changel-log-grid table tbody tr:hover .span-trash {
  background-color: #fff;
}

.cargo-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.info-modal .modal-header {
  text-align: center;
  display: flex;
  box-shadow: none;
  border: none;
}

.info-modal .modal-title {
  color: #F57336;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0px;
}

.info-modal i {
  font-size: 32px;
}

.info-modal .modal-title.info-title {
  color: #457291;
}

.info-modal .modal-title.stopper-title {
  color: #D91919;
}

.info-modal .modal-body {
  text-align: center;
}

.info-modal .modal-body p {
  margin-bottom: 0px;
}

.info-modal .modal-footer {
  border: none;
  margin: 0 auto;
}

.party-field {
  display: flex;
}

.party-field div.cust-mulitiselect {
  flex: auto;
}

.download-link {
  color: #004B8D;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}

.origin-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 82px;
  display: inline-block !important;
}

.POO-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block;
  max-width: 62px;
}

.incoterm-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 245px;
  display: inline-block;
}

.party-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 300px;
}

.container-scroll {
  max-height: 110px;
  overflow: auto;
  overflow-x: hidden;
}

.service-include-panel .origin-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 200px;
  display: inline-block !important;
}

.shipment-panel {
  display: flex !important;
  flex-wrap: wrap;
}

.shipment-panel > div {
  flex-basis: 20%;
  padding-right: 10px;
}

.shipment-panel div.w-12 {
  flex-basis: 12%;
}

.shipment-panel div.w-22 {
  flex-basis: 22%;
}

.shipment-panel div.w-25 {
  flex-basis: 25%;
}

/*Booking summary Start Here - 18-08*/
.container-booking-list #scrollView {
  min-height: 174px;
  border: none;
}

.container-booking-list #scrollView .booking-card {
  padding-bottom: 10px;
  height: 172px;
}

.container-booking-list #scrollView.k-widget * {
  box-sizing: border-box;
}

.container-booking-list .cargo-details ul li:last-child {
  border-right: none;
}

.container-booking-list .k-scrollview-page > .row {
  width: calc(100% - 8px);
  margin: 0 auto;
}

.container-booking-list .k-i-arrowhead-e::before {
  color: #666;
  font-size: 16px;
  content: "\edbb";
  left: -2px;
}

.container-booking-list .k-i-arrowhead-w::before {
  color: #666;
  font-size: 16px;
  content: "\edc3";
  left: -2px;
}

.container-booking-list .k-scrollview-page {
  width: 100% !important;
}

/*Booking Start Here*/
.booking-scrollview #containerCargoTemplate3 {
  min-height: 160px;
  border: none;
  background-color: transparent;
}

.booking-scrollview #containerCargoTemplate3 .k-scrollview-elements {
  display: block;
}

.booking-scrollview #containerCargoTemplate3 .k-scrollview-nav-wrap {
  display: none;
}

.booking-scrollview #containerCargoTemplate3.k-widget * {
  box-sizing: border-box;
}

.booking-scrollview .k-scrollview-page > .row {
  width: calc(100% - 8px);
  margin: 0 auto;
}

.booking-scrollview .k-i-arrowhead-e::before {
  color: #666;
  font-size: 16px;
  content: "\edbb";
  left: -2px;
}

.booking-scrollview .k-i-arrowhead-w::before {
  color: #666;
  font-size: 16px;
  content: "\edc3";
  left: -2px;
}

.booking-scrollview .k-scrollview-page {
  width: 100% !important;
  background: none;
}

.booking-scrollview li.k-scrollview-page:hover {
  background: none;
  box-shadow: none;
}

#MBCargoList {
  border: none;
}

#MBCargoList .k-listview-content {
  overflow-x: hidden;
}

#MBCargoList.k-widget * {
  box-sizing: border-box;
}

.container-view-1 {
  display: flex;
  gap: 10px;
}

.container-view-1 .booking-card1 {
  list-style: none;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  float: left;
  background: #fbfcfd;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
  flex-basis: 20%;
}

.container-view-1 .booking-card1 p {
  color: #222221 !important;
}

.container-view-1 .booking-card1 label {
  color: #b6b6b6 !important;
}

.container-view-1 .booking-card1 h6 {
  color: #222221 !important;
}

.container-view-1 .booking-card1 i.icon-trash-o {
  color: #D91919 !important;
}

.container-view-1 .booking-card1:hover {
  background: #457291;
  box-shadow: 0px 10px 20px #244b6526;
  position: relative;
}

.container-view-1 .booking-card1:hover p, .container-view-1 .booking-card1:hover label, .container-view-1 .booking-card1:hover h6, .container-view-1 .booking-card1:hover i.icon-trash-o {
  color: #fff !important;
}

.container-view-1 .booking-card1.active {
  background: #457291;
  box-shadow: 0px 10px 20px #244b6526;
  position: relative;
}

.container-view-1 .booking-card1.active p, .container-view-1 .booking-card1.active label, .container-view-1 .booking-card1.active h6, .container-view-1 .booking-card1.active i.icon-trash-o {
  color: #fff !important;
}

.container-view-1 .booking-card1.active:before {
  content: '';
  background-color: transparent;
  border-right: 12px solid transparent;
  position: absolute;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #457291;
  border-top: 12px solid transparent;
  bottom: -20px;
  left: 45%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*Booking End Here*/
.service-label {
  color: #000;
  display: flex;
}

.service-label i {
  width: 20px;
}

#partyScrollView .k-scrollview-elements {
  display: block !important;
}

.pary-view-list #partyScrollView {
  min-height: 320px;
  border: none;
}

.pary-view-list #partyScrollView.k-widget * {
  box-sizing: border-box;
}

.pary-view-list .cargo-details ul li:last-child {
  border-right: none;
}

.pary-view-list .k-scrollview-page > .row {
  width: calc(100% - 8px);
  margin: 0 auto;
}

.pary-view-list .k-i-arrowhead-e::before {
  color: #666;
  font-size: 16px;
  content: "\edbb";
  left: -2px;
}

.pary-view-list .k-i-arrowhead-w::before {
  color: #666;
  font-size: 16px;
  content: "\edc3";
}

.pary-view-list .k-scrollview-page {
  width: 100% !important;
}

.pary-view-list h5 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 300px;
  display: inline-block;
}

.pary-view-list .col {
  max-width: 25%;
  padding: 0px 10px !important;
}

.pary-view-list .booking-card {
  width: auto;
  margin-top: 10px;
  margin-bottom: 1rem;
  height: auto;
}

.pary-view-list .modal-footer {
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  padding-top: 10px;
}

.count-post {
  position: relative;
  font-weight: 500;
}

.dis-wrap {
  display: flex !important;
  flex-wrap: wrap;
}

.dis-wrap label {
  display: block;
}

.dis-wrap p.size-type {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 200px;
  display: inline-block;
}

.totwt-label:before {
  content: "Total weight";
}

.totvol-label:before {
  content: "Total volume";
}

.wtpkg-label:before {
  content: "Weight/pkg.";
}

.volpkg-label:before {
  content: "Volume/pkg.";
}

.cargo-details small {
  color: #666;
}

.otherservice-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 225px;
  display: inline-block;
}

.commodity-flex {
  margin-bottom: .75rem;
}

.commodity-flex .btn {
  padding: 0px;
  margin-left: .5rem;
}

.commodity-flex .btn:hover {
  background-color: transparent;
}

.commodity-flex .btn:focus {
  box-shadow: none !important;
}

.shipment-full {
  display: flex;
  flex-wrap: nowrap;
}

.shipment-full div.w-100 {
  flex-basis: 100%;
  padding: 0px 15px;
}

.shipment-full div.w-35 {
  flex-basis: 35%;
  padding: 0px 15px;
}

.shipment-full .flx-24 {
  flex-basis: 24%;
}

.shipment-full .flx-12 {
  flex-basis: 12%;
}

.shipment-full.air-shipment .flx-24 {
  flex-basis: 20%;
}

.shipment-full.air-shipment .flx-12 {
  flex-basis: 20%;
}

.noref-data {
  min-height: 75px;
}

.noref-data h5 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #cbcbcb;
  font-weight: normal;
}

.just-center {
  display: flex;
  justify-content: center;
}

.info-close {
  display: flex;
}

.info-close h4 {
  flex: 1;
}

.info-close .close {
  align-self: center;
}

/*Booking summary End Here - 18-08*/
.line-btn {
  font-size: 14px !important;
  font-weight: normal !important;
}

.sticky-top-cust .btn {
  font-size: 14px !important;
  font-weight: normal !important;
}

#autoPreferredCarrier-list.k-list-container {
  width: 482px !important;
}

#autoMBHsCode-list.k-list-container {
  width: 400px !important;
}

.grid-max-count {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}

.grid-max-count label {
  margin-bottom: 0px;
  color: #8C8C8C;
  font-weight: 500;
}

.grid-max-count .max-count {
  color: #f57336;
  font-style: italic;
  font-weight: 500;
}

/*track and Trace Start Here*/
.border-none {
  border: none !important;
  border-bottom: none !important;
}

.track-header {
  background: #fbfcfd;
  padding: 15px;
}

.track-header.panel-scroll {
  display: block;
  max-height: calc(100vh - 642px);
  overflow: auto;
  overflow-x: hidden;
}

.track-progress #BKheaderscrollView, .track-progress #ContainerStatusScrollView {
  height: 225px;
  border: none;
  background-color: transparent;
}

.track-progress #BKheaderscrollView.k-widget *, .track-progress #ContainerStatusScrollView.k-widget * {
  box-sizing: border-box;
}

.track-progress #BKheaderscrollView .k-scrollview-elements, .track-progress #ContainerStatusScrollView .k-scrollview-elements {
  display: block;
}

.track-progress li.k-scrollview-page {
  width: 100% !important;
}

.track-progress li.k-scrollview-page ul {
  flex: 1;
}

.track-progress .top-text {
  width: 100%;
  margin: auto;
}

.track-progress .k-i-arrowhead-e::before {
  color: #666;
  font-size: 16px;
  content: "\edbb";
  left: -2px;
}

.track-progress .k-i-arrowhead-w::before {
  color: #666;
  font-size: 16px;
  content: "\edc3";
  left: -2px;
}

.track-progress .k-scrollview-nav-wrap {
  display: none;
}

#ContainerStatusScrollView .k-scrollview-next {
  top: 16%;
  right: 1%;
}

#ContainerStatusScrollView .k-scrollview-prev {
  top: 16%;
  left: 1%;
}

#Trackbtn {
  padding: 6px 20px;
}

/*track and Trace End Here*/
/*Get Rates Start Here*/
.please-fill {
  height: calc(100vh - 600px);
  display: flex;
  width: 100%;
}

.please-fill p {
  margin: auto;
  padding: 12px;
  background: #f4f4f4;
  color: #ccc;
  font-weight: normal;
  font-size: 12px;
}

.view-details {
  display: block;
  margin-top: 0.5rem;
  color: #457291;
  font-weight: 500;
}

a.view-details[aria-expanded="true"] .rotate-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.container-type-scroll {
  overflow: auto;
  overflow-x: hidden;
  max-height: 175px;
  width: calc(100% + 10px);
}

/*Get Rates Start Here*/
/*Shipping Instruction Start Here*/
.BookingactionIcons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.SI-intruction {
  display: flex;
  align-items: center;
}

.SI-intruction .flx-50 {
  flex-basis: 50%;
}

.SI-intruction .hbl-btn {
  margin-left: auto;
}

.view-border {
  border-bottom: 1px solid #f76b00;
  padding-bottom: 1.5rem;
}

/*Shipping Instruction End Here*/
.track-lov .k-combobox.k-combobox-clearable .k-input {
  padding-right: calc(16px + 2.5rem) !important;
}

.track-lov .floating-label-group .k-combobox .k-dropdown-wrap .k-clear-value {
  right: calc(.325rem + 16px);
}

.k-list-container#comDBVolumeScale-list {
  width: 200px !important;
}

.k-list-container#comMBVolumeScale-list {
  width: 200px !important;
}

.input-addon {
  position: relative;
  display: flex;
}

.input-addon .k-dropdown {
  width: 45% !important;
  position: absolute;
  top: 2px;
  right: 2px;
}

.input-addon .k-dropdown .k-dropdown-wrap {
  height: 32px;
  border: none;
}

.tot-amt-td {
  color: #595959;
  font-size: 14px;
  font-weight: normal;
}

.float-mb0 .floating-label-group {
  margin-bottom: 0px;
}

.hide-detail-btn {
  display: flex;
  flex-direction: column;
}

.hide-detail-btn .btn {
  margin-left: auto;
}

.hide-detail-btn a {
  margin-left: auto;
  margin-top: 0.5rem;
}

.hide-detail-btn a.view-details:before {
  content: "View Details";
  color: #005389;
}

.hide-detail-btn a.hide-details:before {
  content: "Hide Details";
  color: #005389;
  font-weight: 500;
}

.hide-detail-btn a.hide-details .rotate-icon {
  webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}

.si-grid-flow span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 500px;
  display: inline-block;
}

#shippinginstructiondetails #partyScrollView .k-scrollview-nav-wrap {
  display: none;
}

#collapseThree3 .sticky-btn {
  right: 3px;
  top: 55px;
  box-shadow: -2px 3px 6px #00000029;
}

#collapseThree3 .cargo-details-list {
  width: calc(100% - 30px);
}

.track-container {
  height: 200px !important;
}

.track-container .k-scrollview-wrap {
  height: 200px !important;
}

.track-container .k-scrollview-page {
  height: 200px !important;
}

.track-container .k-scrollview-next {
  top: 23% !important;
  right: 10px !important;
}

.track-container .k-scrollview-prev {
  top: 23% !important;
  left: 10px !important;
}

.track-container .k-i-arrowhead-e::before {
  color: #666;
  font-size: 16px;
  content: "\edbb";
  left: -2px;
}

.track-container .k-i-arrowhead-w::before {
  color: #666;
  font-size: 16px;
  content: "\edc3";
  left: -2px;
}

.track-container .k-scrollview-elements {
  display: block;
}

.track-container .k-scrollview-nav-wrap {
  display: none;
}

.cheapest-btn .btn {
  height: 36px;
}

/*.flx-ul{
    ul{
        height:55px;
        line-height:40px;
    }
}*/
.FCL-filter {
  display: flex;
  gap: 30px;
  align-items: center;
}

.FCL-filter .filter-1.ml-auto {
  margin-left: auto;
}

.FCL-filter.gap-10 {
  gap: 10px;
}

.FCL-filter.align-items-unset {
  align-items: unset;
}

.FCL-filter .routeBox {
  flex: 1;
}

.flex-card-w {
  display: flex;
  flex-wrap: wrap;
}

.container-count {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

.container-count p {
  margin-top: .75rem !important;
}

.container-count.cust-font-italic {
  color: #666;
  font-weight: normal;
  justify-content: flex-start;
  font-style: italic;
}

#RefFileAttachmentDiv_1 .k-file-name {
  left: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 300px;
  display: inline-block;
}

.container-multi .k-multiselect-wrap {
  overflow: auto;
  max-height: 64px;
  overflow-x: hidden;
  width: 100%;
}

.container-multi .k-multiselect-wrap .k-input {
  width: 100% !important;
}

.flex-col-15 {
  max-width: 15%;
  flex-basis: 15%;
}

.flex-col-18 {
  max-width: 18%;
  flex-basis: 18%;
}

.bl-check.label-check input[type="checkbox"]:checked + label:before {
  top: 1px;
  width: 4px;
  height: 10px;
}

#FilterView.book-filter {
  width: 600px;
}

#FilterView .filter-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 20px;
}

#FilterView .filter-flex .user-field {
  flex-basis: 100%;
}

#FilterView .filter-flex > div {
  flex-basis: 48%;
}

.train-icon {
  position: relative;
  left: 1px;
  top: 1px;
}

.icon-arrow-drop-down-circle.rotate-icon {
  transform: rotate(180deg);
}

.track-details li.k-scrollview-page .card-body {
  width: auto !important;
}

.track-details ul {
  background: none !important;
  box-shadow: none !important;
}

.track-details li.step {
  flex-grow: unset;
}

.track-details li.step:before {
  background-color: #eaeaea;
  /*box-shadow: 0px 2px 6px #00000029;*/
}

.track-details li.step i.icon-truck2 {
  display: none;
}

.track-details li.step .icon-Pickup {
  font-size: 16px;
}

.track-details li.step.active:first-child:before {
  background: #004B8D;
}

.track-details li.step.active i.icon-truck2 {
  display: block;
}

.track-details li.step.first.step:before {
  left: 50%;
}

.track-details li.step.last:before {
  left: 0%;
  width: 50%;
}

.track-details ul.track li.step.final.active:before,
.track-details ul.track li.step.final.inprogress:before {
  width: 0%;
}

/*ul.track:has(li.inprogress:last-child) li.step:nth-child(3):before {
    background: linear-gradient(to left, #f57336 50%, #004b8d 50%); 
}
ul.track:has(li.inprogress:last-child) li.step:nth-child(3) .track-para + i {
    color: $secondary-color;
}
ul.track:has(li.inprogress:nth-child(3)) li.step:nth-child(2):before {
    background: linear-gradient(to left, #f57336 50%, #004b8d 50%);
}

ul.track:has(li.inprogress:nth-child(3)) li.step:nth-child(2) .track-para + i {
    color: $secondary-color;
}
ul.track:has(li.inprogress:last-child) li.step.active:nth-child(3):before {
    background: #004B8D;
}

ul.track:has(li.inprogress:last-child) li.step.active:nth-child(3) .track-para + i {
    color: #004B8D;
}*/
/*ul.track:has(i.icon-circle-small) li.step.active + li.inprogress:before {
    background: linear-gradient(to left, #f57336 50%, #004b8d 50%) !important;
}*/
#main-land:has(#tracktrace) header.sticky-top, #main-land:has(#mybooking) header.sticky-top, #main-land:has(#directBookingCreate) header.sticky-top, #main-land:has(.myQuote) header.sticky-top {
  position: sticky;
}

#main-land:has(#tracktrace) .body-content, #main-land:has(#mybooking) .body-content, #main-land:has(#directBookingCreate) .body-content, #main-land:has(.myQuote) .body-content {
  height: calc(100% - 120px);
  padding-bottom: 10px;
  overflow: scroll;
}

#main-land:has(#tracktrace) .top-70, #main-land:has(#mybooking) .top-70, #main-land:has(#directBookingCreate) .top-70, #main-land:has(.myQuote) .top-70 {
  top: 0px;
}

#main-land:has(#tracktrace) .sticky-top-cust, #main-land:has(#mybooking) .sticky-top-cust, #main-land:has(#directBookingCreate) .sticky-top-cust, #main-land:has(.myQuote) .sticky-top-cust {
  top: 0px;
}

.reg-side-content:has(#successOtpMessage) {
  padding: 25px 50px;
}

.reg-side-content .text-danger {
  font-size: 12px;
}

#main-land:has(#login) #main-header, #main-land:has(#login) .fixed-footer {
  display: none;
}

#main-land:has(#login) .top-80 {
  top: 0px !important;
}

#main-land:has(#login) .pb-footer {
  padding-bottom: 0px !important;
}

#main-land:has(#login) .main-container .container {
  max-width: 100%;
  height: 100%;
}

#main-land:has(#login) #headerdiv {
  display: none;
}

#main-land:has(#login) .body-content {
  height: 100%;
  overflow: hidden;
  padding-bottom: 0px;
}

#main-land:has(#Registration) #main-header {
  display: none;
}

#main-land:has(#Registration) .top-80 {
  top: 0px !important;
}

#main-land:has(#Registration) .pb-footer {
  padding-bottom: 0px !important;
}

#main-land:has(#Registration) .main-container .container {
  top: 0px !important;
}

#main-land:has(#Registration) #headerdiv {
  display: none;
}

#main-land:has(#Registration) .body-content {
  overflow: hidden;
  padding-bottom: 0px;
  background: linear-gradient(rgba(29, 66, 91, 0.8), rgba(111, 165, 201, 0.8));
}

#chargeEstimateFCL .modal-body {
  overflow: hidden;
}

.size-wrap {
  display: flex !important;
  flex-wrap: wrap;
  overflow-y: auto;
  max-height: 80px;
  overflow-x: hidden;
}

.size-wrap .cust-numeric {
  flex-basis: 20%;
}

.prefer-panel {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.prefer-panel > div {
  flex: 20%;
}

.prefer-panel .info-details {
  left: 0px;
  right: 0px;
}

#MBSummaryViewSchedule.info-details {
  right: 0px;
  left: 0px;
}

.sail-pol-tooltip {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 2;
}

.vent .booking-toggle .btn {
  margin-left: 0px !important;
}

#termsnconditionmodal .modal-body {
  max-height: calc(100vh - 200px);
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 14px;
}

.term-check {
  position: relative;
  top: -3px;
}

.login-title {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.ref-fright-panel .freight-panel {
  margin-bottom: 1.5rem;
}

.ref-fright-panel .freight-panel:last-child {
  margin-bottom: 0px;
}

.widget-bg-trans .k-widget.k-combobox {
  background-color: transparent;
}

.widget-bg-trans .k-widget.k-combobox:hover {
  background-color: transparent;
}

.widget-bg-trans .k-widget.k-combobox .k-dropdown-wrap {
  background: #fff;
}

.widget-bg-trans .k-widget.k-combobox .k-dropdown-wrap:hover {
  background: #fff;
}

.widget-bg-trans .k-widget.k-combobox .msg:hover {
  background: none;
}

a.cancelPopup:hover {
  text-decoration: none !important;
}

.wt-text input {
  height: 36px;
  background: none;
  border: 1px solid #dadce0;
  font-family: "Roboto", sans-serif !important;
  background: #fff;
  border-radius: .25rem;
}

.wt-text input:focus {
  outline: 1px solid #004B8D;
}

/*check-label start here*/
#Registration .label-check input[type="radio"] + label:before, #Registration .label-check input[type="radio"] + label:after {
  top: 5px;
}

/*check-label end here*/
#unitsmodal .modal-dialog {
  max-width: 300px;
}

#unitsmodal .modal-dialog .modal-body {
  overflow: hidden;
}

#unitsmodal .modal-dialog .modal-body .container-type-scroll {
  max-height: 250px;
}

.unit-flex {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 1rem;
}

.unit-flex label {
  margin-bottom: 0px;
}

.qty-circle:has(#CountQty) {
  background: #f57336;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  padding: 1px;
}

.qty-circle:has(#CountQty) i {
  color: #fff;
  font-size: 11px;
  position: relative;
  top: 2px;
  left: 2px;
}

.SizeTypesDiv, .SummarySizeTypesDiv {
  background: #fff;
  padding: 5px;
  position: absolute;
  z-index: 9;
  width: 100px;
  box-shadow: 0px 3px 6px #00000029;
  top: 38px;
  left: 35px;
}

.text-label-grey {
  color: #8C8C8C;
}

.file-tooltip a {
  vertical-align: middle;
  max-width: 325px;
}

#Registration .login-title {
  color: #fff;
}

.frieght-info:before, .info-drop.info-details.summaryLcl:before {
  content: '';
  background-color: transparent;
  border-right: 10px solid transparent;
  position: absolute;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  border-top: 10px solid transparent;
}

/*check-label end here*/
.info-drop.info-details.summaryLcl {
  transform: translate(-50%, 0px);
  bottom: 42px;
  left: 50%;
  right: 0px;
  width: 984px;
  top: unset;
  padding: 0px;
  box-shadow: none;
  margin-bottom: 0px;
}

.info-drop.info-details.summaryLcl:before {
  bottom: -20px;
  left: 51%;
  transform: rotate(180deg);
  z-index: 2;
}

/*.infoFilter {
    &:after {
        content: '';
        background-color: transparent;
        border-right: 10px solid transparent;
        position: absolute;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #ffffff;
        border-top: 10px solid transparent;
        bottom: -20px;
        left: 51%;
        transform: rotate(180deg);
        z-index: 9999;
    }
}*/
/* REVERSE SPINNER */
.reverse-spinner {
  position: relative;
  height: 120px;
  width: 120px;
  border: 4px solid transparent;
  border-top-color: #84c3ed;
  border-left-color: #84c3ed;
  border-radius: 50%;
  -webkit-animation: spin 1.8s linear infinite;
  animation: spin 1.8s linear infinite;
}

.load-center {
  height: 90px;
  width: 90px;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.frieght-info {
  background: #fff;
  position: absolute;
  left: 25px;
  box-shadow: 0px 1px 6px #00000029;
  top: 0px;
  z-index: 2;
  overflow: inherit;
}

.frieght-info:before {
  top: 0px;
  left: -20px;
  transform: rotate(270deg);
}

.frieght-info .mb-2 {
  margin-bottom: 1rem !important;
}

.frieght-info .info-scroll {
  overflow: auto;
  max-height: 150px;
  min-width: 200px;
  overflow-x: hidden;
  padding: 10px;
  color: #222221;
  font-size: 12px;
  font-family: "Roboto", sans-serif;
}

.icon-Pickup.rotate:before {
  transform: scaleX(-1);
}

.icon-Vessele-departure.rotate:before {
  transform: scaleX(-1);
}

.custom-track.wo-orgin.wo-destination ul li:first-child {
  padding-left: 8px !important;
}

.custom-track.wo-orgin ul li:first-child {
  padding-left: 8px !important;
}

.quote-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 450px;
}

.details-tooltip span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 315px;
  display: inline-block;
}

.qty-btn {
  position: relative;
  font-size: 11px;
  right: 2px;
}

.wt-text:has(input[style="border: 1px solid rgb(217, 25, 25);"]) input:focus {
  outline: none;
}

.serice-include-scroll {
  overflow: auto;
  max-height: 155px;
  overflow-x: hidden;
  width: calc(100% + 10px);
}

.per-cbm {
  background: #f6f6f6;
  border-radius: 30px;
  padding: 4px 10px;
  font-weight: normal;
  color: #666;
  font-size: 11px;
  flex-basis: 30%;
  text-align: center;
}

.rate-flex {
  display: flex;
  justify-content: end;
  text-align: right !important;
}

.rate-flex .amt {
  flex-basis: 30%;
}

.cbm-flex {
  display: flex;
  align-items: center;
}

.cbm-flex .amt {
  flex-basis: 30%;
}

.cbm-flex .per-cbm + .amt {
  text-align: right;
}

.d-flex-gap-10 {
  display: flex;
  gap: 10px;
  align-items: center;
}

.custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::before, .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::after {
  width: 15em;
}

ul.track li.active.final:before {
  width: 0em;
}

i.info-drop-icon:after {
  z-index: 9999;
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  top: -35px;
  left: 50%;
  border: 15px solid transparent;
  border-bottom: 0;
  border-top: 15px solid #ffffff;
  transform: translate(-50%, calc(100% + 5px));
}

.track-para {
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

.track:has(.step.inprogress) li.step.active.first:before {
  background-color: #004B8D;
}

.track:has(.step.inprogress) li.step.active.first i.icon-truck2, .track:has(.step.inprogress) li.step.active.first i.icon-vesselico {
  color: #004B8D;
}

.track:has(.last.step) li.step.inprogress:after {
  background-color: #eaeaea;
}

.track:has(.last.step) li.step.first.inprogress:after {
  background-color: #f57336;
}

.track:has(.last.step) li.step.last.inprogress:after {
  width: 0px;
}

/*update 29-may-23*/
.track:has(.last.step:last-child) li.step.inprogress:after {
  background-color: #f57336;
}

/*update 29-may-23*/
.quotation-card {
  box-shadow: 0px 1px 6px #00000029;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  color: #222221;
  border: none;
  padding: 0px 12px;
}

#LandingQuotationGrid table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

#LandingQuotationGrid .k-grid-header {
  border: none;
  background: none;
}

#LandingQuotationGrid .k-grid-header .k-grid-header-wrap {
  border: none;
}

#LandingQuotationGrid .k-grid-header th.k-header {
  padding: 12px;
  background: #fff;
  border: none;
  padding-bottom: 2px;
  font-weight: bold;
}

#LandingQuotationGrid tr.k-alt {
  background-color: transparent;
}

#LandingQuotationGrid .k-grid-header-wrap.k-auto-scrollable {
  border: none;
}

#LandingQuotationGrid .k-grid-content.k-auto-scrollable {
  max-height: calc(100vh - 450px);
  overflow: auto !important;
  overflow-x: hidden !important;
  padding-right: 0px !important;
}

#LandingQuotationGrid tr:hover {
  background-color: #F2FAFF;
  background-image: none;
}

#LandingQuotationGrid .k-grid-content tbody td {
  padding: 12px;
  border: 1px solid #eaeaea;
  border-left-width: 0px;
  border-right-width: 0px;
  border-radius: 2px;
}

#LandingQuotationGrid .k-grid-content tbody td:first-child {
  border-left-width: 1px;
  border-right-width: 0px;
}

#LandingQuotationGrid .k-grid-content tbody td:last-child {
  border-left-width: 0px;
  border-right-width: 1px;
}

#LandingQuotationGrid .k-grid-content tbody td.k-state-selected {
  background-color: transparent;
}

#LandingQuotationGrid .k-grid-content tbody td.k-state-selected:hover {
  background-color: transparent;
}

#LandingQuotationGrid .k-scrollbar.k-scrollbar-vertical {
  overflow: auto;
}

.radioButton .k-radio {
  border-color: #666;
  color: #244b65;
  width: 20px;
  height: 20px;
}

.radioButton .k-radio:focus {
  box-shadow: 0 0 3px 0 #244b65;
}

.radioButton .k-radio:before {
  width: 10px;
  height: 10px;
}

#LandingQuotationGrid:has(.radioButton) td:first-child {
  text-align: center;
}

.truck-blue {
  color: #0B51C5;
}

.cust-numeric .k-state-disabled input {
  height: 34px !important;
}

.cust-numeric .k-state-disabled .k-select {
  cursor: not-allowed;
}

#QuotationModal label {
  color: #666;
}

.est-scroll {
  overflow-y: scroll;
  max-height: calc(100vh - 370px);
  width: calc(100% + 12px);
}

.est-scroll::-webkit-scrollbar, .est-scroll::-webkit-scrollbar-thumb,
.seabk-scroll::-webkit-scrollbar, .est-scroll::-webkit-scrollbar-thumb {
  background: #fff;
  border: none;
}

.no-book-found {
  background: #E5F3FB;
  max-width: 300px;
  width: 100%;
  height: 100px;
  margin: auto;
  border: 1px dashed #457291;
  font-size: 14px;
  color: #457291;
  display: flex;
  gap: 10px;
  flex-direction: column;
}

.no-book-found button {
  background: #fff;
  margin: 0px !important;
  box-shadow: none;
  border: none;
  font-weight: 500 !important;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
}

.no-book-found button i {
  font-size: 18px;
  font-weight: 600;
  color: #244b65;
}

/*Booking Status Start Here*/
.book-flex {
  display: flex;
  gap: 15px;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1rem;
  position: absolute;
  right: 0px;
  top: -15px;
}

.book-view-btn {
  position: absolute;
  bottom: 0px;
  right: 10px;
}

.poly-shape, .receipt-poly-shape, .print-poly-shape, .request-poly-shape, .accept-poly-shape, .carrier-poly-shape, .arrive-poly-shape, .depart-poly-shape, .cancel-poly-shape, .withdrawn-poly-shape, .confirm-poly-shape, .submit-poly-shape, .issue-poly-shape {
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 8% 100%);
  min-width: 225px;
  height: 45px;
  text-align: right;
  padding: 6px 12px;
  padding-left: 30px;
}

.poly-shape h5, .receipt-poly-shape h5, .print-poly-shape h5, .request-poly-shape h5, .accept-poly-shape h5, .carrier-poly-shape h5, .arrive-poly-shape h5, .depart-poly-shape h5, .cancel-poly-shape h5, .withdrawn-poly-shape h5, .confirm-poly-shape h5, .submit-poly-shape h5, .issue-poly-shape h5 {
  margin-bottom: 0px;
}

.issue-poly-shape {
  background: #B2D5CC;
}

.issue-poly-shape h5 {
  color: #0F7564;
}

.submit-poly-shape {
  background: #B2D5CC;
}

.submit-poly-shape h5 {
  color: #0F7564;
}

.confirm-poly-shape {
  background: #BCEAC7;
}

.confirm-poly-shape h5 {
  color: #088570;
}

.withdrawn-poly-shape {
  background: #E4CBDF;
}

.withdrawn-poly-shape h5 {
  color: #B93AA0;
}

.cancel-poly-shape {
  background: #EFDBDC;
}

.cancel-poly-shape h5 {
  color: #D91919;
}

.depart-poly-shape {
  background: #F6EAE4;
}

.depart-poly-shape h5 {
  color: #F57336;
}

.arrive-poly-shape {
  background: #9ABA98;
}

.arrive-poly-shape h5 {
  color: #0C5A07;
}

.carrier-poly-shape {
  background: #C3E5DA;
}

.carrier-poly-shape h5 {
  color: #13956B;
}

.accept-poly-shape {
  background: #DFF6DD;
}

.accept-poly-shape h5 {
  color: #17A40B;
}

.request-poly-shape {
  background: #C7E0F4;
}

.request-poly-shape h5 {
  color: #035BA1;
}

.print-poly-shape {
  background: #EAEAEA;
}

.print-poly-shape h5 {
  color: #457291;
}

.receipt-poly-shape {
  background: #C2D6C1;
}

.receipt-poly-shape h5 {
  color: #15910F;
}

/*Booking Status End Here*/
#RouteOrigin-list.k-list-container .k-item span, #RouteDestination-list.k-list-container .k-item span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 225px;
  display: inline-block !important;
}

#QuoteOrigin-list.k-list-container .k-item span, #QuoteDestination-list.k-list-container .k-item span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 250px;
  display: inline-block !important;
}

#autoDBCommodity-list.k-list-container .k-item span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 320px;
  display: inline-block !important;
}

#QuoteCommodity-list.k-list-container .k-item > span, #PortOfLoading-list.k-list-container .k-item > span, #PortOfDischarge-list.k-list-container .k-item > span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 240px;
  display: inline-block !important;
}

#SummaryViewSchedule.info-details.summaryLcl {
  left: 0px;
  right: 0px;
  bottom: 28px;
}

.prefer-field:has(button[style="display: none;"]).w-70 {
  width: 100% !important;
}

.k-popup .k-list .k-item.k-state-focused {
  background: #244b65;
  color: #fff;
}

#PortOfLoading-list:has(#PortOfLoading_listbox) li.k-item > span,
#PortOfDischarge-list:has(#PortOfDischarge_listbox) li.k-item > span {
  max-width: 230px;
}

.tabel-attachment .file-upload-btn .k-upload-button span:before {
  font-size: 0px;
}

.tabel-attachment .k-upload .k-file-name-size-wrapper {
  margin-left: 0px;
}

.tabel-attachment .k-upload .k-file {
  width: 200px !important;
}

.tabel-attachment .k-file-name {
  top: 10px !important;
}

.tabel-attachment .k-upload .k-icon.k-i-close {
  text-indent: 0px !important;
  position: relative;
  top: 4px;
}

.tabel-attachment .k-upload .k-icon.k-i-close:before {
  font-size: 16px;
  position: relative;
  top: -3px;
  color: red;
  left: -2px;
}

.doc-scroll {
  max-height: calc(100vh - 460px);
  overflow: scroll;
  overflow-x: hidden;
  width: calc(100% + 10px);
}

.doc-scroll td {
  padding: .75rem;
}

.noti-scroll {
  max-height: calc(100vh - 120px);
  overflow: scroll;
  overflow-x: hidden;
  width: calc(100% + 10px);
}

.noti-scroll td {
  padding: .75rem;
}

.noti-scroll tr {
  border: 1px solid #eaeaea;
}

.taskTable:has(.noti-scroll) thead tr {
  border: 1px solid #eaeaea;
}

/*Track UI Changes Starts*/
.trackUIchange .track .step.active .icon {
  margin-left: 0;
}

.trackUIchange .track .step.active.first::before {
  content: "";
  left: 0 !important;
}

.trackUIchange .track .step.active::before {
  background: #004B8D !important;
}

.trackUIchange .track .step span.icon {
  margin-left: 0 !important;
}

.trackUIchange .track .step.first.step:before {
  left: 0;
}

.trackUIchange .track .icon-truck2 {
  left: 0%;
  right: unset;
}

.trackUIchange .track .icon-vesselico {
  left: 0%;
  right: unset;
}

.trackUIchange ul.track {
  margin-left: 5%;
}

.trackUIchange ul li:first-child:not(.first)::before {
  content: "";
  width: 130%;
  left: -22%;
}

.trackUIchange ul .last.step::before {
  width: 0 !important;
}

.trackUIchange .track-para {
  position: relative;
  right: 42%;
  max-width: 250px;
}

.trackUIchange .text.track-para {
  position: relative;
  right: 45%;
}

.k-scrollview-wrap:has(.trackUIchange) .k-scrollview-page:nth-child(3) ul {
  margin-left: 6%;
}

.k-scrollview-wrap:has(.trackUIchange) li:first-child:not(.first)::before {
  content: "";
  width: 130%;
  left: -25%;
}

/*Track UI Changes Ends*/
.main-card:has(#BookingGrid) {
  box-shadow: none;
  padding: 0px;
}

.main-card:has(#BookingGrid) .booking-card {
  box-shadow: 0px 1px 6px #0000001A;
}

.tab-content.pr-5 {
  padding-right: 4rem !important;
}

.vessel-flex {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}

.vessel-flex > div {
  margin-bottom: 0px;
}

.carriage-toggle.pick-toggle .btn {
  width: 32px;
  height: 30px;
  color: #c5c5c5;
  background: #F9F9F9;
}

.carriage-toggle.pick-toggle .btn.k-state-active {
  background: #244b65;
  color: #fff;
}

.carriage-toggle.pick-toggle .btn-group .btn + .btn {
  margin-left: -3px !important;
}

.FCL-filter:has(.back-search) h4.vessel-orange {
  font-size: 16px;
}

.no-bookfound {
  display: flex;
  height: calc(100vh - 300px);
  font-size: 1.25rem;
  color: #c2c2c2;
}

.no-bookfound i {
  font-size: 24px;
  color: #c2c2c2;
  margin-bottom: .75rem;
  display: block;
}

#ConDtlsViewmodal .modal-body {
  max-height: inherit;
  min-height: inherit;
}

#ConDtlsViewmodal .modal-body .seabk-scroll {
  overflow: scroll;
  overflow-x: hidden;
  max-height: calc(100vh - 720px);
  width: calc(100% + 8px);
}

.prefer-field:has(.pane-info-drop) i.info-drop-icon:after {
  content: unset;
}

.pane-info-drop:before {
  z-index: 9999;
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  border: 15px solid transparent;
  border-bottom: 0;
  border-top: 15px solid #ffffff;
  transform: translate(-50%, calc(100% + 5px));
  bottom: 12px;
  left: 250px;
}

h5:has(.hyper-link), h4:has(.hyper-link) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hyper-link a, .hyper-link button {
  display: flex;
  align-items: center;
}

.hyper-link a i, .hyper-link button i {
  top: -0.5px;
}

.hyper-link a i.top-2, .hyper-link button i.top-2 {
  top: 2px;
}

.upload-btn1 i.text-primary, .upload-btn1 i.text-danger {
  width: 30px;
  text-align: center;
  float: left;
}

#pickupmodal .modal-body.pt-1, #dropoffmodal .modal-body.pt-1 {
  padding-top: .25rem !important;
  max-height: calc(100vh - 175px);
}

.link-tooltip span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  -webkit-line-clamp: 3;
  padding-top: 3px;
  padding-bottom: 3px;
}

.lcl-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.lcl-container .flx-2 {
  flex: 2;
}

#pickupmodal:has(.msg.text-danger) .error-mb-0, #dropoffmodal:has(.msg.text-danger) .error-mb-0 {
  margin-bottom: 0px;
}

.statusAction.w-170 {
  width: 170px;
}

#linkParties .MultiSelcTextActvie {
  background: #f9ece6;
  border: 1px solid #f9ece6;
}

#EstimatedCharges .modal-body {
  max-height: inherit;
  min-height: inherit;
  padding-top: 0px !important;
}

.track-drop1:has(#RefrenceType) .msg.text-danger,
.track-drop1 .msg.text-danger {
  position: absolute;
  bottom: -16px;
}

.metrics-panel {
  display: flex;
  gap: 15px;
  position: relative;
  padding: 1.5rem;
}

.metrics-panel:before {
  content: "";
  position: absolute;
  height: 100%;
  background: #e8e8e8;
  width: 1px;
  top: 0px;
  left: 60%;
}

.metrics-panel .prefer-left {
  flex-basis: 60%;
}

.metrics-panel .prefer-left > div {
  display: flex;
  gap: 15px;
}

.metrics-panel .prefer-left > div .floating-label-group {
  flex: 1;
}

.metrics-panel .prefer-right {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-basis: 40%;
  padding: 15px;
  margin-left: 15px;
  border-radius: 5px;
}

#spnContainerNumber input {
  padding-right: 32px;
}

#spnContainerNumber .input-group-append {
  width: 30px;
}

.myQuote .SizeTypesDiv, .myQuote .SummarySizeTypesDiv, .est-scroll .SizeTypesDiv, .est-scroll .SummarySizeTypesDiv, .frieght-info .SizeTypesDiv, .frieght-info .SummarySizeTypesDiv {
  width: auto;
}

.myQuote .SizeTypesDiv i:last-child, .myQuote .SummarySizeTypesDiv i:last-child, .est-scroll .SizeTypesDiv i:last-child, .est-scroll .SummarySizeTypesDiv i:last-child, .frieght-info .SizeTypesDiv i:last-child, .frieght-info .SummarySizeTypesDiv i:last-child {
  margin-bottom: 0px !important;
}

.myQuote .info-scroll, .est-scroll .info-scroll, .frieght-info .info-scroll {
  width: auto;
  white-space: nowrap;
  min-width: auto;
  padding-bottom: 0px;
}

.myQuote .booking-card:last-child {
  margin-bottom: 0px;
}

table:has(.QuoterateHead) .QuoteDetailsTbody td:nth-child(4) {
  display: none;
}

table:has(.QuoteRate-col1) .QuoteRate-col1 {
  width: 15%;
}

table:has(.QuoteRate-col1) tbody td {
  vertical-align: top;
}

table:has(.QuoteRate-col1) tbody td:first-child {
  width: 15%;
}

.list-quotes-card:has(.QuoteRate-col1) .rate-flex .amt {
  flex-basis: 35%;
}

body:has(.docPreview) #PdfPreview {
  z-index: 1055 !important;
}

.estimateScroll {
  overflow-y: auto;
  max-height: calc(100vh - 120px);
  margin-right: -10px;
}

.QuoteLCLViewGrid .QuoteDetailsTbody td:nth-child(3) {
  display: none;
}

.QuoteLCLViewGrid .QuoteDetailsTbody .text-label-grey {
  padding-right: 22px;
}

.QuoteLCLViewGrid .QuoteDetailsTbody .rate-flex:has(.icon-info-outline) .text-label-grey {
  padding-right: 0;
}

.BookingValidateCard {
  flex-basis: 100%;
  padding: 15px;
  background: #f3f3f3;
  border-radius: 6px;
}

.BookingQuotationCard {
  padding: 15px;
  background: transparent;
  width: 230px;
  padding-left: 0;
}

.AttachBtnBkg {
  padding: 0;
  background: transparent !important;
}

button[disabled] {
  cursor: not-allowed;
}

button[disabled] i {
  cursor: not-allowed;
}

/*Booking Creation Start here*/
.booking-card {
  border-radius: 5px;
  box-shadow: 0px 1px 6px #00000029;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  color: #222221;
}

/*.booking-card-details label,
.booking-card label, .profile-card label {
	font-size: 11px;
    color: #c7c7c7;
}*/
.booking-card-details p, .booking-card p, .profile-card p, .service-panel p {
  color: #222221;
  font-weight: 500;
  margin-bottom: 0;
  word-break: break-word;
}

.booking-card-details ul, .booking-card ul, .service-panel ul, .summary-panel ul, .service-include-panel ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  vertical-align: middle;
}

.booking-card-details ul li, .booking-card ul li {
  margin-right: 14px;
  list-style: none;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  /*float: left;*/
  /*flex: 1 1 auto;*/
}

.service-panel ul li {
  margin-right: 14px;
  list-style: none;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  /*float: left;*/
  /*flex: 1 1 auto;*/
  align-self: baseline;
}

.service-include-panel {
  border-radius: 5px;
  box-shadow: 0px 1px 6px #00000029;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  font-family: "Roboto", sans-serif;
  color: #222221;
  background-color: #f3f3f3;
  box-shadow: none;
}

.service-include-panel ul li {
  margin-right: 14px;
  list-style: none;
  color: #8C8C8C;
  font-size: 12px;
  font-weight: normal;
  /*float: left;*/
  flex: 1;
  align-self: baseline;
}

.service-include-panel ul li i {
  color: #616161;
}

.service-include-panel .checkbox {
  display: flex;
}

.service-include-panel .label-check label {
  padding-left: 15px;
}

.booking-card-details ul li.vessels-active, .booking-card ul li.vessels-active {
  flex: inherit;
}

.booking-card-details ul li .iconwrapper {
  position: relative;
  left: 15px;
}

.booking-card ul li .iconwrapper {
  /*position: relative;
  left: 15px;*/
}

.booking-card ul li .iconwrapper::before, .booking-card ul li .iconwrapper::after {
  width: 6em;
}

.booking-card-details ul li .iconwrapper::before, .booking-card-details ul li .iconwrapper::after {
  width: 6em;
}

.vessels-active div {
  border-radius: 50%;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  border: 1px dashed #8C8C8C;
}

.vessels-active div.active {
  background: #005389;
  color: #fff;
  border: 1px solid #005389;
}

.booking-title {
  font-size: 18px;
  font-weight: 500;
  color: #222221;
}

.booking-toggle .btn-group {
  border: 1px solid #eaeaea;
  border-radius: 4px;
}

.booking-toggle .btn-group.k-state-disabled {
  cursor: not-allowed !important;
}

.booking-toggle .btn-group.k-state-disabled .k-button {
  pointer-events: none;
}

.booking-toggle .btn-group.k-state-disabled .k-button:focus {
  box-shadow: none !important;
}

.booking-toggle .btn-group.k-state-disabled .k-button.k-state-active:hover {
  border-color: unset !important;
}

.booking-toggle .btn-group .btn + .btn {
  margin-left: -3px !important;
}

.booking-toggle .btn {
  background: #fff;
  margin-left: -2px !important;
  min-width: 50px;
  height: 30px;
  border: none;
  border-right: 1px solid #eaeaea;
}

.booking-toggle .btn:hover {
  background: #f4f4f4;
}

.booking-toggle .btn:focus, .booking-toggle .btn.k-state-focused {
  border: 1px solid #eaeaea;
}

.booking-toggle .btn.active, .booking-toggle .btn:active {
  background: #244b65;
  color: #fff;
}

.booking-toggle .btn.k-state-active {
  background: #244b65;
  color: #fff;
}

.booking-toggle .btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.booking-toggle .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: none;
}

.shipment-title {
  font-size: 16px;
  font-weight: normal;
  color: #222221;
}

.contact-title {
  font-size: 1.2rem;
  color: #000000DE;
  font-weight: 500;
}

.link-text a {
  color: #004B8D !important;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.link-text a:hover {
  /*color: #f57336;*/
  font-size: 12px;
  text-decoration: none;
}

.close-icon {
  color: #DC8181;
  font-size: 16px;
  cursor: pointer;
}

.warn-icon {
  color: #F0C419 !important;
}

.session-icon {
  color: #f57336;
}

.temp-icon {
  color: #2EB2FF !important;
}

.container-icon {
  color: #f76b00 !important;
}

.hand-icon {
  color: #004B8D !important;
}

.blue-text {
  color: #005389 !important;
  font-weight: 500;
}

.text-dark {
  color: #000000 !important;
}

.white-btn {
  background: #fff;
  box-shadow: 0px 2px 3px #40404021;
  border-radius: 5px;
}

.trash-btn-o {
  color: #999999;
  font-weight: 500;
  font-size: 18px;
  background: transparent;
}

/*Party details Tab*/
.party-details .tab-content {
  padding: 15px;
  min-height: 284px;
  overflow: auto;
  overflow-x: hidden;
  box-shadow: 0px 1px 6px #f5733617;
  border: 1px solid #F9F9F9;
  border-radius: 6px;
}

.party-details .nav-link {
  display: block;
  padding: .5rem 1rem;
  border: 1px solid #DADADA;
  color: #8C8C8C;
}

.party-details .nav-link:hover {
  background: #f4f4f4;
}

.party-details .nav-pills .nav-link.active, .party-details .nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #f57336 !important;
  border: 1px solid #f57336;
}

.party-details .nav {
  /*min-height: 265px;*/
}

.export-badge {
  background: #616161;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  font-size: 10px;
  line-height: 32px;
  text-align: center;
  border: 1px solid #616161;
  font-weight: 600;
}

.label-border {
  border: 1px solid #DADCE0;
  display: block;
  float: left;
  width: 100%;
  padding: 15px;
  position: relative;
  border-radius: 5px;
}

.label-border label.label-text {
  position: absolute;
  top: -10px;
  background: #fff;
  padding: 0 5px;
}

/*chat styles Start Here*/
span.userImage {
  background: #004c8f;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  top: 2px;
  left: 5px;
  overflow: hidden;
}

.chat {
  list-style: none;
  margin: 0;
  padding: 0;
}

.chat li {
  margin-bottom: 20px;
  margin-top: 10px;
  width: 80%;
}

.chat li .chat-body p {
  margin: 0;
  min-height: 30px;
}

.chat-care {
  overflow-y: auto;
  height: calc(100vh - 230px);
}

.chat-care .chat-img {
  width: 50px;
  height: 50px;
}

.chat-care .img-circle {
  border-radius: 50%;
}

.chat-care .chat-img {
  display: inline-block;
}

.chat-care .chat-body {
  display: inline-block;
  width: 80%;
  padding: 10px;
}

.chat-care .chat-body strong {
  color: #0169DA;
}

.chat-care .admin {
  text-align: right;
  float: right;
}

.chat-care .admin p {
  text-align: left;
}

.chat-body.rightChat p {
  text-align: right;
}

.chat-care .agent {
  text-align: left;
  float: left;
}

.chat-care .left {
  float: left;
}

.chat-care .right {
  float: right;
}

.clearfix {
  clear: both;
}

.rightChat {
  border-radius: 19px 0px 29px 0px;
  background: #dadada33;
}

.leftChat {
  border-radius: 0px 29px 0px 19px;
  background: #EAEAEA;
}

.chat-care .userImage {
  display: block;
  text-align: center;
  margin: 0;
  width: 25px;
  height: 25px;
}

.chat-care .userName {
  color: #fff;
  font-size: 11px;
  line-height: 25px;
}

.text-muted {
  color: #666666 !important;
  margin-top: 10px;
}

.chat-care .left .userImage {
  background: #f3f3f3;
}

.chat-care .left .userName {
  color: #dc3545;
}

.chatSend-btn {
  background: #457291;
  color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  width: 120px;
  height: 35px;
  margin-left: 10px;
  border-radius: 0;
  padding: 8px 10px;
  font-weight: 500 !important;
  border: 1px solid #fff;
}

.chatSend-btn:hover {
  background: #457291;
  color: #fff;
}

.chat-footer {
  background: #fff;
  padding-top: 15px;
}

.chat-footer .chat-input {
  background: #fff;
  box-shadow: 0px 0px 6px #0000001a !important;
  border: none;
  min-height: 100px;
}

.chat-input .k-textbox {
  min-height: 100px;
}

.chat-footer .chat-input:focus {
  box-shadow: 0px 0px 6px #0000001a !important;
}

.logboxActive {
  border: 1px solid #eaeaea;
  border-radius: 9px;
  padding: 10px 15px;
  display: flex;
  margin-bottom: 10px;
}

.logboxDeactive {
  border: 1px solid #eaeaea;
  border-radius: 9px;
  padding: 10px 15px;
  display: flex;
  background-color: #f4f4f4;
  margin-bottom: 10px;
}

.modal-xs {
  width: 400px;
}

.modal-smd {
  max-width: 700px;
}

.modal-xlg {
  max-width: 80%;
}

.k-icon.k-i-calendar {
  font-size: 20px;
  color: #244b65 !important;
}

.MSBChangeLogSort, .MSBChangeLogFilter {
  display: inline-block;
  cursor: pointer;
}

.MSBChangeLogSort i {
  font-size: 24px;
  position: relative;
  bottom: 4px;
  margin-right: 2px;
}

.MSBChangeLogFilter i {
  font-size: 20px;
  position: relative;
  bottom: 2px;
  margin-right: 2px;
}

.MSBChangeLogFilterOpen {
  background: #fff;
  display: inline-block;
  position: absolute;
  padding: 25px 15px;
  box-shadow: 0px 0px 16px #00000029;
  border-radius: 0;
  left: 15px;
  top: 40px;
  z-index: 1;
  color: #222221;
  width: 300px;
}

.quoteFilterOpen {
  border-radius: 0;
  color: #222221;
  max-width: 20%;
  display: none;
}

.MSBChangeLogFilterOpen.r-0px {
  right: 0px;
  left: inherit;
}

.blueTableHead {
  display: flex;
  padding: 15px;
  margin: 0;
  background: #F2FAFF;
  box-shadow: 0px 3px 12px #0000001a;
  border-radius: 0px;
  font-weight: 500;
  width: 100%;
  z-index: 0;
  position: relative;
}

.blueTableBody {
  display: flex;
  padding: 15px;
  margin: 0;
  background: #fff;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 10px;
}

ul {
  list-style: none;
}

.CheckBoxList {
  margin-top: 10px;
}

.CheckBoxList .label-check {
  margin-bottom: 20px;
}

.CheckBoxList textarea {
  width: 80%;
}

.CheckBoxList .popup-textarea-ht {
  overflow: auto;
  overflow-x: hidden;
  resize: none;
  min-height: 100px !important;
}

.MSFavCard {
  padding: 15px;
  margin-top: 15px;
}

.MSFavCard:first-child {
  margin-top: 0px;
}

.MSFavAmount {
  width: 10%;
  margin-right: 0;
}

.MSFavQuote {
  width: auto;
  margin: auto;
  margin-right: 0;
  text-align: center;
}

.modal-body {
  max-height: calc(100vh - 225px);
  overflow-x: hidden;
  overflow-y: auto;
}

/*chat styles Start Here*/
/*Booking Creation End here*/
/*Booking summary Start Here*/
.cargo-details ul {
  padding: 0;
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}

.cargo-details ul li {
  margin-right: 15px;
  list-style: none;
  color: #8C8C8C;
  font-size: 14px;
  font-weight: normal;
  float: left;
  border-right: 1px solid #ccc;
  padding-right: 15px;
  margin-bottom: 5px;
}

.cargo-details ul label {
  font-size: 12px;
}

.cargo-details ul p {
  font-size: 12px;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.content {
  height: 100%;
  margin-bottom: 0;
}

.top-slider-arrow {
  position: relative;
}

.arrow-right {
  position: absolute;
  top: 48%;
  right: 0;
  letter-spacing: 0.21px;
  color: #222221;
  text-shadow: 0px 3px 3px #0000003b;
  font-size: 20px;
  cursor: pointer;
}

.service-card {
  height: 100%;
  margin-bottom: 0;
}

.service-card h5 {
  color: #F57336;
  font-weight: 500;
  font-size: 14px;
}

.service-card p {
  color: #999999;
  font-weight: 500;
  line-height: 20px;
}

.service-card p.span-text {
  color: #222221;
  font-weight: 500;
}

.service-card p i {
  color: #666;
}

.service-card small {
  font-weight: normal;
  color: #004B8D;
  font-size: 11px;
}

.service-card small i {
  color: #666;
}

.msc-icon-btn {
  color: #222221;
  font-size: 30px;
}

.estimated-panel {
  background: #e6edf9;
  padding: 10px;
  border-radius: 5px;
}

.estimated-panel h4 {
  font-size: 16px;
  color: #222221;
}

.estimated-panel p {
  color: #222221;
  font-weight: normal;
}

.estimated-panel small {
  color: #004B8D;
}

.shadow-none {
  box-shadow: none;
}

.additional-service-color {
  color: #2EB2FF;
}

.confirm-book-modal {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 0;
  width: 100%;
  box-shadow: 0px 6px 12px #04bfbf59;
  color: #222221;
  font-size: 14px;
}

.confirm-book-modal img {
  width: 45px;
}

.confirm-book-modal h5 {
  font-size: 20px;
  color: #04BFBF;
}

.confirm-book-modal a {
  color: #004B8D;
  cursor: pointer;
  pointer-events: auto;
}

.confirm-book-modal a:hover {
  text-decoration: underline;
}

/*Booking summary Start Here*/
/*Booking LCL Start here*/
.range-slider .floating-label-group .form-control {
  height: 32px !important;
}

.range-slider label {
  color: #86877f;
}

.rate-badge {
  background: #f4f4f4;
  color: #666666;
  font-weight: normal;
  font-size: 11px;
  padding: 3px 6px;
  border-radius: 50px;
}

.count-text {
  color: #666666;
  font-weight: normal;
  font-size: 11px;
}

.add-unit ul {
  list-style: none;
  display: inline-block;
  padding: 0;
  width: 100%;
}

.add-unit .floating-label-group {
  margin-bottom: 0px;
}

.add-unit ul li {
  float: left;
  padding-right: 10px;
}

.add-unit ul li .icon-close2 {
  color: #D87777;
  font-weight: 500;
  font-size: 20px;
  top: 30px;
  position: relative;
}

.close2-btn {
  color: #D87777;
  font-weight: 500;
  font-size: 20px;
  line-height: initial;
}

/*Booking LCL End here*/
/* Signup and Reset Start here */
.sign-card {
  background-color: #fff;
  border-radius: 0;
  max-width: 100%;
  /*overflow: hidden;*/
  position: relative;
  box-shadow: 0px 12px 20px #0000005c;
  z-index: 1;
  padding: 30px;
}

.sign-card ul {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 0;
}

.sign-card ul li {
  float: left;
  margin-left: 30px;
}

.count-badge {
  background: #32BEA6;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  line-height: 75px;
  color: #fff;
  font-size: 32px;
  margin: 0 auto;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}

.count-badge ~ p {
  font-size: 18px;
  color: #386062;
  margin-bottom: 0px;
}

.leftside-panel {
  display: block;
  padding: 15px;
  box-shadow: 0px 1px 6px #00000029;
  background-color: #005389;
  max-width: 100%;
  text-align: center;
  height: 100%;
}

.leftside-panel .k-card {
  display: block;
  padding: 15px;
  border-radius: 0;
  background-color: #fff;
  color: #222221;
  box-shadow: 0px 3px 12px #00000030;
  width: 250px;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 0px;
  top: 0;
}

.leftside-panel h2 {
  font-size: 40px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.leftside-panel h6 {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}

.reg-bg {
  background: url(/images/msc_banner.jpg) no-repeat;
  left: 0px;
  top: 0px;
  right: 0;
  background-position: top;
  background-size: cover;
  position: relative;
}

.reg-bg:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.9);
}

.flex-icon-list i {
  font-size: 60px;
  color: #fff;
  margin-bottom: 1.5rem;
  display: block;
}

.flex-icon-list h6 {
  font-size: 16px;
  color: #fff;
}

.rightside-panel-form {
  background: url(/images/freight-logistic.png) no-repeat;
  background-position: top;
  width: 100%;
  background-size: cover;
  background-position-y: -100px;
}

.step-progressbar {
  list-style: none;
  counter-reset: step;
  display: flex;
  padding: 0;
}

.step-progressbar__item {
  display: flex;
  flex-direction: column;
  text-align: center;
  position: relative;
  width: 17%;
  margin-left: 0px !important;
}

.step-progressbar__item p {
  font-size: 18px;
  color: #386062;
  margin-bottom: 0px;
}

.step-progressbar__item ul li {
  margin-left: 0px;
}

.step-progressbar__item:before {
  width: 3em;
  height: 3em;
  content: counter(step);
  counter-increment: step;
  align-self: center;
  border-radius: 100%;
  line-height: 3em;
  margin-bottom: 0.5em;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  border: 3px solid #32bea6;
  background: transparent;
  color: #32bea6;
  line-height: 2.8em;
}

.step-progressbar__item:after {
  content: '';
  position: absolute;
  left: calc(50% + 10em);
  width: 65px;
  height: 65px;
  background-image: radial-gradient(circle, #B6B6B6 6px, transparent 7px);
  background-size: 100% 33.33%;
  transform: rotate(90deg);
}

.step-progressbar__item:last-child:after {
  content: none;
}

.step-progressbar__item--active:before {
  background: #32bea6;
  color: #fff;
}

.step-progressbar__item--complete:before {
  content: '\ed6e';
  font-family: 'icomoon';
  background: #32bea6;
  color: #fff;
}

.login-card {
  background: #fff;
  padding: 15px 50px;
  width: calc(100% - 30%);
  margin: 0 auto;
  box-shadow: 0px 12px 20px #0000005c;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.login-card h4 {
  color: #222221;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}

.login-card p {
  color: #222221;
  font-size: 14px;
}

.login-toggle .btn {
  background: #fff;
  border-radius: 0;
  width: 70px;
  border: 1px solid #eaeaea;
}

.login-toggle .btn.active {
  background: #244b65;
  color: #fff;
  border: 1px solid #244b65;
}

.form-field-border {
  border: 1px solid #eaeaea;
  border-radius: 10px;
  padding: 15px;
  position: relative;
}

.form-field-border .floating-label-group {
  margin-bottom: 1rem;
}

.form-field-border .float-label {
  position: absolute;
  top: -15px;
  background: #fff;
  color: #999999;
  padding: 5px 15px;
  box-shadow: 0px 3px 6px #00000029;
}

.text-danger {
  color: #D91919 !important;
  font-family: "Roboto", sans-serif !important;
  white-space: normal;
}

.custom-btn {
  height: 40px;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: 0px 6px 10px #40404073;
  outline: none;
}

.next-btn {
  background: #005389;
  border: none;
  z-index: 1;
  min-width: 200px;
  height: 40px;
}

.next-btn:focus {
  outline: none;
}

.next-btn:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
  background-color: #02436d;
  border-radius: 0;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5), 7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.next-btn:hover {
  color: #fff;
}

.next-btn:hover:after {
  left: 0;
  width: 100%;
}

.next-btn:active {
  top: 2px;
}

.ok-btn {
  background: #32BEA6;
  min-width: 100px;
  height: 40px;
  border-radius: 50px;
  box-shadow: 0px 3px 6px #40404073;
  color: #fff;
  font-size: 14px;
  padding: 6px 20px;
}

.ok-btn:hover {
  color: #fff;
  box-shadow: 0px 6px 10px #40404073;
  background: #33b9a2;
}

.fs-12 {
  font-size: 12px !important;
}

.otp-text {
  color: #222221;
  font-size: 14px;
  line-height: 24px;
}

.reset-text {
  color: #de1c1d;
  font-size: 14px;
  line-height: 24px;
}

.reg-confirm-text {
  color: #32BEA6;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 2rem;
  font-weight: 600;
}

.verify-link a {
  color: #0038EF;
  text-decoration: underline;
}

.verify-link i {
  font-size: 25px;
  color: #005389;
  padding: 0;
  line-height: initial;
  position: relative;
  top: -5px;
}

.info-color {
  font-size: 18px;
  color: #005389;
}

.reg-success label.reg-label {
  padding-left: 15px;
  margin-bottom: 0;
  font-size: 14px;
  color: #222 !important;
  font-weight: 500;
}

.success-icon-top {
  background: #32BEA6;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  color: #fff;
  font-size: 55px;
  line-height: 95px;
  position: absolute;
  text-align: center;
  overflow: hidden;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

#otpmodal .modal-body {
  overflow-x: inherit;
  overflow-y: inherit;
}

h4.verify-text {
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: #b2b2b2;
}

.otp-verify-link {
  position: absolute;
  top: 10px;
  right: 10px;
}

.otp-verify-link a {
  color: #005389;
  text-decoration: underline;
}

.otp-verify-link i {
  color: #005389;
  padding: 0;
  line-height: initial;
  position: absolute;
  top: 0px;
  font-size: 18px !important;
}

.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.dropdown:hover > .dropdown-menu {
  display: block;
}

/* Signup and Reset End here */
/* Quote NF */
.Qutote_nf-card {
  color: #222221;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 15px;
  box-shadow: 0px 1px 6px #00000029;
}

.Qutote_nf-card:before {
  content: "";
  position: absolute;
  border: 5px dashed #DADCE0;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}

.Qutote_confirm {
  color: #222221;
  background-color: #fff;
  border-radius: 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 15px;
  box-shadow: 0px 1px 6px #00000029;
}

.Qutote_confirm:before {
  content: "";
  position: absolute;
  border: 5px dashed #04BFBF;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}

.Qutote_confirm a {
  color: #004B8D;
  cursor: pointer;
  pointer-events: auto;
}

.quote_nt_text {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  margin: 1rem 0;
}

.enquiry_btn {
  background: #F57336;
  padding: 8px 10px;
  color: #fff;
  font-weight: 500;
  box-shadow: 0px 3px 6px #40404073;
  border-radius: 5px;
  min-width: 100px;
}

.enquiry_btn:hover {
  background: #e46326;
  padding: 8px 10px;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
  font-weight: 500;
}

/* Quote NF */
/* My Quote Start Here */
.SearchTextBox {
  position: absolute;
  right: 15px;
  top: -3px;
  cursor: pointer;
  z-index: 1;
}

.SearchTextBox input.form-control {
  border-radius: 8px;
  width: 300px;
}

.searchBoxIcon {
  right: 5px;
  position: absolute;
  top: 10px;
}

.declined-status {
  background: #d8777733;
  color: #D60404;
}

.pending-badge {
  background: #fed8c8;
  color: #FC7D49;
}

.expired-status {
  background: #66666633;
  color: #666666;
}

.decline-msg {
  display: block;
  margin-top: 15px;
}

.MQFavPlace {
  width: 50%;
  flex: 1 1 auto;
  margin-right: 0;
}

.QuoteBox1 {
  width: 76%;
  flex: 1 1 auto;
  margin-right: 0;
}

.QuoteBox2 {
  width: 140px;
  margin: auto;
  text-align: center;
}

.QuoteBox3 {
  width: auto;
  margin: auto;
  text-align: center;
}

.MQFavPlace h4 {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
}

.getQuoteSec {
  width: 1000px;
  margin: 5% auto;
  display: flex;
}

.getQuoteSec h4 {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500;
}

.getQuoteSec .k-card {
  background: #fff;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 70px;
  position: relative;
}

.getQuoteSec .tab-info {
  margin: auto;
  width: 500px;
}

.getQuoteAction {
  position: absolute;
  top: 15px;
  right: 0;
}

.MQFilterSection .label-check label {
  font-size: 11px;
}

.MQBascDetl, .MQServiceFilter {
  height: 262px;
  margin: 0;
}

.dry-count {
  background: #e4e4e4;
  padding: 3px;
  border-radius: 50%;
  color: #222221;
  font-size: 10px;
  text-align: center;
  border: 1px solid #e4e4e4;
  font-weight: 500;
}

/* My Quote End Here */
/* Sea Booking Quote FCL */
.form-input-addon input {
  position: relative;
}

.form-input-addon .input-group-append {
  position: absolute;
  right: 5px;
  top: 32px;
  z-index: 9;
  background: #fff;
}

.top-12.input-group-append {
  top: 12px;
}

.form-input-addon .input-group-append .input-group-text {
  background: transparent;
  border: none;
  padding: 0;
  color: rgba(140, 140, 140, 0.6);
}

.carriage-toggle .btn-group {
  background: #F9F9F9;
  border-radius: 5px;
}

.carriage-toggle .btn {
  border-radius: 5px;
  border: 1px solid #eaeaea;
  min-width: 40px;
  font-size: 14px;
  line-height: 18px;
  color: #999;
}

.carriage-toggle .btn i {
  vertical-align: middle;
}

.carriage-toggle .btn.active {
  background: #244b65;
  color: #fff;
}

.carriage-toggle .btn:hover {
  background: #244b65;
  color: #fff;
  border-color: #244b65;
}

.carriage-toggle .btn:focus:hover, .carriage-toggle .btn.k-state-focused:hover {
  border: #244b65;
}

.carriage-toggle .btn-group .btn + .btn {
  margin-left: -1px !important;
}

.cursor-pointer {
  cursor: pointer;
}

.btn.filter-btn {
  background: #f4f4f4;
  color: #244b65;
  border-radius: 2px;
  padding: 5px 10px 8px 10px;
  margin-right: 10px;
}

.btn.filter-btn.active {
  background: #005389;
  color: #fff;
}

.btn.filter-btn:focus {
  box-shadow: 0px 1px 6px #00000029 !important;
}

.filter-text {
  color: #666;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
}

.filter-text:hover, .filter-text:focus {
  color: #005389;
}

button.filter-text[disabled=disabled] {
  cursor: not-allowed;
}

.route-view {
  color: #222;
  padding: 10px;
}

.route-view ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  transform: translate(0%, 5%);
}

.route-view ul li {
  flex: 1 1 auto !important;
  margin-right: 15px;
  list-style: none;
  color: #8C8C8C;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.route-view ul li div {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 5px;
  border: 1px dashed #8C8C8C;
}

.route-view ul li div.active {
  background: #005389;
  color: #fff;
  border: 1px solid #005389;
}

/* Profile Tab Start here */
.profile-card {
  color: #222;
  background-color: #fbfcfd;
  border-radius: 5px;
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 15px;
}

.profile-card ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  width: 100%;
  vertical-align: middle;
}

.profile-sec {
  display: flex;
  align-items: center;
  border-right: 1px solid #DADCE0;
}

.profile-card ul li {
  /* margin-right: 14px; */
  list-style: none;
  color: #8C8C8C;
  font-size: 14px;
  font-weight: normal;
  width: 17%;
}

.profile-card .card-title {
  border-bottom: 1px solid #DADCE0;
  padding: 10px 0px;
}

.profile-card .card-title h4 {
  margin: 0;
}

.profile-circle {
  background: #ccdbe8;
  color: #004B8D;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
}

h4.profile-name {
  font-size: 18px !important;
  margin-bottom: 5px !important;
  font-weight: 500;
  color: #222;
}

.profile-sec h6 {
  color: #595959;
  margin-bottom: 0;
}

.profile-quote {
  border-right: 1px solid #DADCE0;
  text-align: center;
  width: 5%;
  justify-content: center;
  align-self: center;
}

.profile-quote h2 {
  color: #FC7D49;
  font-weight: normal;
  font-size: 28px;
  margin-bottom: 1rem;
}

.profile-quote h6 {
  color: #999999;
  font-size: 20px;
  font-weight: normal;
}

.profile-green-text {
  color: #32BEA6 !important;
}

.profile-blue-text {
  color: #004B8D !important;
}

.btn.edit-profile-btn {
  background: transparent;
  color: #999;
  font-weight: 500;
  font-size: 14px;
}

.btn.icon-success-btn {
  padding: 0;
  font-size: 16px;
  color: #00AB8E;
  background: transparent;
}

.btn.icon-close-btn {
  padding: 0;
  font-size: 16px;
  color: #D87777;
  background: transparent;
}

/* Sea Booking Quote FCL */
/* Customer Profile Start Here */
.customer-tab {
  font-family: 'Roboto', sans-serif !important;
}

.customer-tab .nav-link {
  padding: 8px 6px;
  /*margin-bottom: 10px;*/
  font-size: 14px;
  width: 100px;
  color: #222;
}

.customer-tab .nav-link.active {
  background: #e4e4e4;
  color: #005389;
  border-radius: 5px;
  border-bottom: none;
}

.customer-tab .nav-link i {
  margin-bottom: 5px;
  font-size: 16px;
}

.customer-tab > ul {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5rem;
  box-shadow: 0px 2px 2px 0px #00000029;
  text-align: center;
}

.customer-tab h4 {
  font-size: 15px;
  margin-bottom: 1em;
}

.commodity-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2px;
  margin-bottom: 1.5rem;
}

.commodity-table table thead tr th {
  background: #f4f4f4;
  padding: 15px 10px;
  vertical-align: middle;
}

.commodity-table table tbody tr {
  box-shadow: 0px 3px 3px 0px #00000029;
  border-radius: 5px;
}

.commodity-table table tbody tr td {
  padding: 15px 10px;
  font-weight: 500;
  vertical-align: middle;
}

.commodity-table table tbody tr td:first-child {
  text-align: center;
  color: #005389;
}

.trash-danger {
  font-size: 16px;
  color: #d91919;
}

.radius-10px {
  border-radius: 10px;
}

.customer-tab .myprof-border h4 {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}

/* Customer Profile End Here */
/* Reference Start Here  */
.reference-tab.customer-tab .nav-link {
  width: 170px;
}

.reference-tab p {
  font-size: 14px;
  margin-bottom: 0px;
}

.ref-data .row {
  border-right: #CCC solid 1px;
  border-left: #CCC solid 1px;
  border-top: #CCC solid 1px;
}

.ref-data .row:last-child {
  border-bottom: #CCC solid 1px;
}

.glossary-search input {
  height: 36px !important;
  border-radius: 30px !important;
  padding-left: 20px !important;
  font-size: 14px;
}

.glossary-search .input-group-append {
  position: absolute;
  right: 8px;
  top: 0;
  cursor: pointer;
  height: 36px;
  z-index: 9;
}

.glossary-search .input-group-append span.input-group-text {
  background: transparent;
  border: none;
  font-size: 16px;
  color: #9c9c9c;
}

.glossary-search .k-input {
  width: 100% !important;
}

.glossary-search .k-multiselect {
  border-radius: 50px;
  font-family: 'Roboto', sans-serif !important;
}

.glossary-search .k-multiselect .k-multiselect-wrap {
  border-radius: 50px;
  font-family: 'Roboto', sans-serif !important;
}

.glossary-search .k-multiselect.k-state-focused {
  border-radius: 30px !important;
}

.k-multiselect .k-multiselect-wrap {
  border-radius: 30px;
}

.glossary-search .k-multiselect.k-state-hover {
  border-radius: 30px !important;
}

.glossary-search .k-multiselect.k-state-focused > .k-multiselect-wrap {
  border-color: #bfc6d0 !important;
  color: #212529;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) !important;
}

.glossary-search .k-state-focused.k-dropdowntree > .k-multiselect-wrap {
  border-color: #bfc6d0 !important;
  color: #212529;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3) !important;
}

.glossary-filter-list ul {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  list-style: none;
}

.glossary-filter-list ul li {
  flex: 1 1 auto !important;
  text-align: center;
}

.glossary-filter-list ul li a {
  font-size: 20px;
  color: #1c4d8d;
  text-decoration: underline;
}

.glossary-filter-list ul li a:hover, .glossary-filter-list ul li a.active {
  color: #fc7d49;
}

.glossary-content {
  padding: 20px;
  border: #ececec solid 1px;
}

.glossary-content h5 {
  color: #004b8d;
  font-size: 18px;
  font-weight: 500;
}

.glossary-content p {
  font-size: 14px;
  color: #000;
}

.incoterms-contents h3 {
  color: #004b8d;
  font-size: 18px;
  font-weight: bold;
}

.incoterms-contents p {
  font-size: 14px;
  color: #555d5d;
  margin-bottom: 1.2rem;
  text-align: justify;
}

.country-list.glossary-filter-list ul {
  flex-wrap: wrap;
}

.country-list.glossary-filter-list li {
  flex: 1 0 20% !important;
  text-align: left !important;
  margin-bottom: 20px;
}

.country-grid.commodity-table table thead tr th {
  background: #e3eef8 !important;
}

.country-grid.commodity-table table tbody tr td:first-child {
  color: #212529 !important;
  text-align: left !important;
}

.modal-lg.w-500 {
  max-width: 500px;
}

textarea.texrarea-height-120 {
  min-height: 120px !important;
}

/* Reference End Here  */
/* VGM Start Here  */
.vgn-detail-icons a {
  font-size: 14px;
  color: #212529;
}

.vgn-detail-icons a i {
  color: #848484;
}

.vgn-detail-icons a.download {
  color: #04bfbf;
}

.vgn-detail-icons a.download i {
  color: #04bfbf;
}

.vgn-detail-icons a.excel {
  color: #004b8d;
}

.vgn-detail-icons a.excel i {
  color: #004b8d;
}

.vgm-grid.commodity-table table {
  border: #ebebeb solid 1px;
  border-spacing: 0;
  border-bottom: none;
}

.vgm-grid.commodity-table table tbody tr {
  box-shadow: none !important;
}

.vgm-grid.commodity-table table thead tr th, .vgm-grid.commodity-table table tbody tr td {
  border-bottom: #ebebeb solid 1px;
  padding: 10px;
}

.vgm-grid.commodity-table table thead tr th {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

.vgm-grid.commodity-table table tbody tr td {
  color: #848582;
  font-size: 14px;
}

.vgm-grid.commodity-table table tbody tr td i.text-gray {
  color: #8f8c8e;
}

.vgm-grid.commodity-table .form-check-input {
  border-radius: 0 !important;
  width: 15px;
  height: 15px;
}

.status-confirm {
  background: #c3e5da;
  color: #04ac91;
  border-radius: 30px;
  width: 80px;
}

.vgn-modal .min-height-200 {
  min-height: 200px;
}

.vgn-modal .min-height-200 .nav-link.active {
  width: 107.8%;
}

.vgn-modal .link-text {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/* VGM End Here  */
/*My Booking Version 6 Start Here*/
.agent-booking .button-switch {
  font-size: 12px;
  height: 20px;
  margin-bottom: 0;
  position: relative;
  width: 20px;
  margin-top: 11px;
  top: 6px;
  right: 12px;
}

.agent-title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  padding-right: 5px;
}

.MSBooking1.active .active-border-left {
  width: 8px;
  height: 90%;
  background: #0090b0;
  position: absolute;
  left: -8px;
  top: 6px;
}

.MSBooking1.active .active-border-right {
  width: 8px;
  height: 90%;
  background: #0090b0;
  position: absolute;
  right: -8px;
  top: 6px;
}

.shadow-border {
  text-align: center;
  padding: 15px;
  box-shadow: 0px 2px 4px 0px #ccc;
}

.booking-accord.md-accordion .card {
  border-radius: 0px !important;
}

.booking-accord .card .card-header {
  background-color: #eaeaea !important;
  padding: 1.2rem;
}

.sticky-offset {
  top: 56px;
}

.freight-panel {
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 15px;
}

.freight-panel .k-card {
  background-color: #fbfcfd;
  border-radius: 6px;
  padding: 15px;
  top: 0px;
  box-shadow: none;
  display: flex;
  border: none;
}

/*My Booking Version 6 End Here*/
.service-panel {
  color: #222;
  width: 100%;
  /*overflow: hidden;*/
  position: relative;
  margin-bottom: 1.5rem;
  background-color: #f3f3f3;
  border-radius: 6px;
  padding: 15px;
}

.md-accordion .card .icon-arrow-down4 {
  color: #999;
  font-size: 16px;
  top: 0px;
  position: relative;
  float: right;
}

.md-accordion .card .icon-arrow-down5 {
  color: #222221;
  font-size: 32px;
  top: 0px;
  line-height: 18px;
  position: relative;
  float: right;
}

.md-accordion .card .icon-arrow-up5 {
  color: #222221;
  font-size: 32px;
  top: 0px;
  line-height: 18px;
  position: relative;
  float: right;
}

.md-accordion .card .icon-arrow-drop-down-circle {
  color: #222221;
  font-size: 20px;
  top: 5px;
  position: relative;
  float: right;
}

.md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.md-accordion .card-header {
  background: none;
  border: none;
}

.md-accordion > .card:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.md-accordion .card {
  font-family: "Roboto", sans-serif !important;
  background: #fbfcfd;
  box-shadow: 0px 0.5px 2px #00000029;
  border-radius: 8px !important;
  border: none;
  margin-bottom: 1rem;
}

.btn.add-cargo-btn {
  border: 1px solid #fff;
  overflow: hidden;
  box-shadow: 0px 3px 6px rgba(64, 64, 64, 0.45);
  color: #fff;
  background-color: #f57336;
  border-radius: 50px;
  height: 30px;
  padding: 4px 15px;
}

.btn.add-cargo-btn:hover {
  color: #fff;
  background-color: #e46b32;
}

.icon-trans-bg-btn {
  background: none;
  box-shadow: none;
  font-size: 24px !important;
  padding: 0 !important;
  position: relative;
  top: -5px;
  color: #666 !important;
}

.icon-trans-bg-btn-fill {
  background: none;
  box-shadow: none;
  font-size: 24px !important;
  padding: 0 !important;
  position: relative;
  top: -5px;
  color: #00AB8E !important;
}

.bg-transparent .icon-Container-Group:hover, .bg-transparent .icon-Container-Group:active {
  color: #457291;
}

.bg-transparent .icon-warning2:hover, .bg-transparent .icon-warning2:active {
  color: #F0C419;
}

.bg-transparent .icon-temperature2:hover, .bg-transparent .icon-temperature2:active, .bg-transparent .icon-temperature2.active {
  color: #2EB2FF;
}

.bg-transparent .icon-Cargo-Commodity:hover, .bg-transparent .icon-Cargo-Commodity:active, .bg-transparent .icon-Cargo-Commodity.active {
  color: #D21CD8A3;
}

.bg-transparent .icon-warning2:hover, .bg-transparent .icon-warning2.active {
  color: #F0C419;
}

.edit-action-bg {
  background: #F6F6F6 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  right: 2px;
}

.numeric-close {
  color: #D91919;
  font-size: 18px;
  align-self: center;
  line-height: 18px;
  cursor: pointer;
}

.numeric-blue-text {
  color: #004B8D;
  font-family: 'Roboto', sans-serif !important;
  align-self: center;
}

.numeric-blue-text a {
  text-decoration: underline;
}

.bor-left-grey {
  border-left: 1px solid #ccc;
}

/*Floating menu Start Here*/
.sticky-container {
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -100px;
  top: 50%;
  width: 150px;
  z-index: 999;
}

.sticky li {
  list-style-type: none;
  background-color: #e5e5e5;
  color: #222222;
  height: 45px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.sticky li:first-child {
  border-top-left-radius: 10px !important;
}

.sticky li:last-child {
  border-bottom-left-radius: 10px !important;
}

.sticky li:hover {
  margin-left: -130px;
  background: #244b65;
  color: #fff;
  -webkit-filter: grayscale(0%);
}

.sticky li i {
  float: left;
  margin: 10px 10px;
  margin-right: 18px;
  font-size: 24px;
}

.sticky li p {
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 45px;
}

/*Floating menu Start Here*/
.form-label p {
  display: inline-block;
  padding-left: 12px;
  color: #222221;
  margin-bottom: 0;
}

.summary-panel {
  background-color: #244b65;
  border-radius: 8px;
  box-shadow: 0px 10px 20px #244b6526;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1.5rem;
  padding: 15px;
  color: #fff;
}

.summary-panel ul li {
  margin-right: 5px;
  list-style: none;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  /*flex: 1 1 auto;*/
  /*width:17%;*/
}

.summary-panel p {
  color: #fff;
}

.summary-panel .vessels-active {
  display: flex;
  align-items: center;
  flex-direction: column;
  align-self: center;
}

.summary-panel .vessels-active div.active {
  background: #fff;
  color: #244b65;
  border: 1px solid #fff;
}

.summary-panel.wo-destination .iconwrapper::before, .summary-panel.wo-destination .iconwrapper::after, .summary-panel.wo-orgin .iconwrapper::before, .summary-panel.wo-orgin .iconwrapper::after {
  width: 20em;
}

.summary-panel.wo-orgin.wo-destination .iconwrapper::before, .summary-panel.wo-orgin.wo-destination .iconwrapper::after, .summary-panel.ORGDES-Empty .iconwrapper::before, .summary-panel.ORGDES-Empty .iconwrapper::after {
  width: 40em;
}

.summary-panel.ORG-NonEmpty .iconwrapper::before, .summary-panel.ORG-NonEmpty .iconwrapper::after, .summary-panel.DES-NonEmpty .iconwrapper::before, .summary-panel.DES-NonEmpty .iconwrapper::after {
  width: 20em;
}

.custom-track i.icon-truck2, .custom-track i.icon-My-Dfs_Barge, .custom-track i.icon-directions-train {
  color: #0B51C5;
}

.custom-track.wo-destination .iconwrapper::before, .custom-track.wo-destination .iconwrapper::after, .custom-track.wo-orgin .iconwrapper::before, .custom-track.wo-orgin .iconwrapper::after {
  width: 20em;
}

.summary-label {
  color: #C2C2C2;
  display: block;
  font-size: 11px;
}

.bor-radius-pb0 {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.bor-radius-pt0 {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.service-panel.service-width, .service-include-panel.service-width {
  background-color: #fbfcfd;
}

.carrier-info i {
  color: #616161;
  font-size: 22px !important;
}

.carrier-info a:hover {
  text-decoration: none;
}

.carrier-info .sum-info {
  position: relative;
  top: -5px;
}

/*switch Control Start here*/
.cust-switch .k-switch {
  overflow: visible !important;
  width: 35px;
}

.cust-switch .k-switch [type=checkbox] {
  display: none;
}

.cust-switch .k-switch-on .k-switch-container {
  border-color: transparent;
  color: #fff;
  background-color: #30729d66;
  box-shadow: none !important;
}

.cust-switch .k-switch-label-off, .cust-switch .k-switch-label-on {
  display: none;
  width: calc(100% - 2em - 12px);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-shadow: none;
  line-height: 2em;
  overflow: hidden;
}

.cust-switch .k-switch .k-switch-handle {
  top: -.5em;
  background-clip: border-box;
}

.cust-switch .k-switch-handle {
  border-radius: 5em;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  background-position: 50%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  left: 0;
  transition: left .2s ease-out 0s;
}

.cust-switch .k-switch-on .k-switch-handle {
  border-color: transparent;
  color: #fff;
  background-color: #30729D;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);
  background-image: none;
}

.cust-switch .k-switch-off .k-switch-container {
  border-color: #bbb;
  color: #2e2e2e;
  background-color: #66666666;
  box-shadow: none !important;
}

.cust-switch .k-switch-off .k-switch-handle {
  background-color: #666666;
  box-shadow: 0px 1px 3px #00000036;
  background-image: none;
}

.cust-switch .k-switch-on.k-state-hover .k-switch-handle, .cust-switch .k-switch-on:hover .k-switch-handle, .cust-switch .k-switch-on.k-state-focused .k-switch-handle, .cust-switch .k-switch-on:focus .k-switch-handle {
  border-color: transparent;
  color: #fff;
  background-color: #30729D;
  box-shadow: 0px 1px 3px #00000036;
  background-image: none;
}

.cust-switch .k-switch-off.k-state-hover .k-switch-handle, .cust-switch .k-switch-off:hover .k-switch-handle, .cust-switch .k-switch-off.k-state-focused .k-switch-handle, .cust-switch .k-switch-off:focus .k-switch-handle {
  /*border-color: transparent;*/
  color: #fff;
  background-color: #666666;
  box-shadow: 0px 1px 3px #00000036;
  background-image: none;
}

.cust-switch .k-switch-on.k-state-hover .k-switch-container, .cust-switch .k-switch-on:hover .k-switch-container, .cust-switch .k-switch-on.k-state-focused .k-switch-container, .cust-switch .k-switch-on:focus .k-switch-container {
  border-color: transparent;
  color: #fff;
  background-color: #30729d66;
  box-shadow: none !important;
}

.cust-switch .k-switch-off.k-state-hover .k-switch-container, .cust-switch .k-switch-off:hover .k-switch-container, .cust-switch .k-switch-off.k-state-focused .k-switch-container, .cust-switch .k-switch-off:focus .k-switch-container {
  border-color: #bbb;
  color: #2e2e2e;
  box-shadow: none !important;
}

.cust-switch .k-switch .k-switch-container {
  height: 15px;
  width: 35px;
}

.cust-switch .k-switch-off .k-switch-handle {
  left: calc(100% - 2.8em);
}

.cust-switch .k-switch-on .k-switch-handle {
  left: calc(100% - 1.3em);
}

/*switch Control End here*/
/*My Booking Start Here*/
.newCustomTab li.nav-item {
  border: 1px solid #DADCE0;
  background: #fff;
  border: 1px solid #DADCE0;
  background: #fff;
  margin-right: -2px;
}

.newCustomTab li.nav-item .nav-link {
  padding: 5px 10px;
  font-size: 12px;
  color: #000;
}

.newCustomTab li.nav-item .nav-link.active {
  background: #457291 !important;
  border: none;
  color: #fff !important;
}

.newCustomTab li.nav-item .nav-link:hover {
  border: none;
  background: #457291 !important;
  color: #fff !important;
}

.newCustomTab li.nav-item:first-child {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.newCustomTab li.nav-item:first-child .nav-link.active {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.newCustomTab li.nav-item:last-child {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

.newCustomTab li.nav-item:last-child .nav-link.active {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}

/*summary header start here*/
.iconwrapper {
  text-align: center;
  display: inline-block;
}

.iconwrapper::before, .iconwrapper::after {
  content: '';
  display: inline-block;
  width: 12.5em;
  height: 1px;
  margin: 0 5px;
  background: #DADCE0;
  vertical-align: middle;
}

.iconwrapper i {
  font-size: 14px;
}

.header-pre.header-on .iconwrapper::before, .header-pre.header-on .iconwrapper::after {
  width: 12em;
}

.header-pre .iconwrapper::before, .header-pre .iconwrapper::after {
  width: 12.5em;
}

.header-on .iconwrapper::before, .header-on .iconwrapper::after {
  width: 12.5em;
}

.POO-NonEmpty .iconwrapper::before, .POO-NonEmpty .iconwrapper::after {
  width: 12em;
}

.header-on.POO-NonEmpty .iconwrapper::before, .header-on.POO-NonEmpty .iconwrapper::after {
  width: 11.5em;
}

.header-pre.POO-NonEmpty .iconwrapper::before, .header-pre.POO-NonEmpty .iconwrapper::after {
  width: 11.5em;
}

.header-pre.header-on.POO-NonEmpty .iconwrapper::before, .header-pre.header-on.POO-NonEmpty .iconwrapper::after {
  width: 11em;
}

.iconwrap-nospace::before {
  margin-right: 0px;
}

.iconwrap-nospace::after {
  margin-left: 0px;
}

/*summary header start here*/
.filter-text {
  display: inline-block;
  font-size: 13px;
}

.filter-value {
  display: inline-block;
  margin-right: 15px;
}

.filter-value i.icon-close2 {
  position: relative;
  bottom: 1px;
  color: #9E370D !important;
}

.filterText-btn {
  background: #f4f4f4;
  color: #005389;
  border-radius: 2px;
  padding: 5px 10px 5px 9px;
}

.filterText-btn:hover i, .filterText-btn:active i, .filterText-btn:hover, .filterText-btn:active {
  background: #f4f4f4;
  color: #005389 !important;
}

.filterText-btn i {
  font-size: 19px;
  margin-right: 5px;
  color: #005389;
  position: relative;
  bottom: 2px;
  background: transparent !important;
}

.MyBKSelectTab ul li .iconwrapper::before, .MyBKSelectTab ul li .iconwrapper::after {
  width: 6em;
}

.border-radius-5px {
  border-radius: 5px;
}

.MSbookingBoxStatusText {
  font-size: 12px;
  margin-top: 5px;
  font-family: 'Roboto', sans-serif !important;
}

.actionIcons {
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
}

.NotfColor, .themeBlue {
  color: #004B8D;
}

.MSbookingBoxIcons i {
  font-size: 18px;
  display: inline-block;
}

.MSbookingBoxIcons i.icon-notifications.NotfColor {
  font-size: 20px;
}

.countNum {
  background: #fff;
  box-shadow: 0px 1px 3px #00000029;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  font-size: 11px;
  position: absolute;
  margin-left: -6px;
  margin-top: -3px;
  text-align: center;
}

.NotficationIcon .countNum {
  margin-left: -9px;
}

.ClockColor {
  color: #FC7D49;
}

.AttchColor {
  color: #005389;
}

.ChatColor {
  color: #00AB8E;
}

.MoreColor {
  color: #999999;
}

.actionIcons.MoreIcon i {
  font-size: 25px;
}

i.icon-attachment2 {
  transform: rotate(307deg);
  display: inline-block;
}

.actionIcons.MoreIcon {
  margin-right: 10px;
  margin-left: 10px;
  height: 25px;
  position: relative;
  bottom: 3px;
}

.BookingactionIcons .actionIcons i {
  font-size: 17px;
}

.MSBookingMore {
  background: #fff;
  display: inline-block;
  position: absolute;
  padding: 15px 20px;
  box-shadow: 0px 0px 16px #00000029;
  border-radius: 0;
  right: 30px;
  top: 70px;
  z-index: 1;
  color: #222221;
  width: 60px;
}

.moreSubIcon {
  display: block;
  margin-bottom: 15px;
}

.MSmoreLocation {
  color: #004B8D;
}

.MSmoreHistory {
  color: #595959;
}

.MSmoreClose {
  color: #D87777;
}

.MSBookingMore i {
  font-size: 18px;
  cursor: pointer;
}

.MSBookingMore i.icon-history3.MSmoreHistory {
  font-size: 20px;
}

.moreSubIcon:last-child {
  margin: 0;
}

.MSBookingMore i {
  font-size: 18px;
  cursor: pointer;
}

.MSbookingBoxInner {
  background: #EFF9FF;
  border-radius: 5px;
  height: 100px;
  /*margin-top: -5px;*/
}

.SelctBorder {
  border-left: 4px solid #004B8D;
}

.MSbookingBoxInner .MSBBoxInnerContent {
  display: inline-block;
  margin-right: 30px !important;
  position: relative;
  top: 15px;
  left: 45px;
}

.MSBooking2 {
  margin-top: 15px;
  position: relative;
}

.view-more-badge {
  background: #f4e9e9;
  padding: 2px 10px;
}

.view-more-badge p {
  margin-bottom: 0px;
  font-size: 12px;
}

.view-more-badge a {
  color: #16589d;
  margin-left: 1.5rem;
  cursor: pointer;
}

.view-more-badge .view-date {
  color: #005389;
}

.hashtag {
  color: #004B8D !important;
  cursor: default;
}

.hashtag.hr-line {
  text-decoration: underline !important;
  cursor: pointer;
}

.filter-bg {
  background: #fbfcfd;
  padding: 10px 15px;
  margin: 0 15px;
}

.BookingNum {
  flex: 0 0 18%;
  max-width: 18%;
}

.bookingSmallLabel {
  max-width: 130px;
  flex-grow: 2;
}

.BookingactionIcons .actionIcons i {
  font-size: 17px;
}

.table thead th {
  background: #f3f3f3 !important;
}

.SliderPopup {
  padding: 20px 15px;
  background: #fff;
  box-shadow: -6px 0px 12px #0000001a;
  position: fixed;
  height: 100%;
  top: 0;
  right: -100%;
  /*transition: all 0.4s;*/
  z-index: 1034;
}

.SP-Medium {
  width: 600px;
}

.SP-Large {
  width: 1000px;
}

.sliderPopupHeading {
  color: #000;
  font-size: 13px;
  display: inline-block;
  margin: 0;
}

.taskTable {
  margin: 15px 0;
}

.taskTable table thead th {
  border: 0;
  background: #f4f4f4;
}

.table {
  color: #000;
  font-size: 12px !important;
  border: 1px solid #f4f4f4;
}

.table thead th {
  border: 0;
}

.table td, .table th {
  border-top: 1px solid #f4f4f4;
  vertical-align: middle !important;
}

.status-anchor {
  color: #04BFBF;
  text-decoration: underline !important;
}

.status-anchor:hover {
  color: #04BFBF;
  text-decoration: underline !important;
}

.pending-status {
  background-color: #fae9da;
  color: #de6f25;
}

.submitted-status {
  background-color: #004c8f26;
  color: #004B8D;
}

.pending2-status {
  background-color: #de6d0026;
  color: #DE6D00;
}

.pending3-status {
  border-radius: 50px !important;
  background-color: #de6d0026;
  color: #DE6D00;
}

.reject-status {
  border-radius: 50px !important;
  background-color: #fbe7e7;
  color: #D91919;
}

.accept-status {
  border-radius: 50px !important;
  background-color: #e5f7f4;
  color: #00AB8E;
}

.statusAction {
  border-radius: 3px;
  padding: 7px 5px;
  width: 100px;
  display: block;
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}

.statusDate {
  color: #666666;
  display: block;
  font-size: 10px;
}

.tableActionIcons span i.icon-download1 {
  font-size: 15px;
  position: relative;
  top: 3px;
}

.downloadIcon {
  color: #32BEA6;
}

.tickIcon {
  color: #00AB8E;
}

.wrongdIcon {
  color: #D87777;
}

.tableActionIcons span i {
  font-size: 18px;
  cursor: pointer;
}

.sliderPopupSubHeading {
  color: #000;
  font-size: 12px;
  padding-bottom: 5px;
}

.taskHistoryBox {
  border: 1px solid #eaeaea;
  padding: 5px 15px;
  display: flex;
  margin-bottom: 10px;
}

.flex-center {
  align-items: center;
  display: flex !important;
}

.btn.sliderOk-btn {
  background: #00AB8E;
  color: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
  min-width: 80px;
  padding: 8px 10px;
  font-weight: 500 !important;
}

.sliderOk-btn:hover {
  background: #00AB8E;
  color: #fff;
}

.sliderPopupActionBtn {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.upload-anchor {
  color: #004B8D;
  text-decoration: underline !important;
}

.upload-anchor:hover {
  color: #004B8D;
  text-decoration: underline !important;
}

.uploadIcon {
  font-size: 15px;
  color: #004B8D;
}

.add-plus-btn {
  background: transparent;
  margin: 0 0 0 5px !important;
  box-shadow: none;
  border: none;
  font-weight: 500 !important;
}

.add-plus-btn i {
  font-size: 11px;
  top: 1px;
  position: relative;
}

.tableActionIcons, .posBot3, .tableActionIcons {
  position: relative;
  bottom: 3px;
}

.MyBKSelectTab .next-btn {
  min-width: unset;
}

.BookingFilterOpen {
  background: #fff;
  display: inline-block;
  position: absolute;
  padding: 25px 15px;
  box-shadow: 0px 0px 16px #00000029;
  z-index: 9;
  color: #212121;
  border-radius: 0;
  left: 15px;
  top: 40px;
  width: 400px;
}

.uam-filter {
  background: #fff;
  display: inline-block;
  position: absolute;
  padding: 25px 15px;
  box-shadow: 0px 0px 16px #00000029;
  z-index: 9;
  color: #212121;
  border-radius: 0;
  left: 15px;
  top: 35px;
  width: calc(100% - 30px);
  box-shadow: 0px 5px 8px #00000029;
}

.partyfilterOpen {
  background: #fff;
  display: inline-block;
  position: absolute;
  padding: 25px 15px;
  box-shadow: 0px 0px 16px #00000029;
  z-index: 9;
  color: #212121;
  border-radius: 0;
  left: 10px;
  top: 40px;
  width: 400px;
}

.BookingFilterOpen .floating-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.SortOpen {
  background: #fff;
  display: inline-block;
  position: absolute;
  padding: 25px 15px;
  box-shadow: 0px 0px 16px #00000029;
  z-index: 9;
  color: #212121;
  border-radius: 0;
  padding: 15px 15px;
  right: 0px;
  top: 40px;
  width: 200px;
  font-weight: 500;
}

.list-quotes-card ul h4.amount-text, tfoot tr td span.amount-text, .booknow-card .amount-text,
.list-quotes-card h4.amount-text {
  color: #005389;
  font-weight: 600;
  font-size: 18px;
  margin: 5px 0px;
}

.list-quotes-card {
  font-family: 'Roboto', sans-serif;
  width: 100%;
}

.list-quotes-card ul {
  display: flex;
  list-style: none;
  background: #fff;
  box-shadow: 0px 1px 6px #00000029;
  border-radius: 5px;
  margin-bottom: 1rem;
  padding: 0px;
}

.list-quotes-card ul h4 {
  color: #222221;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: normal;
}

.list-quotes-card ul.active {
  background: #F2FAFF;
}

.list-quotes-card ul li {
  flex: 1 1 auto;
  margin-right: 0;
  padding: 8px;
}

.custom-track ul {
  border: none;
  margin-bottom: 0px !important;
  box-shadow: none !important;
  background: #f4f4f4;
  display: inline-block !important;
  width: 100%;
  list-style: none;
  border-radius: 5px;
  padding: 0px !important;
}

.custom-track ul label {
  color: #666;
}

.custom-track ul label.d-block + span {
  color: #000;
  font-weight: 500;
}

.custom-track ul li {
  display: inline-block;
  float: left;
  flex: inherit !important;
  margin-right: 0;
  padding: 8px;
  color: #222221;
}

.qty-table table {
  width: 100%;
}

.qty-table thead tr th, .qty-table tbody tr td {
  padding: 10px 12px;
  color: #222221;
  font-weight: 500;
}

.align-self-flex-end {
  align-self: flex-end;
}

.truck-blue {
  color: #0B51C5;
}

.custom-track ul li .iconwrapper::before, .custom-track ul li .iconwrapper::after {
  width: 5em;
}

.custom-track.quote-track ul li .iconwrapper::before, .custom-track.quote-track ul li .iconwrapper::after {
  width: 2em;
}

.BKActionTab {
  height: 40px;
  width: 40px;
  border-radius: 25px;
  align-items: center;
  display: flex;
  justify-content: center;
  background: #7ecefd;
  border: 1px solid #7ecefd;
  color: #000000;
  margin: 15px auto;
  box-shadow: 0px 1px 6px #00000029;
}

.BKActive {
  background: #F76B00;
  border: 1px solid #F76B00;
  color: #fff;
}

.BKTextTab {
  font-weight: 500;
  color: #999;
}

.BKTextActive {
  color: #000;
}

.MyBKSelectTab-section {
  display: flex;
  justify-content: center;
  height: 60px;
}

.MyBKSelectTab {
  background: #fff;
  border-radius: 8px 8px 0px 0px;
  padding: 15px 15px;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  font-family: "Roboto", sans-serif;
  /*width: 90%;
  height: 75px;*/
  /*border: 1px solid #aeaead;*/
}

.MyBKSelectTab .MyBKSelectTab-round {
  position: relative;
  bottom: 50px;
  text-align: center;
  width: 200px;
}

.prefTranPort {
  position: absolute;
  color: #222221;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  width: 280px;
  z-index: 99;
  top: 45px;
}

.has-search .form-control {
  border-radius: 25px;
  padding: 0.375rem 1.5rem;
  padding-right: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  right: 0;
  padding: 13px;
  font-size: 14px;
}

.form-group.has-search {
  position: relative;
}

.MultiSelcList {
  background: #7ecefd;
  border: 1px solid #7ecefd;
  color: #000000;
  padding: 3px 10px;
  border-radius: 25px;
  box-shadow: 0px 1px 6px #00000029;
  width: 110px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
}

.MultiSelcList i.icon-close2 {
  float: right;
  position: relative;
  top: 3px;
  cursor: pointer;
}

ul.prefTranPortList {
  margin-top: 5px;
  height: 160px;
  overflow: auto;
  margin-bottom: 0;
  width: calc(100% + 8px);
}

ul.prefTranPortList li {
  padding: 5px 10px;
}

ul.prefTranPortList li:hover {
  background: #eff6fc;
  color: #000000;
  font-weight: 500;
}

.BDmultipleHBL {
  position: relative;
  bottom: 13px;
}

.label-check label.text-dark {
  color: #000 !important;
}

.MyBKagentColor {
  background-color: #0092b2;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.MyBKagentText {
  position: relative;
  bottom: 4px;
  color: #000;
}

.MyBKNameAdd {
  width: calc(100% - 50px);
}

.MyBKContactDetails .service-card h5 {
  color: #004B8D;
}

.linkReferBox label.floating-label.grey-text {
  font-size: 10px;
}

button.btn.package-btn.name-add-btn {
  top: 22px;
}

.booking-card ul li:last-child {
  margin: 0;
}

/*Get blockquote Expand View*/
.detail-view {
  border-radius: 5px;
  box-shadow: 0px 1px 6px #00000029;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  font-family: "Roboto", sans-serif;
  background: #fff;
  margin-bottom: 1.5rem;
}

.detail-view table {
  width: 100%;
}

.detail-view table thead tr th {
  padding: 6px 10px;
  color: #8C8C8C;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}

.detail-view table tbody tr td {
  padding: 6px 10px;
  color: #222221;
  font-weight: 600;
}

.detail-view table tfoot tr td {
  padding: 6px 10px;
  color: #8C8C8C !important;
  border-top: 1px solid #ccc;
  font-weight: normal;
}

.detail-view table tbody tr td:first-child {
  font-weight: normal;
}

.email-text {
  color: #222221;
  margin: 0;
  font-size: 20px;
}

.back-search a {
  color: #005389 !important;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.back-search i {
  color: #006AAF;
  font-size: 15px;
  line-height: 25px;
}

.booknow-card {
  border-radius: 5px;
  box-shadow: 0px 1px 6px #00000029;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  font-family: "Roboto", sans-serif;
  background: #f4f4f4;
}

.min-ht-430 {
  min-height: calc(100vh - 430px);
}

.min-ht-booknow {
  min-height: calc(100% - 5%);
}

.booknow-card table tbody tr td {
  padding: 12px;
  color: #222221;
  font-weight: 600;
  font-size: 14px;
}

.booknow-card table tbody tr td:first-child {
  font-weight: normal;
  color: #999;
  min-width: 110px;
}

.booknow-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}

.booknow-title h4 {
  font-weight: normal;
  font-size: 20px;
  color: #666;
  margin-bottom: 0;
}

/*Get blockquote Expand View*/
.booknow-card .warning-text {
  font-weight: 600;
  font-size: 16px;
  color: #f47f48;
  margin: 5px 0px;
}

.warning-text {
  font-weight: 600;
  font-size: 16px;
  color: #f47f48;
}

.accordion-custom .custom-textarea-ht.k-textarea, .party-details .custom-textarea-ht.k-textarea {
  height: 108px !important;
}

.tick-color {
  color: #28a745 !important;
}

.party-details .link-text a.truck-blue {
  position: absolute;
  bottom: 0;
}

.h-auto {
  height: auto !important;
}

.greyTable thead th {
  font-weight: 500;
}

.greyTable tbody tr {
  background: #fbfbfb;
}

.modal-xmd {
  max-width: 1200px;
}

.MultiSelcText {
  color: #000;
  padding: 5px 15px;
  border-radius: 3px;
  /*box-shadow: 0px 2px 6px 0px #00000029;*/
  width: calc(100% - 50px);
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 10px;
  font-size: 11px;
  padding-right: 30px;
  position: relative;
  background: #f4f4f4;
}

.MultiSelcTextActvie {
  background: #e7ecef;
  border: 1px solid #e7ecef;
}

.MultiSelcTextActvieRed {
  background: #f9ece6;
}

.MultiSelcText:last-child {
  margin: 0;
}

.MultiSelcTextScll {
  padding-left: 3px;
  height: 225px;
  overflow-x: hidden;
  overflow-y: auto;
}

.linkContCargo .booking-card {
  height: 315px;
}

.borderTwoDash {
  border: .5px dashed #457291;
}

.MultiSelcNoRec {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100px;
  position: relative;
  width: 210px;
  margin: 0 auto;
  text-align: center;
}

.MultiSelcText i {
  float: right;
  position: absolute;
  top: 35%;
  cursor: pointer;
  right: 15px;
}

.empty-grey-box {
  background: #f9f9f9;
  width: 100%;
  min-height: 100px;
}

.linkCCAlert-box {
  border: 1px solid #F76B00;
  text-align: center;
  padding: 8px 5px;
  margin-bottom: 15px;
}

.linkCCAlert {
  color: #F76B00 !important;
  margin-bottom: 0;
}

.linkReferActive-box {
  border: 1px solid #004B8D;
  background: #f3fafe;
}

.container-action {
  position: relative;
  top: 20px;
  left: 40px;
}

.cargoNature button.btn {
  margin-right: 20px;
}

.custom-textarea-ht1 {
  min-height: 130px !important;
  overflow: auto;
  overflow-x: hidden;
  resize: none;
}

.posBot15 {
  position: relative;
  bottom: 15px;
}

.posTop10 {
  position: relative;
  top: 10px;
}

.posTop15 {
  position: relative;
  top: 15px;
}

.measurement-box {
  position: absolute;
  z-index: 2;
  display: block;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  right: 0;
  padding: 11px;
  font-size: 12px;
}

.MSBKcontainerCargo .collapse.show {
  border-left: 4px solid #004b8d;
}

ul.star-list {
  padding: 15px;
  padding-left: 30px;
}

ul.star-list li {
  list-style-type: ' ★ ';
  padding-left: 5px;
  margin-bottom: 10px;
  color: #666;
}

.cursorPointer {
  cursor: pointer;
}

.contRefDelete {
  position: absolute;
  right: 10px;
  top: 10px;
}

.blueBGCard {
  background-color: #fff;
  border-radius: 8px 8px 0px 0px;
  box-shadow: 0px 1px 6px #00000029;
  background: #f3fafe;
  color: #005389;
  padding: 10px 15px;
}

.br-top0 {
  border-radius: 0px 0px 8px 8px;
}

.dark-orange-color {
  color: #df6d00 !important;
}

.CargoPick-Up, .CargoDropped-off {
  position: absolute;
  color: #222221;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.16);
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 15px;
  z-index: 99;
  top: 80px;
  right: 70px;
  border: 1px solid #005389;
}

.CargoPick-Up {
  right: unset;
  left: 70px;
}

.custom-Three-textarea {
  min-height: 170px !important;
  overflow: auto;
  overflow-x: hidden;
  resize: none;
}

.bookingMain-card {
  padding: 5px;
}

.summaryTrack {
  height: 218px;
  align-items: center;
  display: flex;
}

.summaryTrack.booking-card ul li {
  position: relative;
}

.summaryTrack.booking-card ul li .iconwrapper::before, .summaryTrack.booking-card ul li .iconwrapper::after {
  width: 6em;
}

.shiptrackName {
  font-size: 12px;
  position: absolute;
  top: 25px;
  right: 5em;
}

.form-group {
  margin-bottom: 2rem;
}

.summaryQuoBox {
  height: 325px;
}

/*table Vertical Scroll*/
.table-verticalScroll {
  overflow-x: auto;
}

.table-verticalScroll::-webkit-scrollbar, .table-verticalScroll::-webkit-scrollbar-thumb {
  height: 6px;
}

.table-scroll {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.table-wrap {
  width: 100%;
  overflow: auto;
}

.table-scroll table {
  width: 100%;
  margin: auto;
  border-collapse: separate;
  border-spacing: 0;
}

.table-scroll th, .table-scroll td {
  white-space: nowrap;
  vertical-align: middle;
}

.table-scroll thead, .table-scroll tfoot {
  background: #f9f9f9;
}

.clone {
  position: absolute;
  top: 15px;
  left: 0px;
  pointer-events: none;
}

.clone th {
  visibility: hidden;
}

.clone td {
  visibility: hidden;
  border-color: transparent;
}

.clone th {
  border-color: transparent;
}

.clone tbody th {
  visibility: visible;
  color: red;
}

.clone .fixed-side {
  background: #fff;
  visibility: visible;
  border-top: 1px solid #f4f4f4;
}

.clone .fixed-side.header-fixed {
  background: #f9f9f9;
}

.nav-pills {
  font-family: "Roboto", sans-serif !important;
}

.nav-pills .nav-link {
  color: #999;
  font-size: 14px;
  border-radius: 0px !important;
  cursor: pointer;
}

.nav-pills .nav-link.active {
  color: #005389 !important;
  background-color: transparent !important;
  border-bottom: #005389 solid 3px;
  border-radius: 0;
  font-weight: 500;
}

.nav-pills .show > .nav-link {
  color: #005389 !important;
  background-color: transparent !important;
  border-bottom: #005389 solid 3px;
  border-radius: 0;
  font-weight: 500;
}

.MSBooking1 {
  margin: 0;
}

.tab-content > .active {
  position: relative;
  font-family: "Roboto", sans-serif !important;
}

.RegisterMain .k-card {
  top: 0;
}

.MSbookingBox {
  padding: 10px;
  display: flex;
  height: 100px;
}

.MSbookingBoxArrow {
  width: 30px;
  margin-right: 20px;
  align-self: center;
}

.MSbookingBoxNum {
  width: 10%;
  align-self: center;
}

.MSbookingBoxLoc {
  width: 35%;
  align-self: center;
}

.MSbookingBoxDate, .MSbookingBoxUser {
  width: 12%;
  align-self: center;
}

.MSbookingBoxStatus {
  width: 15%;
  align-self: center;
}

.MSbookingBoxIcons {
  width: 18%;
  align-self: center;
  text-align: right;
}

.locIconColor {
  color: #dc7f7f !important;
}

.FavlocIconColor {
  color: #FC7D49 !important;
}

.WarningColor {
  color: #FECB09 !important;
}

.TemperatureColor {
  color: #2EB2FF !important;
}

.cargo-type .btn {
  padding: 0px !important;
  margin-bottom: 0px !important;
}

.cargo-type button[disabled] i:hover {
  color: #c3c3c3;
}

.cargo-type i {
  color: #c3c3c3;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0px !important;
}

.cargo-type i.commodity-icon {
  color: #f760baf2;
  font-size: 16px;
}

/*My Booking End Here*/
.actionBGIcon {
  background: #f4f4f4;
  padding: 5px 6px;
  font-size: 14px;
  margin-right: 5px;
  cursor: pointer;
}

.MBVFEdit {
  font-size: 14px;
}

.MBVFEdit i {
  position: relative;
  bottom: 4px;
  font-size: 14px;
}

.MBBasicTab1 {
  max-width: 140px;
}

.MBBasicTab3 {
  max-width: 280px;
}

.MBCustomTab .nav-pills .nav-link {
  color: #000;
  font-size: 12px;
  padding: 10px 25px;
  background: #fff;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
}

.MBCustomTab .nav-pills .nav-link.active {
  color: #fff !important;
  font-weight: 400;
  border: none;
  background: #F76B00 !important;
}

.MBCustomTab .nav-pills .show > .nav-link {
  color: #fff !important;
  font-weight: 400;
  border: none;
  background: #F76B00 !important;
}

.MBCustomTab li.nav-item {
  box-shadow: 0px 3px 6px 3px #00000015;
  margin-right: -5px;
  line-height: 30px;
  background: #fff;
  text-align: center;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  min-width: 110px;
}

.MBCustomTab li.nav-item:first-child {
  z-index: 5;
}

.MBCustomTab li.nav-item:nth-child(2) {
  z-index: 4;
}

.MBCustomTab li.nav-item:nth-child(3) {
  z-index: 3;
}

.MBCustomTab li.nav-item:nth-child(4) {
  z-index: 2;
}

.botom-border-orange {
  border-bottom: 3px solid #f76b00;
}

.MBstarIcon i {
  font-size: 20px;
  top: 13px;
  position: absolute;
  right: 15px;
}

.top-raduis-0 {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

.bottom-raduis-0 {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}

.MBbasicCarrier {
  position: absolute;
  width: 60px;
  margin-top: 5px;
}

.cust-numeric-text span.k-numerictextbox {
  background-color: #fff;
}

.routeBox {
  background: #fbfcfd;
  padding: 15px;
}

.routeBox p {
  margin-bottom: .5rem;
}

.table-scroll tr td {
  background: #fff;
}

.MBeyeIcon {
  position: relative;
  bottom: 12px;
  margin-left: 10px;
  font-size: 20px;
}

.SISumaryAccod.accordion .card {
  background: #eaeaea;
  border: none;
  border-radius: 0;
}

.SISumaryAccod.accordion i.fa.icon-sort-up {
  color: #666;
  font-size: 25px;
}

.SISumaryAccod.accordion i.fa.icon-sort-down {
  color: #666;
  font-size: 25px;
  position: absolute;
  top: 12px;
  height: 14px;
}

.SISumaryAccod.accordion i.fa.icon-sort-up {
  position: absolute;
  top: 23px;
  height: 14px;
}

.SISMTitle {
  margin-left: 30px;
}

.SISumaryAccod.accordion p.span-text {
  margin: 0;
}

.SISumaryAccod.accordion .collapse {
  background: #fff;
}

.accopenCard {
  width: calc(100% + 45px);
  margin: 0 -20px;
}

.LinkCCTitle {
  font-size: 13px;
}

hr.dottenline {
  border: 1px dashed #999;
}

#HBL1 span.MultiSelcText, #HBL2 span.MultiSelcText {
  width: 100%;
}

.BLBlue {
  border-left: 8px solid #457291;
}

.BLOrange {
  border-left: 8px solid #f57336;
}

/*Changes Start Here*/
.cust-grid {
  /*thead tr {
        background-color: $body-bg !important;

        &:hover {
            background-color: $body-bg !important;
        }
    }*/
}

.cust-grid .k-card {
  border-color: #eaeaea;
}

.cust-grid .k-grid-header {
  border-color: #eaeaea;
}

.cust-grid table {
  width: 100%;
  font-family: "Roboto", sans-serif;
}

.cust-grid .k-grid {
  margin-bottom: 0px;
}

.cust-grid .k-grid tr:hover {
  background: inherit;
}

.cust-grid tr td {
  padding: 8px 10px;
  border-bottom: 1px solid #eaeaea;
  color: #222221;
  font-size: 12px;
  background: none;
  border-right: none;
  border-width: 0 0 1px 0px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 200px;
}

.cust-grid tr th {
  padding: 8px 10px !important;
  background: #f4f4f4;
  font-weight: 600 !important;
  border-right: none;
  border-style: none !important;
  vertical-align: middle !important;
}

.cust-grid tbody tr {
  background-color: #fff !important;
}

.cust-grid tbody tr:hover {
  background-color: #f2faff !important;
  cursor: pointer;
}

.cust-grid tbody tr:hover .icon-btn-trash, .cust-grid tbody tr:hover .span-trash {
  background: #fff;
}

.cust-grid tbody tr.k-state-selected > td {
  background-color: #f2faff !important;
}

.cust-grid .k-state-selected {
  box-shadow: none;
  background: #fbfcfd;
  background-image: none;
}

.cust-grid .k-state-selected:hover {
  background-color: #fbfcfd !important;
}

.cust-grid .k-grid-header {
  background: #f4f4f4;
}

.cust-grid .k-grid-header-wrap.k-auto-scrollable {
  border: none;
}

.k-grid td.k-state-selected, .k-grid th.k-state-selected, .k-grid tr.k-state-selected > td {
  color: #222221;
  background-color: #fbfcfd;
}

/*Virtual Grid Scrollbar Start Here*/
#ClientUAMGrid .k-grid-content.k-auto-scrollable {
  overflow-y: hidden;
  padding-right: 0px !important;
}

#ClientUAMGrid .k-virtual-scrollable-wrap {
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
  max-height: calc(100vh - 415px);
}

#ClientUAMGrid .k-scrollbar {
  overflow: hidden;
}

#changeloggrid .k-grid-content.k-auto-scrollable {
  overflow-y: hidden;
  padding-right: 0px !important;
}

#changeloggrid .k-virtual-scrollable-wrap {
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
  max-height: calc(100vh - 365px);
}

#changeloggrid .k-scrollbar {
  overflow: auto;
}

#businessEntitySimilarity .k-grid-content.k-auto-scrollable {
  overflow-y: hidden;
  padding-right: 0px !important;
}

#businessEntitySimilarity .k-virtual-scrollable-wrap {
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
  max-height: calc(100vh - 365px);
}

#businessEntitySimilarity .k-scrollbar {
  overflow: auto;
}

/*Virtual Grid Scrollbar End Here*/
.super-grid .k-grid-header-wrap thead tr th:last-child, .super-grid .k-grid-content tbody tr td:last-child {
  width: 4% !important;
}

.scrollable-grid.super-grid .k-virtual-scrollable-wrap {
  max-height: calc(100vh - 305px) !important;
  overflow: auto !important;
  overflow-x: hidden;
}

#PermissionGrid .k-grid-content.k-auto-scrollable {
  max-height: calc(100vh - 395px);
  overflow: auto !important;
  overflow-x: hidden;
}

#PartyGrid .k-grid-content.k-auto-scrollable, #CommodityGrid .k-grid-content.k-auto-scrollable, #RouteGrid .k-grid-content.k-auto-scrollable {
  max-height: calc(100vh - 345px);
  overflow: auto !important;
  overflow-x: hidden;
}

#CommodityGrid .k-grid-content.k-auto-scrollable, #RouteGrid .k-grid-content.k-auto-scrollable {
  overflow: auto !important;
  overflow-x: hidden;
  max-height: 175px;
}

#CommodityGrid, #RouteGrid {
  border: none;
}

#CommodityGrid .k-grid-header, #RouteGrid .k-grid-header {
  background: #f4f4f4;
}

.k-grid-norecords-template {
  background-color: transparent;
  border: none;
}

.BookingFilter tr {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 12px;
}

.service-include-panel .service-include::before {
  width: 20.8em;
}

.service-include-panel .first-child .service-include::before {
  width: 22.5em;
}

.service-include-panel .middle-child .service-include::before {
  width: 22em;
}

.service-include-panel.service-width ul li {
  margin-right: 10px;
}

.service-include-panel.service-width .service-include::before {
  width: 20.8em;
}

.service-include-panel.service-width .first-child .service-include::before {
  width: 22.4em;
}

.service-include-panel.service-width .middle-child .service-include::before {
  width: 22em;
}

.floating-label-group .k-autocomplete.k-state-hover .k-clear-value,
.floating-label-group .k-autocomplete.k-state-focused .k-clear-value,
.floating-label-group .k-autocomplete:hover .k-clear-value {
  top: 4px;
  box-sizing: content-box !important;
}

.preferencegrow {
  flex-grow: 2;
  max-width: 15%;
}

.fixed-footer {
  background: #244b65;
  color: #fff;
  text-align: center;
  width: 100%;
  /*position: fixed;*/
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  height: 50px;
  /*margin-top: -50px;*/
  line-height: 50px;
}

.pb-footer {
  padding-bottom: 60px !important;
}

/*Media Query*/
@media (min-width: 1370px) and (max-width: 1920px) {
  .container {
    max-width: 1366px;
  }
  .main-container .container {
    max-width: 85%;
  }
  .ref-upload .k-file-name-size-wrapper {
    overflow: inherit !important;
  }
}

@media (min-width: 1371px) and (max-width: 1600px) {
  .arrow-rit {
    right: 0px;
  }
}

/*1024 X 1279 Start Here*/
@media (min-width: 1024px) and (max-width: 1279px) {
  body {
    font-size: 11px;
  }
  .main-container .container {
    max-width: 100%;
  }
  .floating-label-group label, .floating-label-group .k-input, .UAM-status-box {
    font-size: 11px !important;
  }
  .card-list-slider li {
    margin-right: 1.4rem;
  }
  .card-list-slider p {
    height: 125px;
  }
  .icon-btn-login {
    padding: 0.375rem 0.3rem !important;
  }
  .btn {
    font-size: 11px;
  }
  .btn.blue-icon-btn {
    font-size: 18px;
  }
  #routemodal .modal-dialog {
    max-width: 100%;
    padding: 0 15px;
  }
  .modal-backdrop {
    width: 100%;
    height: 100%;
  }
  .service-include-panel .service-include::before {
    width: 10.4em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 12.2em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 11.9em;
  }
  .service-include-panel.service-width .service-include::before {
    width: 10.6em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 12.5em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 11.8em;
  }
  .sticky li i {
    float: left;
    margin: 10px;
    margin-right: 18px;
    font-size: 20px;
  }
  .sticky li:hover {
    margin-left: -150px;
  }
  .sticky-container {
    right: -110px;
  }
  .carriage-toggle .btn {
    min-width: 28px;
    padding: 3px;
    font-size: 12px;
  }
  i.icon-plus3 {
    top: 1px !important;
  }
  .inco-flex {
    display: flex;
    justify-content: space-between;
  }
  .inco-flex > div {
    flex-basis: 22%;
  }
  .inco-flex .frieght {
    flex-basis: 28%;
  }
  .inco-panel .sizetype-sec {
    flex-basis: 32%;
  }
  .inco-panel .nocontain {
    flex-basis: 18%;
  }
  .inco-panel .addwt-sec {
    flex-basis: 25%;
  }
  .inco-panel .k-card {
    padding: 10px;
  }
  .text-danger.msg, .label-check label {
    font-size: 11px !important;
  }
  #incoterm .label-check label {
    font-size: 11px !important;
    padding-left: 8px !important;
  }
  .main-filter .tab-view {
    padding: 15px 10px;
  }
  .main-filter .tab-view li {
    margin-right: 12px;
    font-size: 11px;
  }
  .main-filter .tab-view ul {
    transform: unset;
    position: relative;
    top: 55px;
  }
  .tab-view div {
    width: 35px;
    height: 35px;
  }
  .tab-view div.active {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }
  .link-text a {
    font-size: 11px;
  }
  .link-text a:hover {
    font-size: 11px;
  }
  .pd-cust {
    padding: 15px 25px;
  }
  .shipment-title, .inco-panel .shipment-title {
    font-size: 14px;
  }
  .input-group-addon i {
    top: 24px;
  }
  .floating-label-group .k-combobox .k-dropdown-wrap .k-input, .floating-label-group .k-dropdown .k-dropdown-wrap .k-input, .floating-label-group .k-datepicker .k-picker-wrap .k-input {
    height: calc(1rem + 2em);
  }
  .label-check input[type="checkbox"]:checked + label:before {
    top: 3px !important;
    left: -5px !important;
    width: 5px !important;
    height: 9px !important;
  }
  .bl-check.label-check input[type="checkbox"]:checked + label:before {
    top: 2px !important;
    left: -5px !important;
    width: 3px !important;
  }
  .label-check input[type="checkbox"] + label:after {
    width: 14px !important;
    height: 14px !important;
  }
  .request-qty > div.req-field {
    flex-basis: 30%;
  }
  .air-inco.inco-panel .inco-sec {
    flex-basis: 78%;
  }
  .air-inco.inco-panel .addwt-sec {
    flex-basis: 22%;
    margin-right: 0px;
  }
  .air-inco.inco-panel .inco-flex > div {
    flex-basis: 30%;
  }
  .air-inco.inco-panel .inco-flex .role {
    flex-basis: 10%;
  }
  .air-inco.inco-panel .inco-flex .frieght {
    flex-basis: 18%;
  }
  .no-container.k-card {
    justify-content: center;
  }
  .STiconLov {
    display: inline-block;
    width: 25px;
    position: relative;
    top: 2px;
  }
  .cargo-details-list li.active {
    padding: 15px 10px;
  }
  .floating-label-group .k-combobox .k-dropdown-wrap .k-input, .floating-label-group .k-dropdown .k-dropdown-wrap .k-input, .floating-label-group .k-datepicker .k-picker-wrap .k-input {
    padding: .375rem;
  }
  .flex-wrap-tab .flex-70 {
    flex-basis: 60% !important;
  }
  .flex-wrap-tab .flex-30 {
    flex-basis: 40% !important;
  }
  .flex-wrap-tab .flex-30 span.btn.bg-transparent.ml-2 {
    margin-left: .25rem !important;
  }
  .flex-wrap-tab .flex-30 i {
    font-size: 14px;
  }
  .commodity-sm .col-lg-9 {
    max-width: 65%;
    flex: 0 0 65%;
  }
  .commodity-sm .col-lg-3 {
    max-width: 35%;
    flex: 0 0 35%;
  }
  .commodity-sm .col-lg-3 .ml-2 {
    margin-left: .25rem !important;
  }
  .commodity-sm .col-lg-3 i {
    font-size: 14px !important;
  }
  .floating-label-group .custom-input input.form-control {
    padding-left: 0px;
    padding-right: 0px;
  }
  .floating-label-group .custom-input .k-textbox {
    padding: 0px;
  }
  .pd-sm-wt {
    padding-left: .5rem !important;
  }
  .card.k-edit-item .flex-wrap > .checkbox {
    flex-basis: 14%;
  }
  .card .flex-wrap > .checkbox {
    flex-basis: 10%;
  }
  .comma-position {
    margin: 0px 5px;
  }
  .cust-drop-arrow {
    width: 50%;
  }
  .celcius-arrow {
    width: 42%;
  }
  .text-lg {
    display: none;
  }
  .text-sm {
    display: block;
  }
  .cmt-arrow {
    width: 27%;
  }
  .tot-over {
    width: 22%;
  }
  .service-include-panel .label-check input[type="checkbox"]:checked + label:before {
    top: 2px !important;
    left: -5px !important;
    width: 5px !important;
    height: 10px !important;
  }
  .ref-upload .file-upload-btn {
    width: 85%;
  }
  .ref-upload .ref-trash {
    width: 15%;
  }
  /*summary header details start here*/
  .iconwrapper::before, .iconwrapper::after {
    width: 4.5em;
  }
  .header-pre.header-on .iconwrapper::before, .header-pre.header-on .iconwrapper::after {
    width: 4em;
  }
  .header-pre .iconwrapper::before, .header-pre .iconwrapper::after {
    width: 5em;
  }
  .header-on .iconwrapper::before, .header-on .iconwrapper::after {
    width: 5em;
  }
  .header-on.POO-NonEmpty .iconwrapper::before, .header-on.POO-NonEmpty .iconwrapper::after {
    width: 4.2em;
  }
  .header-pre.POO-NonEmpty .iconwrapper::before, .header-pre.POO-NonEmpty .iconwrapper::after {
    width: 4.2em;
  }
  .origin-tooltip {
    max-width: 85px;
  }
  .POO-NonEmpty.header-pre.header-on .iconwrapper::before, .POO-NonEmpty.header-pre.header-on .iconwrapper::after {
    width: 4.2em;
  }
  .POO-NonEmpty.header-pre.header-on .origin-tooltip {
    max-width: 65px;
  }
  .POO-NonEmpty .iconwrapper::before, .POO-NonEmpty .iconwrapper::after {
    width: 4em;
  }
  .POO-NonEmpty .origin-tooltip {
    max-width: 110px;
  }
  .POO-NonEmpty .POO-tooltip {
    max-width: 50px;
  }
  p.city-tooltip span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 160px;
    display: inline-block;
  }
  .country-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 185px;
    display: inline-block;
  }
  /*summary header details start here*/
  .incoterm-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 120px;
    display: inline-block;
  }
  .party-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 150px;
  }
  .service-include-panel .origin-tooltip {
    max-width: 175px;
  }
  .shipment-panel > div {
    flex-basis: 20%;
    padding-right: 5px;
  }
  .pary-view-list .col {
    width: 33.33%;
  }
  .pary-view-list h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 175px;
  }
  .pary-view-list #partyScrollView {
    min-height: 335px;
  }
  .service-label .icon-portDischarge {
    margin-right: 1rem !important;
  }
  .totwt-label:before {
    content: "Tot. Wt.";
  }
  .totvol-label:before {
    content: "Tot. Vol.";
  }
  .wtpkg-label:before {
    content: "Wt./pkg.";
  }
  .volpkg-label:before {
    content: "Vol./pkg.";
  }
  .container-booking-list #scrollView {
    min-height: 192px;
    border: none;
  }
  .container-booking-list #scrollView .booking-card {
    padding-bottom: 10px;
    padding: 12px;
    height: 190px;
  }
  .cargo-details ul li {
    margin-right: 5px;
    padding-right: 5px;
  }
  .count-post {
    top: 0px;
  }
  .shipment-full div.w-35 {
    flex-basis: 40%;
  }
  #autoPreferredCarrier-list.k-list-container {
    width: 284px !important;
  }
  .summary-card .w-50 {
    width: 40% !important;
  }
  .summary-card .w-10.cargo-disable {
    width: 12% !important;
  }
  .summary-card .w-15 {
    width: 18% !important;
  }
  #pagenotfound .col-lg-6 .error-content h4 {
    font-size: 32px;
  }
  #pagenotfound .col-lg-6 .error-content h1 {
    font-size: 60px;
  }
  #pagenotfound .col-lg-6 .error-content p {
    font-size: 20px;
  }
  #pagenotfound .col-lg-6 .error-img img {
    width: 500px;
  }
  .track-trace .media-body {
    width: 18.3%;
  }
  .booking-card {
    padding: 12px;
  }
  .MBCustomTab .nav-pills .nav-link {
    padding: 10px 12px;
  }
  .fcl-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 58px;
    display: inline-block;
  }
  .input-addon .k-dropdown {
    width: 54% !important;
  }
  #FilterView.book-filter {
    width: 800px;
    padding: 10px 15px;
  }
  #FilterView .filter-flex > div {
    flex-basis: 31.5%;
  }
  #FilterView .filter-flex .user-field {
    flex-basis: 65.5%;
  }
  #FilterView .filter-flex .floating-label-group {
    margin-bottom: .75rem;
  }
  .fcl-flow {
    max-width: 110px;
  }
  .LCL-textflow {
    max-width: 150px;
  }
  .track-para {
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
  }
  .cust-range-slider .k-slider-horizontal .k-slider-buttons .k-slider-track {
    width: 150px !important;
    left: 5px;
  }
  .container-view-1 .booking-card1 {
    padding: 6px;
  }
  .track-book1 .iconwrapper:before, .track-book1 .iconwrapper:after {
    width: 10em !important;
  }
  .size-wrap .cust-numeric {
    flex-basis: 33%;
  }
  .prefer-panel .info-details {
    width: 910px;
    left: -180px;
  }
  #MBSummaryViewSchedule.info-details {
    right: 2px;
  }
  #SummaryViewSchedule.info-details {
    left: 0px;
    width: 100% !important;
  }
  #ScheduleModal .modal-content {
    width: 98%;
    margin: 0 auto;
  }
  .schedule-grid .grid-head ul li, .schedule-grid .grid-body ul li {
    margin-right: 0px;
    padding: 4px;
  }
  #ConDtlsViewmodal .modal-xlg {
    max-width: 95%;
  }
  #Registration .reg-side-content .btn-footer {
    position: unset;
    padding: 0px;
  }
  #Registration .label-check input[type="radio"] + label:before, #Registration .label-check input[type="radio"] + label:after {
    top: 6px;
  }
  #Registration .label-check input[type="checkbox"]:checked + label:before {
    top: 5px;
  }
  #Registration .label-check input[type="checkbox"]:checked + label:after {
    top: 6px;
  }
  #Registration .login-content ul.stepper li a {
    padding-bottom: 2rem;
  }
  #Registration .login-content ul.stepper li a .circle {
    width: 4rem;
    height: 4rem;
    font-size: 20px;
    display: flex;
  }
  #Registration .login-content ul.stepper li a .circle i {
    margin: auto;
  }
  #Registration .login-content > div {
    max-width: 350px;
  }
  #Registration .login-content .circle-text {
    font-size: 16px;
  }
  #Registration .login-content .circle-text p {
    font-size: 18px;
  }
  #Registration .login-content .header-logo {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  .login-title {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .login-title h2 {
    font-size: 20px;
  }
  .card-list-slider li {
    width: 27.5% !important;
  }
  .reg-content h6 {
    font-size: 18px !important;
  }
  .reg-card {
    width: 100%;
  }
  .reg-card .reg-image {
    padding: 10px;
  }
  .reg-card .reg-content {
    padding: 10px;
  }
  .info-drop.info-details.summaryLcl {
    transform: translate(-65%, 0px);
  }
  .info-drop.info-details.summaryLcl:before {
    left: 66%;
  }
  .quote-tooltip {
    max-width: 100px;
  }
  .booknow-card table tbody tr td {
    font-size: 12px;
    padding: 6px;
  }
  .details-tooltip span {
    max-width: 150px;
  }
  .hide-detail-btn .btn {
    min-width: 75px;
    padding: 6px 10px;
  }
  .quoteFilterOpen:has(.container-type-scroll) .col-lg-12.py-3 {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
  .quoteFilterOpen:has(.container-type-scroll) .col-lg-6 {
    padding-right: .5rem !important;
  }
  .quoteFilterOpen:has(.container-type-scroll) .label-check label {
    padding-left: 8px;
  }
  .filter-section-title h4 {
    font-size: 14px;
  }
  .filter-section-title i {
    left: 5px;
    top: 0px;
    font-size: 16px;
  }
  .tot-amount {
    padding: 4px;
  }
  .tot-amount h4 {
    font-size: 12px !important;
  }
  .track-header.panel-scroll {
    max-height: calc(100vh - 430px);
  }
  .rate-flex .amt {
    flex-basis: 40%;
  }
  .QuoteLCLViewGrid .rate-flex .amt {
    flex-basis: 30%;
  }
  .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::before, .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::after {
    width: 8em;
  }
  .location-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 150px;
    display: inline-block;
  }
  .cbm-flex .amt {
    flex-basis: 40%;
    text-align: right;
  }
  .per-cbm {
    flex-basis: 42%;
  }
  .detail-view .booknow-card {
    padding: 12px;
  }
  .summary-panel.wo-destination .iconwrapper::before, .summary-panel.wo-destination .iconwrapper::after, .summary-panel.wo-orgin .iconwrapper::before, .summary-panel.wo-orgin .iconwrapper::after {
    width: 10em;
  }
  .summary-panel.wo-orgin.wo-destination .iconwrapper::before, .summary-panel.wo-orgin.wo-destination .iconwrapper::after, .summary-panel.ORGDES-Empty .iconwrapper::before, .summary-panel.ORGDES-Empty .iconwrapper::after {
    width: 25em;
  }
  .summary-panel.ORG-NonEmpty .iconwrapper::before, .summary-panel.ORG-NonEmpty .iconwrapper::after, .summary-panel.DES-NonEmpty .iconwrapper::before, .summary-panel.DES-NonEmpty .iconwrapper::after {
    width: 10em;
  }
  .custom-track.wo-destination .iconwrapper::before, .custom-track.wo-destination .iconwrapper::after, .custom-track.wo-orgin .iconwrapper::before, .custom-track.wo-orgin .iconwrapper::after {
    width: 10em;
  }
  #LandingQuotationGrid .k-grid-header th.k-header {
    padding: 8px;
  }
  #LandingQuotationGrid .k-grid-content tbody td {
    padding: 8px;
  }
  #QuotationModal .modal-xlg {
    max-width: 95%;
  }
  #RouteOrigin-list.k-list-container .k-item span, #RouteDestination-list.k-list-container .k-item span {
    max-width: 120px;
  }
  #QuoteOrigin-list.k-list-container .k-item span, #QuoteDestination-list.k-list-container .k-item span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 140px;
    display: inline-block !important;
  }
  #autoDBCommodity-list.k-list-container .k-item span {
    max-width: 140px;
  }
  #QuoteCommodity-list.k-list-container .k-item > span, #PortOfLoading-list.k-list-container .k-item > span, #PortOfDischarge-list.k-list-container .k-item > span {
    max-width: 130px;
  }
  #PortOfLoading-list:has(#PortOfLoading_listbox) li.k-item > span,
#PortOfDischarge-list:has(#PortOfDischarge_listbox) li.k-item > span {
    max-width: 120px;
  }
  .trackUIchange .track-para {
    max-width: 140px;
  }
  .trackUIchange .track .icon-truck2 {
    left: 20%;
  }
  .min-tab {
    min-width: 175px;
  }
  .min-tab button {
    min-width: 75px;
    padding: 6px 12px;
  }
  .FCL-filter:has(.min-tab) {
    gap: 10px;
  }
  .FCL-filter:has(.min-tab) .flx-size-tab {
    flex-basis: 8%;
  }
  .FCL-filter:has(.min-tab) .flx-link-tab {
    flex-basis: 20%;
  }
  .close-tab {
    font-size: 18px;
  }
  .pane-info-drop:before {
    left: 346px;
  }
  #ConDtlsViewmodal .modal-body .seabk-scroll {
    max-height: calc(100vh - 550px);
  }
  .landing-booking .col-md-7.p-5 {
    padding: 1.2rem !important;
  }
  .metrics-panel:before {
    left: 40%;
  }
  .metrics-panel .prefer-left {
    flex-basis: 40%;
  }
  .metrics-panel .prefer-right {
    flex-basis: 60%;
  }
  .myquote-tooltip {
    max-width: 100px;
  }
  .list-quotes-card:has(.QuoteRate-col1) .add-textflow {
    max-width: 100px !important;
  }
}

/*1024 X 1279 End Here*/
@media (min-width: 1280px) and (max-width: 1369px) {
  #handlingmodal .btn.warning-border-btn {
    padding: 4px 5px;
  }
  .btn.view-btn {
    font-size: 11.5px;
    padding: 4px 6px;
  }
  .btn.view-btn:hover {
    font-size: 11.5px;
    padding: 4px 6px;
  }
  .main-container .container {
    max-width: 100%;
    padding: 0 20px;
  }
  .icon-panel-1 {
    display: block;
    padding: 30px 15px;
  }
  .wrap-card {
    padding: 15px 10px;
  }
  .booknow-card {
    background: #f4f4f4;
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 5px;
    padding: 15px 10px;
    width: calc(100% - 5%);
    margin: 0 auto;
  }
  .service-include-panel .service-include::before {
    width: 16em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 18.2em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 15.2em;
  }
  .quoteFilterOpen {
    max-width: 21%;
  }
  .card-img p {
    font-size: 12px;
  }
  .landing-content h1 {
    font-size: 28px;
  }
  .landing-content p {
    font-size: 16px;
  }
  .header-bottom p {
    font-size: 12px;
  }
  .fs-16 {
    font-size: 14px !important;
  }
  .section-title {
    font-size: 24px;
  }
  #routemodal .modal-dialog {
    max-width: 1250px;
  }
  .k-icon.k-i-filter:before, .k-icon.k-i-sort-desc-sm:before, .k-icon.k-i-sort-asc-sm:before {
    font-size: 14px !important;
  }
  .k-grid-header th.k-header > .k-link {
    padding: 0.5em 1em 0.4em 0;
  }
  .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-asc-sm, .k-grid-header .k-header > .k-link > .k-icon.k-i-sort-desc-sm {
    position: absolute;
    right: 30px;
    margin-left: 0px;
  }
  .inco-flex > div {
    flex-basis: 25%;
  }
  .inco-flex .frieght {
    flex-basis: 25%;
  }
  .carriage-toggle .btn {
    min-width: 35px;
  }
  .air-inco.inco-panel .inco-sec {
    flex-basis: 80%;
  }
  .air-inco.inco-panel .addwt-sec {
    flex-basis: 20%;
    margin-right: 0px;
  }
  .air-inco.inco-panel .inco-flex > div {
    flex-basis: 34%;
  }
  .air-inco.inco-panel .inco-flex .role {
    flex-basis: 10%;
  }
  .air-inco.inco-panel .inco-flex .frieght {
    flex-basis: 15%;
  }
  .inco-panel .nocontain {
    flex-basis: 15%;
  }
  .card.k-edit-item .flex-wrap > .checkbox {
    flex-basis: 12%;
  }
  .card .flex-wrap > .checkbox {
    flex-basis: 8%;
  }
  .pd-sm-wt {
    padding-left: .5rem !important;
  }
  .cust-drop-arrow {
    width: 42%;
  }
  .cmt-arrow {
    width: 25%;
  }
  .tot-over {
    width: 20%;
  }
  .commodity-sm .col-lg-9 {
    max-width: 70%;
    flex: 0 0 70%;
  }
  .commodity-sm .col-lg-3 {
    max-width: 30%;
    flex: 0 0 30%;
  }
  .celcius-arrow {
    width: 32%;
  }
  .incoterm-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 150px;
    display: inline-block;
  }
  .party-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 200px;
  }
  #partyScrollView .booking-card {
    padding: 12px;
  }
  .pary-view-list h5 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 230px;
  }
  .cargo-details ul li {
    margin-right: 5px;
    padding-right: 5px;
  }
  .cargo-details ul.dis-wrap p.size-type {
    max-width: 150px;
  }
  #pagenotfound .col-lg-6 .error-content h4 {
    font-size: 32px;
  }
  #pagenotfound .col-lg-6 .error-content h1 {
    font-size: 60px;
  }
  #pagenotfound .col-lg-6 .error-content p {
    font-size: 20px;
  }
  #pagenotfound .col-lg-6 .error-img img {
    width: 500px;
  }
  .fcl-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 95px;
    display: inline-block;
  }
  .input-addon .k-dropdown {
    width: 50% !important;
  }
  .track-para {
    max-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
  }
  #SummaryViewSchedule.info-details {
    left: 0px;
    width: 100% !important;
  }
  #ScheduleModal .modal-content {
    width: 98%;
    margin: 0 auto;
  }
  #Registration .reg-side-content .btn-footer {
    position: unset;
    padding: 0px;
  }
  .size-wrap .cust-numeric {
    flex-basis: 25%;
  }
  #RouteOrigin-list.k-list-container .k-item span, #RouteDestination-list.k-list-container .k-item span {
    max-width: 160px;
  }
  #QuoteOrigin-list.k-list-container .k-item span, #QuoteDestination-list.k-list-container .k-item span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 180px;
    display: inline-block !important;
  }
  #PortOfLoading-list:has(#PortOfLoading_listbox) li.k-item > span,
#PortOfDischarge-list:has(#PortOfDischarge_listbox) li.k-item > span {
    max-width: 160px;
  }
  .trackUIchange .track-para {
    max-width: 180px;
  }
  .trackUIchange .track .icon-truck2 {
    left: 16%;
    right: unset;
  }
  #ConDtlsViewmodal .modal-body .seabk-scroll {
    max-height: calc(100vh - 460px);
  }
  .metrics-panel:before {
    left: 50%;
  }
  .metrics-panel .prefer-left {
    flex-basis: 50%;
  }
  .metrics-panel .prefer-right {
    flex-basis: 50%;
  }
  .QuoteDetailsTbody .text-label-grey {
    margin-right: 8px;
  }
  .tabel-attachment .k-upload .k-file {
    width: 175px !important;
  }
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .card-list-slider li {
    margin-right: 1.4rem;
  }
  #MainGridRemarkspop.productAdd-categories {
    right: 42px !important;
  }
  #changeloggrid .k-grid-content.k-auto-scrollable {
    overflow-x: hidden !important;
  }
  #changeLog {
    zoom: 95%;
  }
  #changeLog label, #changeLog .cust-grid table {
    font-size: 13px;
  }
  .service-include-panel .service-include::before {
    width: 14.9em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 16.8em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 16.1em;
  }
  .service-include-panel.service-width .service-include::before {
    width: 14.9em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 16.8em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 16.1em;
  }
  .iconwrapper::before, .iconwrapper::after {
    width: 8em;
  }
  .origin-tooltip {
    max-width: 75px;
  }
  .header-on .iconwrapper::before, .header-on .iconwrapper::after {
    width: 8.5em;
  }
  .header-pre .iconwrapper::before, .header-pre .iconwrapper::after {
    width: 8.5em;
  }
  .header-on.POO-NonEmpty .iconwrapper::before, .header-on.POO-NonEmpty .iconwrapper::after {
    width: 7em;
  }
  .header-pre.POO-NonEmpty .iconwrapper::before, .header-pre.POO-NonEmpty .iconwrapper::after {
    width: 7em;
  }
  .header-pre.header-on .iconwrapper::before, .header-pre.header-on .iconwrapper::after {
    width: 7.5em;
  }
  .POO-NonEmpty .iconwrapper::before, .POO-NonEmpty .iconwrapper::after {
    width: 8em;
  }
  .POO-NonEmpty.header-pre.header-on .iconwrapper::before, .POO-NonEmpty.header-pre.header-on .iconwrapper::after {
    width: 6.5em;
  }
  .POO-NonEmpty.header-pre.header-on .origin-tooltip {
    max-width: 95px;
  }
  .POO-NonEmpty.header-pre.header-on .POO-tooltip {
    max-width: 60px;
  }
  #autoPreferredCarrier-list.k-list-container {
    width: 368px !important;
  }
  .track-trace .media-body {
    width: 18.6%;
  }
  #FilterView.book-filter {
    width: 800px;
    padding: 10px 15px;
  }
  #FilterView .filter-flex > div {
    flex-basis: 31.5%;
  }
  #FilterView .filter-flex .user-field {
    flex-basis: 65.5%;
  }
  #FilterView .filter-flex .floating-label-group {
    margin-bottom: .75rem;
  }
  .fcl-flow, .LCL-textflow {
    max-width: 150px;
  }
  .cust-range-slider .k-slider-horizontal .k-slider-buttons .k-slider-track {
    width: 205px !important;
  }
  #RefFileAttachmentDiv_1 .k-file-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 225px;
    display: inline-block;
  }
  .cost-scroll {
    overflow-y: scroll;
    height: 200px;
    width: calc(100% + 12px);
  }
  .track-book1 .iconwrapper:before, .track-book1 .iconwrapper:after {
    width: 13em !important;
  }
  .prefer-panel .info-details {
    width: 920px;
    left: -50px;
  }
  .animate-loader {
    width: 80px;
    height: 80px;
  }
  .animate-loader::before {
    width: 100px;
    height: 100px;
  }
  #login .login-content ul.stepper li a {
    padding-bottom: 2rem;
  }
  #login .login-content ul.stepper li a .circle {
    width: 4rem;
    height: 4rem;
    font-size: 20px;
    display: flex;
  }
  #login .login-content ul.stepper li a .circle i {
    margin: auto;
  }
  #login .login-content .circle-text {
    font-size: 16px;
  }
  #login .login-content .circle-text p {
    font-size: 18px;
  }
  #login .login-content .header-logo {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  #Registration .label-check input[type="radio"] + label:before, #Registration .label-check input[type="radio"] + label:after {
    top: 5px;
  }
  #Registration .reg-side-content .login-mid {
    top: 60%;
    max-width: 450px;
  }
  #Registration .login-content ul.stepper {
    margin-top: 0px;
    padding-top: 0px;
  }
  #Registration .login-content ul.stepper li {
    margin-bottom: 0px;
  }
  #Registration .login-content ul.stepper li a {
    padding-bottom: 1.5rem;
  }
  #Registration .login-content ul.stepper li a .circle {
    width: 4rem;
    height: 4rem;
    font-size: 20px;
    display: flex;
  }
  #Registration .login-content ul.stepper li a .circle i {
    margin: auto;
  }
  #Registration .login-content > div {
    max-width: 350px;
  }
  #Registration .login-content .circle-text {
    font-size: 16px;
  }
  #Registration .login-content .circle-text p {
    font-size: 18px;
  }
  #Registration .login-content .header-logo {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .tot-amount {
    padding: 4px;
  }
  .tot-amount h4 {
    font-size: 15px !important;
  }
  .login-title {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .login-title h2 {
    font-size: 20px;
  }
  .track-book1 .track-textflow {
    max-width: unset;
    width: 115px;
  }
  .filter-value {
    font-size: 12px;
    margin-right: 10px;
  }
  .info-drop.info-details.summaryLcl {
    transform: translate(-56%, 0px);
  }
  .info-drop.info-details.summaryLcl:before {
    left: 57%;
  }
  .k-calendar .k-calendar-view {
    zoom: 85%;
  }
  .k-calendar .k-footer {
    font-size: 11px;
  }
  .file-tooltip a {
    max-width: 250px;
  }
  .quote-tooltip {
    max-width: 275px;
  }
  .qty-circle:has(#CountQty) i {
    top: 2.5px;
  }
  .details-tooltip span {
    max-width: 200px;
  }
  .track-header.panel-scroll {
    max-height: calc(100vh - 380px);
  }
  .rate-flex .amt {
    flex-basis: 42%;
  }
  .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::before, .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::after {
    width: 10em;
  }
  .cbm-flex .amt {
    flex-basis: 40%;
    text-align: right;
  }
  .per-cbm {
    flex-basis: 36%;
  }
  .booknow-card table tbody tr td {
    padding: 8px;
  }
  .track span.icon i {
    font-size: 14px !important;
  }
  .summary-panel.wo-destination .iconwrapper::before, .summary-panel.wo-destination .iconwrapper::after, .summary-panel.wo-orgin .iconwrapper::before, .summary-panel.wo-orgin .iconwrapper::after {
    width: 15em;
  }
  .summary-panel.wo-orgin.wo-destination .iconwrapper::before, .summary-panel.wo-orgin.wo-destination .iconwrapper::after, .summary-panel.ORGDES-Empty .iconwrapper::before, .summary-panel.ORGDES-Empty .iconwrapper::after {
    width: 35em;
  }
  .summary-panel.ORG-NonEmpty .iconwrapper::before, .summary-panel.ORG-NonEmpty .iconwrapper::after, .summary-panel.DES-NonEmpty .iconwrapper::before, .summary-panel.DES-NonEmpty .iconwrapper::after {
    width: 15em;
  }
  .custom-track.wo-destination .iconwrapper::before, .custom-track.wo-destination .iconwrapper::after, .custom-track.wo-orgin .iconwrapper::before, .custom-track.wo-orgin .iconwrapper::after {
    width: 12em;
  }
  #QuotationModal .modal-xlg {
    max-width: 90%;
  }
  #autoDBCommodity-list.k-list-container .k-item span {
    max-width: 210px;
  }
  #QuoteCommodity-list.k-list-container .k-item > span, #PortOfLoading-list.k-list-container .k-item > span, #PortOfDischarge-list.k-list-container .k-item > span {
    max-width: 175px;
  }
  .FCL-filter {
    gap: 12px;
  }
  .booking-card.pd-10 {
    padding: 10px;
  }
  .booking-card.pd-10 label:after {
    top: 2px !important;
  }
  p.city-tooltip span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 265px;
    display: inline-block;
  }
  .myquote-tooltip {
    max-width: 150px;
  }
}

@media (max-width: 1440px) {
  .booking-card ul li .iconwrapper::before,
.booking-card ul li .iconwrapper::after {
    width: 5em;
  }
  .booking-card-details ul li .iconwrapper::before,
.booking-card-details ul li .iconwrapper::after {
    width: 2em;
  }
  .booking-card-details ul li .iconwrapper,
.booking-card ul li .iconwrapper {
    left: 5px;
  }
  .chart-wrapper #chartjs-tooltip {
    width: 175px;
  }
  table:has(.QuoteRate-col1) .QuoteRate-col1 {
    width: 15%;
  }
  table:has(.QuoteRate-col1) tbody td:first-child {
    width: 15%;
  }
  .list-quotes-card:has(.QuoteRate-col1) {
    zoom: 95%;
  }
  .list-quotes-card:has(.QuoteRate-col1) .rate-flex .amt {
    flex-basis: 42%;
  }
  .list-quotes-card:has(.QuoteRate-col1) .add-textflow {
    max-width: 200px;
  }
  .list-quotes-card:has(.QuoteRate-col1) .detail-view table tbody tr td {
    padding: 6px 6px;
  }
}

@media (min-width: 1281px) and (max-width: 1366px) {
  .service-include-panel.service-width .service-include::before {
    width: 16.2em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 18.2em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 17.6em;
  }
  /*summary header Start Here*/
  .iconwrapper::before, .iconwrapper::after {
    width: 10.2em;
  }
  .origin-tooltip {
    max-width: 85px;
  }
  .header-on .iconwrapper::before, .header-on .iconwrapper::after {
    width: 10.2em;
  }
  .header-pre .iconwrapper::before, .header-pre .iconwrapper::after {
    width: 10.2em;
  }
  .header-on.POO-NonEmpty .iconwrapper::before, .header-on.POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .header-pre.POO-NonEmpty .iconwrapper::before, .header-pre.POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .header-pre.header-on .iconwrapper::before, .header-pre.header-on .iconwrapper::after {
    width: 9.2em;
  }
  .POO-NonEmpty .iconwrapper::before, .POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .POO-NonEmpty.header-pre.header-on .iconwrapper::before, .POO-NonEmpty.header-pre.header-on .iconwrapper::after {
    width: 7.5em;
  }
  .POO-NonEmpty.header-pre.header-on .origin-tooltip {
    max-width: 95px;
  }
  .POO-NonEmpty.header-pre.header-on .POO-tooltip {
    max-width: 60px;
  }
  /*summary header End Here*/
  #autoPreferredCarrier-list.k-list-container {
    width: 398px !important;
  }
  .track-trace .media-body {
    width: 18.7%;
  }
  .LCL-textflow {
    max-width: 200px;
  }
  .fcl-flow {
    max-width: 160px;
  }
  .file-tooltip a {
    max-width: 250px;
  }
  .quote-tooltip {
    max-width: 350px;
  }
  .details-tooltip span {
    max-width: 230px;
  }
  .track-header.panel-scroll {
    max-height: calc(100vh - 430px);
  }
  .tot-amount h4 {
    font-size: 15px !important;
  }
  .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::before, .custom-track.wo-orgin.wo-destination.quote-track ul li .iconwrapper::after {
    width: 12em;
  }
  .cbm-flex .amt {
    flex-basis: 40%;
    text-align: right;
  }
  .summary-panel.wo-destination .iconwrapper::before, .summary-panel.wo-destination .iconwrapper::after, .summary-panel.wo-orgin .iconwrapper::before, .summary-panel.wo-orgin .iconwrapper::after {
    width: 17em;
  }
  .summary-panel.ORG-NonEmpty .iconwrapper::before, .summary-panel.ORG-NonEmpty .iconwrapper::after, .summary-panel.DES-NonEmpty .iconwrapper::before, .summary-panel.DES-NonEmpty .iconwrapper::after {
    width: 15em;
  }
  .custom-track.wo-destination .iconwrapper::before, .custom-track.wo-destination .iconwrapper::after, .custom-track.wo-orgin .iconwrapper::before, .custom-track.wo-orgin .iconwrapper::after {
    width: 12em;
  }
  #autoDBCommodity-list.k-list-container .k-item span {
    max-width: 230px;
  }
  #QuoteCommodity-list.k-list-container .k-item > span,
#PortOfLoading-list.k-list-container .k-item > span, #PortOfDischarge-list.k-list-container .k-item > span {
    max-width: 180px;
  }
  .myquote-tooltip {
    max-width: 180px;
  }
}

@media (min-width: 1367px) and (max-width: 1440px) {
  .service-include-panel .service-include::before {
    width: 13.7em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 15.6em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 15em;
  }
  .service-include-panel.service-width .service-include::before {
    width: 13.4em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 15.2em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 14.5em;
  }
  .air-inco.inco-panel .inco-sec {
    flex-basis: 80%;
  }
  .air-inco.inco-panel .addwt-sec {
    flex-basis: 20%;
    margin-right: 0px;
  }
  .air-inco.inco-panel .inco-flex > div {
    flex-basis: 32%;
  }
  .air-inco.inco-panel .inco-flex .role {
    flex-basis: 10%;
  }
  .air-inco.inco-panel .inco-flex .frieght {
    flex-basis: 18%;
  }
  .tot-over {
    width: 20%;
  }
  /*summary header Start Here*/
  .iconwrapper::before, .iconwrapper::after {
    width: 10em;
  }
  .origin-tooltip {
    max-width: 85px;
  }
  .header-on .iconwrapper::before, .header-on .iconwrapper::after {
    width: 10.2em;
  }
  .header-pre .iconwrapper::before, .header-pre .iconwrapper::after {
    width: 10.2em;
  }
  .header-on.POO-NonEmpty .iconwrapper::before, .header-on.POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .header-pre.POO-NonEmpty .iconwrapper::before, .header-pre.POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .header-pre.header-on .iconwrapper::before, .header-pre.header-on .iconwrapper::after {
    width: 9.2em;
  }
  .POO-NonEmpty .iconwrapper::before, .POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .POO-NonEmpty.header-pre.header-on .iconwrapper::before, .POO-NonEmpty.header-pre.header-on .iconwrapper::after {
    width: 7.5em;
  }
  .POO-NonEmpty.header-pre.header-on .origin-tooltip {
    max-width: 95px;
  }
  .POO-NonEmpty.header-pre.header-on .POO-tooltip {
    max-width: 60px;
  }
  /*summary header End Here*/
  .incoterm-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 150px;
    display: inline-block;
  }
  .party-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 200px;
  }
  #autoPreferredCarrier-list.k-list-container {
    width: 352px !important;
  }
  .track-book1 .iconwrapper:before, .track-book1 .iconwrapper:after {
    width: 13em !important;
  }
}

@media (min-width: 1441px) and (max-width: 1536px) {
  .service-include-panel .service-include::before {
    width: 15.4em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 17.2em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 16.6em;
  }
  .service-include-panel.service-width .service-include::before {
    width: 15.4em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 17.2em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 16.6em;
  }
  .inco-flex > div {
    flex-basis: 25%;
  }
  .inco-flex .frieght {
    flex-basis: 25%;
  }
  .card.k-edit-item .flex-wrap > .checkbox {
    flex-basis: 10%;
  }
  .card .flex-wrap > .checkbox {
    flex-basis: 8%;
  }
  .inco-panel .inco-panel .sizetype-sec {
    flex-basis: 35%;
  }
  .inco-panel .nocontain {
    flex-basis: 15%;
  }
  .cust-drop-arrow {
    width: 42%;
  }
  .celcius-arrow {
    width: 32%;
  }
  .pd-sm-wt {
    padding-left: .5rem !important;
  }
  .tot-over {
    width: 20%;
  }
  /*summary header Start Here*/
  .iconwrapper::before, .iconwrapper::after {
    width: 8em;
  }
  .origin-tooltip {
    max-width: 85px;
  }
  .header-on .iconwrapper::before, .header-on .iconwrapper::after {
    width: 10.2em;
  }
  .header-pre .iconwrapper::before, .header-pre .iconwrapper::after {
    width: 10.2em;
  }
  .header-on.POO-NonEmpty .iconwrapper::before, .header-on.POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .header-pre.POO-NonEmpty .iconwrapper::before, .header-pre.POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .header-pre.header-on .iconwrapper::before, .header-pre.header-on .iconwrapper::after {
    width: 7.5em;
  }
  .POO-NonEmpty .iconwrapper::before, .POO-NonEmpty .iconwrapper::after {
    width: 9em;
  }
  .POO-NonEmpty.header-pre.header-on .iconwrapper::before, .POO-NonEmpty.header-pre.header-on .iconwrapper::after {
    width: 7.5em;
  }
  .POO-NonEmpty.header-pre.header-on .origin-tooltip {
    max-width: 95px;
  }
  .POO-NonEmpty.header-pre.header-on .POO-tooltip {
    max-width: 60px;
  }
  /*summary header End Here*/
  .incoterm-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 150px;
    display: inline-block;
  }
  .party-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 200px;
  }
  .container-booking-list #scrollView {
    min-height: 214px;
    border: none;
  }
  .container-booking-list #scrollView .booking-card {
    padding-bottom: 10px;
    padding: 15px;
    height: 210px;
  }
  #successOtpMessage .label-check input[type="radio"] + label:before, #successOtpMessage .label-check input[type="radio"] + label:after {
    top: 6px;
  }
  .size-wrap .cust-numeric {
    flex-basis: 25%;
  }
  #Registration .reg-side-content .login-mid {
    top: 60%;
    max-width: 450px;
  }
  #Registration .login-content ul.stepper {
    margin-top: 0px;
    padding-top: 0px;
  }
  #Registration .login-content ul.stepper li {
    margin-bottom: 0px;
  }
  #Registration .login-content ul.stepper li a {
    padding-bottom: 1.5rem;
  }
  #Registration .login-content ul.stepper li a .circle {
    width: 4rem;
    height: 4rem;
    font-size: 20px;
    display: flex;
  }
  #Registration .login-content ul.stepper li a .circle i {
    margin: auto;
  }
  #Registration .login-content > div {
    max-width: 350px;
  }
  #Registration .login-content .circle-text {
    font-size: 16px;
  }
  #Registration .login-content .circle-text p {
    font-size: 18px;
  }
  #Registration .login-content .header-logo {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
  }
  .track-para {
    max-width: 225px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
  }
  .fcl-flow {
    max-width: 160px;
  }
  .filter-value {
    font-size: 12px;
    margin-right: 10px;
  }
  .cmt-arrow {
    width: 24%;
  }
  .input-addon .k-dropdown {
    width: 50% !important;
  }
  .card-list-slider p {
    height: 105px;
  }
  .file-tooltip a {
    vertical-align: middle;
    max-width: 275px;
  }
  .cust-range-slider .k-slider-track {
    width: 200px !important;
  }
  .cust-range-slider .k-slider {
    width: 200px !important;
  }
  .quote-tooltip {
    max-width: 350px;
  }
  .details-tooltip span {
    max-width: 200px;
  }
  .track-header.panel-scroll {
    max-height: calc(100vh - 432px);
  }
  .rate-flex .amt {
    flex-basis: 40%;
  }
  .track-trace .media-body {
    width: 15.3%;
  }
  .tot-amount {
    padding: 6px;
  }
  .tot-amount h4 {
    font-size: 15px !important;
  }
  .qty-circle:has(#CountQty) i {
    top: 3px;
  }
  .cbm-flex .amt {
    flex-basis: 40%;
    text-align: right;
  }
  .per-cbm {
    flex-basis: 32%;
  }
  .summary-panel.wo-destination .iconwrapper::before, .summary-panel.wo-destination .iconwrapper::after, .summary-panel.wo-orgin .iconwrapper::before, .summary-panel.wo-orgin .iconwrapper::after {
    width: 17em;
  }
  .summary-panel.wo-orgin.wo-destination .iconwrapper::before, .summary-panel.wo-orgin.wo-destination .iconwrapper::after, .summary-panel.ORGDES-Empty .iconwrapper::before, .summary-panel.ORGDES-Empty .iconwrapper::after {
    width: 35em;
  }
  .summary-panel.ORG-NonEmpty .iconwrapper::before, .summary-panel.ORG-NonEmpty .iconwrapper::after, .summary-panel.DES-NonEmpty .iconwrapper::before, .summary-panel.DES-NonEmpty .iconwrapper::after {
    width: 16em;
  }
  .custom-track.wo-destination .iconwrapper::before, .custom-track.wo-destination .iconwrapper::after, .custom-track.wo-orgin .iconwrapper::before, .custom-track.wo-orgin .iconwrapper::after {
    width: 17em;
  }
  #autoDBCommodity-list.k-list-container .k-item span {
    max-width: 240px;
  }
  #QuoteCommodity-list.k-list-container .k-item span {
    max-width: 180px;
  }
  #RouteOrigin-list.k-list-container .k-item span, #RouteDestination-list.k-list-container .k-item span {
    max-width: 175px;
  }
  #QuoteOrigin-list.k-list-container .k-item > span, #QuoteDestination-list.k-list-container .k-item > span,
#PortOfLoading-list.k-list-container .k-item > span, #PortOfDischarge-list.k-list-container .k-item > span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 185px;
    display: inline-block !important;
  }
  .FCL-filter {
    gap: 15px;
  }
  .pane-info-drop:before {
    left: 205px;
  }
  #ConDtlsViewmodal .modal-body .seabk-scroll {
    max-height: calc(100vh - 550px);
  }
  .QuoteDetailsTbody .myquote-tooltip {
    max-width: 215px;
  }
  table:has(.QuoterateHead) .QuoteDetailsTbody td:first-child {
    max-width: 155px;
  }
  .list-quotes-card:has(.QuoteRate-col1) .rate-flex .amt {
    flex-basis: 44%;
  }
}

@media (min-width: 1537px) and (max-width: 1600px) {
  .service-include-panel .service-include::before {
    width: 16.3em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 18em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 17.5em;
  }
  .service-include-panel.service-width .service-include::before {
    width: 16.3em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 18em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 17.5em;
  }
  .air-inco.inco-panel .inco-sec {
    flex-basis: 80%;
  }
  .air-inco.inco-panel .addwt-sec {
    flex-basis: 20%;
    margin-right: 0px;
  }
  .air-inco.inco-panel .inco-flex > div {
    flex-basis: 32%;
  }
  .air-inco.inco-panel .inco-flex .role {
    flex-basis: 10%;
  }
  .air-inco.inco-panel .inco-flex .frieght {
    flex-basis: 18%;
  }
  .tot-over {
    width: 20%;
  }
  .iconwrapper::before, .iconwrapper::after {
    width: 6em;
  }
  .incoterm-tooltip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 150px;
    display: inline-block;
  }
}

@media (min-width: 1601px) and (max-width: 1750px) {
  .service-include-panel .service-include::before {
    width: 17.8em;
  }
  .service-include-panel .first-child .service-include::before {
    width: 19.6em;
  }
  .service-include-panel .middle-child .service-include::before {
    width: 19em;
  }
  .service-include-panel.service-width .service-include::before {
    width: 17.8em;
  }
  .service-include-panel.service-width .first-child .service-include::before {
    width: 19.6em;
  }
  .service-include-panel.service-width .middle-child .service-include::before {
    width: 19em;
  }
  .iconwrapper::before, .iconwrapper::after {
    width: 7em;
  }
}

@media (min-width: 1920px) {
  .main-container .container {
    max-width: 85%;
  }
  .header-bg {
    background-position: center center;
  }
  .card-list-slider p {
    min-height: 85px;
  }
  .card-waves svg {
    position: absolute;
    bottom: -2px;
    right: 0px;
  }
  .arrow-rit {
    right: 20px;
  }
  #MainGridRemarkspop.productAdd-categories {
    right: 242px !important;
  }
  #routemodal .modal-dialog {
    max-width: 1500px;
  }
  #CommodityGrid .k-grid-content.k-auto-scrollable, #RouteGrid .k-grid-content.k-auto-scrollable {
    max-height: 240px;
  }
}

@media (min-width: 1530px) and (max-width: 1600px) {
  #PortOfLoading-list:has(#PortOfLoading_listbox) li.k-item > span, #PortOfDischarge-list:has(#PortOfDischarge_listbox) li.k-item > span {
    max-width: 170px;
  }
  .trackUIchange .track-para {
    max-width: 180px;
  }
  .trackUIchange .track .icon-truck2 {
    left: 13%;
    right: unset;
  }
}

@media (min-width: 1300px) and (max-width: 1400px) {
  #PortOfLoading-list:has(#PortOfLoading_listbox) li.k-item > span, #PortOfDischarge-list:has(#PortOfDischarge_listbox) li.k-item > span {
    max-width: 170px;
  }
}

#DBCargo.k-widget * {
  box-sizing: border-box;
}

#main-landing header.sticky-top {
  background-color: #3c6580;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 70px;
  line-height: 70px;
}

#main-landing header.sticky-top.active {
  background-color: #669bbe;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.sticky-top-cust {
  position: sticky;
  top: 70px;
  z-index: 10;
  width: 100%;
  left: -2px;
}

.pd-top-row {
  padding-top: 6.5rem;
}

/*Checkbox and Radio Button*/
.checkbox, .radio {
  margin: 5px 5px 5px 10px;
}

.checkbox, .radio {
  position: relative;
}

.label-check label {
  padding-left: 12px;
  color: #858585 !important;
  margin-bottom: 0;
  font-size: 12px;
}

.label-check i {
  font-size: 14px;
  color: #616161;
}

.label-check label.vessel-orange {
  color: #F2711C !important;
}

.label-check label.insurance {
  padding-left: 0px;
  color: #000;
}

.label-check label.insurance i {
  font-size: 18px;
  position: relative;
  top: -4px;
}

.label-check input[type="radio"], .label-check input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 0;
  position: absolute;
  margin: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  left: 0;
  pointer-events: none;
}

.label-check input[type="radio"]:focus {
  outline: none;
}

.label-check input[type="radio"] + label:before, .label-check input[type="radio"] + label:after {
  content: "";
  display: block;
  position: absolute;
  left: -10px;
  top: 1px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}

.label-check input[type="radio"] + label:before {
  left: -10px;
  top: 3px;
  background-color: #244b65;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.label-check input[type="radio"] + label:after {
  top: 3px;
  border: 1px solid #666;
  z-index: 1;
}

.label-check input[type="radio"]:checked + label:before {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}

.label-check input[type="radio"]:disabled:checked + label:before {
  background-color: #7B93A2;
}

.label-check input[type="radio"]:checked + label:after {
  border-color: #005389;
}

.label-check input[type="radio"]:disabled + label:after, .label-check input[type="radio"]:disabled:checked + label:after {
  border-color: #7B93A2;
}

.label-check input[type="checkbox"]:focus {
  outline: none;
}

.label-check input[type="checkbox"]:focus + label:after {
  border: 1px solid #004B8D;
}

.label-check input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: -10px;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-right: 5px;
  border: 1px solid #666;
  border-radius: 0px;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
  background: #fff;
}

.label-check input[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  top: 1px;
  left: -5px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid #fff;
  border-top-width: 0;
  border-left-width: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.label-check input[type="checkbox"]:checked + label:after {
  background-color: #244b65;
  border-color: #244b65;
}

.label-check input[type="checkbox"]:disabled + label:after {
  border-color: #bbbbbb;
}

.label-check input[type="checkbox"]:disabled:checked + label:after {
  background-color: #244b6599;
  border-color: transparent;
}

/*Checkbox and Radio Button*/
.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-12 {
  width: 12% !important;
}

.w-13 {
  width: 13% !important;
}

.w-14 {
  width: 14% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-24 {
  width: 24%;
}

.w-30 {
  width: 30% !important;
}

.w-31 {
  width: 31% !important;
}

.w-32 {
  width: 32% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45% !important;
}

.w-48 {
  width: 48% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-150 {
  width: 150px;
}

.w-200 {
  width: 200px;
}

.w-300 {
  max-width: 300px;
}

.p-20 {
  padding: 20px;
}

.mx-w-400 {
  max-width: 400px;
}

.min-w-100 {
  min-width: 100px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.mr-28 {
  margin-left: 28px;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.mt-n1 {
  margin-top: -5px;
}

.mt-n3 {
  margin-top: -.75rem !important;
}

.mt-n2 {
  margin-top: -1rem !important;
}

.m-top-n2 {
  margin-top: -1rem !important;
}

.mt-n1rem {
  margin-top: -1rem !important;
}

.mt-n5 {
  margin-top: -5rem !important;
}

.mt-n5rem {
  margin-top: -.5rem !important;
}

.trash-grid {
  margin-top: -1.4rem !important;
}

.top-100 {
  position: relative;
  top: 100px;
}

.top-80 {
  position: relative;
  top: 80px;
}

.top-70 {
  position: relative;
  top: 70px;
}

.top-90 {
  position: relative;
  top: 90px;
}

.top-192 {
  position: relative;
  top: 192px;
}

.top-235 {
  position: relative;
  top: 235px;
}

.top-25 {
  top: 25px !important;
}

.pb-60 {
  padding-bottom: 60px;
}

.right-100 {
  right: 100px !important;
}

.h-40 {
  height: 40px;
}

.modal-lg.w-1200 {
  max-width: 1200px !important;
}

.min-ht-100px {
  min-height: 100px;
}

.w-70px {
  width: 70px;
}

.w-15px {
  width: 15px;
}

.w-230 {
  width: 230px;
}

.pd-5 {
  padding: 5rem !important;
}

.pt-6 {
  padding-top: 5rem !important;
}

.pt-4px {
  padding-top: 4px;
}

.pt-6px {
  padding-top: 6px;
}

.pt-80 {
  padding-top: 80px !important;
}

.text-primary {
  color: #005389 !important;
}

.text-black {
  color: #222221 !important;
}

.min-ht-50px {
  min-height: 50px;
}

.max-ht-320px {
  max-height: 320px;
  min-height: 320px;
}

.opacity-4 {
  opacity: .4;
}

.text-light-grey {
  color: #999;
}

#estimationmodal .modal-body {
  max-height: 550px;
  min-height: 550px;
}

.light-bg-blue {
  background: #fbfbfb;
}

.fw-500 {
  font-weight: 500;
}

i.icon-plus3 {
  font-size: 11px;
  top: 1px;
  position: relative;
  margin-right: 3px;
}

.modal.show .modal-dialog {
  transition: none !important;
  transform: none !important;
}

.changelog-filter {
  width: 300px;
}

.flex-5 {
  flex-basis: 5% !important;
}

.flex-12 {
  flex-basis: 12% !important;
}

.flex-15 {
  flex-basis: 15% !important;
}

.flex-18 {
  flex-basis: 18% !important;
}

.flex-25 {
  flex-basis: 25% !important;
}

.flex-30 {
  flex-basis: 30% !important;
}

.flex-70 {
  flex-basis: 70% !important;
}

.flex-75 {
  flex-basis: 75% !important;
}

.flex-100 {
  flex-basis: 100% !important;
}

.flex-1 {
  flex: 1;
}

.k-calendar .k-header {
  display: block;
}

/*Virtual Scroll Start Here*/
.k-virtual-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.k-virtual-content > .k-virtual-list > .k-virtual-item {
  line-height: 30px;
}

.datavirtualTooltip {
  background: #244b65;
  border-color: #244b65;
  max-width: 400px;
}

.k-tooltip {
  background: #244b65;
  border-color: #244b65;
  color: #fff;
}

.datavirtualTooltip .k-tooltip-content {
  color: #fff;
  opacity: 1;
}

.datavirtualTooltip .k-callout {
  color: #244b65;
}

/*Virtual Scroll Start Here*/
/*Lov width CSS*/
.k-list-container {
  width: auto !important;
  white-space: inherit !important;
  text-overflow: ellipsis;
  max-width: 650px;
  min-width: 100px;
}

.k-popup .k-list .k-item {
  /*white-space: nowrap;*/
  /*overflow: hidden;
    text-overflow: ellipsis;*/
  /*display: flex;*/
  align-items: flex-start;
  max-width: 100%;
  line-height: 24px;
  border-bottom: 1px solid #eaeaea;
  padding: 6px;
  white-space: normal;
}

.k-popup .k-list .k-item:last-child {
  border-bottom: none;
}

.k-virtual-item.k-item {
  line-height: 30px !important;
  padding: 0px 6px !important;
}

.k-virtual-item.k-item.k-state-focused {
  border: 1px solid #244b65 !important;
  color: #fff !important;
  background-color: #244b65 !important;
}

.k-popup .k-list .k-item.k-state-hover {
  background: #f5f5f5;
  color: #222221;
  transition: .3s all ease-in-out;
}

.k-popup .k-list .k-item.k-state-focused.k-state-selected {
  background-color: #244b65 !important;
  border: 1px solid #244b65 !important;
  color: #fff !important;
  transition: .3s all ease-in-out;
}

#email-list.k-list-container .k-item {
  white-space: nowrap;
}

/*Lov width CSS*/
.k-grid-filter:focus {
  box-shadow: none !important;
}

.k-icon.k-i-filter {
  font-size: 16px !important;
  top: 3px;
  color: #666;
}

.k-icon.k-i-filter:before {
  content: "\f0b0";
  font-size: 16px;
}

.k-icon.k-i-filter:focus {
  box-shadow: none;
}

.k-icon.k-i-sort-asc-sm {
  font-size: 16px !important;
  color: #666;
}

.k-icon.k-i-sort-asc-sm:before {
  content: "\ee4d";
}

.k-icon.k-i-sort-asc-sm:focus {
  box-shadow: none;
}

.k-icon.k-i-sort-desc-sm {
  font-size: 16px !important;
  color: #666;
}

.k-icon.k-i-sort-desc-sm:before {
  content: "\ee4e";
}

.k-icon.k-i-sort-desc-sm:focus {
  box-shadow: none;
}

#PartyGrid table tbody tr td, #CommodityGrid table tbody tr td, #RouteGrid table tbody tr td, #changeloggrid table tbody tr td, #ClientUAMGrid table tbody tr td {
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
  max-width: 200px;
}

/*Fiter menu Start here*/
.k-filter-menu-container .k-dropdown .k-dropdown-wrap, .k-filter-menu-container .k-textbox {
  background: #fff;
  border-radius: 2px;
  height: 36px;
  line-height: 36px;
}

.k-filter-menu-container .k-drodown-wrap .k-input {
  height: calc(.75rem + 2em);
}

.k-filter-menu-container .k-button.k-primary {
  padding: 5px 10px;
  background: #244b65;
  margin: .5em 4% .5em 0;
  color: #fff;
}

.k-filter-menu-container .k-button {
  padding: 5px 10px;
  background: #fff;
  margin: .5em 4% .5em 0 !important;
}

.k-notification-info {
  background-color: #ccffcce6;
  color: #008000;
  border-color: #CCFFCC;
  font-size: 12px;
  padding: 20px;
  font-family: "Roboto", sans-serif;
}

.k-notification-info p {
  margin-bottom: 0px;
  display: inline-block;
}

.k-notification-info .notificationheader {
  display: none;
}

.icon {
  padding: 6px;
  font-size: 14px;
}

.buenocount {
  color: #229b3e;
}

.ml-25 {
  margin-left: 25px;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #eaeaea;
  opacity: 1;
}

.min-ht-72 {
  min-height: 72px;
}

.min-ht-350px {
  min-height: 350px;
}

/*Breadcrumb Changes Start Here*/
.theme-breadcrumb .breadcrumb {
  background: none;
  border-radius: 0px;
  padding: 0px;
  color: #222221;
}

.theme-breadcrumb .breadcrumb li.breadcrumb-item.active {
  color: #004B8D;
  font-weight: 600;
}

.theme-breadcrumb .breadcrumb i.icon-home11 {
  font-size: 15px;
  position: relative;
  top: -1px;
  margin-right: .5rem;
}

/*Breadcrumb Changes End Here*/