* {
  font-family: Arial, Helvetica, sans-serif;
}

body {
  font-size: 12px;
  background-color: rgb(235, 235, 235);
  color: rgb(60, 60, 60);
}

a img {
  border: 0;
  outline: none;
}

a:link,
a:visited {
  color: rgb(60, 60, 60);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

hr {
  height: 1px;
  color: rgb(200, 200, 200);
  border: rgb(200, 200, 200);
  background-color: rgb(200, 200, 200);
  margin: 20px 0px;
}

input:focus,
textarea:focus,
select:focus {
  border: 1px solid rgb(250, 158, 14);
  background-color: rgb(255, 255, 255);
}

button,
input,
select,
textarea {
  padding: 5px;
  color: rgb(100, 100, 100);
  border: 1px solid rgb(120, 120, 120);
  border-radius: 3px;
}

input.gobdLocked {
  border: 1px solid rgb(120, 120, 120);
  cursor: none;
  background-color: #99bdff;
}

/*Remove button padding in FF*/
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=submit] {
  height: 26px;
  padding: 3px 5px;
  margin: 3px 0px;
  border-radius: 3px;
}

input[type=submit]:hover {
  cursor: pointer;
}

.reportGridView {
  border: 0;
}

.wrapper {
  display: block;
  border-bottom: 1px solid rgb(200, 200, 200);
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hideCalenderPicker {
  visibility: hidden;
}

.clear {
  clear: both;
}

.logo {
  background-image: url(../img/logo.gif);
  width: 154px;
  height: 70px;
  background-repeat: no-repeat;
  display: block;
}

.header {
  display: block;
  width: 1000px;
  height: 1px;
  background-repeat: no-repeat;
}

.navigation:after {
  content: "";
  display: table;
  clear: both;
}

.navi {
  line-height: 20px;
  font-size: 12px;
  padding: 3px 5px !important;
  margin: 3px 2px 3px 0px;
  color: rgb(100, 100, 100);
  border: 1px solid rgb(120, 120, 120) !important;
  border-radius: 3px;
}

  .navi:hover {
  }

.location {
  width: 1000px;
  color: rgb(50, 50, 50);
  background-color: rgb(200, 200, 200);
  text-align: center;
}

.locationH3 {
  padding: 5px 0px;
}

h3.location {
  padding: 5px 0px;
}

.clearViewTicket {
  border-bottom: 1px dotted rgb(100, 100, 100);
  clear: both;
}

.loginFrame {
  background-color: White;
  position: absolute;
  width: 600px;
  height: 400px;
  left: 50%;
  margin-left: -300px;
  top: 50%;
  margin-top: -200px;
}

.mainFrame {
  background-color: rgb(220, 220, 220);
  position: absolute;
  width: 1000px;
  min-height: 200px;
  left: 50%;
  margin-left: -510px;
  top: -10px;
  border-bottom: 20px solid rgb(235, 235, 235);
  padding: 10px;
}

.headerLoginFrame {
  background-color: rgb(100, 100, 100);
  color: rgb(220, 220, 220);
  padding: 5px;
}

.anmeldungLoginFrame {
  color: rgb(215, 54, 52);
  padding: 15px;
}

.anmeldungInformationenLoginFrame {
  margin-left: 150px;
  margin-top: 0px;
}

.anmeldungText {
  float: left;
  width: 150px;
  margin: 5px;
}

.anmeldungEingabe {
  float: left;
  width: 200px;
  margin: 5px;
}

.anmeldungButton {
  margin: 5px;
  margin-left: 260px;
}

.bgAnmeldung {
  position: absolute;
  width: 600px;
  height: 146px;
  left: 0;
  bottom: 0;
  background-image: url(../img/bgAnmeldung.png);
}

.summaryRow {
  max-width: 1000px;
  border-bottom: 1px inset rgb(100, 100, 100);
  padding: 10px 0px;
  min-height: 20px;
}

.customerFeeSummaryRow {
  max-width: 1000px;
  padding: 10px 0px;
  min-height: 20px;
}

.summaryRowHeader {
  display: block;
  background-color: rgb(150, 150, 150);
  max-width: 1000px;
  padding: 10px 0px;
}

.summaryHeader {
  font-weight: bold;
  margin: 0px 5px;
  width: 100px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeader140 {
  font-weight: bold;
  margin: 0px 5px;
  width: 140px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderVma {
  font-weight: bold;
  margin: 0px 5px;
  width: 120px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderCustomer {
  font-weight: bold;
  margin: 0px 5px;
  width: 165px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderCreator {
  font-weight: bold;
  margin: 0px 5px;
  width: 170px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderAgent {
  font-weight: bold;
  margin: 0px 5px;
  margin-left: 15px;
  width: 120px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderId {
  font-weight: bold;
  margin: 0px 5px;
  width: 40px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderCauseOfFailure {
  font-weight: bold;
  margin: 0px 5px;
  width: 80px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderDate {
  font-weight: bold;
  margin: 0px 5px;
  width: 70px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderButton {
  font-weight: bold;
  margin: 0px 5px;
  margin-left: 40px;
  width: 60px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryHeaderStatus {
  font-weight: bold;
  margin: 0px 15px;
  width: 20px;
  float: left;
  color: rgb(230, 230, 230);
}

.summaryItem {
  margin: 0px 5px;
  width: 100px;
  float: left;
}

.summaryItem140 {
  margin: 0px 5px;
  width: 140px;
  float: left;
}

.summaryItemAgent {
  margin: 0px 5px;
  margin-left: 15px;
  width: 120px;
  float: left;
}

.summaryItemCustomer {
  margin: 0px 5px;
  width: 165px;
  float: left;
}

.summaryItemCreator {
  margin: 0px 5px;
  width: 170px;
  float: left;
}

.summaryItemVma {
  margin: 0px 5px;
  width: 120px;
  float: left;
}

.summaryItemId {
  margin: 0px 5px;
  width: 35px;
  float: left;
  overflow: hidden;
}

.summaryItemCauseOfFailure {
  margin: 0px 5px;
  width: 80px;
  float: left;
  overflow: hidden;
}

.summaryItemDate {
  margin: 0px 5px;
  width: 70px;
  float: left;
  overflow: hidden;
}

.summaryItemStatus {
  margin: 0px 5px;
  width: 20px;
  float: left;
  overflow: hidden;
}

.createItemFrame {
  width: 800px;
}

.createItemLeft {
  margin: 5px;
  font-size: 14px;
  float: left;
  width: 240px;
  text-align: right;
  padding-top: 8px;
  padding-bottom: 2px;
}

.textBoxCreateItem {
  border: 1px solid rgb(200, 200, 200);
  font-size: 14px;
  margin: 5px;
  float: left;
  width: 245px;
  height: 26px;
  text-align: left;
  border-radius: 5px;
}

.dropDownlistCreateItem {
  border: 1px solid rgb(200, 200, 200);
  font-size: 14px;
  margin: 5px;
  float: left;
  width: 250px;
  height: 30px;
  text-align: left;
}

.dropDownListGender {
  border: 1px solid rgb(200, 200, 200);
  font-size: 14px;
  margin: 5px;
  float: left;
  height: 30px;
  text-align: left;
}

.textBoxCreateItemButton {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 14px;
  padding: 5px;
  float: left;
  width: 250px;
  height: 30px;
  text-align: left;
}

.textBoxValidator {
  margin: 7px 0px;
  float: left;
  width: 80px;
  height: 30px;
}

.textBoxValidatorMail {
  margin: 7px 0px;
  width: 80px;
  height: 30px;
}

.textBoxValidatorEditCustomer {
  margin: 7px 0px;
  float: left;
  width: 180px;
  height: 12px;
}

.textBoxCreateItemBig {
  border: 1px solid rgb(200, 200, 200);
  font-size: 14px;
  margin: 5px;
  float: left;
  width: 330px;
  height: 150px;
  text-align: left;
}

.createItemButton {
  width: 150px;
  height: 35px;
  float: right;
}

.ticketCreatedFrame {
  background-color: White;
  position: absolute;
  width: 500px;
  height: 200px;
  left: 50%;
  margin-left: -250px;
  top: 30%;
  margin-top: -100px;
}

.ticketCreatedText {
  width: 500px;
  text-align: center;
  margin: 50px 0px;
}

.ticketCreatedButton {
  width: 500px;
  text-align: center;
}

.viewButton {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_get.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
  margin-left: 10px;
}

.downloadButton {
  display: block;
  float: left;
  background-repeat: no-repeat;
  margin: -2px 5px;
}

.editTextModuleButton {
  float: right;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_get.png);
  background-repeat: no-repeat;
  margin: 2px 5px;
}

.addButtonFade {
  display: block;
  background-color: Red;
  height: 16px;
  background-image: url(../img/addFade.png);
  background-repeat: no-repeat;
  margin-left: 20px;
}

.addButtonGreen {
  float: inherit;
  width: 16px;
  height: 16px;
  background-image: url(../img/add.png);
  background-repeat: no-repeat;
  margin: 2px 5px;
  margin-left: 0px;
}

.insertTextModuleButtonFade {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/addFade.png);
  background-repeat: no-repeat;
  margin: 2px 5px;
  margin-left: 0px;
}

.iconPlusFade {
  background-image: url(../img/addFade.png);
  background-repeat: no-repeat;
}

.iconMinus {
  background-image: url(../img/minus_black.png);
  background-repeat: no-repeat;
}

.iconPlus {
  background-image: url(../img/add.png);
  background-repeat: no-repeat;
}

.iconClear {
  background-image: url(../img/delete_black.png);
  background-repeat: no-repeat;
  display: block;
}

.s16 {
  height: 16px;
  width: 16px;
}

.insertTextModuleButton {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/add.png);
  background-repeat: no-repeat;
  margin: 2px 5px;
  margin-left: 0px;
}

.deleteTextModuleButton {
  float: right;
  width: 16px;
  height: 16px;
  background-image: url(../img/delete.png);
  background-repeat: no-repeat;
  margin: 2px 5px;
  margin-left: 0px;
  margin-right: 30px;
}

.viewButtonCustomer {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_get.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
  margin-left: 55px;
}

.viewButtonBrokerage {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 0px 5px;
  margin-left: 25px;
}

.viewButtonReport {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_get.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
  margin-left: 30px;
}

.buttonFundingReport {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_get.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.editButton {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_edit.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.deleteButton {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/delete.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.deleteButtonCustomer {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/delete.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.calendarButton {
  border: none;
  width: 16px;
  height: 16px;
  background-image: url(../img/calendar.png);
  background-repeat: no-repeat;
  float: right;
}

.ticketStatusFrame {
  display: block;
  margin-left: 15px;
  float: left;
  width: 60px;
  height: 16px;
}

.ticketStatus {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 20px;
}

.viewItemLeft {
  margin: 5px;
  font-size: 12px;
  float: left;
  width: 220px;
  text-align: right;
  font-weight: bold;
  line-height: 28px;
}

.viewItemLeftViewTicket {
  margin: 5px;
  font-size: 12px;
  float: left;
  width: 220px;
  text-align: right;
  font-weight: bold;
}

.viewItemLeftCauseOfFailure {
  margin: 12px;
  font-size: 12px;
  float: left;
  width: 220px;
  text-align: right;
  font-weight: bold;
  line-height: 14px;
}

.viewItemLeftSpecial {
  margin: 5px;
  margin-left: 70px;
  font-size: 14px;
  float: left;
  width: 220px;
  text-align: right;
  font-weight: bold;
  text-decoration: underline;
}

.viewItemMeetingLocation {
  position: relative;
  top: -2px;
  margin-left: 16px;
  font-size: 12px;
  font-weight: bold;
}

.viewItemRight {
  display: block;
  margin: 5px;
  font-size: 12px;
  float: left;
  width: 500px;
  text-align: left;
}

.viewItemRight400 {
  display: block;
  margin: 5px;
  font-size: 12px;
  float: left;
  width: 400px;
  text-align: left;
}

.viewItemRightTextbox {
  margin-left: 5px;
  margin-top: 2px;
  font-size: 12px;
  float: left;
  width: 185px;
  text-align: left;
}

.viewItemChangedBy {
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 5px;
  font-size: 12px;
  float: left;
  text-align: left;
}

.viewItemRightMeetingLocation {
  position: relative;
  margin-left: 5px;
  top: -2px;
  font-size: 12px;
  width: 185px;
  text-align: left;
}

.viewItemRightCustomer {
  margin: 5px;
  font-size: 12px;
  float: left;
  width: 200px;
  text-align: left;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.mailToAgentButton {
  position: relative;
  float: left;
  top: 2px;
}


/* filter box for overlay */
.filterBox {
  width: 100%;
  height: 320px;
}

.filterBoxLeft {
  float: left;
  width: 400px;
}

.filterBoxRight {
  float: right;
  width: 350px;
}

.filterCheckBox {
  float: left;
  line-height: 30px;
  width: 200px;
  margin-left: 5px;
}

.filterCheckBoxEntry {
  height: 34px;
  line-height: 30px;
  color: red;
}

.filterRow {
  height: 20px;
  line-height: 30px;
  font-size: 12px;
}

.filterTextBox {
  width: 200px;
  float: right;
  margin: 0px;
}

.filterButton {
  float: left;
}

#overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  opacity: 0.5;
  moz-opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 10;
}

.infoFrame {
  background-color: white;
  border: 1px solid rgb(100, 100, 100);
  position: fixed;
  width: 600px;
  height: 400px;
  left: 50%;
  margin-left: -300px;
  top: 50%;
  margin-top: -300px;
  z-index: 100;
  text-align: center;
  box-shadow: 0px 0px 20px rgb(100, 100, 100);
}

/* upload Frame */
.uploadOverlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  opacity: 0.8;
  moz-opacity: 0.8;
  filter: alpha(opacity=80);
}

.uploadFrame {
  background-color: white;
  border: 1px solid rgb(100, 100, 100);
  position: fixed;
  padding: 50px;
  width: 600px;
  height: 250px;
  left: 50%;
  margin-left: -300px;
  top: 50%;
  margin-top: -300px;
  box-shadow: 0px 0px 20px rgb(100, 100, 100);
}

/* creating customers */
.mainCustomer {
  float: left;
  width: 450px;
  margin: 0px 20px;
}

.subCustomer {
  float: left;
  width: 450px;
  margin: 0px 20px;
}

.mainCustomer h2 {
  width: 410px;
  text-align: right;
}

.subCustomer h2 {
  width: 295px;
  text-align: right;
}

.createCustomer {
  margin: 10px;
}

.createCustomer p {
  float: left;
  margin: 0;
  padding: 0;
  width: 200px;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  text-align: right;
}

.createCustomer input {
  width: 200px;
  height: 20px;
}

.customerLabel {
  width: 200px;
  height: 20px;
  float: right;
  line-height: 20px;
  padding: 5px;
  color: rgb(100, 100, 100);
}

.customerLabelView {
  width: 200px;
  height: 20px;
  float: right;
  line-height: 20px;
  padding: 5px;
  color: rgb(100, 100, 100);
  border-radius: 5px;
  border: 1px solid rgb(240, 240, 240);
  background-color: rgb(210, 210, 210);
}

.customerLabelViewSub {
  float: left;
  margin-left: 100px;
  width: 200px;
  height: 20px;
  line-height: 20px;
  padding: 5px;
  color: rgb(100, 100, 100);
  border-radius: 5px;
  border: 1px solid rgb(240, 240, 240);
  background-color: rgb(230, 230, 230);
}

.mainCustomer input {
  float: right;
}

.subCustomer input {
  float: left;
  margin-left: 100px;
  background-color: rgb(230, 230, 230);
}

.createCustomerButton {
  width: 1000px;
  height: 24px;
  background-color: rgb(210, 210, 210);
  border-radius: 5px;
  border: 1px solid rgb(240, 240, 240);
  text-align: center;
  padding: 10px 0px;
}

.createItemFrameCustomer {
  width: 400px;
}

.documents {
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  height: 24px;
  line-height: 26px;
  background-color: rgb(240, 240, 240);
  padding: 0px 20px;
  border: 1px solid rgb(120, 120, 120);
  border-radius: 3px;
  cursor: pointer;
  z-index: 0;
  text-align: left;
}

.fileList {
  font-weight: bold;
  max-width: 1000px;
  padding: 10px 0px;
  border-bottom: 1px dotted black;
  font-size: 12px;
}

.fileListTitle {
  margin-right: 20px;
  width: 500px;
  text-align: center;
  float: left;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.fileListSize {
  margin-right: 20px;
  width: 100px;
  text-align: left;
  float: left;
}

.fileListDate {
  width: 150px;
  text-align: center;
  float: left;
}

.fileListMenu {
  /*width: 116px;*/
  float: right;
  text-align: center;
}

.fileListCheckBox {
  width: 50px;
  float: left;
  text-align: center;
}

.zipFileBtnFade {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/zipFade.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
  /*margin-left: 20px;*/
}

.zipFileBtn {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/zip.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
  /*margin-left: 20px;*/
}

.cancelIcon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/cancel.png);
  margin-right: 5px;
}

.emailAttachButtonFade {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/email_attach_fade.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.emailAttachButtonActive {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/email_attach.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.emailAttachButtonBlack {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/add_black.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.fileEditButton {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_edit.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.fileDeleteButton {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/delete.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.currentPageLabelCssClass {
  color: Red;
  font-weight: bold;
}

.floatLeft {
  float: left;
}

.hidden {
  visibility: hidden;
}

.nDisplay {
  display: none;
}

.dropdownListGender {
  height: 32px;
  width: 212px;
  margin-left: 18px;
}

.dropdownListSubGender {
  height: 32px;
  background-color: Red;
  width: 212px;
  margin-left: 100px;
  background-color: rgb(230, 230, 230);
}

.drop_zone {
  width: 100%;
  margin: 0px 0px;
  background-color: rgb(240, 240, 240);
  border: 2px dashed rgb(150, 150, 150);
  font-size: 28px;
  text-align: center;
  padding: 10px 0px;
}

.drop_zone_hover {
  width: 100%;
  margin: 0px 0px;
  background-color: rgba(5, 133, 0, 0.45);
  border: 2px solid rgb(47, 108, 0);
  font-size: 28px;
  text-align: center;
  padding: 10px 0px;
}

.pdfPage {
  width: 132px;
  height: 192px;
  float: left;
  margin: 0px 10px 30px 0px;
  padding: 0px;
}

.createOrderValidation {
  font-size: 14px;
  line-height: 44px;
}

.brokerageFundingListView {
  margin: 0px 1px;
  float: left;
  overflow: hidden;
}

.accountingSummaryUpperRow {
  float: left;
  background-color: red;
  min-height: 30px;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.accountingSummaryLowerRow {
  float: left;
  min-height: 30px;
  width: 100%;
}

.accountingRowItem {
  float: right;
  max-width: 100px;
  overflow: hidden;
  height: 30px;
  margin: 2px;
  padding: 2px;
}

.confirmationTextbox {
  padding: 2px;
  text-align: center;
  border-radius: 0;
  font-size: 10px;
}

.confirmationInfoBox {
  float: left;
  width: 320px;
  height: 66px;
  margin: 2px;
  padding: 2px;
  overflow-y: scroll;
  background-color: lightgrey;
  border: 1px solid rgb(120, 120, 120);
}

.confirmationItemTemplate {
  float: left;
  height: 18px;
  margin: 0px 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}

.checkBoxReminderDone {
  margin: 3px;
  margin-top: 10px;
  float: left;
}

.fundingSummaryHeaderRowItem {
  float: left;
  font-weight: bold;
  color: rgb(230, 230, 230) !important;
}

.fundingSummaryListViewRow {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 15px;
  line-height: 16px;
}

.fundingListViewRow {
    padding: 10px 0px 10px 2px;
    display: block;
    border-bottom: 1px inset rgb(100,100,100);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.fundingListViewRow span {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ticketListViewRow {
  padding: 10px 0px 10px 2px;
  display: block;
  border-bottom: 1px inset rgb(100, 100, 100);
}

.accounting.ticketListViewRow input {
  padding: 4px;
}

.brokerageListView input {
  height: 17px;
  padding: 4px;
}

.labelMailTemplate {
  float: left;
  width: 140px;
  line-height: 28px;
  font-size: 14px;
}

.brokerage div {
  font-weight: bold;
  margin: 0px 5px;
  text-align: left;
  float: left;
  color: rgb(230, 230, 230);
}

.brokerage > div > p  {
  margin:0;
  padding:0;
  line-height:26px;
  border-bottom: 1px dotted white;
}

.divIncInvLvHeader {
  background-color: rgb(150, 150, 150);
  padding: 10px 0px 10px 10px;
}

.divIncInvLvHeader span {
  display: inline-block;
  padding: 2px 10px 2px 0px;
  font-weight: bold;
  color: rgb(230, 230, 230);
}

.divIncInvLvItem {
  padding-left: 10px;
}

.divIncInvLvItem:nth-child(even) {
  background-color: rgb(210, 210, 210);
}

.divIncInvLvItem span,
.divIncInvLvItem a {
  text-align: left;
  display: inline-block;
  padding: 2px 10px 2px 0px;
  overflow: hidden;
  white-space: nowrap;
  height: 20px;
  line-height: 24px;
  text-overflow: ellipsis;
}

.pdfTextIcon img {
  margin-left: 15px;
  margin-top: 4px;
}

.wordWrapper {
  /*background-color: blue;*/
  min-height: 80px;
  width: 980px;
  padding: 10px;
}

.wordWrapper .filter {
  position: relative;
  width: 100%-20px;
  /*top: -10px;*/
  padding: 10px;
  /*background-color: darkred;*/
}

#modifyArea {
  background-color: rgb(230, 230, 230);
  /*background-color:red;*/
  padding: 20px;
  border-radius: 10px;
}

.wordWrapper .filter .item {
  float: left;
  padding-bottom: 20px;
}

.cwmFilter .item {
  float: left;
  width: 25%;
  padding-bottom: 20px;
}

.cwmMainFrame {
  position: relative;
  width: 1000px;
  min-height: 200px;
  left: 50%;
  margin-left: -510px;
  top: -10px;
  padding: 10px;
  background-color: darkred;
}

.print input[type=text],
.print textarea {
  width: 950px;
  resize: none;
  border-color: rgb(200, 200, 200);
}

.txt950 input[type=text],
.txt950 textarea {
  width: 950px;
  border-color: rgb(200, 200, 200);
  resize: vertical;
}

.txt950 #txtSignOff {
  display: none;
}

#txtText {
}

#printerHelper {
  height: 0;
  overflow: hidden;
}


#txtSignOff,
#txtAddress {
  min-height: 100px;
}

.lvWordModuleItem {
  text-overflow: ellipsis;
  float: left;
  font-size: 13px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}

.btnEditWordModule {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_get.png);
  background-repeat: no-repeat;
  margin: 1px 2px;
}

.btnDeleteWordModule {
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/undone.png);
  background-repeat: no-repeat;
  margin: 1px 2px;
}

.lkBtnEditReminder {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/application_edit.png);
  background-repeat: no-repeat;
  margin: 0px 5px;
}

.lkBtnCallCustomer {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  background-image: url(../img/user_go.png);
  background-repeat: no-repeat;
  margin: 0px 0px;
}

.rfvError {
  display: block;
  color: red;
  font-size: 11pt;
  padding: 5px 0px 0px 2px;
}

.editTemplate {
  display: none;
}

.helpWrapper {
  box-shadow: -2px 0 7px 0 rgba(0, 0, 0, .2);
  position: fixed;
  top: 0;
  right: 0;
  display: block;
  width: 420px;
  height: 100%;
  background-color: #f3f5f7;
}

.crossButton {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/cross.png);
  background-size: 16px;
  background-repeat: no-repeat;
}

.helpButton {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../img/help.png);
  background-size: 32px;
  background-repeat: no-repeat;
}

.lvItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.5em;
}

.lvRow {
  padding: 5px 0px 0px 5px;
}

div:nth-child(odd).stripped {
  background-color: rgb(230, 230, 230);
}

div:nth-child(even).stripped {
  background-color: rgb(200, 200, 200);
}

span.lblFileName {
  text-transform: capitalize;
}

.bold {
  font-weight: bold;
}

.margin-5 {
  margin: 5px;
}

.font-white {
  color: rgb(230, 230, 230);
}

.line-after {
  border-bottom: 1px solid rgb(50, 50, 50);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.line-before {
  border-top: 1px solid rgb(50, 50, 50);
  margin-top: 20px;
  padding-top: 20px;
}

.ticketDataRow {
  width: 100%;
  /*     border-bottom:5px solid black; */
}

.ticketDataRow .col {
  float: left;
  height: 32px;
  padding: 5px;
  display: block;
  min-width: 50px;
}

.ticketDataRow .label {
  line-height: 32px;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
}

.ticketCol {
}

.txtGlobalPayoutComment {
  width: 980px;
  min-height: 120px;
  max-height: 350px;
  resize: vertical;
}

#tbFundingConfirmation {
  width: 100%;
}

#tbFundingConfirmation th {
  background-color: rgb(180, 180, 180);
  height: 30px;
  padding: 0px 10px;
}

#tbFundingConfirmation td {
  background-color: rgb(230, 230, 230);
  text-align: center;
  height: 26px;
}

#tbFundingConfirmation td > input {
  width: 96%;
}

.openInNewWindow {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../img/open_new_window.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  margin: 2px 5px;
  margin-left: 0px;
  opacity: 0.7;
}

.openInNewWindow:hover {
  opacity: 1;
}

.fileWrapper {
  float: left;
  cursor:pointer;
  margin:0px 10px 10px 0px;
  padding: 0px;
  border: 1px solid rgb(210, 210, 210);
  border-radius: 4px;
  display:flex;
  width:220px;
  height:41px;
  overflow:hidden;
}

.fileWrapper > .flexContainer {
  display:grid;
  grid-template-columns: 30px 160px 30px;
  height: 100%;
}

.fileWrapper .downloadIcon:hover {
  background-color: rgb(210, 210, 210);
}

.fileWrapper .fileIcon, .downloadIcon {
  width: 20px;
  height: 21px;
  padding: 10px 7px;
}

.fileWrapper .fileIcon {
  background-image: src("../img/pdfPreview.jpg");
  }

.fileWrapper .metaWrapper {
  width: 100%;
}
.fileWrapper .fileName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 4px 0px 0px 8px;
  font-size: 14px;
  color: rgb(100,100,100);
}
.fileWrapper .fileSize {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 2px 0px 0px 8px;
  font-size: 12px;
  letter-spacing: 0px;
  font-weight: bold;
  color: rgb(100,100,100);
}

.flex-container {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  border-bottom: 1px solid black;
  justify-content: flex-start;
}

.flex-head {
  font-weight: bold;
  color: rgb(230,230,230);
  background-color: rgb(150,150,150);
  border: 0;
}

.flex-col {
  padding: 10px 10px;
  min-width: 30px;
  width: fit-content;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}