html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

.clear {
  clear: both;
}

input, select {
  padding: 3px;
}

input[type='checkbox'] {
  margin-right: 3px;
}

div#ajax-loader {
  position: absolute;
  background-color: #fff;
  border: 1px solid #00579a;
  border-radius: 15px;
  padding: 25px 60px;
  top: 80px;
  left: 40%;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  z-index: 9999;
}

div#ajax-loader p span {
  animation-name: blink;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

div#ajax-loader p span:nth-child(2) {
  animation-delay: .2s;
}

div#ajax-loader p span:nth-child(3) {
  animation-delay: .4s;
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}

div#errorMessage {
  padding: 10px;
  border-left: 8px solid #B71C1C;
  background-color: #FFEBEE;
  color: #B71C1C;
  font-weight: bold;
}

div#infoMessage {
  padding: 10px;
  border-left: 8px solid #F57F17;
  background-color: #FFF8E1;
  color: #F57F17;
  font-weight: bold;
}

#okMessage {
  padding: 10px;
  border-left: 8px solid #1B5E20;
  background-color: #F1F8E9;
  color: #1B5E20;
  font-weight: bold;
}

ul.nonpoint-list li {
  list-style-type: none;
}

div#wrapper {
  width: 90%;
  margin: 0px auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}

header#header {
  border-bottom: 1px solid #00579a;
  margin-top: 10px;
  margin-bottom: 25px;
  padding-bottom: 5px;
}

header#header img#headerCompanyLogo {
  float: left;
}

header#header span#headerLanguageMenu {
  float: right;
  line-height: 52px;
  margin: 0 25px 5px 0;
  padding: 0;
  overflow: hidden;
  font-size: 75%;
}

header#header span#headerLanguageMenu a {
  color: #999;
  text-decoration: none;
}

header#header span#headerLanguageMenu a:hover {
  text-decoration: underline;
}

header#header span#headerLanguageMenu a#headerLanguageMenuSelected {
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}

header#header ul#headerUserMenu {
  float: right;
  line-height: 52px;
  list-style-type: none;
  margin: 0 0 5px 0;
  padding: 0;
  overflow: hidden;
  font-size: 75%;
}

header#header ul#headerUserMenu li {
  float: left;
}

header#header ul#headerUserMenu li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 0px 5px;
  text-decoration: none;
}

header#header ul#headerUserMenu li a:hover {
  color: #00579a;
  text-decoration: underline;
}

header#header ul#headerUserMenu span#headerUserMenuUsername {
  font-weight: bold;
  color: #00579a;
  line-height: 12px;
}

header#header ul#headerUserMenu span#headerUserMenuUsername img {
  width: 12px;
}

header#header span#headerSystemName {
  color: #888;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 95%;
}

header#header ul#headerSystemMenu {
  list-style-type: none;
  margin: 8px 0 0 0;
  padding: 0;
  overflow: hidden;
  background-color: #e5e5e6;
  font-size: 75%;
  font-weight: bold;
}

header#header ul#headerSystemMenu li {
  float: left;
}

header#header ul#headerSystemMenu li a {
  display: block;
  color: #666;
  text-align: center;
  padding: 10px 15px;
  text-decoration: none;
}

header#header ul#headerSystemMenu li a:hover {
  color: #00579a;
  background-color: #eee;
}

div#loginFormDiv {
  text-align: center;
  margin-top: 30px;
}

div#loginFormDiv div#loginFormMessage {
  text-align: left;
  margin: 0px auto 40px auto;
  width: 400px;
  height: 80px;
}

div#loginFormDiv form#loginForm {
  width: 200px;
  margin: 0px auto;
  padding: 10px;
  border: 1px solid #00579a;
}

div#loginFormDiv form#loginForm p {
  color: #00579a;
  font-weight: bold;
  font-size: 110%;
}

div#loginFormDiv form#loginForm input {
  width: 150px;
  margin-top: 10px;
  padding: 4px;
}

div#loginFormDiv form#loginForm input[type="submit"] {
  width: 90px;
}

section#content {
  flex: 1;
  overflow: auto;
  font-size: 80%;
}

div#contentContainer h1 {
  color: #00579a;
  width: fit-content;
  font-size: 110%;
  border-bottom: 1px solid #999;
}

div#contentContainer ul#systemSubmenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

div#contentContainer ul#systemSubmenu li {
  padding-left: 1em;
  text-indent: -.7em;
}

div#contentContainer ul#systemSubmenu li:before {
  content: "• ";
  color: #666;
}

div#contentContainer ul#systemSubmenu li a {
  color: #00579a;
  text-decoration: none;
}

div#contentContainer ul#systemSubmenu li a:hover {
  text-decoration: underline;
}

div#contentContainer p.setting-header {
  color: #00579a;
  font-weight: bold;
  margin-top: 25px;
}

footer#footer {
  border-top: 1px solid #00579a;
  margin-top: 25px;
  padding: 5px;
  font-size: 60%;
  color: #666;
}

footer#footer span#footerCopyright {
  float: left;
}

footer#footer span#footerVersion {
  float: right;
}

div.commission-section {
  margin: 10px 0px 15px 0px;
}

div.commission-subsection {
  margin-bottom: 10px;
}

div.commission-subsection div {
  margin-top: 6px;
}

div.commission-subsection input {
  margin: 0px 0px 0px 10px;
}

div.commission-subsection input[type="date"] {
  margin-top: 10px;
}

span.commission-subheader {
  font-weight: bold;
}

.jtable td span {
  display: block;
}

.jtable td span:hover {
  cursor: pointer;
}

.jTableRight {
  text-align: right;
}
.jTableCenter { text-align: center; }

.jTableReadonly {
  background-color:lightgray;
}

div.commission {
  width: 100%;
}

div.commission div.jtable {
  width: 100%;
}

.formBad { background-color: red !important  }

div#index-summary div {
  margin-top: 15px;
  line-height: 30px;
  font-weight: bold;
  color: #00579a;
}

div#index-summary div span {
  margin-left: 4px;
  color: #000;
}

div#index-summary div img {
  width: 18px;
  margin: 0px 5px -3px 0px;
}

.formBad .jtable-toolbar-item-add-record .jtable-toolbar-item-text
{
  background-color: red;
}
.order-winner {
  background-color: green !important ;
}

.commission-right-states {
  width: 25%;
  float: right;
  border-left: solid 1px #00579a;
}

.commission-topsection {
  width: 45%;
  float: left;
}

.com-set-state {
  display: block;
  margin: 5px auto;
  width: 150px;
}

div#sc-main-div {
  padding: 0px;
}

div#sc-main-div h1 {
  color: #00579a;
  padding: 15px 0px;
  text-align: right;
  margin-top: 0px;
  text-transform: uppercase;
}

div#sc-main-div h2 {
  font-size: 115%;
  color: #00579a;
  margin-top: 25px;
  border-bottom: 1px solid #666;
}

div#sc-main-div h3 {
  font-size: 100%;
  color: #00579a;
}

div#sc-main-div .sc-subsection {
  padding: 0px 20px;
}

div#sc-main-div .sc-subsection .sc-item-name {
  font-weight: bold;
}

div#sc-main-div .sc-subsection table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border: 1px solid #00579a;
}

div#sc-main-div .sc-subsection table th {
  background-color: #00579a;
  border: 1px solid #00579a;
  padding: 4px;
  width: 15%;
  color: #e5e5e6;
}

div#sc-main-div .sc-subsection table td {
  width: 15%;
  padding: 3px 0px;
}

div#sc-main-div .sc-subsection table tr {
  color: #00579a;
  text-align: center;
  padding: 2px;
}

div#sc-main-div .sc-subsection table tr.pdf-table td {
  border: 1px solid #00579a;
  height: 1.9em;
}

div#sc-main-div .sc-subsection table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

div#sc-main-div .sc-subsection table tfoot tr {
  font-weight: bold;
}

div#sc-main-div .sc-subsection table input {
  height: 20px;
}

div#sc-main-div .sc-subsection table textarea {
  height: 1.8em;
  width: 70%;
  padding: 3px;
}

div#sc-main-div .sc-subsection table textarea:focus {
  height: 5em;
  width: 100%;
}

button#transporter-groups-header {
  color: #00579a;
  font-weight: bold;
  margin-bottom: 10px;
}

div#transporter-groups {
  margin-bottom: 15px;
  margin-top: 7px;
  display: none;
}

div#transporter-groups li {
  list-style-type: none;
  float: left;
  background-color: #e5e5e6;
  color: #00579a;
  cursor: pointer;
  margin: 4px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #00579a;
}

div#transporter-groups li input[type="checkbox"] {
  vertical-align: middle;
}

div#transporter-groups div#new-group {
  margin-bottom: 8px;
}

div#transporter-stamp {
  height: 150px;
  border: 1px solid #000;
  position: relative;
}

div#transporter-stamp span {
  position: absolute;
  bottom: 3px;
  left: 30%;
}

.com-template { 
}

.ui-widget textarea { width: 96%; height: 150px}

div.jtable-export ul
{
  position: absolute;
  z-index: 5;
  left: -1px;
  display: none;
  background-color: #00579a;
  font-family: sans-serif;
  font-size: 100%;
  border: 1px solid #00579a;
  border-top-width: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-background-clip: padding-box;
  color: #fff;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div.jtable-export ul li {
  text-align: center;
  padding: 2px 18px;
}
div.jtable-export ul a
{
  text-decoration: none;
  font-weight: bold;
  color: #fff;
}
div.jtable-export ul li:hover
{
  background-color: #e5e5e6;
}
div.jtable-export ul li:hover a {
  color: #00579a;
}

span.jtable-toolbar-item-text input {
  vertical-align: middle;
}

ul.country-list { position: fixed !important }

span.error { color: red }

.input_full_width { width: 99% }

.textarea_email_body { width: 500px; height: 300px }

input.jtable-toolbarsearch { width: calc(100% - 14px); }
.jtable-column-header-container .custom-combobox input { width: calc(90% - 20px); padding: 3px 3px 3px 3px }

.scroll-content {
  overflow-y: auto;
  width:100%;
}
div.jtable-main-container {
  height:100%;
}

ul.chosen-choices { height: 25px !important}
.search-choice { margin-top: 1px !important }
/*.chosen-search-input:focus { background-color: red !important }
.chosen-search-input:focus + .search-field { background-color: red !important }*/
/*ul.chosen-choices:focus-within { height: auto !important; }*/
.chosen-container-active ul.chosen-choices { height: auto !important; }
.jtable-column-header-container .chosen-container .chosen-drop { width: 150% !important; }

div#emailAttachmentAttach label {
  display: block;
  margin: 6px 0px 3px 0px;
  font-size: 85%;
}

tr.mailUnread td { font-weight: bold }

span.template_selector_delete {
  width: 15px;
  text-align: center;
  margin-right: 10px;
  color: #f45342;
  padding: 2px;
  background-color: #fff;
  border-radius: 5px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  max-width: initial !important;
}
.chosen-container { width: calc(100% - 15px); }
.jtable-column-select-list { height: 50vh; overflow: auto }

.jtable-data-row td, .jtable-data-row td span {
  position: relative;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2.4em; /* (Number of lines you want visible) * (line-height) */
  line-height: 1.2em;
}

.highlightCol {
  background-color: #cd0a0a;
  color: black !important;
}

.pal_exchange_section div { min-width: 10em; float: left; }
.pal_exchange_section br { clear: left }
.pal_exchange_section div:even { float: left; min-width: 2em; text-align: right; }
.pal_exchange_section input { width: 5em; text-align: right }

.non-breakable { white-space: nowrap; }

table#commissions-list  { white-space: nowrap }

.jtable-filtered::after {
  content: url('../img/filter.png');
  display: block;
  width: 24px;
  height: 20px;
  float: left;
  padding-top: 5px;
}

.edit-icon {
  display: inline-block;
  transform: rotateZ(90deg);
}

#warnings { color: red }

#jTable th { border-color: black }

.chosen-container { z-index: 100;}
.jtable-column-selection-container { z-index: 201; }

.jtable-child-table-container .jtable-main-container{
  margin-left: 10px;
}