* {
    margin: 0;
}

body {
    background-color: black;
    /*color: wwhite;   cannot set white, will ruin EXT objects */
    height: 100%;
    letter-spacing: -0.03em;
}

html {
    height: 100%;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body, table, tr, img {
    border: 0px none;
    padding: 0px;
    margin: 0px;
    /*font-family: Calibri,Helvetica, Arial, sans-serif;*/
    /*font-size: 10pt;*/
    /*font-weight: lighter;*/
    line-height: 1.6em;
}

table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
}

.page {
    position: relative;
    z-index: 10;
    background-color: transparent;
    width: 800px;
    text-align: left;
}

.pagetop {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    background-color: white;
    border-bottom: 8px solid #c3a463;
}

.sIFR-hasFlash h4 {
    visibility: hidden;
    font-size: 20px;
    height: 24px;
}

#newsbar {
    height: 100px;
    width: 300px;
    overflow: hidden;
}

#newsbar .titleBox_gsnb {
    font-size: 26px;
    color: #CCA248;
    margin-top: 0px;
}

#newsbar .gs-title, #newsbar .gs-title b {
    color: #00adef;
    font-weight: normal;
}

#newsbar .gs-snippet b {
    font-weight: normal;
}

#newsbar .statusItem_gsnb, #newsbar .gs-watermark {
    display: none;
}

#newsbar .gs-publisher, #newsbar .gs-location, #newsbar .gs-publishedDate, #newsbar .gs-relativePublishedDate {
    display: inline;
    color: #505050;
}

/*.gs-clusterUrl
*/

.header {
    width: auto;
    background-color: transparent;
    color: black;
    /*margin-bottom:25px;*/
}

.menu {
    background-color: #e2e3e5;
    height: 30px;
    max-height: 24px;
}

.menu td {
    background-image: url(img/tab_edge2.png);
    background-position: top right;
    background-repeat: no-repeat;
    border-left: 2px solid white;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 24px;
    max-height: 24px;
    white-space: nowrap;

    width: 0px;
    padding-left: 15px;
    padding-right: 15px;

}

.menu .first {
    background-color: white;
    background-image: none;
}

.first div {
    width: 200px;
}

.menuitem {
    text-align: center;
}

.menuitem a {
    white-space: nowrap;
}

.sIFR-hasFlash .menuitem {
    height: 20px;
    letter-spacing: 2px;
}

.languageselect {
    padding-top: 2px;
    min-width: 50px;
    text-align: center;
}

.languageselect span {
    white-space: nowrap;
}

.languageselect img {
    margin-left: 3px;
}

.menu td a {
    color: black;
    font-size: 18px;
    font-family: Helvetica, Arial, sans-serif;
}

.menu td a:hover {
    color: black;
    text-decoration: underline;
    font-family: Helvetica, Arial, sans-serif;
}

.t {
    color: #f2f2f2;
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
}

.address {
    font-family: Helvetica, Arial, sans-serif;
    color: #f2f2f2;
}

.address .officename {
    color: #c2a363;
}

.address a {
    color: #01aded;
}

.quote, .quoteright, p.author {
    font-family: Times, times new roman, serif;
    font-style: italic;
    color: #CCA248;
    font-size: 22px;
    line-height: 1.6em;
    letter-spacing: 1px;
    word-spacing: 3px;
    width: 100%;
}

.quote, .quoteright {
    margin-top: 20px;
}

p.author {
    margin-bottom: 25px;
}

.quote {
    text-align: justify;
    /*text-justify:distribute-all-lines;*/
    /*text-align-last: justify;*/
}

.quoteright {
    text-align: right;
}

td.author {
    text-align: right;
    padding-right: 50px;
}

.footnote, .footnote:visited {
    color: lightgrey;
    text-decoration: none;
    vertical-align: super;
    font-size: smaller;
}

.bottomlink, .bottom2 {
    width: 100%;
    height: auto;
    background-color: #c1a463;
    background-image: url(img/link_edge3.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    color: black;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    position: relative;

    margin: 0;
    margin-bottom: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: 0;
}

.bottomlink a, .bottomlink span, .bottom2 span {
    /*  width:100%;
      position:absolute;
      height: 1px;
      margin-top:-8px;
      top:50%;
    */
    margin: 0;
    padding: 0;
    border: 0;

    margin-left: 5px;
    color: black;
}

.bottomlink span img, .bottomlink img {
    vertical-align: middle;
}

.sidemenu {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-left: 0px;
    margin-left: 0px;
    white-space: nowrap;
}

.sIFR-hasFlash .sidemenu li {
    height: 22px;
}

.sidemenu li a {
    color: #c2a563;
}

.sidemenu li.submenu a {
    color: #00adef;
}

.main {
    width: auto;
    height: auto;
    vertical-align: top;
}

.sidebar, .sidebar_bottom {
    width: 300px;
    padding-left: 20px;
}

.sidebar {
    vertical-align: top;
}

.sidebar_bottom {
    padding-top: 0px;
    vertical-align: bottom;
}

.contact {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 26px;
    /*    color: #c2a563;*/
    white-space: nowrap;
    margin-top: 0;
    margin-bottom: 15px;
}

.contact_side {
    vertical-align: bottom;
    padding-left: 20px;
    width: 100%;
}

.contact_side p.contact {
    padding-bottom: 12px;
}

.contact img, .contact a img, .contact_side img {
    vertical-align: middle;
}

.contact a, .contact_side a {
    color: #c2a563;
}

.jobs a, .jobs a:visited {
    color: #00adef;
}

.footerlogo {
    margin-top: 30px;
    margin-bottom: 10px;
}

.push {
    height: 108px; /* .push must be the same height as .footer, including any margins, padding and footerline */
    clear: both;
}

.push-simple {
    height: 138px; /* .push must be the same height as .footer, including any margins, padding and footerline */
    clear: both;
}

.footer-line {
    background-color: #CCA248;
    height: 3px;
}

.footer-tess {
    font-size: 12px;
    height: 108px; /* .push must be the same height as .footer */
    clear: both;
    overflow: hidden;
}

.footer-simple {
    font-size: 12px;
    height: 138px; /* .push must be the same height as .footer */
    clear: both;
    overflow: hidden;
}

.footer-simple2 {
    font-size: 12px;
    height: 58px; /* .push must be the same height as .footer */
    clear: both;
    overflow: hidden;
}

.footer-td {
    padding-left: 20px;
    padding-right: 20px;
}

.wrapper-tess {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -108px; /* the bottom margin is the negative value of the footer's height */
}

.wrapper-simple {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -138px; /* the bottom margin is the negative value of the footer's height */
}

.copyright {
    font-size: 8pt;
}

.copyright a {
    color: #01aded;
}

.news a, .news a:visited {
    color: #12a8cd;
    text-decoration: none;
}

.contactform {
    width: 600px;
}

.contactform table tr td {
    padding-bottom: 0px;
    padding-right: 20px;
}

/*
.contactform input, #name, #email {
  width:100%;
  height:20px;
}
*/
.contactform .bottom2 {
    width: 100%;
    padding: 2px;
}

.contactform #submit {
    width: 200px;
    height: 20px;
    background-color: #CCA248;
    border: 0px none;
    /*border-color: #CCA248;*/
}

.contactform textarea {
    width: 100%;
    height: 350px;
    border: 0px none;
    padding: 0px;
    margin-bottom: 0px;
}

.message_ack {
    margin-bottom: 20px;
}

.message_ack td {
    vertical-align: top;
    padding-right: 10px;
}

.searchinput {
    /*color: rgb(255,100,100);*/
    /*font-family: Calibri, Verdana;*/
    font-weight: normal;
    font-size: 15px;
    padding: 5px;
    width: 180px;
    background-color: rgba(150, 150, 150, 0.3);
    border: 1px dashed rgba(50, 50, 50, 0.5);
    border-radius: 0;
}

.searchinput:focus {
    border: 1px solid rgba(50, 50, 50, 1);
    background-color: rgba(150, 150, 150, 0.5);
    box-shadow: 0 1px 2px rgba(20, 20, 20, 0.8) inset;
}

.searchlabel {
    color: #AAAAAA;
    font-family: Calibri, Verdana;
    font-size: 14px;
}

.searchsubmit {
    border: 1px solid #c3c3c3;
    font-family: Calibri, Arial, Helvetica, Sans Serif;
    color: #0066CC;
    font-size: 11px;
    background-color: #e4e3e3;
    height: 25px;
}

.logarea {
    font-size: 10px;
}

abbr {
    cursor: help;
    border-bottom: none;
}

img.screen {
    border: solid thin #34334f;

}

.whitetext {
    color: white;
}

.x-form-taskfield {
    color: orange;
    font-size: 200%;
}

.x-form-title {
    color: gray;
    font-size: 200%;
}

.popupDialog {
    position: absolute;
    visibility: hidden;
    background: #444;
    color: black;
    /*    background-image: url('panel.png');*/
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    padding: 0px;
    text-align: center;
}

.centertable {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

table.statistic td {
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #aaa;
}

table.statistic tr.number td {
    text-align: center;
    color: white;
}

table.candidates td {
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    border: 2px solid black;
}

/* contact notes */
table.note {
    margin: 5px 5px 5px 5px;
    border-spacing: 5px;
    border-collapse: separate;
    -moz-border-radius: 9px 9px 9px 9px;
    -webkit-border-radius: 9px 9px 9px 9px;
    -khtml-border-radius: 9px 9px 9px 9px;
    border-radius: 9px 9px 9px 9px;
    color: #444;
    box-shadow: 1px 1px 5px #222, 0 0 0 #000000 inset;
    text-align: left;
}

.note-simple {
    border: 1px solid orange;
    background-color: #FFE437;
}

.note-related {
    opacity: 0.4;
}

.note-phone {
    border: 1px solid lightblue;
    background-color: #88BBFF;
}

.contactnote {
    float: left;
}

.contactnoteinput {
    background-color: #FEB;
    color: black;
    border: 1px orange;
    font-family: inherit;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 5px;
    min-width: 300px;
    min-height: 50px;
}

.contactnoteinput:focus {
    outline: 0;
}

.contactnotemini { /* used in workrecords table */
    background-color: #FFFF65;
    border: 1px solid orange;
    width: 10px;
    height: 10px;
    margin-top: 2px;
    margin-right: 3px;
    float: left;
    box-shadow: 0 0 5px #CCCCCC, 0 0 0 #000000 inset;
}

img.note-simple {
    border: 1px solid orange;
}

img.note-phone {
    border: 1px solid lightblue;
}

img.note {
    width: 32px;
    float: left;
    margin: 0px 3px 3px 0;
    box-shadow: 0 0 5px #CCCCCC, 0 0 0 #000000 inset;
}

table.note-phone th {
    background-color: #BDF;
    border: 1px solid lightblue;
}

table.note-simple th {
    background-color: #FFFF65;
    border: 1px solid orange;
}

table.note th {
    padding: 0px 3px 0px 3px;
    font-weight: normal;
    text-align: left;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

table.note td {
    padding: 2px 3px 2px 3px;
    font-size: 100%;
    font-weight: bold;
    -moz-border-radius: 9px 9px 9px 9px;
}

/* contact notes end*/

.qrcode {
    border: 2px solid red;
    margin: 5px;
}

/* AJAX drag-drop file upload */

.drop-area {
    /*    border:2px solid black;*/
    padding: 5px;
    background-size: contain;
    min-height: 20px;
    overflow: auto
}

.drop-area.hover {
    border: 2px dashed red
}

.drop-area div {
    /*    width:150px;*/
    /*    height:150px;*/
    /*    border:1px solid #CCC;*/
    font-size: .8em;
    padding: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    margin: 10px;
    word-wrap: break-word
}

.drop-status {
    /*    background-color:black;*/
    /*    color:white;*/
    /*    padding:5px 20px;*/
    /*    margin-bottom:10px*/
}

.docattachment {
    background-color: grey;
    padding: 2px;
    margin: 3px;
    opacity: 0.8;
    border: 1px solid silver;
    width: content-box;
    text-align: left;
    display: inline-block;
    -moz-border-radius: 6px 6px 3px 3px;
    -webkit-border-radius: 6px 6px 3px 3px;
    -khtml-border-radius: 6px 6px 3px 3px;
    border-radius: 6px 6px 3px 3px;
    -moz-box-shadow: 2px 2px 3px grey;
    -webkit-box-shadow: 2px 2px 3px grey;
    box-shadow: 2px 2px 3px grey;

}

.code { /* NOTE: if this definition is changed, it must also be changed inside tinymce-content.css */
    color: red;
    font-family: Consolas, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', 'monospace';
}

.keyword { /* NOTE: if this definition is changed, it must also be changed inside tinymce-content.css */
    border-bottom: 1px dashed red;
}

.sborder {
    border: 1px solid #DDDDDD;
    box-shadow: 0 0 5px #CCCCCC, 0 0 0 #000000 inset;
}

.tborder {
    box-shadow: 1px 1px 5px #222, 0 0 0 #000000 inset;
}

.iborder {
    box-shadow: 1px 1px 7px 2px #222 inset;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(RobotoRegular.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(RobotoMedium.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), url(RobotoBold.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), url(RobotoItalic.woff) format('woff');
}

@font-face {
    font-family: 'Armata';
    font-style: normal;
    font-weight: 400;
    src: local('Armata'), local('Armata-Regular'), url(Armata.woff) format('woff');
}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('Droid-Regular'), url(droidsans-webfont.woff) format('woff');
}

.dhtmlxcalendar_container {
    z-index: 9999;
}

.sshoutput {
    font-size: 90%;
    text-align: left;
    width: 100%;
    line-height: 90%;
}

.bubble {
    border: 2px solid red;
    position: absolute;
    display: none;
    padding: 8px;
    background-color: #EFE;
    font-size: 110%;
    border: 1px solid #AFA;
    box-shadow: 0 0 5px #CCCCCC, 0 0 0 #000000 inset;
    text-align: left;
    line-height: 100%;
    max-width: 200px;
    color: black;
}

.shadowtext {
    text-shadow: 1px 1px #AAA;
}

.niceContact {
    color: inherit;
    line-height: 12px;
}

.iosicon {
    border-radius: 12px;
}

.divlink {
    cursor: pointer;
}

.cs_colorBox {
    float: right;
}

@font-face {
    font-family: 'museo';
    src: url('museosans-100-webfont.eot');
    src: url('museosans-100-webfont.eot?#iefix') format('embedded-opentype'),
    url('museosans-100-webfont.woff') format('woff'),
    url('museosans-100-webfont.ttf') format('truetype'),
    url('museosans-100-webfont.svg#museo_sans100') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'museo';
    src: url('museosans-300-webfont.eot');
    src: url('museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
    url('museosans-300-webfont.woff') format('woff'),
    url('museosans-300-webfont.ttf') format('truetype'),
    url('museosans-300-webfont.svg#museo_sans300') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'museo500';
    src: url('museosans-500-webfont.eot');
    src: url('museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
    url('museosans-500-webfont.woff') format('woff'),
    url('museosans-500-webfont.ttf') format('truetype'),
    url('museosans-500-webfont.svg#museo_sans500') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'museo700';
    src: url('museosans_700-webfont.eot');
    src: url('museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
    url('museosans_700-webfont.woff') format('woff'),
    url('museosans_700-webfont.ttf') format('truetype'),
    url('museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Museo Slab';
    src: url('museo_slab_500-webfont.eot');
    src: url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
    url('museo_slab_500-webfont.woff') format('woff'),
    url('museo_slab_500-webfont.ttf') format('truetype'),
    url('museo_slab_500-webfont.svg#museo_slab500') format('svg');
    font-weight: 700;
    font-style: normal;

}

.livicon-16 {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    height: 18px !important;
}

.livicon-32 {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    height: 34px !important;
}

.livicon.shadowed {
    -webkit-filter: drop-shadow(1px 1px 0 rgba(50, 50, 50, 0.25));
    filter: drop-shadow(1px 1px 0 rgba(50, 50, 50, 0.25));
}

.clientstatus, .casestatus {
    border: 1px solid #AAA;
    border-radius: 3px;
    padding: 3px;
    line-height: 24px;
}

.phonelocation {
    font-size: 80%;
    color: #666
}

.default_contact_info {
    font-weight: bold;
}

.roundborder {
    text-align: center;
    border: 1px solid #AAA;
    border-radius: 3px;
    padding: 0 2px;
}

.icons {
    width: 32px;
    margin: 5px;
}

.valigned16 {
    vertical-align: middle;
    line-height: 16px;
    height: 16px;
}

.valigned18 {
    vertical-align: middle;
    line-height: 18px;
    height: 18px;
}

.dialogButtonOK {
    background-color: lightgreen !important;
    color: green !important;
}

.dialogButtonCancel {
    background-color: pink !important;
    color: red !important;
}

.tooltip-tess {
    min-width: 1px;
    min-height: 8px;
}

.saturate {
    -webkit-filter: saturate(3);
    filter: saturate(3);
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.contrast {
    -webkit-filter: contrast(160%);
    filter: contrast(160%);
}

.brightness {
    -webkit-filter: brightness(0.25);
    filter: brightness(0.25);
}

.blur {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

.invert {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.sepia {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.huerotate {
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

.rss.opacity {
    -webkit-filter: opacity(50%);
    filter: opacity(50%);
}

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

.box {
    /*display: flex;*/
    /*flex-flow: column;*/
    /*overflow-x:auto;*/

    display: flex;
    flex-flow: column;
    min-height: 100vh;
    /*
    overflow-x: hidden;
    overflow-y: visible;
     */
    /*min-width: 880px;*/
}

.box .row {

}

.box .row.header {
    flex: 0 1 auto;
    /* The above is shorthand for:
    flex-grow: 0,
    flex-shrink: 1,
    flex-basis: auto
    */
}

.box .row.content {
    padding-left: 15px;
    margin-right: 15px;
    right: 15px;
    flex: 1 1 auto;
    /*overflow-x: auto;*/ /* removed this to make fixedTableHeader work */
    /* overflow-x: scroll; /* to make page left-right scrollable, esp for mobile; but then it will make the footer visible always */
}
@media (max-width: 767px){
    .box .row.content::-webkit-scrollbar {
        display: none;
    }
}
@media (min-width: 768px){
    .box .row.content::-webkit-scrollbar {
        display: inherit;
    }
}


.box .row.footer {
    padding-left: 0px;
    margin: 0px;
    flex: 0 1 40px;
    position: relative;
}

.benchmarktable > tbody > tr > td {
    padding: 0 5px;
}

.tessbadge {
    font-family:inherit !important;
    line-height:16px !important;
}

.tessmodal .modal-dialog {
    min-width: 1200px;
    /*width: 95%;*/
}
.tessmodal-500 .modal-dialog {
    min-width: 500px;
}
.tessmodal-600 .modal-dialog {
    min-width: 600px;
}
.tessmodal-700 .modal-dialog {
    min-width: 700px;
}
.tessmodal-800 .modal-dialog {
    min-width: 800px;
}
.tessmodal-900 .modal-dialog {
    min-width: 900px;
}
.tessmodal-1000 .modal-dialog {
    min-width: 1000px;
}
.tessmodal-1100 .modal-dialog {
    min-width: 1100px;
}

.tess-overflow {
    overflow: hidden;
}

.tess-overflow-overlay {
    border: 1px dashed #333;
    background-color: rgba(240,250,220,0.9);
    z-index: 99999;
}

.sales-widget-text{
    margin-top: 3px;
    line-height: 13px;
    opacity:0.5
}

.sales-widget-text:hover {
    color: white;
}

.silver-bg {
    background-color: silver;
    color: #555;
}

.todo-section {
    padding-right:2px;
    display: table-cell;
    white-space: nowrap;
}

.minibutton {
    padding: 1px 4px 1px 4px;
}
.flagdiv {
    white-space:nowrap;height:10px;
}