/* OPEN SANS*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-BoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-ExtraBoldItalic.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans'), local('OpenSans-Regular'), url(../webfonts/openSans/OpenSans-SemiBoldItalic.ttf) format('truetype');
}

/* FDS color palette */
:root {
  --fdsColorPrimaryBlue10: #e1f5f9;
  --fdsColorPrimaryBlue20: #ace8f0;
  --fdsColorPrimaryBlue: #2075bd;
  --fdsColorPrimaryBlue40: #125c9b;
  --fdsColorPrimaryBlue50: #05387d;
  --fontfamilyDefault: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  --fontDefaultColor: #404040;
}

@keyframes loadingCircle {
	100% {
		transform: rotate(360deg);
	}
}

body.ext-webkit {
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
}

/* --- */

input {
	background-color: #FFF;
}
input:disabled {
    background-color: #f6f6f6;
}

.new td {
    font-weight: bold !important;
    color: #000000!important;
}

.invited td {
  font-weight: bold !important;
  color: green !important;
}

.footer-positiv {
	font-weight: bold !important;
  	font-size: 20px;
    color: #ffffff!important;
    background-color: green !important;
}

.footer-negativ {
	font-weight: bold !important;
  	font-size: 20px;
    color: #ffffff!important;
    background-color: red !important;
}

.footer-neutral {
	font-weight: bold !important;
  	font-size: 20px;
    color: #000000!important;
}

.overview-page {
  background-color: white !important;
}

#app-header {
	height: 68px;
	width: 100%;
	vertical-align: middle;
	background-size: 100%;
  	background-repeat: repeat;
  	background-position:center;
  	background: #1e5799;
}

.app-login-page {
	height: 100%;
	width: 100%;
}

#app-login {
	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#RegistrationDialog {
    overflow-y: auto !important;
}

#logic-login-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position:center;
  width: 100%;
  height: 100%;
  border: 0pt none;
}

#logic-main-header {
  width: 100%;
  border: 0pt none;
}

#logic-main-header-demo {
  background-color: #ffffff;
  width: 100%;
  border: 0pt none;
}

#logic-main-header-dev {
  background-color: #ffffff;
  width: 100%;
  border: 2px solid red;
}

#logic-main-header-test {
  background-color: #ffffff;
  width: 100%;
  border: 2px solid orange;
}

#logic-main-header-local {
  background-color: #ffffff;
  width: 100%;
  border: 2px solid green;
}

#logic-main-header-prod {
  background-color: #ffffff;
  width: 100%;
}

#logic-title {
  color: white;
  width: 40%;
  font-size: 20px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: normal;
  margin: 0px 0px 10px 0px;
}

.x-theme-access .binding-example, .x-theme-access .dnd-example {
  background-color: #232D38;
}

.x-theme-access .example-bg, .x-theme-access .example-bg .x-tab-panel-body {
  background-color: #232D38 !important;
}

.x-theme-slate #demo-header, .x-theme-access #demo-header {
  background: #1E4176 url(../images/bg/slate-hd-bg.gif) repeat-x scroll 0pt;
}

.drag-ok {
  border: 1px solid green !important;
  background-color: #e6eae7;
}

/* chooser */
#img-chooser-dlg .details {
  padding: 10px;
  text-align: center;
}

#img-chooser-dlg .details-info {
  border-top: 1px solid #cccccc;
  font: 11px Arial, Helvetica, sans-serif;
  margin-top: 5px;
  padding-top: 5px;
  text-align: left;
}

#img-chooser-dlg .details-info b {
  color: #555555;
  display: block;
  margin-bottom: 4px;
}

#img-chooser-dlg .details-info span {
  display: block;
  margin-bottom: 5px;
  margin-left: 5px;
}

#img-chooser-view {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}

#img-chooser-view .thumb {
  background: #dddddd;
  padding: 3px;
}

#img-chooser-view .thumb img {
  height: 60px;
  width: 80px;
}

#img-chooser-view .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
}

#img-chooser-view .thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

#img-chooser-view .x-view-over {
  border: 1px solid #dddddd;
  background: #efefef repeat-x left top;
  padding: 4px;
}

#img-chooser-view .x-view-selected {
  background: #DFEDFF;
  border: 1px solid #6593cf;
  padding: 4px;
}

#img-chooser-view .x-view-selected .thumb {
  background: transparent;
}

#img-chooser-view .x-view-selected span {
  color: #1A4D8F;
}

#img-chooser-view .loading-indicator {
  font-size: 11px;
  background-image: url('../../resources/images/grid/loading.gif');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px;
}

/* list view */
#images-view .x-panel-body {
  background: white;
  font: 11px Arial, Helvetica, sans-serif;
}

#images-view .thumb {
  background: #dddddd;
  padding: 3px;
}

#images-view .thumb img {
  height: 60px;
  width: 80px;
}

#images-view .thumb-wrap {
  float: left;
  margin: 4px;
  margin-right: 0;
  padding: 5px;
  border: 1px solid white;
}

.x-theme-access #images-view .thumb-wrap {
  border: 1px solid #232D38;
}

#images-view .thumb-wrap span {
  display: block;
  overflow: hidden;
  text-align: center;
}

#images-view .x-view-over {
  border: 1px solid #dddddd;
  background: #efefef url(../../gxt/images/default/grid/row-over.gif) repeat-x left top;
  padding: 4px;
}

#images-view .x-view-selected {
  background: #eff5fb no-repeat right bottom;
  border: 1px solid #99bbe8;
  padding: 4px;
}

#images-view .x-view-selected .thumb {
  background: transparent;
}

#images-view .loading-indicator {
  font-size: 11px;
  background-image: url(../../gxt/resources/images/default/grid/loading.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  margin: 10px;
}

/* totals grid */
.x-grid3-body .x-grid3-td-cost {
  background-color: #F1F2F4;
}

.x-theme-access .x-grid3-body .x-grid3-td-cost {
  background-color:#21252e;
}

.x-grid3-summary-row {
  background: #F1F2F4 none repeat scroll 0% 50%;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  color: #333333;
}

.x-grid3-summary-row .x-grid3-cell-inner {
  font-weight: bold;
  padding-bottom: 4px;
}

.x-grid3-cell-inner {
  font-family: inherit;
}

.sample-box {
  float: left;
  width: 135px;
  margin: 5px 5px 0 5px;
  text-align: center;
  height: 114px;
  cursor: default;
  color: #444;
  overflow: hidden;
  padding-top: 4px;
  border: none !important;
}

.sample-over {
  background: transparent url(../images/thumbs/sample-over.gif) no-repeat;
}

.sample-selected {
  background: transparent url(../images/thumbs/sample-over.gif) no-repeat;
}

.sample-over div {
  color: #1860A8;
}

.sample-box div,#sample-box div a {
  font-size: 10px;
  line-height: 12px;
}

.sample-box dt a {
  border: 0 none !important;
}

.x-view-over {
  background: #EFEFEF url(../images/default/grid/row-over.gif) repeat-x scroll left top;
  border: 1px solid #DDDDDD;
  padding: 4px;
}

.x-view-selected {
  border: 1px solid #99BBE8;
  padding: 4px;
}

.x-view-selected .thumb {
  background: transparent none repeat scroll 0%;
}

.x-grid3-check-col-hidden {
	visibility:hidden;
}

.green {
  color: green;
}

.red {
  color: red;
}

.text {
  font-size: 12px;
}

.pad-text {
  font-size: 12px;
  padding: 5px;
}

.x-grid3-row-body p {
  margin: 5px 5px 10px 5px !important;
}

.icon-app-side {
  background-image: url(../images/icons/application_side_list.png) !important;
}

.icon-calendar {
  background-image: url(../images/icons/calendar.gif) !important;
}

.icon-list-items {
  background-image: url(../images/icons/list-items.gif) !important;
}

.icon-menu-show {
  background-image: url(../images/icons/menu-show.gif) !important;
}

.icon-user-add {
  background-image: url(../images/icons/fam/user_add.gif) !important;
}

.icon-user-delete {
  background-image: url(../images/icons/fam/user_delete.gif) !important;
}

.icon-connect {
  background-image: url(../images/icons/fam/connect.gif) !important;
}

.icon-accordion {
  background-image: url(../images/icons/accordion.gif) !important;
}

.icon-user {
  background-image: url(../images/icons/fam/user.png) !important;
}

.user {
  background-image: url(../images/icons/fam/user.gif) !important;
}

.user-add {
  background-image: url(../images/icons/fam/user_add.gif) !important;
}

.user-delete {
  background-image: url(../images/icons/fam/user_delete.gif) !important;
}

.connect {
  background-image: url(../images/icons/fam/connect.gif) !important;
}

.user-girl {
  background-image: url(../images/icons/fam/user_female.gif) !important;
}

.user-kid {
  background-image: url(../images/icons/fam/user_green.gif) !important;
}

.user-suit {
  background-image: url(../images/icons/fam/user_suit.gif) !important;
}

.icon-filter {
  background-image: url(../images/icons/funnel.png) !important;
}

.icon-form {
  background-image: url(../images/icons/application_form.png) !important;
}

.icon-add {
  background-image: url(../images/icons/add.gif) !important;
}

.icon-freightcalculator {
  background-image: url(../images/icons/icon-freightCalculator.png) !important;
}

.icon-collection {
  background-image: url(../images/icons/icon-collection.png) !important;
}

.icon-plugin {
  background-image: url(../images/icons/plugin.png) !important;
}

.icon-table {
  background-image: url(../images/icons/table.png) !important;
}

.icon-table-multiple {
  background-image: url(../images/icons/table_multiple.png) !important;
}

.icon-delete {
  background-image: url(../images/icons/delete.gif) !important;
}

.icon-email {
  background-image: url(../images/icons/email.png) !important;
}

.icon-email-add {
  background-image: url(../images/icons/email_add.png) !important;
}

.icon-email-reply {
  background-image: url(../images/icons/email_go.png) !important;
}

.icon-criteria {
  background-image: url(../images/icons/criteria.png) !important;
}

.icon-copy {
  background-image: url(../images/icons/copy.png) !important;
}

.icon-edit {
  background-image: url(../images/icons/document.png) !important;
}


.icon-filter {
  background-image: url(../images/feedviewer/details.gif) !important;
}

.icon-refresh {
  background-image: url(../images/feedviewer/refresh.gif) !important;
}

.icon-setup {
  background-image: url(../images/icons/fam/cog.png) !important;
}

.icon-airplane {
  background-image: url(../images/icons/fam/airplane.png) !important;
}

.icon-truck {
  background-image: url(../images/icons/fam/truck.png) !important;
}

.icon-ocean {
  background-image: url(../images/icons/fam/ocean.png) !important;
}

.icon-rail {
  background-image: url(../images/icons/fam/rail.png) !important;
}

.icon-award {
  background-image: url(../images/icons/fam/award.png) !important;
}

.icon-tick {
  background-image: url(../images/icons/tick.png) !important;
}

.icon-tag {
  background-image: url(../images/icons/tag.png) !important;
}

.icon-gear {
  background-image: url(../images/icons/gear.png) !important;
}

.icon-road {
  background-image: url(../images/truck16.png) !important;
}

.icon-air {
  background-image: url(../images/plane16.png) !important;
}

.icon-sea {
  background-image: url(../images/ship16.png) !important;
}

.icon-documents {
  background-image: url(../images/doc16.png) !important;
}

.icon-co2-ana {
  background-image: url(../images/co2ana16.png) !important;
}

.icon-co2-calc {
  background-image: url(../images/co2calc16.png) !important;
}

.icon-compliance {
  background-image: url(../images/compliance16.png) !important;
}

.icon-supplier {
  background-image: url(../images/supplier16.png) !important;
}

.icon-rc {
  background-image: url(../images/rc16.png) !important;
}

.icon-favourites {
  background-image: url(../images/favourites16.png) !important;
}

.icon-history {
  background-image: url(../images/history16.png) !important;
}

.icon-logout {
  background-image: url(../images/logout16.png) !important;
}

.icon-overview {
  background-image: url(../images/overview16.png) !important;
}

.icon-rfq {
  background-image: url(../images/rfx.png) !important;
}

.icon-statistics {
  background-image: url(../images/statistics16.png) !important;
}

.icon-texts {
  width: 16px;
  margin: 0px 7px !important;
  background-image: url(../images/text16.png) !important;
}

.icon-inbox {
  background-image: url(../images/inbox16.png) !important;
}

.icon-ta {
  background-image: url(../images/ta16.png) !important;
}

.icon-forward {
  background-image: url(../images/feedviewer/forward.gif) !important;
}

.icon-backward {
  background-image: url(../images/feedviewer/backward.gif) !important;
}



.icon-reset {
  /* background-image: url(../images/feedviewer/refresh.gif) !important; */
}

.icon-assignToCollection {
  background-image: url(../images/feedviewer/assignToCollection.png) !important;
}

.icon-assignAllToCollection {
  background-image: url(../images/feedviewer/assignAllToCollection.png) !important;
}

.icon-removeAssignmentToCollection {
  background-image: url(../images/feedviewer/removeAssignmentToCollection.png) !important;
}

.icon-removeAllAssignmentToCollection {
  background-image: url(../images/feedviewer/removeAllAssignmentToCollection.png) !important;
}

.icon-transparent16x16 {
  background-image: url(../images/feedviewer/transparent16x16.png) !important;
}

.icon-date-add {
  background-image: url(../images/icons/date-add.png) !important;
}

.icon-contact {
  background-image: url(../images/icons/vcard.png) !important;
}

.icon-contact-add {
  background-image: url(../images/icons/vcard_add.png) !important;
}

.icon-shell {
  background-image: url(../images/icons/shell.gif) !important;
}

.icon-page {
  background-image: url(../images/icons/document.gif) !important;
}

.icon-page-java {
  background-image: url(../images/icons/page_white_cup.png) !important;
}

.icon-page-html {
  background-image: url(../images/icons/page_white_code.png) !important;
}

.icon-album {
  background-image: url(../images/icons/album.gif) !important;
}

.icon-text {
  background-image: url(../images/icons/text.gif) !important;
}

.icon-add-disabled {
  background-image: url(../images/icons/add.gif) !important;
}

.icon-chart {
  background-image: url(../images/icons/chart.png) !important;
}

.icon-list {
  background-image: url(../images/icons/list.gif) !important;
}

.icon-feed {
  background-image: url(../images/icons/feed.gif) !important;
}

.icon-info {
  background-image: url(../images/icons/information.png) !important;
}

.icon-info-white {
  background-image: url(../images/icons/information-white.gif) !important;
}

.icon-music {
  background-image: url(../images/icons/music.png) !important;
}

.icon-printer {
  background-image: url(../images/icons/printer.png) !important;
}

.icon-page-code {
  background-image: url(../images/icons/page.png) !important;
}

.icon-tabs {
  background-image: url(../images/icons/tabs.gif) !important;
}

.icon-warning {
  background-image: url(../images/icons/warning.png) !important;
}

.icon-search {
  background-image: url(../images/search.png) !important;
}

.icon-epro {
  background-image: url(../images/epro.png) !important;
}

.icon-edit {
  background-image: url(../images/edit.png) !important;
}

.add {
  background-image: url(../images/icons/toolbar/add.gif ) !important;
}

.add16 {
  background-image: url(../images/icons/toolbar/add16.gif ) !important;
}

.add24 {
  background-image: url(../images/icons/toolbar/add24.gif ) !important;
}

.icon-checkbox-checked {
	width: 16px;
	height: 16px;
	background-image: url(../images/slate/menu/checked.gif);
}

.icon-checkbox-unchecked {
	width: 16px;
	height: 16px;
	background-image: url(../images/slate/menu/unchecked.gif);
}

#custom-slider{
  width: 214px;
  padding-top:6px;
  background-repeat: no-repeat;
  background-image:url(../images/bg/ticks.gif);
}

#custom-slider .x-slider-thumb {
  background-image:url(../images/bg/slider-thumb.png);
}

.blueTab {
	color: white !important;
    background: #7EBAFA !important;
}

.logic-epro-ta-header-green {
  height: 30px;
  background-color: #3b9d2d;
  border-bottom: 1px solid silver;
}

.logic-epro-ta-header-green h1 {
  font-size: 14px;
  color: #ffffff;
  padding: 7px 0px 0px 15px;
}

.logic-epro-ta-header-red {
  height: 30px;
  background-color: #be2c00;
  border-bottom: 1px solid silver;
}

.logic-epro-ta-header-red h1 {
  font-size: 14px;
  color: #ffffff;
  padding: 7px 0px 0px 15px;
}

.ilogic-apps-box {
  float: left;
  width: 135px;
  margin: 5px 5px 0 5px;
  text-align: center;
  height: 114px;
  cursor: default;
  color: #444;
  overflow: hidden;
  padding-top: 4px;
  border: none !important;
}

.x-ftree2-selected {
    background-color: #c7dcf5 !important;
}
.x-ftree2-selected .x-tree3-node-text {
    font-weight: bold;
}

img.boolean_check {
    position: absolute;
    left: 31px;
    top: 2px;
}
.x-combo-list-item {
	min-height: 14px;
}
.app-login-logo {
    width: 80%;
    padding: 15px 0;
}




.overview-page-container .x-panel-body {
	overflow: hidden auto;
	background: none !important;
	height: 100% !important;
}

.overview-page-container .overview-page {
    background: none !important;
    width: 70% !important;
}

.sample-over {
    background: none !important;
}

.sample-box {
    float: left;
    width: 135px;
    margin: 20px 20px 0 5px;
    text-align: center;
    height: 180px;
    cursor: default;
    color: #444;
    overflow: hidden;
    padding-top: 4px;
    border: none !important;
}

.sample-box div,#sample-box div a {
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    font-weight: bolder;
}

.sample-box div,#sample-box div a:hover {
    background: none;
}

.overview-page-container .x-view {
    background: none !important;
    padding: 80px 15%;
}

.overview-page-container > .x-panel {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+66,7db9e8+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 66%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 66%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1e5799 0%,#2989d8 66%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.icon-logout {
    background-image: url(../images/logout16.png) !important; background-repeat: no-repeat;
}

.sample-box img {
    border-radius: 10px;
    width: 130px;
    height: 87px;
}

.sample-box {
    float: left;
    width: 140px;
    margin: 20px 10px 0 10px;
    text-align: center;
    height: 140px;
    cursor: default;
    color: #444;
    overflow: hidden;
    padding-top: 4px;
    border: none !important;
}

.sample-box div,#sample-box div a {
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    font-weight: normal;
}
.sample-over div {
    cursor: pointer;
    text-decoration: underline;
}
.sample-over img {
    transform: scale(1.05);
    transition: all 0.05s;
}

.ilogic-xml {
    padding: 2px;
    width: 95%;
    height: 90%;
    background: #000;
    color: #AFA;
}
fieldset.fieldset {
    margin: 4px;
}

.alreadyAwardedRate {
  border: 1px solid #C00000;
  opacity: 0.7;
}

.force-foreground {
  z-index: 9999 !important;
}

/* GXT4 */

.ilogic-home-tab-panel {
    height: -webkit-calc(100% - 95px);
    height: -moz-calc(100% - 95px);
    height: calc(100% - 95px);
}

.ilogic-home-tab-panel>:nth-child(2) {
  height: 100%;
}
.ilogic-home-tab-panel>:nth-child(2)>div {
  height: 100%;
}

.overview-page-container {
    height: 100%;
     /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+66,7db9e8+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 66%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 66%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1e5799 0%,#2989d8 66%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.app-header {
 	display:flex;
 	height: 72px;
  	justify-content:space-between;
}
.app-status {
    background-color: #EEE;
}
.fitlayout {
	width: 100%;
	height: 100%;
}

.com-sencha-gxt-theme-triton-client-base-container-Css3BorderLayoutAppearance-Css3BorderLayoutStyle-container {
    height: 100%;
}

.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabStripWrap {
    background: #f6f6f6 !important;
}

.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabStripText {
    color: #333 !important;
}

.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabStripActive .com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabStripText {
  font-weight: 600 !important;
}

.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabItem {
    border-radius: 2px 2px 0 0 !important;
}

.com-sencha-gxt-theme-triton-client-base-fieldset-Css3FieldSetAppearance-Css3FieldSetStyle-fieldSet {
    background-color: transparent !important;
    margin-bottom: 5px !important;
}

.com-sencha-gxt-theme-triton-client-base-fieldset-Css3FieldSetAppearance-Css3FieldSetStyle-fieldSet legend {
    font-size: 14px !important;
    padding: 5px !important;
}

fieldset.com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-disabled {
  opacity: 0.75;
}

.icon_button, .tool_button {
	height: 16px;
}
.tool_button {
	width: 16px;
}
.icon_copy {
  background-image: url(../images/icons/copy.png) !important;
}
.icon_filter {
  background-image: url(../images/icons/funnel.png) !important;
}
.icon_edit {
  background-image: url(../images/icons/document.png) !important;
}
.icon_add {
  background-image: url(../images/icons/add.gif) !important;
}
.icon_delete {
  background-image: url(../images/icons/delete.gif) !important;
}
.icon_transparent16x16 {
  background-image: url(../images/feedviewer/transparent16x16.png) !important;
}

.shipsta_shipment_parent {
	opacity: 0.8;
}

.shipsta_vpanel {
    display: flex;
    flex-direction: column;
    width: 100%;
    /*background: #fff;*/
    border-radius: 5px;
}
.shipsta_hpanel {
    display: flex;
    flex-direction: row;
    height: 100%;
}
.shipsta_item_flexible {
	flex-basis: 0;
	max-height: 100%;
	max-width: 100%;
}

/* CSS-Hack for Internet Explorer 11 ONLY - ILOGIC-1561 */
_:-ms-fullscreen, :root .shipsta_item_flexible {
  flex-basis: 38px;
}

.shipsta_item_grow_100 {
	flex-grow: 10;
}
.shipsta_item_grow_90 {
	flex-grow: 9;
}
.shipsta_item_grow_80 {
	flex-grow: 8;
}
.shipsta_item_grow_70 {
	flex-grow: 7;
}
.shipsta_item_grow_60 {
	flex-grow: 6;
}
.shipsta_item_grow_50 {
	flex-grow: 5;
}
.shipsta_item_grow_40 {
	flex-grow: 4;
}
.shipsta_item_grow_30 {
	flex-grow: 3;
}
.shipsta_item_grow_20 {
	flex-grow: 2;
}
.shipsta_item_grow_10 {
	flex-grow: 1;
}


.shipsta_hpanel_fix {
    height: 100%;
}
.shipsta_hpanel_fix_item {
	height: 100%;
	display: inline-block !important;
}

.shipsta_item_width_10 {
	width: 10%;
}
.shipsta_item_width_20 {
	width: 20%;
}
.shipsta_item_width_30 {
	width: 30%;
}
.shipsta_item_width_40 {
	width: 40%;
}
.shipsta_item_width_50 {
	width: 50%;
}
.shipsta_item_width_60 {
	width: 60%;
}
.shipsta_item_width_70 {
	width: 70%;
}
.shipsta_item_width_80 {
	width: 80%;
}
.shipsta_item_width_90 {
	width: 90%;
}
.shipsta_item_width_100 {
	width: 100%;
}

.shipsta_vpanel_fix {
	width: 100%;
}
.shipsta_vpanel_fix_item {
	width: 100%;
	display: block;
}

.shipsta_item_height_10 {
	height: 10%;
}
.shipsta_item_height_20 {
	height: 20%;
}
.shipsta_item_height_30 {
	height: 30%;
}
.shipsta_item_height_40 {
	height: 40%;
}
.shipsta_item_height_50 {
	height: 50%;
}
.shipsta_item_height_60 {
	height: 60%;
}
.shipsta_item_height_70 {
	height: 70%;
}
.shipsta_item_height_80 {
	height: 80%;
}
.shipsta_item_height_90 {
	height: 90%;
}
.shipsta_item_height_100 {
	height: 100%;
}

.shipsta_filtergrid_group>td {
	background-color: #444 !important;
	color: #FFF !important;
}
.com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-grid.shipsta_filtergrid {
	overflow-y: auto;
}

.gwt-SplitLayoutPanel-HDragger {
    background: rgb(241, 241, 241) !important;
}

.shipsta_textfield_with_button .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-wrap {
  min-width: 82px;
  max-width: 100%;
  width: 100% !important;
}

.shipsta_textfield_with_button .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-text {
  width: 100% !important;
}

.com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldElement > div[class*=-invalid] {
	width: calc(100% - 24px) !important;
	float: left;
}

.com-sencha-gxt-theme-triton-client-base-field-Css3DateCellAppearance-Css3DateCellStyle-invalid + img[class=gwt-Image],
.com-sencha-gxt-theme-triton-client-base-field-Css3TriggerFieldAppearance-Css3TriggerFieldStyle-invalid + img[class=gwt-Image],
.com-sencha-gxt-theme-triton-client-base-field-Css3TwinTriggerFieldAppearance-Css3TwinTriggerFieldStyle-invalid + img[class=gwt-Image],
.com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-invalid + img[class=gwt-Image] {
    float: right !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

.com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldElement > div {
  width: 100% !important;
}

.com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldElement > div.shipsta_html_editor {
    width: calc(100% - 2px) !important;
}

.margin-10-bottom {
	margin-bottom: 10px;
}

.margin-15-bottom {
	margin-bottom: 15px;
}

div#EproSdScenarioOverviewPanel {
    height: 100%;
}
.shipsta_cardpanel, .shipsta_cardpanel>div {
	width: 100%;
	height: 100%;
}
.shipsta_fit {
	width: 100%;
	height: 100%;
}
.shipsta_bodyfit {
	width: 100%;
	height: 100%;
}
.shipsta_bodyfit_header {
	width: 100%;
	height: calc(100% - 44px);
}
.shipsta_level_2 .shipsta_bodyfit_header {
    width: 100%;
    height: calc(100% - 37px);
}
.shipsta_hfit {
	width: 100%!important;
}

.shipsta_rate-columns .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-tree {
	background-color: #A1CEEB;
}

.shipsta_quote-columns .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-tree {
	background-color: #BEE2B7;
}

.shipsta_additional-columns .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-tree {
	background-color: #FFFBE5;
}
.shipsta_functions .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-tree {
	background-color: #FDC22F;
}

.com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-border.shipsta_html_editor {
    border: 1px solid #d0d0d0!important;
}

#app-login {
	display: flex;
	justify-content: center;
	align-items: center;
}
.shipsta_login_panel {
	width: 400px !important;
	max-width: 95%;
	padding: 30px 30px 60px 30px;
    background-color: #fff;
    border-radius: 5px;
	transition: box-shadow .25s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.lspdb_login_panel {
	width: 400px !important;
	max-width: 95%;
	padding: 30px 30px 40px 30px;
	background-color: #fff;
	border-radius: 5px;
	transition: box-shadow .25s;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-family: var(--fontfamilyDefault);
}
.lspdb_login_spacer {
	height: 5px;
}
.shipsta_login_panel a, .lspdb_login_panel a {
	color: var(--fdsColorPrimaryBlue);
	cursor: pointer;
	text-decoration: underline;
}
.shipsta_login_panel a:hover, .lspdb_login_panel a:hover {
	color: #0056b3;
	cursor: pointer;
	text-decoration: none;
}

.shipsta_login_buttonbar {
    text-align: right;
}
.shipsta_login_logo_container {
	text-align: center;
}
.shipsta_login_error {
	color: red;
	margin-top: 15px;
}
.shipsta_container {
	position: relative;
	height: 100%;
	background-color: #f6f6f6;
}
.shipsta_container.setup_visible {
	/* background-color: #fff; */
}

/* NavPanel */

.shipsta_nav_panel {
	width: 65px;
	height: 100%;
	margin-right: 10px;
    background-color: #53575f;
	position: absolute;
	z-index: 100;
	transition: width .1s ease;
	transition-delay: 0.2s;
}
.shipsta_nav_panel.expanded {
	width: 280px;
}
.shipsta_nav_logo {
	width: 65px;
}
.shipsta_nav_logo_icon {
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: none;
	position: relative;
}
.shipsta_nav_logo_icon #shipsta_icon {
    max-width: 55px;
    max-height: 72px;
}
.shipsta_nav_panel.expanded .shipsta_nav_logo_logo {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 216px;
}
.shipsta_nav_logo_logo {
	display: none;
	position: absolute;
	top: 0;
	left: 65px;
	max-width: 0px;
	transition: max-width .9s ease;
	transition-delay: 0.3s;
	height: 72px;
}
.shipsta_nav_logo_logo > img {
	max-width: 100%;
	max-height: 72px;
}

/* NavPanel -> list*/

.shipsta_nav_list {
	padding: 10px 0;
}

.shipsta_nav_item {
    display: block;
    float: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
.shipsta_nav_item:hover > .shipsta_nav_item_link {
    background-color: #373f49;
}
.shipsta_nav_item_link:hover img, .shipsta_nav_item_link:hover .gwt-HTML {
    /*transform: scale(1.1);
    transition: scale 0.1s; */
}

.shipsta_nav_item.selected > .shipsta_nav_item_link {
    background-color: #125c9b;
}
.shipsta_nav_item.selected.shipsta_nav_item_child > .shipsta_nav_item_link {
	background-color: #2075bd;
}


.shipsta_nav_item_link {
	cursor: pointer;
	outline: none;
	font-weight: 300;
	letter-spacing: 1px;
}
.shipsta_nav_item_link > div {
	width: 100%;
	height: 50px;
	display: flex;
	line-height: 48px;
	align-items: center;
}

.shipsta_nav_item_child {
  background-color: #6a6f73;
}

.shipsta_insights_header_label {
	height: 36px;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: bold;
}

.shipsta_insights_header2_label {
	height: 30px;
	text-align: left;
	margin-left: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #61bfb4;
}
.shipsta_insights_header2_input {
	height: 30px;
	text-align: left;
	margin-left: 29px;
	margin-bottom: 20px;
	margin-top: -3px;
}
.shipsta_insights_header2_input.shipsta_hpanel_item.com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-disabled {
    opacity: 1.0;
}
.shipsta_insights_header2_input.shipsta_hpanel_item.com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-disabled > div.com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-wrap {
    border-width: 0px;
    opacity: 1.0;
}
.shipsta_insights_header2_input > div > input {
    color: #61bfb4;
    font-size: 18px;
	font-weight: bold;
    opacity: 1;
    background-color: #ffffff;
    padding-left: 1px;
    padding-right: 1px;
}

.shipsta_button.shipsta_insights_button > div.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button{
	background-color: #61bfb4;
}
.shipsta_button.shipsta_insights_button > div.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-over{
	background-color: #428a82;
}
.shipsta_button.shipsta_insights_button div.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner {
	color: #ffffff;
}
.shipsta_insights_label {
	height: 28px;
	text-align: left;
	margin-left: 30px;
}

.shipsta_insights_value {
	height: 28px;
	text-align: right;
	margin-right: 10px;
}

.shipsta_insights_icon {
	display: flex;
	justify-content: center;
	margin-left: 43px;
	margin-right: 19px;
	margin-top: 45px;
}

.shipsta_insights_datetime_panel {
    position: relative;
    text-align: right;
}

@media only screen and (max-height: 900px) {
  .shipsta_nav_item_link > div {
	height: 45px;
  }
}
@media only screen and (max-height: 720px) {
  .shipsta_nav_item_link > div {
	height: 40px;
  }
  .shipsta_nav_list {
    	padding: 5px 0;
  }
}

.shipsta_nav_item_link img {
    height: 100%;
    line-height: inherit;
    margin: 0 7px 0 7px;
}

.shipsta_nav_misc .support_nav .gwt-InlineLabel {
  margin-left: 0px !important;
}

.shipsta_nav_misc .helpcenter_nav .gwt-InlineLabel {
  margin-left: 1px !important;
}

.shipsta_nav_misc .about_nav .gwt-InlineLabel {
  margin-left: 1px !important;
}

.shipsta_nav_misc .contact_nav .gwt-InlineLabel {
  margin-left: 3px !important;
}

.shipsta_nav_misc .terms_and_conditions_nav .gwt-InlineLabel {
  margin-left: 2px !important;
}

.shipsta_nav_misc .support_nav .gwt-Image {
  margin-left: 20px !important;
}

.shipsta_nav_misc .helpcenter_nav .gwt-Image {
  margin-left: 19px !important;
}

.shipsta_nav_misc .about_nav .gwt-HTML {
  margin-left: 26px !important;
}

.shipsta_nav_misc .contact_nav .gwt-HTML {
  margin-left: 23px !important;
}

.shipsta_nav_misc .terms_and_conditions_nav .gwt-HTML {
  margin-left: 27px !important;
}

.shipsta_nav_misc > .information_nav > .shipsta_nav_item_link .gwt-InlineLabel {
  margin-left: 3px;
}

.shipsta_nav_misc > .shipsta_nav_item:nth-child(2) .shipsta_nav_item_child:nth-child(2) .shipsta_nav_item_link .gwt-InlineLabel {
  margin-left: 6px;
}

.shipsta_nav_misc .shipsta_nav_item:nth-child(2) .shipsta_nav_item_child:nth-child(1) .gwt-HTML {
  margin-left: 20px;
}

.shipsta_nav_misc .shipsta_nav_item:nth-child(2) .shipsta_nav_item_child:nth-child(2) .gwt-HTML {
  margin-left: 20px;
}

.shipsta_nav_misc .shipsta_nav_item:nth-child(2) .shipsta_nav_item_child:nth-child(3) .gwt-HTML {
  margin-left: 20px;
}

.shipsta_nav_misc .shipsta_nav_item:nth-child(2) .shipsta_nav_item_child:nth-child(4) .gwt-HTML {
  margin-left: 20px;
}

.shipsta_nav_misc > .shipsta_nav_item:nth-child(1) > .shipsta_nav_item_link .gwt-HTML {
  margin-left: 22px;
}

.shipsta_nav_misc > .shipsta_nav_item:nth-child(2) > .shipsta_nav_item_link .gwt-HTML {
  margin-left: 24px;
}

.shipsta_nav_misc > .shipsta_nav_item:nth-child(1) > .shipsta_nav_item_link .gwt-InlineLabel {
  margin-left: -2px;
}

.shipsta_nav_misc > .shipsta_nav_item:nth-child(2) > .shipsta_nav_item_link .gwt-InlineLabel {
  margin-left: 0px;
}


.shipsta_nav_item_link .gwt-HTML {
	font-size: 32px;
	line-height: inherit;
	margin: 0 10px 0 17px;
}

.shipsta_nav_item_child .shipsta_nav_item_link img {
	height: 32px;
	line-height: inherit;
	margin: 0 10px 0 20px;
}

.shipsta_nav_item_child .shipsta_nav_item_link .gwt-HTML {
	font-size: 24px;
	line-height: inherit;
	margin: 0 10px 0 9px;
}

.shipsta_nav_item_link span {
	display: inline;
	opacity: 0;
	overflow: hidden;
	will-change: opacity;
	transition: opacity .3s ease-out;
}
.shipsta_nav_panel.expanded .shipsta_nav_item_link span, .shipsta_setup .shipsta_nav_item_link span {
	opacity: 1;
}

/* NavPanel -> misc*/

.shipsta_nav_misc {
    position: absolute;
    width: 100%;
    bottom: 10px;
    color: #FFF;
}
.shipsta_nav_iconcontainer {
    vertical-align: middle;
    display: inline-block;
    width: 30px;
}

.shipsta_nav_usericon, .shipsta_nav_logouticon {
    font-size: 32px;
    cursor: pointer;
    margin: 0 10px 0 10px;
}



.shipsta_nav_iconcontainer:hover .shipsta_nav_usericon,
.shipsta_nav_iconcontainer .shipsta_nav_logouticon {
    display: none;
}
.shipsta_nav_iconcontainer:hover .shipsta_nav_logouticon {
    display: inline;
}


.shipsta_nav_username {
    display: none;
    font-size: 16px;
    vertical-align: middle;
    padding: 0px 20px;
    overflow: hidden;
    width: 175px;
    transition: display 2s;
}
.expanded .shipsta_nav_username {
    display: inline-block;
}


/* Main Panel */

.shipsta_main_panel {
	/* background-color: #f6f6f6; */
	position: absolute;
	left: 75px;
	height: 100%;
	width: calc(100% - 75px) !important;
	/* padding-right: 10px; */
}
.shipsta_main_panel>div {
	width: 100%;
	height: 100%;
	/* margin-left: 10px; */
}
.shipsta_main_panel.no_nav {
    left: 0px;
    width: 100% !important;
}


/*
.waves_effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out;
}
*/

.shipsta_header {
    height: 48px;
    /*color: #666666;*/
    color: #333;
    font-size: 24px;
    font-weight: 600;
    font-family: var(--fontfamilyDefault);
    vertical-align: middle;
    display: table-cell;
    border-bottom: #dadada 1px solid;
    padding-left: 5px;
    margin-bottom: 10px;
}

.shipsta_header_container {
    display: table;
}

.shipsta_searchpanel {
    /*margin: 10px 10px 10px 0;*/
    background-color: #dadada;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.shiptsa_searchpanel_container {
	width: 99% !important;
	padding-top: 12px;
	padding-left: 6px;
	border-left: 1px solid #dadada;
}
.shipsta_searchpanel_buttons {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.shipsta_searchpanel_buttons>div {
    margin-right: 10px;
}
.shipsta_searchpanel fieldset.com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-fieldSet.shipsta_fieldset {
	margin: 0 5px;
}
fieldset.com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-fieldSet.shipsta_fieldset {
    border: #bbb 1px solid;
    margin: 5px;
    padding: 5px 9px 2px;
    /* background: #eee; */
    border-radius: 5px;
}

.shipsta_fieldset.fieldset.com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-collapsed {
	border-width: 1px!important;
	/* border-left-color: #333 !important; */
	/* border-right-color: #333 !important; */
}

.com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-panel {
	border: none !important;
}

.com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-header {
    background: white !important;
}
.com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body {
    /* background: #dadada !important; */
}

.shipsta_button > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button,
.shipsta_messagebox .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button,
.shipsta_gridpanel_toolbar .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button,
.shipsta_gridpanel .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button,
.shipsta_field_file .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button {
    border-width: 0 !important;
    /* padding: 0 12px !important; */
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    background: var(--fdsColorPrimaryBlue);
    font-size: 14px !important;
    font-weight: 400 !important;
    transition: background-color 0.5s ease;
}
.shipsta_button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner,
.shipsta_messagebox .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner,
.shipsta_gridpanel .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner,
.shipsta_field_file .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner {
	padding: 7px 19px;
	font-size: 13px;
}
.shipsta_button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-split {
	padding-right: 26px;
}
.cfc_button > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button {
    height: 32px !important;
    width: 150px !important;
	background: var(--fdsColorPrimaryBlue);
    border-width: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    transition: background-color 0.5s ease;
}
.popup_button  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button
 {
	height: 18px !important;
    width:  30px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    transition: background-color 0.5s ease;
	border-color: #ffffff !important;
	border-width: 0px 0px 0px 0px !important;
	background: -webkit-linear-gradient(top,#ffffff 0%, #ffffff 100%) !important;
	border-style: none !important;
}
.popup_button_denotation  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button
 {
	height: 18px !important;
    width:  30px !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    transition: background-color 0.5s ease;
	border-color: #ffffff !important;
	border-width: 0px 0px 0px 0px !important;
	background: -webkit-linear-gradient(top,#ffffff 0%, #ffffff 100%) !important;
	border-style: none !important;
	padding-top: 2px;
    padding-left: 9px;
}

.popup_button  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button i.fas {
	margin-right: 10px !important;
}
.popup_button  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button:hover i.fas {
color: #61bfb4;
}
.popup_button  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner {
    color: #333 !important;
padding: 0px 0px 0px 0px;
}

.popup_button_denotation  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button i.fas {
	margin-right: 10px !important;
}
.popup_button_denotation  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button:hover i.fas {
	color: #61bfb4;
}
.popup_button_denotation  > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner {
    color: #333 !important;
	padding: 0px 0px 0px 0px;
}
.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button i.fas {
    font-size: larger;
    margin-right: 5px;
}

.com-sencha-gxt-theme-triton-custom-client-toolbar-TritonToolBarAppearance-TritonToolBarStyle-toolBar, .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-body {
	background: transparent !important;
	border: 0px !important;
}
.shipsta_button > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-over,
.shipsta_messagebox .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-over,
.shipsta_gridpanel_toolbar .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-over
 {
	/*background:#428a82;*/
    background: var(--fdsColorPrimaryBlue40);
	font-size: 14px !important;
    font-weight: 400 !important;
}

.com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-panel.shipsta_gridpanel {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    /* border-radius: 2px; */
    background-color: #fafafa;
    /* margin-right: 10px; */
    border-left: 1px solid #eee!important;
}
.shipsta_gridpanel_toolbar {
	padding: 5px 10px;
}
.shipsta_dialog {
	border: 0 !important;
	border-radius: 5px !important;
	padding-bottom: 10px !important;
	box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.2);
	overflow: hidden !important;
}
.shipsta_dialog .com-sencha-gxt-theme-triton-client-base-window-Css3WindowAppearance-Css3WindowStyle-header {
	background: white!important;
	border-bottom: #dadada 1px solid;
	height: 24px;
	padding: 10px 4px 10px 14px;
	/* margin-bottom: 10px; */
}
.shipsta_dialog .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText, .shipsta_portlet .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText {
	color: #333333;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.shipsta_dialog .com-sencha-gxt-theme-triton-client-base-window-Css3WindowAppearance-Css3WindowStyle-body {
    padding: 20px 0 5px 0px;
}
.shipsta_dialog_buttonbar {
    /*margin: 10px 0 0 0;*/
}

.shipsta_dialog.shipsta_size_middle {
    width: 1000px !important;
}


.shipsta_fieldset .com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-legend {
    color: #333;
    font-weight: 600;
}

/* SimplePanel */

.shipsta_simplepanel .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-header {
	background: transparent!important;
	border-bottom: #dadada 1px solid;
	/* margin-bottom: 4px; */
}

.shipsta_simplepanel .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText, .shipsta_simplepanel .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-header, .shipsta .com-sencha-gxt-theme-triton-client-base-widget-Css3CollapsePanelAppearance-Css3CollapsePanelStyle-textWrap {
	color: #333;
	font-weight: 600;
}

.shipsta_simplepanel.shipsta_level_2 .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-header {
	border-bottom: #428a82 0px dashed;
	background-color: #f6f6f6!important;
	height: 12px;
	/* margin-bottom: 4px; */
}
.shipsta_simplepanel.shipsta_level_2 .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText  {
	font-size: 16px;
	line-height: 16px;
}


.com-sencha-gxt-theme-triton-client-base-widget-Css3CollapsePanelAppearance-Css3CollapsePanelStyle-panel {
	background: transparent !important;
	border-right: 1px solid #dadada !important;
}

/* tree */
.shipsta_treepanel .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-element {
    height: 28px;
}
.shipsta_treepanel .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-joint {
	margin: 0;
	width: 10px !important;
}
.shipsta_treepanel .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-icon {
	margin: 0;
}

.shipsta_tree {
    height: 100%;
}

.shipsta_treepanel {
  border-right: 1px solid #dadada !important;
}


.com-sencha-gxt-theme-triton-client-base-container-Css3BorderLayoutAppearance-Css3BorderLayoutStyle-container {
	background: transparent !important;
}

/*
.com-sencha-gxt-theme-triton-custom-client-toolbar-TritonToolBarAppearance-TritonToolBarStyle-toolBar.shipsta_bottom_toolbar {
    height: 39px;
}

.com-sencha-gxt-theme-triton-custom-client-toolbar-TritonToolBarAppearance-TritonToolBarStyle-toolBar.shipsta_bottom_toolbar > div {
    margin-top: 5px;
}
*/
.shipsta_bottom_toolbar {
	height: 30px
}


.shipsta_grid {
    /*margin-left: 10px;*/
    width: 100% !important;
    height: 100% !important;
}
.marginTop {
	margin-top: 10px;
}

.shipsta_field {
    width: 100% !important;
}

div > .shipsta_checkboxlabel {
	display: flex;
	align-items: center;
	padding: 7px;
}

div > .shipsta_checkboxlabel > label {
	padding: 0px !important;
}

div > .shipsta_checkboxlabel > div {
	padding-left: 10px !important;
}

div > .shipsta_fieldlabel {
    display: flex;
	align-items: center;
}

div > .shipsta_fieldlabel:nth-child(odd){
	background-color: #fafafa;
	padding: 7px;
}

div > .shipsta_fieldlabel:nth-child(even){
	padding: 7px;
}

div > .shipsta_fieldlabel > label {
	padding: 0px !important;
}

.shipsta_ul li {
	list-style: disc !important;
	margin-left: 20px;
    line-height: 20px;
}

.shipsta_ul ul li {
	list-style: disc !important;
}

.shipsta_ul ol li {
	list-style: decimal !important;
}

.shipsta_field input, .shipsta_field textarea, .shipsta_field .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-wrap, .shipsta_field .com-sencha-gxt-theme-triton-client-base-field-Css3TextAreaAppearance-Css3TextAreaStyle-wrap, .shipsta_field_date > div, .shipsta_field_time > div, .shipsta_field_number > div, .shipsta_field_selection > div, .shipsta_field_textarea > div, .shipsta_field_textarea > div > textarea, .shipsta_duallistfield {
    width: 100% !important;
    border-radius: 4px;
}

.shipsta_html_editor {
    calc(100% - 2px) !important;
}

.shipsta_field_file, .shipsta_field_file > div > div, .shipsta_field_file > div > div > input {
    width: 100% !important;
}
.shipsta_field_file > div:first-of-type {
	width: calc(100% - 100px) !important;
}
.shipsta_field_file.com-sencha-gxt-theme-base-client-field-FileUploadDefaultAppearance-FileUploadStyle-wrap {
    /*margin-bottom: 8px !important;*/
	height: 30px !important;
}

.shipsta_autoheight {
	height: auto !important;
}

.shipsta_autowidth {
	width: auto !important;
}

.shipsta_dialog .com-sencha-gxt-theme-triton-client-base-window-Css3WindowAppearance-Css3WindowStyle-body {
    padding: 10px;
}

.shipsta_toolbar {
    padding: 7px 8px;
}

.shipsta_toolbar .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button {
    margin-right: 5px;
}

.shipsta_card_navigation {
    /*margin-top: 10px;*/
}
.shipsta_card_nav_panel {
	position: relative;
	/*background: #f6f6f6;*/
}
.shipsta_card_nav_panel .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-selected {
    /* background-color: #dcbcc8 !important; */
}
.shipsta_card_nav_panel.shipsta_treepanel .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-element {
    height: 32px;
}


.shipsta_card_nav_panel .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-selected .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text {
	font-weight: 600;
}

.com-sencha-gxt-theme-triton-client-base-container-Css3BorderLayoutAppearance-Css3BorderLayoutStyle-container.shipsta_card_navigation, .shipsta_hpanel.shipsta_card_navigation {
    background-color: #f6f6f6 !important;
	padding: 0px 5px 10px 5px;
}
.com-sencha-gxt-core-client-resources-CommonStyles-CommonStylesDefaultAppearance-CommonDefaultStyles-positionable.shipsta_card_main_panel, .shipsta_hpanel_item.shipsta_card_main_panel {
    /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.42), 0 2px 10px 0 rgba(0, 0, 0, 0.24); */
    /* border-radius: 2px; */
    background-color: #fff;
}
.shipsta_dialog .com-sencha-gxt-theme-triton-client-base-window-Css3WindowAppearance-Css3WindowStyle-body {
   /* padding: 0 !important; */
}


.com-sencha-gxt-theme-triton-client-base-window-Css3WindowAppearance-Css3WindowStyle-footer {
    border-top: #f6f6f6 1px solid;
	padding: 10px 0 0 0;
}
.shipsta_dialog.shipsta_no_padding .com-sencha-gxt-theme-triton-client-base-window-Css3WindowAppearance-Css3WindowStyle-body {
	padding: 0 !important;
}

.com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-panel.shipsta_simplepanel {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 0 !important;
}


div#EproTaAnalysisDetailsPanelAccordion {
    padding: 0 5px 0 0;
	margin-left: 3px;
}

div#EproTaAnalysisDetailsPanelAccordion .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-panel.shipsta_simplepanel {
   /* margin: 0 0 5px 5px; */
   margin-bottom: 5px;
}

div#EproTaAnalysisDetailsPanelAccordion .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body {
    background: #f6f6f6 !important;
    padding-top: 0px;
}

div#EproSdScenarioCriteriaPanelAccordion .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body {
    padding-top: 0px;
}

div#EproSdScenarioCriteriaPanelAccordion .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-header {
  padding-bottom: 10px;
  /* margin-bottom: 10px; */
}

.shipsta_shadow {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}


.shipsta_main_tabpanel .com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabBody {
    padding: 5px 15px;
    height: calc(100% - 44px);
}
.shipsta_main_tabpanel .com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabBody > div {
	height: 100%;
}

.shipsta_main_tabpanel {
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding-bottom: 4px;
}

.shipsta_main_tabpanel .com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabStripWrap {
    background: #f6f6f6 !important;
}

.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabStripWrap {
	padding-left: 0 !important;
}

.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-iconLeft {

    height: 16px !important;
}

.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-iconLeft img {
	height: 16px !important;
	width: 16px !important;
    background-size: 16px !important;
}

.com-sencha-gxt-theme-triton-client-base-field-Css3DateCellAppearance-Css3DateCellStyle-invalid, .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-invalid, .shipsta_field_selection.com-sencha-gxt-theme-triton-client-base-field-Css3TriggerFieldAppearance-Css3TriggerFieldStyle-invalid {
	width: calc(100% - 24px) !important;
}

.shipsta_fieldset .com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-body {
	height: 100%;
    overflow: auto;
}
.shipsta_flowpanel > .shipsta_fieldset .com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-body {
    height: auto;
}
.shipsta_fieldset .com-sencha-gxt-theme-base-client-field-FieldSetDefaultAppearance-FieldSetStyle-fieldSet {
	padding: 0;
}
.shipsta_fieldset.shipsta_fit {
	height: calc(100% - 19px);
    width: calc(100% - 25px);
}
#shipsta_supplier_invitation_email_grid.shipsta_grid {
    max-height: 419px !important;
	overflow-y: auto;
}
.shipsta_grid .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-focus input {
	/*position: absolute;
	top: -1;*/
}
.shipsta_grid .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-focus input.com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-text {
    height: 27px !important;
}
table.com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-dataTable {
    margin-bottom: 2px;
}

.shipsta_iconbutton {
	color: #333;
}

.shipsta_iconbutton i {
	font-size: 18px;
	cursor: pointer;
}
.shipsta_iconbutton.disabled i {
	opacity: .5;
	cursor: default;
}
.shipsta_iconbutton.big i {
	font-size: 22px;
	margin-right: 5px;
}

.shipsta_iconbutton_quote_preview_time {
  display: flex;
  justify-content: space-around;
}
.shipsta_iconbutton_quote_preview_time.preview-stale {
  color: red;
}

.shipsta_menu_item i {
    position: absolute;
    left: 5px;
    top: 5px;
}
.shipsta_panel_inverse {
	background: #f6f6f6;
}
.shipsta_panel_inverse_alt {
	background: #FFF;
}

.com-sencha-gxt-theme-triton-client-base-panel-Css3FramedPanelAppearance-Css3FramedPanelStyle-header {
	background: #F7F7F7 !important;
	border-bottom: #428a82 1px dashed;
}
.com-sencha-gxt-theme-triton-client-base-panel-Css3FramedPanelAppearance-Css3FramedPanelStyle-panel {
	border: 1px solid !important;
	border-color: #dadada !important;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	border-radius: 5px !important;
	margin-bottom: 19px !important;
}
.shipsta_simpletext_container {

}
.shipsta_simpletext {
	height: calc(100% - 20px) !important;
	font-size: 15px;
	overflow-y: auto;
	padding: 10px;
    font-family: var(--fontfamilyDefault);
}

.shipsta_simpletext ul li {
	list-style: disc !important;
	margin-left: 20px;
	line-height: 20px;
}

.shipsta_simpletext ol li {
	list-style: decimal !important;
	margin-left: 20px;
	line-height: 20px;
}

.shipsta_acceptnda {
	margin: 0 0 10px 0;
}



.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-doubleLeft, .shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-doubleRight {
	background: none;
}

.shipsta_button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-split {
    background: none;
    position: relative;
    padding-right: 40px;
}
.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-doubleLeft::before, .shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-doubleRight::before, .com-sencha-gxt-theme-triton-client-base-button-Css3IconButtonAppearance-Css3IconButtonStyle-button.com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-close::before,
.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-up::before, .shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-down::before, .shipsta_button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-split::after   {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}
.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-doubleLeft::before {
    content: "\f100";
}
.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-doubleRight::before {
    content: "\f101";
}
.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-up::before {
    content: "\f077";
}
.shipsta .com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-down::before {
    content: "\f078";
}
.shipsta_button .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-split::after  {
	content: "\f078";
	height: 100%;
    position: absolute;
	top: 0;
    right: 10px;
    border-left: 1px dotted #f6f6f6;
    padding-left: 8px;
    padding-top: 7px;
    font-size: 12px;
}

.shipsta_grid2gridpanel .shipsta_middle .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button {
  width: 80%;
  margin-left: 10%;
}

.shipsta_gridtogrid .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-header {
  overflow: visible;
}

body .com-sencha-gxt-theme-triton-client-base-info-Css3InfoAppearance-Styles-infoWrap{
	background-color: #333;
    opacity: .8;
    border: none;
    border-radius: 3px;
    padding: 20px;
}
body .com-sencha-gxt-theme-triton-client-base-info-Css3DefaultInfoConfigAppearance-Style-header, body .com-sencha-gxt-theme-triton-client-base-info-Css3DefaultInfoConfigAppearance-Style-message {
	color: #fff;
}

.shipsta_disabledHtmlEditorWhiteBackground {
  color: #000000 !important;
  opacity: 1.0 !important;
}

.shipsta_disabledHtmlEditorWhiteBackground .com-sencha-gxt-theme-triton-client-base-mask-Css3MaskAppearance-Css3MaskStyles-mask {
  background-color: #ffffff !important;
  opacity: 0.0 !important;
}

.com-sencha-gxt-theme-triton-client-base-button-Css3IconButtonAppearance-Css3IconButtonStyle-button.com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-close {
	font-family: FontAwesome;
    font-size: 25px;
    color: #333;
    height: 25px;
    width: 25px;
    background: none;
}
.com-sencha-gxt-theme-triton-client-base-button-Css3IconButtonAppearance-Css3IconButtonStyle-button.com-sencha-gxt-theme-triton-client-base-tools-Css3Tools-Css3ToolStyle-close::before {
    content: "\f00d";
}

.shipsta_flowpanel {
	overflow: auto;
	padding: 10px;
	/* font-weight: bold !important; */
}

.shipsta_flowpanel .com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldLabel {
	font-weight: 600;
}

/* replace .il-form-mandatory */
.shipsta_field_mandatory > label, .il-form-mandatory > label, .shipsta_label_mandatory {
     font-weight: 600;
}

.shipsta_progress_bar_outer_div {
    width: 98%;
    border: 1px solid black;
    position: relative;
    padding: 3px;
    background-color: ghostwhite;
}

.shipsta_progess_bar_text {
    position: absolute;
    left: 10%;
    font-weight: bold;
    color: #000;
}

.shipsta_progress_bar_inner_div {
    height: 20px;
    background-color: lightskyblue;
    width: 0%;
}
.com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-grid.shipsta_tabitem_widget {
    overflow-y: auto;
}
.shipsta_different {
	font-weight: bold;
}

#EproSdScenarioOverviewPanel .shipsta_card_nav_panel {
	min-width: 180px;
}
#EproSdScenarioOverviewPanel_main>.shipsta_item_grow_100 {
	max-height: calc(100% - 52px);
}

.com-sencha-gxt-theme-triton-client-base-panel-Css3FramedPanelAppearance-Css3FramedPanelStyle-panel .x-panel-toolbar .shipsta_iconbutton > i {
    font-size: 16px;
    margin-right: 5px;
    margin-top: 2px;
}


.shipsta_grid .com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-rowSelected .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell,
.shipsta_grid .com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-rowSelected .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-rowWrap,
.shipsta_grid .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-row .com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-cellSelected
{
    background: var(--fdsColorPrimaryBlue10)!important;
    color: #333!important;
    border-style: solid solid solid;
    border-color: #dadada;
}

.shipsta_grid .com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-rowSelected .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text {
	color: #333!important;
}

.shipsta_grid .com-sencha-gxt-theme-triton-client-base-grid-Css3RowEditorAppearance-Css3RowEditorStyle-editor {
	/*background-color: #d80250;*/
	background-color: #61bfb4;
	border-style: none;
	border-width: 0!important;
	color: #FFF;
}
.shipsta_grid .com-sencha-gxt-theme-triton-client-base-grid-Css3RowEditorAppearance-Css3RowEditorStyle-buttons {
    background-color: #61bfb4!important;
    border-style: none;
	border-width: 0;
}
body .com-sencha-gxt-theme-triton-client-base-menu-Css3MenuItemAppearance-Css3MenuItemStyle-active,
body .com-sencha-gxt-theme-triton-client-base-listview-Css3ListViewAppearance-Css3ListViewStyle-sel {
	background: #6666668c;
}
.shipsta_setup_panel {
    /*background-color: #f6f6f6;*/
	display: block;
}
.shipsta_setup_main {

}
.shipsta_setup_main>div {
	width: 100%;
	height: 100%;
}

.shipsta_setup_panel >.shipsta_nav_list {
	background-color: #6a6f73;
	width: 250px;
	height: 100%;
	display: inline-block;
	/* margin-right: 10px; */
	box-shadow: 3px 0 2px 0 rgba(0, 0, 0, 0.42);
	transition: width .1s ease;
	transition-delay: 0.2s;
	margin-left: -10px;
}
.shipsta_setup_panel >.shipsta_setup_main {
    width: calc(100% - 260px);
	height: 100%;
	display: inline-block;
	position: absolute;
    left: 260px;
}
.shipsta_setup_panel .shipsta_nav_item_link span {
	opacity: 1;
}
.shipsta_setup_panel >.shipsta_nav_list .shipsta_header {
	color: 	#fff;
	padding-left: 20px;
}
.shipsta_setup_panel .shipsta_nav_list {
    padding: 0;
}
.shipsta_setup_panel .shipsta_nav_list > div {
    display: table;
	width: 100%;
	margin-bottom: 9px;
}
.shipsta_setup_panel .shipsta_nav_item:hover > .shipsta_nav_item_link {
    background-color: #606060;
}

.shipsta_simplepanel .shipsta_autoscroll {
    overflow: auto;
}
form#shipsta_ums_avatar_upload {
    padding: 10px;
}
#ums_avatar_panel {
    width: 280px;
    max-height: 350px;
	margin-bottom: 10px;
}

#ums_avatar_panel > img {
    max-width: 100%;
    max-height: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#shipsta_ums_avatar_upload .shipsta_button {
	margin-bottom: 10px;
}

body .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-focus .com-sencha-gxt-theme-triton-client-base-field-Css3TextFieldAppearance-Css3TextFieldStyle-wrap,
body .com-sencha-gxt-theme-triton-client-base-field-Css3TriggerFieldAppearance-Css3TriggerFieldStyle-focus .com-sencha-gxt-theme-triton-client-base-field-Css3TriggerFieldAppearance-Css3TriggerFieldStyle-wrap,
body .com-sencha-gxt-theme-triton-client-base-field-Css4TwinTriggerFieldAppearance-Css3TwinTriggerFieldStyle-focus .com-sencha-gxt-theme-triton-client-base-field-Css3TwinTriggerFieldAppearance-Css3TwinTriggerFieldStyle-wrap {
	border-color:#333;
}

body .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-selected, body .com-cl-ilogic-core-rmgt-profile-web-client-widget-panel-RmgtGroupTreeAppearance-RmgtGroupTreeStyle-selected {
    background-color: var(--fdsColorPrimaryBlue10)!important;
    font-weight: bold;
    /* padding-bottom: 6px; */
}
body .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-selected .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text,
body .com-cl-ilogic-core-rmgt-profile-web-client-widget-panel-RmgtGroupTreeAppearance-RmgtGroupTreeStyle-selected .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text{
    font-weight: 600;
}
body .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-over,
body .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-rowOver .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell,
body .com-cl-ilogic-core-rmgt-profile-web-client-widget-panel-RmgtGroupTreeAppearance-RmgtGroupTreeStyle-over {
    background-color: #dadada;
    cursor: pointer;
}
body .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-rowOver .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell {
	 border-style: solid;
    border-color: #dadada;
}

.shipsta_reg_agreement { display: flex; }
.shipsta_reg_agreement a, .shipsta_reg_agreement a:hover { color: var(--fdsColorPrimaryBlue);}
.shipsta_reg_agreement a:hover { text-decoration: none; }

.shipsta_reg_agreement .shipsta_field {
    display: inline-block;
    width: 95% !important;
}

.shipsta_slider > div {
    display: inline-block;
}
.shipsta_slider > div:first-child {
    margin-right: 10px;
}
.shipsta_warning {
    margin-top: 20px;
    font-weight: bold;
}
.center-container {
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
}
.center-container > .center-child-bold {
    display: table-cell;
    vertical-align: middle;
	font-weight: bold;
}
/* for LiveToolItem */
div.shipsta_grid .com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-border {
	border: #d80250 1px dashed !important;
}
div.shipsta_grid div.com-sencha-gxt-theme-triton-custom-client-toolbar-TritonToolBarAppearance-TritonToolBarStyle-toolBar.com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-border div.com-sencha-gxt-core-client-resources-CommonStyles-CommonStylesDefaultAppearance-CommonDefaultStyles-floatLeft.com-sencha-gxt-core-client-resources-CommonStyles-CommonStylesDefaultAppearance-CommonDefaultStyles-positionable {
	position: relative !important;
	float: right;
	font-weight: bold;
}


.shipsta_bold {
  font-weight: bolder;
}


.shipsta_horizontal_optional fieldset {
    display: inline-block;
    min-width: 47%;
    max-width: 100%;
	vertical-align: top;
}

.shipsta_fc_searchpanel_buttons {
    padding: 10px;
	min-width: 120px;
	min-height: 163px;
}
.shipsta_fc_searchpanel_buttons .shipsta_button {
    margin-bottom: 10px;
}

#Create-SpotButton {
     display: flex;
     justify-content: center;
     margin-top: 10px;

}

.shipsta_fc_searchcontainer {
    padding: 10px 10px;
	border-bottom: 1px solid #dadada;
}
.shipsta_fc_searchpanel .shipsta_card_nav_panel {
    min-width: 210px;
}
.shipsta_fc_city .com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldElement {
    padding-left: 0!important;
	padding-right: 5px !important;
}
.shipsta_fc_division {
    max-width: 300px;
}
.shipsta_fc_division, .shipsta_fc_goodspanel, .shipsta_fc_division_ftlltl {
	margin-left: 5px;
}

.shipsta_fc_searchpanel .shipsta_hpanel.shipsta_card_navigation {
	padding-bottom: 0!important;
	height: min-content!important;
}

.shipsta_fc_searchpanel .shipsta_cardpanel, .shipsta_fc_searchpanel .shipsta_cardpanel>div, .shipsta_fc_searchpanel .shipsta_hpanel, .shipsta_fc_searchpanel > .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-bodyWrap > .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-body {
    height: min-content!important;
    height: 100% !important;
}

.shipsta_fc_radiogroup > .com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldElement {
    padding-top: 4px;
}
.shipsta_fc_KG_COLOR {
	color: #0000c4;
}
.shipsta_fc_PALLET_COLOR {
	color: #077168;
}
.shipsta_fc_ftlltl_division_right {
	margin-left: 20px;
}
.shipsta_vertical_field label { width: 100% !important; padding-bottom: 5px; }
.shipsta_vertical_field div { padding-left: 0px !important; }

.x-toolbar-more.com-sencha-gxt-core-client-resources-CommonStyles-CommonStylesDefaultAppearance-CommonDefaultStyles-floatLeft {
	float: right;
}

.com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-body.shipsta_tree_layout_container_right_panel {
	overflow: auto;
}


i.fas.fa-boxes.shipment {
    margin-left: 16px;
    margin-right: 6px;
}

.shipsta_portlet .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText {
    font-size: 16px;
    line-height: 22px;
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
}

.shipsta_messagebox .com-sencha-gxt-theme-triton-client-base-container-Css3MessageBoxAppearance-Css3MessageBoxStyles-icon > img {
    display: none;
}
.shipsta_messagebox .com-sencha-gxt-theme-triton-client-base-container-Css3MessageBoxAppearance-Css3MessageBoxStyles-icon::after {
     font-size: 32px;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}
.shipsta_messagebox_info .com-sencha-gxt-theme-triton-client-base-container-Css3MessageBoxAppearance-Css3MessageBoxStyles-icon::after {
	content: "\f05a";
}
.shipsta_messagebox_confirm .com-sencha-gxt-theme-triton-client-base-container-Css3MessageBoxAppearance-Css3MessageBoxStyles-icon::after {
	content: "\f059";
}
.shipsta_messagebox_alert .com-sencha-gxt-theme-triton-client-base-container-Css3MessageBoxAppearance-Css3MessageBoxStyles-icon::after {
	content: "\f06a";
	color: orange;
}
.shipsta_message_item {
    background-color: #ddd;
    border: 1px solid silver;
    padding: 15px;
    text-align: center;
}

.kpi_chart_invalid .shipsta_kpi_tree {
    border: 1px solid #cf4c35 !important;
}

.shipsta_grid.kpi_grid_invalid {
    border: 1px solid #cf4c35 !important;
}

.shipsta_report_dialog .shipsta_simpletext {
    height: 100% !important;
    font-size: 14px;
}
.shipsta_quote_submit {
    font-size: 14px;
    padding: 20px 10px;
}
.shipsta_quote_submit_loading {
    background: url(../images/loading_bg_white.gif) no-repeat;
    height: 16px;
	margin-top: 30px;
    margin-bottom: 30px;
    margin-left: calc(50% - 64px);
}
.shipsta_quote_submit_loading_text {
    text-align: center;
    font-size: 12px;
}
.shipsta_quote_submit_icon {
    font-size: 48px;
    margin-top: 30px;
    margin-left: calc(50% - 24px);
}
.shipsta_quote_submit_icon.feedback_0 {
    color: green;
}
.shipsta_quote_submit_icon.feedback_1 {
    color: orange;
}
.shipsta_quote_submit_icon.feedback_2 {
    color: red;
}

.com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionHeaderStyle-headerText {
  font-weight: 600 !important;
  font-size: 16px !important;
  /*color: #fff!important;*/
}

.shipsta_portlet {
    overflow: visible !important;
}
.shipsta_portal .com-sencha-gxt-theme-base-client-container-CssFloatLayoutDefaultAppearance-CssFloatLayoutStyle-inner {
    overflow: visible;
}

#EproRfqStatisticsPanel .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body, #EproRfqStatisticsPanel .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body>div {
    height: auto !important;
}

#RmgtRateOverviewStatisticsPanel .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body, #RmgtRateOverviewStatisticsPanel .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionStyle-body>div {
    height: auto !important;
}

#shipsta_mlseventconsumer_templatepath_container_div {
  width: 90% !important;
}

#shipsta_mlseventconsumer_templatepath_field {
  width: 90% !important;
}

#shipsta_mlseventconsumer_templatepath_label {
  width: 12% !important;
}

#shipsta_epro_ratecardselectiondialog_itemlistpanel {
  height: 100% !important;
}
#shipsta_epro_ratecardselectiondialog_itemlistpanel > div {
  height: 100% !important;
}

#shipsta_epro_ratecardselectiondialog_itemlistpanel .shipsta_bodyfit > div {
  height: 100% !important;
}
#shipsta_epro_ratecardselectiondialog_itemlistpanel .shipsta_bodyfit > div > div {
  height: 100% !important;
}

#shipsta_epro_ratecardselectiondialog_itemlistpanel .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-scroller {
  height: 340px !important;
}

.shipsta_grid_help_scroller .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-scroller {
  height: calc(100% - 29px);
}

.shipsta_groupgrid_help_scroller .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-scroller {
  height: calc(100% - 60px);
}

.shipsta_lanepanel_cell.readonly {
  color: #A9A9A9 !important;
}

.shipsta_lanepanel_cell.error {
  border: 1px solid #cf4c35 !important;
}

.shipsta_lanepanel_cell.mandatory {
  /* background-color: #ffefbc; */
}

#shipsta_eprorfq_lanepanel .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-body > div > div:nth-child(2) {
    height: calc(100% - 52px);
    overflow-y: auto;
}

.shipsta_column_indicator {
    margin: -7px -10px -6px -10px;
    line-height: 15px;
    padding: 7px 10px 6px 10px;
}

#shipsta_ds_dialog_querypanel img {
  left: 965px !important;
  top: 13px !important;
}

.shipsta_rp_panel.shipsta_tabitem_widget {
    overflow-y: auto;
    padding: 10px 20px;
}
.shipsta_rp_row > div {
    display: inline-block;
}
.shipsta_rp_row.level_1 {
    padding-left: 20px;
}
.shipsta_rp_row.level_2 {
    padding-left: 40px;
}
.shipsta_rp_row {
    line-height: 30px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #dadada;
}
.shipsta_rp_row.header {
    border-top: none;
}
.shipsta_rp_row.header::after {
    display: inline-block;
    width: 10px;
    content: '';
}
.shipsta_rp_row.collapsed + .shipsta_rp_child {
    display: none;
}
.shipsta_rp_denotation {
    flex-grow: 1;
}
.shipsta_rp_checkbox {
    width: 65px;
    float: right;
}
.clickable {
 cursor: pointer;
}
.shipsta_rp_row.level_0.expandable > .shipsta_rp_denotation::before,
.shipsta_rp_row.level_1.expandable > .shipsta_rp_denotation::before {
    content: "\f107";
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    padding-right: 10px;
    width: 10px;
    display: inline-block;
}
.shipsta_rp_row.level_0.expandable.collapsed > .shipsta_rp_denotation::before,
.shipsta_rp_row.level_1.expandable.collapsed > .shipsta_rp_denotation::before {
    content: "\f105";
}

.shipsta_rp_row.level_2.actionButton > .shipsta_rp_denotation::before {
    content: "\f0d0";
    font-size: 13px;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    padding-right: 10px;
    width: 10px;
    display: inline-block;
}

.shipsta_rp_row.level_2.rateLevelPermission > .shipsta_rp_denotation::before {
    content: "\f5fd";
    font-size: 13px;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    padding-right: 10px;
    width: 10px;
    display: inline-block;
}

.shipsta_inline_textarea textarea {
    height: 140px;
	overflow: auto;
}

span.shipsta_largetext {
	height: 140px;
	display: block;
	word-wrap: break-word;
	white-space: normal;
	overflow: auto;
	margin-right: -10px;
}

.shipsta_ta_lanestatus_lane {
    color: #999;
}

.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tab.shipsta_fit > .com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabBody {
    height: calc(100% - 44px);
}
.com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tab.shipsta_fit > .com-sencha-gxt-theme-triton-client-base-tabs-TritonTabPanelAppearance-TritonTabPanelStyle-tabBody > div {
    height: 100%;
}

.shipsta_cfc_cardnavigation:first-child .com-sencha-gxt-core-client-resources-CommonStyles-CommonStylesDefaultAppearance-CommonDefaultStyles-unselectable {
  overflow: hidden !important;
}

.shipsta_cfc_main_hpanel .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button i.fas {
  margin-right: 0;
}

.shipsta_cfc_reduced_view table:not(table table) {
  border: #bbb 1px solid;
  margin: 5px;
  border-radius: 5px;
}

.shipsta_cfc_reduced_view table td {
  padding: 5px;
}

.shipsta_cfc_reduced_view .shipsta_cfc_top_label label {
  float: none !important;
  padding: 0 0 0 8px;
  width: auto !important;
}

.shipsta_cfc_reduced_view .shipsta_cfc_top_label .com-sencha-gxt-theme-triton-client-base-field-Css11FieldLabelAppearance-Css3FieldLabelStyles-fieldElement {
  padding: 8px !important;
}

.shipsta_cfc_reduced_view .com-sencha-gxt-theme-triton-client-base-field-Css3FieldLabelAppearance-Css3FieldLabelStyles-fieldElement {
  padding: 8px !important;
}


.shipsta_cfc_reduced_view .shipsta_cfc_radio label {
  padding: 0 10px 0 20px;
}

.shipsta_cfc_reduced_view .shipsta_cfc_checkbox label {
  padding: 0 10px 0 20px;
}

.shipsta_cfc_reduced_view  .shipsta_cfc_radiogroup   {
  margin-left: 10px;
}

.shipsta_cfc_reduced_view  .shipsta_cfc_checkboxgroup   {
  margin-left: 10px;
}

.shipsta_cfc_reduced_view input {
  min-width: 200px !important;
}

.shipsta_cfc_expanded_view fieldset.shipsta_cfc_hpanel_child label {
  position: initial;
  left: 0px;
}

.shipsta_cfc_expanded_view .shipsta_cfc_hpanel_child fieldset label {
  position: initial;
  left: 0px;
}

.shipsta_cfc_expanded_view .shipsta_cfc_hpanel_child .shipsta_cfc_radio label {
  position: initial;
  left: 0px;
}

.shipsta_cfc_expanded_view .shipsta_cfc_radiogroup > label {
  position: initial;
  /* margin-bottom: -20px; */
  padding-top: 0px !important;
}

.shipsta_cfc_expanded_view .shipsta_cfc_radiogroup.shipsta_cfc_hpanel_child {
  margin-left: 20px;
}

.shipsta_cfc_expanded_view {
  margin-bottom: 15px;
}

.shipsta_cfc_main_hpanel .shipsta_flowpanel {
    padding: 0;
}

.shipsta_cfc_form_panel
.com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText {
        font-size: 13px !important;
        font-weight: 300 !important;
}

.shipsta_simplepanel.shipsta_level_2 .shipsta_cfc_form_panel
.com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-header {
        background: none !important;
        border-bottom: 1px solid #cccccc;
        text-align: left;
        margin-bottom: 18px !important;
        padding-left: 10px
}

.shipsta_cfc_button {
    margin-top: 1px;
    height:30px;
    margin-left: 25px;
    font-size: 13px !important;
}

.shipsta_cfc_button ~.shipsta_cfc_button {
  margin-left: 10px
}

.shipsta_cfc_expanded_view .shipsta_cfc_hpanel_child.shipsta_field {
  margin-left: 20px;
}

.shipsta_cfc_form_panel
.shipsta_field_mandatory > label, .il-form-mandatory > label, .shipsta_label_mandatory {
    font-weight: 600;
}

.shipsta_cfc_form_panel.hidden, .shipsta_cfc_form_panel .shipsta_field.hidden {
    display: none
}

.shipsta_hpanel_item.shipsta_item_flexible {
    height: 100%;
}
.shipsta_columnselect_selection .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-element:hover::after {
    content: "\f00d";
    font-size: 12px;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    padding-left: 10px;
    width: 10px;
    vertical-align: sub;
}
.shipsta_dialog .shipsta_columnselect_selection .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText {
    font-size: 16px;
    line-height: 20px;
}

.shipsta_columnselect_tree .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-icon,
.shipsta_columnselect_tree .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-check{
    display: none;
}

.shipsta_columnselect .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    padding-right: 10px;
    width: 10px;
    display: inline-block;
}
.shipsta_columnselect .folder .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    content: "\f07b";
}
.shipsta_columnselect .column .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    content: "\f111";
}
.shipsta_columnselect .Base .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    color: #A1CEEB;
}
.shipsta_columnselect .Quote .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    color: #BEE2B7;
}
.shipsta_columnselect .AC .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    color: #ffed8a;
}
.hidden {
    display: none !important;
}
.invisible {
    visibility: hidden;
}
.shipsta_template_desc {
    padding: 10px 0 20px 0;
    font-size: 14px;
    line-height: 22px;
    color: #404040;
}
.shipsta_template_desc>div {
    display: inline-block;
}
.shipsta_columnpicker {
    cursor: pointer;
    margin: 0 2px;
    display: inline-block;
}
.shipsta_columnpicker.disabled {
    cursor: default;
    opacity: .7;
}
.shipsta_columnpicker>span {
    padding: 2px 4px;
    background-color: var(--fdsColorPrimaryBlue10)!important;
    border-radius: 2px;
    color: #666;
    margin: 0 2px;
}
.shipsta_columnpicker>span.Base {
    background-color: #A1CEEB;
}
.shipsta_columnpicker>span.Quote {
    background-color: #BEE2B7;
}
.shipsta_columnpicker>span.AC {
    background-color: #ffed8a;
}
.shipsta_columnpicker>span.profile {
    background-color: #EEE;
    font-weight: bold;
    border: 1px dotted;
    font-style: italic;
}
.shipsta_template textarea {
    height: 200px;
}
.shipsta_field .shipsta_columnpicker>span {
    margin: 4px 2px;
    display: inline-block;
}

.shipsta_datetime *, .shipsta_datetime_label *, .shipsta_timelinepanel_tz {
    font-family: var(--fontfamilyDefault);
    font-weight:300;
    font-size: 13px;
}
.shipsta_datetime_panel {
    position: relative;
}
.shipsta_datetime_panel>div {
    display: inline-block;
    margin-right: 10px;
}
.shipsta_datetime_panel>div.shipsta_timezone {
    position: absolute;
    top: 7px;
}
.shipsta_datetime .shipsta_datetime_label {
  margin-left: 10px;
}

.shipsta_insights_datetime_panel>div>div>div>div>input {
    font-weight: bold;
    text-align: right;
    color: black;
}
.shipsta_insights_datetime_panel>div>div>div>div {
    position: relative;
    left: 28px;
    border-style: none;
}
.shipsta_insights_datetime_panel .com-sencha-gxt-theme-triton-client-base-field-Css3DateCellAppearance-Css3DateCellStyle-trigger:hover {
	background-image: url(../images/icons/icon-calendar-hover.png)
}
.shipsta_insights_datetime_panel>div>div>div>div>div {
    right: -1px !important;
}

.shipsta_datetime_label>div {
  display: inline-block;
   margin-right: 5px;
}
.shipsta_datetime_label>div.shipsta_datetime_label {
  display: block;
}
.shipsta_datetime .shipsta_datetime_label {
  margin-top: 10px;
}
.shipsta_datetime_label {
  margin-top: 5px;
}
div.shipsta_timezone {
  margin-left: 10px;
}
.shipsta_timelinepanel_tz {
  margin-left: 5px;
}

.shipsta_datetime_panel >.com-sencha-gxt-theme-triton-client-base-field-Css3DateCellAppearance-Css3DateCellStyle-invalid {
    width: 150px !important;
}
.shipsta_datetime_panel img.gwt-Image {
   left: 125px !important;
   top: -6px !important;
   position: relative !important;
   display: inline-block !important;
}

.shipsta_slider_fieldlabel > label {
	width: 290px !important;
}

.shipsta_labelfield > label {
	width: 290px !important;
}


.rfqjoin > div > .com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-text::before {
    font-size: 16px;
    font-family: "Font Awesome 5 Free";
    font-weight: 100;
    padding-right: 10px;
    width: 10px;
    display: inline-block;
    margin-left:-6px;
    content: "\f247";
    color: orange
}
.rfqjoin > div > img.com-sencha-gxt-theme-triton-client-base-tree-Css3TreeAppearance-Css3TreeStyle-icon {
  display: none;
}

#shipsta_rmgt_profile_validation_grid {
  min-height: 350px;
  height: 100%;
}

#shipsta_rmgt_profile_description_grid {
  min-height: 350px;
  height: 100%;
}
.shipsta_dialog_tools .shipsta_iconbutton {
    height: 25px;
    margin-right: 5px;
    padding-top: 4px;
}
.shipsta_dialog_tools .shipsta_iconbutton .fas {
    font-size: 16px;
    font-weight: 400;
}
.rateLevelPermission .shipsta_iconbutton .fas {
    font-size: 14px;
    font-weight: 400;
	vertical-align: middle;
}


/* SHIPSTA Scan styles */
.shipsta_main_dsh_scan_container {
  overflow: auto !important;
  font-family: var(--fontfamilyDefault);
}
.shipsta_main_dsh_scan {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 10px;
  background-color: #fff;
  padding: 10px 10px;
}

.shipsta_main_dsh_scan > div {
  border-radius: 10px;
  background: linear-gradient(rgb(255, 255, 255), rgb(239 239 239 / 75%));
}

.shipsta_main_dsh_scan_widget_savingpotential {
  background: linear-gradient(rgb(32, 117, 189), rgb(5, 56, 125)) !important;
  grid-column: 1 / 5;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  color: #ffffff;
  font-weight: 600;
  padding: 20px;
}

.shipsta_main_dsh_scan_widget_savingpotential_left_img {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  background-image: url("../images/scan/scan-pc.gif");
  background-repeat: no-repeat;
  background-size: contain;
}

.shipsta_main_dsh_scan_widget_savingpotential_title {
  font-size: 1.6vw;
  align-self: center;
  margin-right: 2rem;
}

.shipsta_main_dsh_scan_widget_savingpotential_kpi {
  justify-self: end;
  align-self: center;
  margin-right: 2rem;
  font-size: 1.2rem;
  text-align: right;
  line-height: 1.5rem;
}

.shipsta_main_dsh_scan_widget_discoversavingpotentials {
  grid-column: 1 / 9;
  /* grid-row: 4 / 5; */
  background: linear-gradient(rgb(255, 255, 255), rgb(166 195 192 / 20%)) !important;
  height: 24rem;
}

.shipsta_main_dsh_scan_widget_discoverexpiringrates {
  grid-column: 4 / 9;
  /* grid-row: 6 / 7; */
  height: 24rem;
}

.shipsta_main_dsh_scan_widget_discoverexpiringrates table {

}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-Css3ThemeAppearance-Css3ThemeStyles-border {
  border: none !important;
}
.shipsta_main_dsh_scan_group_first {
  grid-column: 5 / 9;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  border-radius: 0;
  background: none !important;
}

.shipsta_main_dsh_scan_widget_coveredspend,
.shipsta_main_dsh_scan_widget_container,
.shipsta_main_dsh_scan_widget_lanes,
.shipsta_main_dsh_scan_widget_numberofsuppliers {
  padding: 1.4rem;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr;
  border-radius: 10px;
  background: linear-gradient(rgb(255, 255, 255), rgb(239 239 239 / 75%));
  align-items: center;
}

.shipsta_main_dsh_scan_widget_coveredspend_left_img,
.shipsta_main_dsh_scan_widget_container_left_img,
.shipsta_main_dsh_scan_widget_lanes_left_img,
.shipsta_main_dsh_scan_widget_numberofsuppliers_left_img {
  width: 7vw;
  height: 7vw;
  border-radius: 10px;
  grid-row: 1 / 2;
}

.shipsta_main_dsh_scan_widget_coveredspend {
  grid-column: 1 / 3;
  /* grid-row: 1 / 2; */
}

.shipsta_main_dsh_scan_widget_coveredspend_left_img {
  background: #0a3859;
  background-image: url("../images/scan/covered-spend.png");
  background-size: contain;
}

.shipsta_main_dsh_scan_widget_coveredspend_kpi,
.shipsta_main_dsh_scan_widget_container_kpi,
.shipsta_main_dsh_scan_widget_lanes_kpi,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpi
{
  padding: 0.5vw 1vw;
  grid-row: 1 / 3;
  align-self: center;
}

.shipsta_main_dsh_scan_widget_coveredspend_kpititle,
.shipsta_main_dsh_scan_widget_coveredspend_kpinumber,
.shipsta_main_dsh_scan_widget_coveredspend_kpipercentage,
.shipsta_main_dsh_scan_widget_container_kpititle,
.shipsta_main_dsh_scan_widget_container_kpinumber,
.shipsta_main_dsh_scan_widget_container_kpipercentage,
.shipsta_main_dsh_scan_widget_lanes_kpititle,
.shipsta_main_dsh_scan_widget_lanes_kpinumber,
.shipsta_main_dsh_scan_widget_lanes_kpipercentage,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpititle,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpinumber,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpipercentage
{
  padding: 2px 0;
}

.shipsta_main_dsh_scan_widget_coveredspend_kpititle,
.shipsta_main_dsh_scan_widget_container_kpititle,
.shipsta_main_dsh_scan_widget_lanes_kpititle,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpititle
{
  font-size: 1rem;
  font-weight: 600;
  color: rgb(153, 153, 153);
}

.shipsta_main_dsh_scan_widget_coveredspend_kpinumber,
.shipsta_main_dsh_scan_widget_container_kpinumber,
.shipsta_main_dsh_scan_widget_lanes_kpinumber,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpinumber
{
  font-size: 1.8vw;
  color: rgb(51 51 51);
}

.shipsta_main_dsh_scan_widget_coveredspend_kpipercentage,
.shipsta_main_dsh_scan_widget_container_kpipercentage,
.shipsta_main_dsh_scan_widget_lanes_kpipercentage,
.shipsta_main_dsh_scan_widget_numberofsuppliers_kpipercentage
{
  font-size: 0.85rem;
}

.shipsta_main_dsh_scan_widget_container {
  grid-column: 1 / 3;
}

.shipsta_main_dsh_scan_widget_container_left_img {
  background: #63b7f2;
  background-image: url("../images/scan/container.png");
  background-size: cover;
}

.shipsta_main_dsh_scan_widget_lanes {
  grid-column: 3 / 5;
  grid-row: 1 / 2;
}

.shipsta_main_dsh_scan_widget_lanes_left_img {
  background: #ec575c;
  background-image: url("../images/scan/lanes.png");
  background-size: contain;
}


.shipsta_main_dsh_scan_widget_numberofsuppliers {
  grid-column: 3 / 5;
  grid-row: 2 / 3;
}

.shipsta_main_dsh_scan_widget_numberofsuppliers_left_img {
  background: #516e7c;
  background-image: url("../images/scan/number-of-supplier.png");
  background-size: contain;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential {
  grid-column: 1 / 9;
  /* grid-row: 3 / 4; */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 20px;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_leftlistcontainer,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_rightlistcontainer {
  grid-column: span 2;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_totalcontainer {
  grid-column: span 4;
  display: flex;
  color: rgb(97, 191, 180);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_leftlisttitle,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_title,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_leftlistsubtitle,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_rightlistsubtitle,
.shipsta_main_dsh_scan_widget_globalteuvolume_title,
.shipsta_main_dsh_scan_widget_oceancarrieralliances_title {
  color: rgb(51, 51, 51);
  font-weight: 600;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_leftlisttitle,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_title,
.shipsta_main_dsh_scan_widget_globalteuvolume_title,
.shipsta_main_dsh_scan_widget_oceancarrieralliances_title {
  font-size: 1.2rem;
  line-height: 2rem;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_leftlistsubtitle,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_rightlistsubtitle {
  color: rgb(153, 153, 153);
  font-weight: 600;
  font-size: 0.9rem;
  line-height: 2rem;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_listrow {
  display: flex;
  font-size: 1rem;
  color: rgb(51, 51, 51);
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_listrow > div {
  width: 50%;
  line-height: 2rem;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_listrow > div:nth-child(2) {
  text-align: right;
  padding-right: 15rem;
}

.shipsta_main_dsh_scan_widget_discoverexpiringrates td.com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-cell:nth-child(1n+2) {
  text-align: right;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_listentry_name_star_green,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_listentry_value_green,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_listentry_name_green,
.shipsta_main_dsh_scan_widget_spendvssavingpotential_listentry_value_green {
  color: rgb(97, 191, 180);
  font-weight: bold;
}

.shipsta_main_dsh_scan_widget_spendvssavingpotential_totalvalue {
  padding-left: 6px;
}

.shipsta_main_dsh_scan_widget_globalteuvolume,
.shipsta_main_dsh_scan_widget_oceancarrieralliances
{
  padding: 20px;
}
.shipsta_main_dsh_scan_widget_globalteuvolume {
  grid-column: 1 / 4;
  /* grid-row: 5 / 6; */
  background: linear-gradient(rgb(255, 255, 255), rgb(243 243 243 / 32%)) !important;
}

.shipsta_main_dsh_scan_widget_globalteuvolume_img {
  background-image: url("../images/scan/scan-chart.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  height: 22vw;
  max-height: 400px;
}

.shipsta_main_dsh_scan_widget_oceancarrieralliances {
  background: linear-gradient(rgb(97, 191, 180), rgb(81, 110, 124)) !important;
  grid-column: 5 / 9;
  /* grid-row: 5 / 6; */
}

.shipsta_main_dsh_scan_widget_oceancarrieralliances_title {
  color: #ffffff;
  text-align: center;
}

.shipsta_main_dsh_scan_widget_oceancarrieralliances_img {
  background-image: url("../images/scan/short-SHIPSTAScan-ships-V2_text.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center -40px;
  height: 22vw;
  max-height: 400px;
}

.shipsta_main_dsh_scan_widget_shipstascan  {

}

.shipsta_main_dsh_scan_group_two {
  grid-column: 1 / 4;
  /* grid-row: 6 / 7; */
  display: grid;
  grid-gap: 10px;
  background: none !important;
  grid-template-columns: 1fr;
  /* height: 24rem; */
}

.shipsta_main_dsh_scan_widget_shipstascan, .shipsta_main_dsh_scan_widget_getahead {
  background: #fff;
  border-radius: 20px;
  display: flex;
}

.shipsta_main_dsh_scan_widget_shipstascan_title {
  display: none;
}

.shipsta_main_dsh_scan_widget_shipstascan_img {
  background-image: url("../images/scan/ShipstaSCAN-Logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 20px;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 50%;
}

.shipsta_main_dsh_scan_widget_getahead {
  background: linear-gradient(rgb(97, 191, 180), rgb(81, 110, 124)) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.getahead1, .getahead2 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
/*
Table styles
 */

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText {
  font-size: 1.2rem;
  padding: 10px 0px;
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-header {
  border-bottom: 0px;
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-header,
.shipsta_main_dsh_scan_widget_discoversavingpotentials .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-footer,
.shipsta_main_dsh_scan_widget_discoversavingpotentials .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-footer .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell
{

  border: none;
  background: rgb(97, 191, 180);
  color: #ffffff !important;
  font-weight: bold !important;
  padding: 2px;
}

.shipsta_main_dsh_scan_widget_discoversavingpotentials .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-footer .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell {
  padding-right: 10px;
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headRow .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-head,
.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headOver
{
  background: transparent;
  text-align: right;
  border: none;
  padding: 4px;
  /* font-size: 14px; */
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headRow .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-head:nth-child(-n + 2) {
text-align: left;
}


.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headOver,
.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headOver > div,
.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headMenuOpen > div
{
  background: transparent !important;
}

.shipsta_main_dsh_scan table {
  border-collapse: collapse;
}

.shipsta_main_dsh_scan tr.com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-row {
  border-bottom: 1px solid rgb(209, 209, 209);
}

.shipsta_main_dsh_scan td {
  padding: 8px;
  font-size: 0.85rem;
  border-color: rgb(209, 209, 209);
  border: 0;
}
.shipsta_main_dsh_scan td.com-sencha-gxt-widget-core-client-grid-GridView-GridStateStyles-cell:nth-child(1n+3) {
  text-align: right;
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-columnLines .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell {
  border-right: 0px;
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell {
  background: transparent !important;
}

.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-scroller {
  background: transparent!important;
}

.shipsta_main_dsh_scan .shipsta_main_dsh_scan_widget_discoverexpiringrates .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-header {
  background: #ec575c;
}

.shipsta_main_dsh_scan .shipsta_main_dsh_scan_widget_discoverexpiringrates .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-header:nth-child(1) {
  text-align: left;
}

.shipsta_main_dsh_scan .shipsta_main_dsh_scan_widget_discoverexpiringrates .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-header:nth-child(2) {
  text-align: right;
}

.shipsta_main_dsh_scan_widget_discoverexpiringrates {
  background-image: linear-gradient(rgb(255, 255, 255), rgba(236, 87, 92, 0.1)) !important;
}

/* CTA Button */
.shipsta_main_dsh_scan_widget_btnchecksavings {
  border-radius: 10px;
  /*background: rgba(62, 71, 82, 1) !important;*/
  background: var(--fdsColorPrimaryBlue) !important;
  color: #ffffff;
  padding: 20px;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  transition: background-color 0.3s ease-out;
  position: fixed;
  bottom: 50px;
  right: 50px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}
.shipsta_main_dsh_scan_widget_btnchecksavings:hover {
  background: #125c9b !important;
  cursor: pointer;
}

/* Hide GXT function dialog on table-headers */
.shipsta_main_dsh_scan .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headOver .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headButton {
   display: none;
}

@media only screen and (max-width: 1024px) {
  .shipsta_main_dsh_scan {
    grid-template-rows: auto;
    grid-template-columns: auto;
  }
  .shipsta_main_dsh_scan_widget_savingpotential {
    grid-column: 1 / 9;
  }
  .shipsta_main_dsh_scan_group_first {
    grid-column: 1 / 9;
    /* grid-row: 2; */
  }
  .shipsta_main_dsh_scan_group_two {
    grid-row: auto;
    grid-column: 1 / 9;
  }

  .shipsta_main_dsh_scan_widget_savingpotential_title {
    font-size: 1.4rem;
  }

  .shipsta_main_dsh_scan_widget_container {
    grid-row: 2;
  }

  .shipsta_main_dsh_scan_widget_spendvssavingpotential
   {
    grid-row: auto;
  }

  .shipsta_main_dsh_scan_widget_discoverexpiringrates {
  grid-column: 1 / 9;
  }
.shipsta_main_dsh_scan_widget_globalteuvolume,
.shipsta_main_dsh_scan_widget_oceancarrieralliances {
  grid-column: 1 / 9;
  grid-row: auto;
  height: 26rem;
}

.shipsta_main_dsh_scan_widget_oceancarrieralliances_img {
  height: 26rem;
}
  .shipsta_main_dsh_scan_widget_shipstascan,
  .shipsta_main_dsh_scan_widget_getahead {
    height: 10rem;
  }

  .shipsta_main_dsh_scan_widget_spendvssavingpotential_listrow > div:nth-child(2) {
    padding-right: 1rem;
  }
}


/* ILOGIC-3636 */
.shipsta_main_dsh_scan .shipsta_main_dsh_scan_widget_savingpotential_kpinumber {
  font-size: 1.85rem;
  color:  #00CC00;
  line-height: 2.2rem
}

/* ILOGIC-4089 */
.shipsta_main_dsh_scan .shipsta_main_dsh_scan_widget_lastupdate {
 font-size: 1rem;
 display: flex;
 grid-column: 1 / 9;
 justify-self: end;
 background: none;
 padding-right: 0.8rem;
 font-family: var(--fontfamilyDefault);
}

.shipsta_main_dsh_scan .last-update-label {
  font-weight: 600;
  padding-right: 0.5rem;
}

/* ILOGIC - 4194 - Improve dsh design */

/* Portlet Container*/
.com-sencha-gxt-theme-triton-client-base-panel-Css3FramedPanelAppearance-Css3FramedPanelStyle-panel {
  box-shadow: 0 1px 0px 0 rgb(255 188 188 / 10%);
  border-color: #dadada8a !important;
  border-radius: 3px !important;
}

/* Portlet header */
.com-sencha-gxt-theme-triton-client-base-panel-Css3FramedPanelAppearance-Css3FramedPanelStyle-header {
  border-bottom: 0 !important;
  background: transparent !important;
}

.shipsta_portlet .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  padding-top: 2px;
}

.shipsta_portlet .com-sencha-gxt-theme-triton-client-base-panel-Css3HeaderAppearance-Css3HeaderStyle-headerText,
.shipsta_embedded_dashboard .shipsta_iconbutton {
  color: #656977;
}

/* Portlet table header */
.shipsta_embedded_dashboard .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-header {
  border-top: none !important;
  border-right: none !important;
  border-bottom: 0px solid #dadada8a !important;
  background: #fafafa !important;
  font-weight: 600 !important;
  padding: 2px 0px;
}

.com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-body {
  border: none !important;
}

.shipsta_embedded_dashboard .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-body {
  /*background: rgba(234, 234, 234, 0.5) !important;*/
  border: 0px !important;
  font-family: var(--fontfamilyDefault);
}

.shipsta_embedded_dashboard .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-columnLines .com-sencha-gxt-theme-triton-client-base-grid-Css3GridAppearance-GridStyle-cell {
  border-right: 0 !important;
  border-bottom: 0 !important;
  letter-spacing: 1px;
  font-weight: 400;
}

.shipsta_embedded_dashboard .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-headRow .com-sencha-gxt-theme-triton-client-base-grid-Css3ColumnHeaderAppearance-Styles-head {
  color: #656977;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: 600;
}

.shipsta_embedded_dashboard #shipsta_portal {
  margin-left: -8px;
  margin-right: 9px;
  background: #fff;
}

#RmgtRateSearchCriteriaPanel .shipsta_iconbutton .fas.fa-exclamation {
	color: #cf4c35; padding-left: 4px;
}

div#shipsta_header-QuoteRequestsONE {
    border-bottom: none;
}

.shipsta_grid_disable_row {
    opacity: .5;
}

.shipsta_portlet #teaser-chart{
		    display: flex;
    		flex-direction: column;
    		flex-wrap: wrap;
    		align-content: center;
    		align-items: end;
			justify-content: center;
			background: #ffffff96;
			word-break: break-word;
			color: #404040;
}

.shipsta_portlet #teaser-chart-primary-lane{
		font-size: 60px;
}

.shipsta_portlet #teaser-chart-secondary-lane{
		font-size: 15px;
}


sh-rfq-overview {
    height: 100%;
    max-width: 1200px;
    padding: 10px;
    font-size: 14px;
    color: #191919;
}
sh-rfq-overview *.text, sh-spot-dialog *.text, sh-spot-detail-view *.text, .shipsta-ui-web-component *.text {
    font-size: unset;
}
sh-svg-icon.arrow-down {
    background-image: none !important;
}

sh-spot-dialog *, sh-spot-detail-view *, .shipsta-ui-web-component * {
    font-family: var(--fontfamilyDefault);
}
.shipsta-ui-web-component {
    font-size: 14px;
}
sh-spot-dialog h3, sh-spot-detail-view h3, .shipsta-ui-web-component h3 {
    display: block;
    font-size: 1.17em;
    font-weight: 600;
}

/* needed for Angular's date-selector */
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1400}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}

sh-rfq-overview sh-svg-icon, sh-spot-dialog sh-svg-icon, sh-spot-detail-view sh-svg-icon, .shipsta-ui-web-component sh-svg-icon, sh-rfi-question sh-svg-icon {
   width: 1.7142857143em;
}

sh-rfq-overview * {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	padding: 0;
	margin: 0;
    font-size: 14px;
	font-family: var(--fontfamilyDefault);
}

sh-rfq-overview input, sh-spot-dialog input, sh-spot-detail-view input, .shipsta-ui-web-component input {
    box-shadow: none;
}

sh-rfq-overview input:focus, sh-spot-dialog input:focus, sh-spot-detail-view input:focus, .shipsta-ui-web-component input:focus {
    outline: none;
}

sh-rfq-overview ul, sh-rfq-overview ol, sh-spot-dialog ul, sh-spot-dialog ol, sh-spot-detail-view ul, sh-spot-detail-view ol, .shipsta-ui-web-component ol {
	list-style: none;
}

sh-multi-language, sh-good {
    ol, ul {
        list-style-position: inside;
    }
    ol {
        list-style-type: decimal;
    }
    ul {
        list-style-type: disc;
    }
    /* Common rule for li p inside ol and ul (generated by angular rich text editor) */
    ol li p, ul li p {
        display: inline;
    }
}


sh-svg-icon svg {
	width: 100%;
	height: 100%;
}


sh-msg-center * {
    /*font-family: 'Open Sans', sans-serif*/
}

sh-msg-center * > cometchat-add-group-member-list-item .selectionColumnStyle input.chatContactPerson {
    display: block;
}


sh-msg-center * > cometchat-add-group-member-list-item .selectionColumnStyle input[type="checkbox"]+label {
    display: none;
}

sh-grid * > input[type="checkbox"]{
    display: block;
}

.shipsta-ui-web-component .ag-theme-alpine .ag-row * {
    font-size: 13px;
}
.shipsta-ui-web-component .ag-theme-alpine .ag-header-row * {
    font-size: 13px;
    font-weight: 600;
}

.shipsta-form-textarea textarea, .shipsta-form-textarea-resizable textarea {
min-height: 140px;
}

.shipsta-form-textarea-resizable textarea {
resize: auto !important;
}

div#EproRfqDialog div#detailsPanel div#eAuction {
    margin-top: 20px;
	margin-bottom: 10px;
}
div#EproRfqDialog div#priceLimit {
    margin-left: 27px;
	width: auto !important;
}
div#EproRfqDialog div#priceLimit input, div#EproRfqDialog div#priceLimit .shipsta_field_number {
    width: 200px !important;
}
div#eauction_warning {
    color: #999;
    margin-left: 27px;
}
.combinatorics-wrapper {
    padding: 10px;
    overflow-y: auto;
}

.ngneat-dialog-backdrop {
  padding: 10px;
  box-sizing: border-box;
}

.gwt-angular-container {
    padding: 10px;
}

.shipsta_xlsx_input_row .shipsta_columnpicker {
    padding-left: 20px;
}

.shipsta_xlsx_add_button_panel {
    text-align: end;
    padding-bottom: 10px;
}

.shipsta_document_picker.error {
	padding: 1px;
    background: red;
}

.shipsta_document_picker.error {
	padding: 1px;
    background: red;
}

.shipsta_columnpicker.error>span {
    background-color: red!important;
    color: #EEE;
}

.shipsta_multiline_label {
	line-height: 18px;
}

.shipsta_header_text {
    display: inline-block;
}

div#UmsCreateRateRuleButton {
    left: 20px !important;
}

.shipsta_passwordhint {
	padding: 6px;
}

.display_contents{
    display: contents;
}

.fill_space {
    height: calc(100% - 60px);
}

.shipsta_portlet_webcomponent .com-sencha-gxt-theme-triton-client-base-panel-Css3ContentPanelAppearance-Css3ContentPanelStyle-body {
    background-color: white !important;
}

.shipsta_portlet_max {
    position: relative !important;
    top: 0px !important;
    padding-left: 11px !important;
}

.has-dark-blue-to-blue-gradient-background {
	background: linear-gradient(269.14deg, #014AB7 0.48%, #012C6D 99%) !important;
}

.shipsta_news {
    margin-top: 20px;
}

.shipsta_news a {
    color: var(--fdsColorPrimaryBlue) !important;
}

sh-grid div .ag-header-cell-label { font-weight: 600; }

.shipsta_fit.com-sencha-gxt-core-client-resources-CommonStyles-CommonStylesDefaultAppearance-CommonDefaultStyles-positionable { padding-left: 10px; }

#EproRfqStatisticsPanel { margin-bottom: 10px; }

.shipsta_button.shipsta_button_secondary > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button {
	background: white;
	border: 1px solid var(--fdsColorPrimaryBlue) !important;
}

.shipsta_button.shipsta_button_secondary .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-buttonInner {
	color: var(--fdsColorPrimaryBlue);
}

.shipsta_button.shipsta_button_secondary > .com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-button.com-sencha-gxt-theme-triton-custom-client-button-TritonButtonCellToolBarAppearance-TritonButtonCellStyle-over {
	background-color: white;
}

.shipsta_collapsible .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionHeaderStyle-headerText>span::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: "\f077";
	margin-right: 8px;
}

.shipsta_collapsible.shipsta_collapsed .com-sencha-gxt-theme-triton-client-base-container-Css3AccordionLayoutAppearance-Css3AccordionHeaderStyle-headerText>span::before {
	content: "\f078"
}

.ui_expandable_toolbar {
  div {
    overflow: visible;
  }
}

.shipsta-loading-spin {
    color: #2075bd;
    font-size: 32px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
	margin-right: 20px;
    float: left;
}

.shipsta-loading-spin > svg {
  animation: loadingCircle 1s infinite linear;
}

/* SSO Login styles */
#ssoContainer {
    text-align: center;
    margin: 20px 0;
}

#ssoContainer .separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

#ssoContainer .separator .line {
    height: 1px;
    flex: 1;
    background-color: #ddd;
}

#ssoContainer .separator h2 {
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.shipsta_sso_container {
    text-align: center;
    margin: 0 0 20px 0;
}

.shipsta_sso_container .separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.shipsta_sso_container .separator .line {
    height: 1px;
    flex: 1;
    background-color: #ddd;
}

.shipsta_sso_container .separator h2 {
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.shipsta_sso_container .separator .gwt-Label {
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}