.wineReadXSmall,
.wineReadSmall,
.wineReadMedium,
.wineReadLarge,
.wineReadXLarge {
  color: #333;
  font-family: MS Reference Sans Serif,arial,verdana,helvetica;
  text-decoration: none;
  line-height: 170%;
}

.wineXXSmall,
.wineXSmall,
.wineSmall,
.wineMedium,
.wineLarge,
.wineXLarge {
  color: #333;
  font-family: arial,verdana,helvetica;
  text-decoration: none;
}

.whiteReadXSmall,
.whiteReadSmall,
.whiteReadMedium,
.whiteReadLarge,
.whiteReadXLarge {
  color: white;
  font-family: MS Reference Sans Serif,arial,verdana,helvetica;
  text-decoration: none;
  line-height: 170%;
}

.listingCell,
.whiteXXSmall,
.whiteXSmall,
.whiteSmall,
.whiteMedium,
.whiteLarge,
.whiteXLarge {
  color: white;
  font-family: arial,verdana,helvetica;
  text-decoration: none;
}

.blueReadXXSmall,
.blueReadXSmall,
.blueReadSmall,
.blueReadMedium,
.blueReadLarge,
.blueReadXLarge,
.blueReadXXLarge {
  color: #333;
  font-family: MS Reference Sans Serif,arial,verdana,helvetica;
  text-decoration: none;
  line-height: 170%;
}

.blueXSmall,
.blueSmall,
.blueMedium,
.blueLarge,
.blueXLarge {
  color: #333;
  font-family: arial,verdana,helvetica;
  text-decoration: none;
}

.blackReadXSmall,
.blackReadSmall,
.blackReadMedium,
.blackReadLarge,
.blackReadXLarge {
  color: #000000;
  font-family: MS Reference Sans Serif,arial,verdana,helvetica;
  text-decoration: none;
  line-height: 170%;
}

.blackXSmall,
.blackSmall,
.blackMedium,
.blackLarge,
.blackXLarge {
  color: #000000;
  font-family: arial,verdana,helvetica;
  text-decoration: none;
}

.redReadXSmall,
.redReadSmall,
.redReadMedium,
.redReadLarge,
.redReadXLarge {
  color: #f26722;
  font-family: MS Reference Sans Serif,arial,verdana,helvetica;
  text-decoration: none;
  line-height: 170%;
}

.redXSmall,
.redSmall,
.redMedium,
.redLarge,
.redXLarge {
  color: red;
  font-family: arial,verdana,helvetica;
  text-decoration: none;
}

.wineReadMedium,
.wineMedium,
.blueReadMedium,
.blueMedium,
.blackReadMedium,
.blackMedium,
.redReadMedium,
.redMedium,
.whiteReadMedium,
.whiteMedium {
  font-size: 85%;
}

.wineReadSmall,
.wineSmall,
.blueReadSmall,
.blueSmall,
.blackReadSmall,
.blackSmall,
.redReadSmall,
.redSmall,
.whiteReadSmall,
.whiteSmall {
  font-size: 75%;
}

td.whiteSmall {
  font-size: 100%;
}

.wineReadXSmall,
.wineXSmall,
.blueReadXSmall,
.blueXSmall,
.blackReadXSmall,
.blackXSmall,
.redReadXSmall,
.redXSmall,
.whiteReadXSmall,
.whiteXSmall {
  font-size: 65%;
}

.wineReadLarge,
.wineLarge,
.blueReadLarge,
.blueLarge,
.blackReadLarge,
.blackLarge,
.redReadLarge,
.redLarge,
.whiteReadLarge,
.whiteLarge {
  font-size: 95%;
}

.wineReadXLarge,
.wineXLarge,
.blueReadXLarge,
.blueXLarge,
.blackReadXLarge,
.blackXLarge,
.redReadXLarge,
.redXLarge,
.whiteReadXLarge,
.whiteXLarge {
  font-size: 105%;
}

.centerPage {
  margin: 10px auto;
  text-align: center;
  width: 410px;
  font-family: Arial, Helvetica, sans-serif;
}

.companyTable {
  border-color: #646464;
  border-style: solid;
  border-width: 4px;
}

.companyCell {
  background-color: #464382;
}

.companyContext {
  background-color: #464382;
  border-color: #464382;
  border-style: solid;
  border-width: 4px;
}

.companyTab {
  background-color: #646464;
  color: white;
  border-bottom: 3px solid #93c83e;
  padding: 8px 0;
}

.companySection {
  background-color: #fff;
}

.companyHighlight {
  background-color: #2c4f78;
}

.companyHeader {
  background-color: #646464;
  color: white;
  font-weight: bold;
  padding: 10px;
}

.officeTable {
  border-color: #646464;
  border-style: solid;
  border-width: 3px;
}

.officeCell {
  background-color: #646464;
}

.officeContext {
  background-color: #ddd;
  border-color: #646464;
  border-style: solid;
  border-width: 3px;
}

.officeHeader {
  background-color: #646464;
  color: white;
  font-weight: bold;
  padding: 10px;
}

.accountHeader {
  background-color: #646464;
  color: white;
  font-weight: bold;
  padding: 10px;
}

.accountTable {
  border-color: #646464;
  border-style: solid;
  border-width: 3px;
}

.accountCell {
  background-color: #646464;
}

.accountContext {
  background-color: #f4f4f4;
  border-color: #646464;
  border-style: solid;
  border-width: 3px;
}

.listingTable {
  border-color: #646464;
  border-style: solid;
  border-width: 3px;
}

.listingCell {
  background-color: #646464;
  font-size: 100%;
}

.listingContext {
  background-color: #ddd;
  border-color: #646464;
  border-style: solid;
  border-width: 3px;
}

.link {
  background-color: #93c83e;
  cursor: pointer;
  padding: 3px 6px;
}

.linkInners {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
}

.tab1 {
  background-color: #646464;
  border-bottom: 4px solid #93c83e;
  color: white;
}

.section1 {
  background-color: #fff;
}

.highlight1 {
  background-color: #ddd;
}

.tab2 {
  background-color: #646464;
  border-bottom: 4px solid #93c83e;
}

.section2 {
  background-color: #fff;
}

.highlight2 {
  background-color: #ddd;
}

.tab3 {
  background-color: #646464;
  border-bottom: 4px solid #93c83e;
}

.section3 {
  background-color: #fff;
}

.section3light {
  background-color: #e7e7f2;
}

.section3dark {
  background-color: #a0a1bA;
}

.highlight3 {
  background-color: #ddd;
}

.highlightNone {
  background-color: #FFFFFF;
}

.tabOrder {
  background-color: #646464;
  border-bottom: 4px solid #93c83e;
}

.sectionOrder {
  background-color: #fff;
}

.highlightOrder {
  background-color: #ddd;
}

.prefTip {
  position: absolute;
  border: 2px solid #646464;
  background-color: #FFFFFF;
  visibility: visible;
  padding: 9px 9px 9px 9px;
  font-size: 20px;
  font-family: arial, helvetica, verdana;
  left: 240px;
  top: 264px;
  padding-left: 5px;
  z-index: 5;
  cursor: pointer;
}

.style1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #4b324e;
}

.style2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.contentContainer {
  margin-left: 80px;
  margin-right: 20px;
  margin-top: 20px;
}

.leftAlignContent {
  text-align: left;
}

.scrollable {
  overflow: auto;
}

.clickable {
  cursor: pointer;
}

.clickableHover {
  color: blue;
}

#button {
  border: 1px solid #646464;
  border-radius: 2px;
  width: inherit;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 4px 4px 4px;
  background: #646464;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#797979', endColorstr='#646464');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#797979), to(#646464));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #797979, #646464);
  /* for firefox 3.6+ */
}

#button:hover {
  background: #646464;
  /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#646464', endColorstr='#797979');
  /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#797979));
  /* for webkit browsers */
  background: -moz-linear-gradient(top, #646464, #797979);
  /* for firefox 3.6+ */
}

button {
  line-height: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 0 11px;
  border: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background-color: #93c83e;
  color: #ffffff !important;
  margin: 1px 5px 1px 0;
  text-transform: none;
  font-weight: normal;
  font-size: 12px;
}

button:hover {
  background-color: #7eaf08;
}

/* new CSS codes for aspen/ssUpload.htm */
#tabs-1, #tabs-2 {
  padding: 30px 20px !important;
  background: #fff !important;
}

.album_panel {
  /*    border:dashed 1px #c9c9c9;*/
  padding: 30px;
}

.album_panel table tbody tr td {
  border: none !important;
}

.album_panel td {
  padding: 5px;
  vertical-align: top;
}

.album_panel_content, .input-title {
  font: 14px Open Sans;
  color: #454545;
  margin-top: 15px;
}

.input-title {
  margin-top: 0;
  vertical-align: top;
}

.tab-header {
  font: Bold 16px Open Sans;
  color: #333;
  margin: -43px 0 0 -20px;
  display: block;
  background: #fff;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.custom-file-input::before {
  width: 84px;
  display: block;
  text-align: center;
  content: 'Browse...';
  font: 13px/30px Open Sans;
  border: solid 1px #ece1c9;
  border-radius: 3px;
  color: #917e58;
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 22%, #fdf2da 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #ffffff), color-stop(100%, #fdf2da));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 22%, #fdf2da 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 22%, #fdf2da 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 22%, #fdf2da 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 22%, #fdf2da 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdf2da',GradientType=0 );
  /* IE6-9 */
}

.add-info {
  font: Bold 14px Open Sans;
  color: #454545;
  margin: 20px 0 10px;
  display: block;
}

.input-text {
  width: 440px;
  height: 35px;
  background: #fff;
  border: solid 1px #a9a9a9;
  border-radius: 3px;
}

#tabs-2 .input-text {
  width: 300px !important;
}

.input-text-description {
  height: 120px !important;
}

.input-checkbox {
  width: 16px !important;
  height: 16px;
}

.input-submit {
  width: 80px !important;
  height: 35px;
  display: block;
  /*background: url(../images/iconArrow.png) no-repeat 90% 10px #93c83e !important;*/
  border: 0;
  border-radius: 3px !important;
  font: Bold 14px Open Sans;
  color: #fff !important;
  text-align: left;
}

input[type=submit], input[type=button] {
  line-height: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  padding: 0 11px;
  border: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
  background-color: #93c83e;
  color: #ffffff;
  margin: 1px 5px 1px 0;
  text-transform: none;
  font-weight: normal;
  font-size: 12px;
}

input[type=submit]:hover, input[type=button]:hover {
  background-color: #7eaf08;
}

body .ui-widget-header {
  background-image: none;
  padding: 10px 12px;
  border-radius: 0;
  border-color: #646464;
}

.default-main-content {
  max-width: 900px;
  margin: 0 auto;
}

body .dataTables_wrapper {
  display: block;
}

body .dataTables_wrapper .ui-widget-header {
  background-color: transparent;
  border: none;
  color: #000;
}

body table.dataTable {
  border: 3px solid #646464;
}

body table.dataTable thead tr th {
  background-color: #646464;
  border-color: #ddd;
}

body .ui-state-default .ui-icon {
  display: none;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

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

body table.dataTable tbody tr:nth-child(even) td,
body table.dataTable tbody tr td {
  border-color: #fff;
}

.hide {
  display: none;
}

.sideSlider .tab1 .whiteMedium,
.sideSlider .companyTab .whiteMedium {
  font-family: "Conv_GOTHMLIG" !important;
  margin-left: -5px;
}
.feedback-wrapper {
  position: fixed;
  right: 50px;
  bottom: 200px;

  transform: rotate(90deg) ;
  -webkit-transform: rotate(90deg) ;
  -moz-transform: rotate(90deg) ;
  -o-transform: rotate(90deg) ;
  -ms-transform: rotate(90deg) ;

  -moz-box-shadow: 0px 0px 10px #AAA;
  -webkit-box-shadow: 0px 0px 10px #AAA;
  box-shadow: 0px 0px 10px #AAA;

  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;

  writing-mode: lr-tb ;
  border:1px solid #999;
  z-index: 100;
}

#feedback-link {
  display: block;
  padding: 12px 15px;
  border-top: 3px solid orange;
  font-weight: bold;
  font-size: 18px;
  line-height: 1em;
  color: #555;
  text-decoration: none;
  background-color: #fff;
}

#feedback-link:hover {
  text-decoration: none;
}

.chatlink-wrapper {
  position: fixed;
  right: 50px;
  bottom: 290px;

  transform: rotate(90deg) ;
  -webkit-transform: rotate(90deg) ;
  -moz-transform: rotate(90deg) ;
  -o-transform: rotate(90deg) ;
  -ms-transform: rotate(90deg) ;

  -moz-box-shadow: 0px 0px 10px #AAA;
  -webkit-box-shadow: 0px 0px 10px #AAA;
  box-shadow: 0px 0px 10px #AAA;

  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;

  writing-mode: lr-tb ;
  border:1px solid #999;
}

.chatlink {
  display: block;
  padding: 15px;
  font-weight: bold;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  background-color: #93c83e;
}