@import url("buttons.css");
@import url("spacing.css?1");
@import url("loader.css");
@import url("stamps.css?1");
@import url("MyFontsWebfontsKit.css");
@import url("colors.css");
@import url("sizes.css");

html,
body {
  height: 100%;
}

body#tradecert {
  color: #000;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  min-height: 100%;
  line-height: 15px;
  margin: 0px;
  padding: 0px;
  height: 100%;
}

input,
select,
textarea {
  font-size: 10pt;
  background-color: #ffffff;
  color: #000000;
  font-family: Courier, Times New Roman, Times, serif;
  border-top: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
}

img {
  border: 0;
}

a {
  color: #2d2d39;
  text-decoration: underline;
}

a:hover {
  color: #f8cd0d;
  text-decoration: none;
}

h1 {
  font-size: 16px;
}

h2 {
  font-size: 16px;
  padding-bottom: 10px;
}

h2 span {
  font-size: 12px;
  color: #babab4;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
}

h5.blue {
  font-size: 14px;
  color: #2752a1;
  margin: 0;
  padding: 5px 0 0 0;
}

h6 {
  font-size: 10px;
  margin: 0;
  padding: 0;
}

/*Font Family*/
.app-formtable td.verdana .app-formtable td.verdana tr td {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/*Main content*/
#header {
  color: gray;
  width: 100%;
}

#header-images img {
  width: 110px;
  height: 60px;
  border: 0px;
  float: left;
}

#logo-image img {
  max-height: 60px;
  max-width: 300px;
}

#header-text {
  font-size: 110%;
  line-height: 20px;
  padding: 10px 0 0 30px;
  font-weight: bold;
}

#content {
  margin-top: 82px;
}

.data_library #content {
  margin-top: 102px;
}

#footer {
  bottom: 0;
  color: gray;
  background-color: transparent;
  padding: 10px 5% 10px 0;
  width: 95%;
  text-align: right;
}

#tradecert #breadcrumbs {
  padding: 5px 10px;
}

#right-section {
  vertical-align: top;
  padding: 0 20px 0 20px;
  min-width: 180px;
}

#right-section h1 {
  margin: 0 0 10px 0;
  font-size: 16px;
}

#right-section .time {
  font-weight: bold;
  color: #808080;
}

#page-content {
  vertical-align: top;
  text-align: middle;
  min-width: 790px;
  /*min-height:1790px;*/
  max-width: 800px;
  padding: 0 0 50px 0;
}

#left-menu {
  min-width: 170px;
  vertical-align: top;
}

#client-right-menu {
  width: 100%;
}

#client-right-menu ul {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}

#client-right-menu ul li {
  padding: 0;
}

#client-right-menu ul li a {
  padding: 0 0 0 50px;
  display: block;
  line-height: 35px;
}

.main-content {
  min-height: 680px;
}

#left-nav {
  list-style: none;
  margin: 5px 10px;
  padding: 0;
}

#left-nav li {
  padding: 4px 0 4px 0;
}

#left-nav li a {
  padding: 0 0 0 30px;
  display: block;
}

#left-nav li.li-icon-tmp a {
  padding: 0;
  display: inline;
}

#left-nav li i.fa-keyboard,
#left-nav li i.fa-shopping-basket {
  font-size: 2em;
}

#left-nav li.highlight a,
#left-nav li.highlight i {
  color: red;
}

#left-nav #actrac-url {
  background: url("../graphics/accounting.gif") no-repeat 0 center;
}

#left-nav #shop-url {
  background: url("../graphics/shoppingCart.png") no-repeat 0 center;
}

#left-nav #manager-url {
  background: url("../graphics/manager.gif") no-repeat 0 center;
}

#left-nav #ec-track-url {
  background: url("../graphics/eccerts.gif") no-repeat 0 center;
}

#left-nav #ar-track-url {
  background: url("../graphics/ar-track-url.gif") no-repeat 0 center;
}

#left-nav #manual-cert-url {
  background: url("../graphics/arabcerts.gif") no-repeat 0 center;
}

#left-nav #non-electronic-record-url {
  background: url("../graphics/record_non-system_docs.gif") no-repeat 0 center;
}

#client-right-menu #right-menu-add-new-user {
  background: url("../graphics/icons/add-user.png") no-repeat 0 center;
}

#client-right-menu #right-menu-manage-my-users {
  background: url("../graphics/icons/manage-users.png") no-repeat 0 center;
}

#client-right-menu #right-menu-reset-my-pass {
  background: url("../graphics/icons/reset-password.png") no-repeat 0 center;
}

#client-right-menu #right-menu-ask-cert-question {
  background: url("../graphics/icons/ask-question.png") no-repeat 0 center;
}

#client-right-menu #right-menu-ask-tech-question {
  background: url("../graphics/icons/tech_support_v2.png") no-repeat 0 center;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignright {
  text-align: right;
}

.app-formtable td label.font90 {
  font-size: 90%;
}

.clear {
  clear: both;
  display: block;
}

a.reasonlink {
  padding-left: 10px;
  font-weight: bold;
  color: red;
}

.lower-alpha {
  list-style-type: lower-alpha;
}

.list-inside {
  list-style-position: inside;
}

/*Table Display*/
table.main-table {
  width: 100%;
}

table.main-table th {
  font-weight: bold;
  padding: 5px;
  text-align: left;
}

.main-table td {
  text-align: left;
  padding: 4px;
  vertical-align: top;
  font-size: 11px;
}

.main-table.no-pad td {
  padding: 1px;
}

.main-table td.align-right {
  text-align: right;
}

.main-table td.align-center {
  text-align: center;
}

.main-table td.align-right table td {
  text-align: right;
}

.tableform {
  margin: 0;
  padding: 0;
  border-left: 1px #e4e4e4 solid;
  border-bottom: 1px #e4e4e4 solid;
}

.tableform th {
  font-weight: bold;
  padding: 5px;
  text-align: left;
  font-size: 11px;
}

.tableform th.sub-heading {
  background-color: #ccc;
}

.tableform td {
  padding: 4px;
  text-align: left;
  font-size: 11px;
  background-color: #fffff3;
  border-top: 1px #eeeee3 solid;
  border-right: 1px #eeeee3 solid;
}

/*
.tableform td td{
    border:0px #ccc solid;
}
*/
.tableform input[type="number"],
.tableform input[type="text"],
input[type="file"],
input[type="password"],
.tableform textarea,
.tableform select.selectbox {
  width: 350px;
  padding: 4px;
  float: left;
}

/*Trac1181: Discount box formatting on clientaddedit*/
#discount {
  padding: 4px;
  text-align: left;
}

span.note {
  color: #b00606;
  font-size: 10px;
  font-style: italic;
}

td img.ui-datepicker-trigger {
  margin: 0 0 0 5px;
}

/*Tableform end*/

table.table-appinfo {
  padding: 0px;
  text-align: left;
}

.table-appinfo ul {
  padding: 0px;
  margin: 0px;
}

.table-appinfo th {
  font-weight: bold;
  padding: 5px;
  text-align: left;
  font-size: 12px;
}

.table-appinfo th.subtableheading {
  background-color: #000;
  padding: 3px;
  font-weight: normal;
}

table.table-appinfo td {
  vertical-align: top;
  padding: 5px;
  background-color: #fffff3;
  font-size: 11px;
}

.table-appinfo ul {
  padding-bottom: 5px;
}

.table-appinfo ul li {
  clear: both;
  list-style: none;
  line-height: 15px;
}

.table-appinfo ul li span {
  padding: 5px;
}

table.table-appinfo div {
  float: left;
}

.border {
  border: 1px #ccc solid;
}

/*Widths*/
.width20,
.tableform input.width20 {
  width: 20px;
}

.width40,
.tableform input.width40 {
  width: 40px;
}

.width50p {
  width: 50%;
}

.width90,
.tableform input.width90 {
  width: 90px;
}

.width100p {
  width: 100%;
}

.width100 {
  width: 100px;
}

.width110 {
  width: 110px;
}

.width130 {
  width: 130px;
}

.width160 {
  width: 160px;
}

.width200 {
  width: 200px;
}

.width450 {
  width: 450px;
}

.vertical-align-top {
  vertical-align: top;
}

.dotted-row {
  border-top: 1px dashed gray;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

/*Table List CSS*/
.tablelist {
  margin: 0;
  padding: 0;
  width: 100%;
  border-left: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
}

.tablelist th {
  padding: 4px;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
  font-weight: bold;
  font-size: 11px;
}

.tablelist th a {
  text-decoration: none;
}

.tablelist td {
  color: #050402;
  font-size: 11px;
  padding: 4px;
  text-align: left;
  vertical-align: top;
  border-top: 1px #ccc solid;
  border-right: 1px #ccc solid;
}

.tablelist tr.display1,
td.display1 {
  background-color: #fffff3;
}

.tablelist tr.display2 {
  background-color: #edede2;
}

.tablelist td.align-center,
.tablelist th.align-center,
.align-center {
  text-align: center;
}

.tablelist td.align-left,
th.align-left,
td.align-left {
  text-align: left;
}

a.linkbutton {
  text-decoration: none;
  background-color: green;
  border: 1px #ccc solid;
  padding: 4px;
  color: #fff;
  cursor: pointer;
}

a.linkbutton:hover {
  color: #000000;
}

.select {
  width: 380px;
  border-top: #cccccc 1px solid;
  border-left: #cccccc 1px solid;
  border-right: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
}

.formBtn {
  color: #fff;
  background-color: #cc0000;
}

#heading {
  float: left;
  width: 100%;
  position: relative;
  margin: 15px 0 10px 0;
}

#heading .app-name {
  font-size: 24px;
  padding: 10px 0 10px 0;
  margin: 0px;
  text-align: left;
}

#heading .app-type {
  text-align: left;
}

#heading .chamber-name {
  padding: 10px 5px 10px 5px;
  text-align: right;
}

#heading .agent-name {
  text-align: right;
}

a.highlight {
  color: #008000;
  font-weight: bold;
}

tr.red td {
  color: red;
}

tr.red td a {
  color: red;
}

tr.red td a.green {
  color: green;
}

tr.red td.note {
  font-size: 11px;
}

input.rejectbtn {
  background-color: #ff0000;
  color: #fff;
}

tr.blue td {
  color: blue;
}

tr.specialblack td {
  color: #bf8fef;
}

tr.specialred td {
  color: #e2677c;
}

tr.specialblue td {
  color: #aaaaff;
}

td.cert-message p {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.red {
  color: red;
}

.green {
  color: green;
}

.blueclr {
  color: blue;
}

/*form css*/
.form label {
  width: 280px;
  float: left;
  margin: 0;
  padding: 5px;
}

.form label.error {
  float: none;
  color: red;
  padding-left: 0.5em;
  vertical-align: top;
}

.form p {
  clear: both;
  margin: 0px;
  padding: 0px;
}

.form em {
  font-weight: bold;
  padding-right: 1em;
  vertical-align: top;
}

.tdheading td {
  text-align: center;
}

.tdheading td a {
  text-decoration: underline;
}

.errormsg {
  background: url("../graphics/error_bg.png") 0 0;
  color: #fff;
}

td.successmsg,
.success {
  background-color: green;
  color: #fff;
}

.success li {
  list-style: none;
}

ul#popup_menu {
  float: right;
  padding: 0 25px 0 0;
  margin: 0px;
}

ul#popup_menu li {
  list-style: none;
  float: left;
  padding: 5px 5px 0 5px;
  margin: 0px;
}

ul#popup_menu li.li-selected img {
  border-bottom: 3px solid #2752a1;
  /*background-color:blue;*/
}

ul#app_menu {
  float: right;
  padding: 5px 0px;
}

ul#app_menu li {
  list-style: none;
  float: left;
  padding: 0 10px 0 0;
  clear: none;
}

h2.popup_heading {
  padding: 0px;
  clear: both;
}

fieldset {
  border: 1px solid #e8941a;
  width: 85%;
  padding: 5px;
}

fieldset.client_popup {
  width: 94%;
  padding: 5px 2%;
}

fieldset.client_popup label {
  width: 125px;
  float: left;
}

fieldset.client_popup li {
  padding: 3px;
}

legend {
  padding: 3px;
  border: 1px solid #e8941a;
  color: #000;
  text-align: left;
}

.de-emphasize {
  color: #babab4;
  font-size: -2px;
}

ul#information {
  padding: 0px;
  margin: 0px;
}

ul#information li {
  list-style: none;
  margin: 0px;
  padding: 0px;
  clear: both;
}

.highlightbg {
  background-color: yellow;
}

/*Client section*/
.deactivatebutton {
  background-color: red;
  color: #fff;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #e8941a;
}

.activatebutton {
  background-color: green;
  color: #fff;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #000;
}

.dhtmlwindow {
  position: absolute;
  border: 2px solid black;
  visibility: hidden;
  background-color: #edede2;
}

.drag-handle {
  /*CSS for Drag Handle*/
  padding: 2px;
  text-indent: 3px;
  font: bold 12px Arial;
  background-color: #000;
  color: white;
  cursor: move;
  overflow: hidden;
  width: auto;
  filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}

.drag-handle .drag-controls {
  /*CSS for controls (min, close etc) within Drag Handle*/
  position: absolute;
  right: 1px;
  top: 2px;
  cursor: hand;
  cursor: pointer;
}

* html .drag-handle {
  /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
  width: 100%;
}

.drag-contentarea {
  /*CSS for Content Display Area div*/
  border-top: 1px solid brown;
  background-color: #edede2;
  color: black;
  height: 150px;
  padding: 0px;
  overflow: auto;
}

#txtRejectComments {
  width: 500px;
}

.drag-statusarea {
  /*CSS for Status Bar div (includes resizearea)*/
  border-top: 1px solid gray;
  background-color: #edede2;
  height: 13px;
  /*height of resize image*/
}

.drag-resizearea {
  /*CSS for Resize Area itself*/
  float: right;
  width: 13px;
  /*width of resize image*/
  height: 13px;
  /*height of resize image*/
  cursor: nw-resize;
  font-size: 0;
}

.drag-handle {
  background-color: #000;
}

#interVeil {
  position: absolute;
  width: 10px;
  left: 0;
  top: 0;
  z-index: 5;
}

.highlight-bg {
  background-color: yellow;
  color: red;
  border: 1px solid red;
  font-weight: bold;
}

.ec-footer {
  font-family: "Courier New";
  font-size: 10pt;
}

.attachments td.black {
  color: #000;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.hidden-div {
  display: none;
}

#user-info-outer {
  width: 90%;
  padding: 0 5% 0 5%;
}

#user-info ul,
#user-status-notes ul {
  margin: 0;
  padding: 0;
}

#user-info li,
#user-status-notes li {
  list-style: none;
  width: 100%;
  margin: 0;
}

#user-status-notes {
  border: 1px solid #ccc;
  background: #fff;
  padding: 10px;
  margin: 10px 0 0 0;
  border-radius: 10px;
}

#user-status-notes li {
  padding-bottom: 10px;
}

.pink-bg {
  background-color: #ffcccc !important;
}

.back-page td {
  padding: 20px 0 20px 0;
}

.back-page p {
  font-size: 8pt;
}

.table-appinfo.less-margin {
  line-height: 20px;
  margin-bottom: 10px;
}

.table-appinfo.less-margin td {
  padding: 0 0 0 10px;
}

.table-appinfo.less-margin th.line-height {
  line-height: 15px;
}

.btn-back {
  float: left;
  padding-bottom: 10px;
}

.inline-msg {
  line-height: 24px;
  padding: 0 0 0 5px;
}

h2.table-heading {
  margin: 0;
}

ul#language-list {
  float: right;
  margin: 0;
  padding: 0;
}

ul#language-list li {
  list-style: none;
  float: left;
  padding: 0 0 0 15px;
}

ul#language-list li.active {
  font-weight: bold;
  font-size: 120%;
}

ul#language-list li a {
  text-decoration: none;
}

.legends td {
  line-height: 30px;
}

#comm-headers .text-field {
  width: 90%;
  float: left;
}

.language-icon {
  background: url("../graphics/icons/language_icon.png") no-repeat 0 center;
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin: 0 0 0 10px;
  cursor: pointer;
}

#translator {
  margin: 0 auto;
  width: 450px;
}

.div-form label {
  clear: both;
  line-height: 25px;
  float: left;
  margin: 20px 0 5px 0;
  width: 100%;
}

.div-form input.text-box,
.div-form select.text-box,
.div-form textarea {
  clear: both;
  width: 100%;
  float: left;
}

div#translation,
#default-language {
  width: 90%;
  margin: 0 auto;
  position: relative;
}

div#translation img {
  position: absolute;
  right: -25px;
  top: 40px;
}

.translated-img {
  max-width: 100%;
  max-height: 60px;
  clear: both;
}

#lang-list {
  margin: 40px 0 0 0;
}

#lang-list p {
  float: left;
  clear: both;
  margin: 0;
}

#lang-list ul {
  float: left;
  margin: 0;
  padding: 0;
  clear: both;
}

#lang-list li {
  list-style: none;
  float: left;
  padding: 0 20px 0 0px;
  text-transform: uppercase;
}

.main-table td.padding-15 {
  padding: 15px;
}

.e1-popup li {
  font-size: 11px;
  line-height: 20px;
}

.table-appinfo ul.button-bar,
.button-bar {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

.table-appinfo ul.button-bar li,
.button-bar li {
  float: left;
  clear: none;
  width: 49%;
  list-style: none;
}

#partner-image {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}

#partner-image img {
  max-width: 200px;
}

.ui-wrapper {
  float: left;
  padding-bottom: 0px !important;
}

/* SQUARED FOUR */
.certificate_required div.squaredFour {
  float: left;
  margin: 0 5px;
}

.certificate_required div.squaredFour,
div.squaredFour {
  width: 20px;
  position: relative;
}

.certificate_required div.squaredFour.hidden,
div.squaredFour.hidden {
  width: 0;
  margin: 0;
}

div.squaredFour {
  margin: 0 auto;
}

.squaredFour label.hidden {
  display: none;
}

td.horizontal div label {
  width: auto;
  clear: none;
  margin: 0 0 0 5px;
  color: inherit;
}

textarea.resizable {
  overflow-x: hidden;
  /* for Firefox (issue #5) */
}

table#coloumn-tool td {
  padding: 0;
  width: auto;
}

/*Start Small Res*/
@media (max-width: 1255px) {
  #left-menu {
    min-width: 90px;
  }

  #page-content {
    min-width: 680px;
    min-height: 680px;
  }

  #right-section {
    min-width: 70px;
    padding: 0 10px 0 10px;
  }

  #right-section h1 {
    font-size: 13px;
  }
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }
}

.width-table p {
  white-space: pre;
  line-height: 50%;
}

.note-icon {
  background: url("../graphics/balloon.gif") no-repeat 0 center;
  width: 22px;
  height: 17px;
  display: block;
}

.note-icon.with-text {
  background: url("../graphics/balloon_with_text.gif") no-repeat 0 center;
}

.tableform input.one-char-text {
  width: 20px;
}

.tableform input.two-char-text {
  width: 20px;
}

div.align-right {
  text-align: right;
}

ul.top-link {
  margin: 10px 0 10px 0;
  padding: 0;
  list-style: none;
}

.tc-font-icon {
  color: #848484;
  font-size: 2.5em;
}

.tc-font-icon.active {
  color: #1b1a1a;
  font-size: 2.5em;
}

.left-menu-icon-span {
  width: 0.9em;
  height: 1em;
  padding: 0 0.5em 0 0;
}

.fa-comment.tc-font-icon,
.fa-comment-alt.tc-font-icon {
  font-size: 1.5em;
}

.fa-comment-alt.tc-font-icon.flagged {
  color: #0000ff;
}

#app_menu .fa-comment.tc-font-icon,
#app_menu .fa-comment-alt.tc-font-icon {
  font-size: 2.5em;
}

.fa-info-circle.tc-font-icon.active {
  color: #000;
}

/*Inline Text to ICON*/
.inline-text {
  line-height: 0.5em;
  font-size: 0.4em;
  position: absolute;
  top: 0.7em;
  left: 0.7em;
}

.inline-text-for-certs {
  line-height: 0.5em;
  font-size: 0.3em;
  position: absolute;
  top: 1.5em;
  left: 0.2em;
  color: black;
  padding: 0.3em;
}

/*background: #ffffda;*/

.line-height-25 {
  line-height: 25px;
}

#pdf-upload-enabled-btn {
  background-color: #395472;
  border-color: #395472;
}

#txtItemNumberMarks:disabled {
  background: #e7e5e5;
}

.tc-row div {
  float: left;
  margin-right: 10px;
}

#announcement-for-client {
  background: #fff;
  overflow-wrap: break-word;
  width: 175px;
  margin: 20px 0 0 10px;
}

#appstore-for-client {
  background: #fff;
  overflow-wrap: break-word;
  width: 175px;
  margin: 20px 0 0 10px;
}

#client-info-for-stamp-placement ul {
  padding: 0 0 5px 0;
  margin: 0;
}

#client-info-for-stamp-placement ul li {
  clear: both;
  list-style: none;
  line-height: 15px;
}

#app-view-client-information {
  border-bottom: 1px dashed grey;
  line-height: 20px;
}
#app-view-client-information-latvia {
  border-bottom: 1px solid grey;
  line-height: 20px;
}
#app-view-applicant-details {
  margin-top: 30px;
  line-height: 30px;
  text-align: center;
}
#app-view-applicant-details #applicant-name-sign,
#app-view-applicant-details #applicant-address {
  border-bottom: 1px solid grey;
  line-height: 45px;
}