@import url("one-brand.css");
/**
These was once the rule targets:
  body, p, td, textarea, input, select, option, a {
  
 But it screws up the input boxes on the edit page on IE (because line-height is inconsistent with font-size)
 So, reverted it back to the way we was. BUG 463
**/

html {
	background-color: #fff;
	height: 100%;	
}

body, p, td {
  font-family : "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size : 10px;
  color : black;
  text-decoration : none;
  line-height : 15px;
  font-weight : normal;
  height: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    caption-side: top;
    empty-cells: show;
    /* table-layout: auto; */
}

#menu{
	float: left;
	clear: none;
	padding: 8px 16px 8px 16px;
	margin: 0px;
}

#content{
	float: left;
	clear: none;
	width: 70%;
	margin: 0px;
}

pre {
        font-family: 'Lucida Sans Typewriter', 'Lucida Console', monospace;
}

tbody.invisible {
  display: none;	
}

.invisible {
  display: none;	
}

a {
  color : #008391;
  font-weight : bold;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
   color : black;
}


/* no idea yet what this might break (came from the bugfixes branch). Isaac 2009-05-25
tr {
    vertical-align: baseline;
}
*/

.subText {
  font-size : 10px;
  line-height : 15px;
  color : #8B7A6F;
  font-style : normal;
  font-weight : normal
}

.subText a {
  color : #8B7A6F
}

.subText a:hover {
  color : #008391
}

.saveMessage {
  background-color : white;
  border-style : solid;
  border-width : 1px
}

.arrowCell {
  width : 125px;
}

.menuSize1 {
  width : 226px
}

.fieldSize0 {
  width : 330px;
  height : 220px
}

select[class=fieldSize0] {
  width : 340px;
}

.fieldSize1  {
  width : 220px
}

select[class=fieldSize1] {
	  width : 230px
}

.fieldSize2 {
      width : 190px
}

select[class=fieldSize2] {
      width : 200px
}

.fieldSize4 {
  width : 55px
}

select[class=fieldSize4] {
  width : 65px
}

.fieldSize5 {
  width : 165px
}

select[class=fieldSize5] {
  width : 175px
}

.fieldSize6 {
  width : 250px
}

select[class=fieldSize6] {
  width : 250px
}

.fieldSizeA {
  width : 100%
}

.fieldSize5Internal {
  width : 165px;
  color : black
}

.fieldSize5External {
  width : 165px;
  color : black
}

.fieldSize1Internal {
  width : 220px;
  color : black
}

.fieldSize2External {
  width : 110px;
  color : black
}

.fieldSize2Internal {
  width : 110px;
  color : black
}

.fieldSize1External {
  width : 220px;
  color : black
}

.fieldSize4Internal {
  width : 55px;
  color : black
}

.fieldSize4External {
  width : 55px;
  color : black
}

.externaltd {
  background-color : #DCB4FF;
  border-style : solid;
              border-width: 1px;
              padding: 2px;
}

.internaltd {
  background-color : #80FF80;
  border-style : solid;
              border-width: 1px;
              padding: 2px;
}

.externaltdSubtle {
              border-left-style: solid;
	      border-left-width: 0.5em;
	      border-left-color: #DCB4FF;
	      padding-left: 0.5em;
}

.internaltdSubtle {
              border-left-style: solid;
	      border-left-width: 0.5em;
	      border-left-color: #80FF80;
	      padding-left: 0.5em;
}

.abcExternal {
  cursor : pointer;
  font-size : 9px;
  color : black
}

.abcInternal {
  cursor : pointer;
  font-size : 9px;
  color : #008391
}

.duppers {
  font-family : "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  font-size : 14px;
  line-height : 15px;
  font-weight : bold;
  color : #8B7A6F
}

.duppers2 {
  font-size : 12px;
  line-height : 15px;
  font-weight : bold;
  color : #8B7A6F
}

.qmark {
  font-weight : bold;
  color : #8B7A6F
}

.groupHeading {
  font-weight : bold;
  color : #8B7A6F;
  margin : 6px 0px 2px 0px
}

.greenHeading {
  color : #008391
}

.textarea_buttons {
    /* width: 100%;*/
    padding-left: 4px;
    float: left;
}
.textarea_button {
    /* width: 100%;*/
    float: left;
    clear:left
}

.selectIfaceLanguage {
    height: 32px;
    width: 95%;
    margin-top: var(--gap-half);
}

h1 {
  font-size : 12px;
  line-height : 20px;
  /* color : #8B7A6F; */
  text-transform : uppercase;
  letter-spacing : 1px
}

h2 {
  font-size : 15px;
  line-height : 20px;
  /* color : #8B7A6F */
}

h3 {
  font-size : 11px;
  line-height : 18px;
  /* color : #8B7A6F */
}

h4 {
  font-size : 10px;
  line-height : 15px;
  font-weight : bold;
  /* color : #8B7A6F; */
  margin : 7px 0px 3px 0px;
  padding : 0px 0px 0px 0px
}

h5 {
  font-size : 10px;
  line-height : 15px;
  font-weight : bold;
  color : #8B7A6F
}

h6 {
  font-size : 10px;
  line-height : 15px;
  color : #008391
}

.ProcessingError {
  border : 2px solid;
  border-color : #CC3333 #CC0000 #CC0000 #CC3333;
  background-color : #FF9999;
  margin-left : 10px;
  padding: 2px 2px;
}

.ProcessingError span {
  color : black;
  font-weight : bold;
  font-size : 12px
}

.ProcessingError span a {
  color : black;
  font-weight : bold;
  font-size : 12px;
  font-style : italic;
  margin : 3px
}

.cellHeading {
  font-weight : bold;
  text-align : center;
  color : #8b7a6f
}

.cellHeading a {
  color : #8b7a6f;
  text-decoration : none;
  text-transform : uppercase;
  text-align : center
}

.cellNormal {
  background-color : #ffffff;
}

.cellAlternate, tr.cellAlternate td {
  background-color : #fdfdfd;
}

/*
.cellBold {
  background-color : #ffffff;
  font-weight : bold
}
*/

.confidenceHIGH {
  background-color : #00ff00
}

.confidenceMEDIUM {
  background-color : #ffcc00
}

.confidenceLOW {
  background-color : #FF3300
}

.confidenceCOPY {
  background-color : #3399ff
}

body {
  margin-left : 0px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 0px
}

.style2 {
  display : inline;
  font-size : 10px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  padding-right : 10px;
  margin-top : 4px;
  padding-top : 0
}

/* anything that is of class error, or any tag that is a descendant of a
   tag of class error */
.error, .error * {
        color: red;
}

.warning, .warning * {
        color: red;
}

.tkwarning {
    color: #F18700;
}

.disabled {
        color: grey;
		cursor: default;
}

input[type=text]:disabled, input[type=text]:read-only,
textarea:disabled, textarea:read-only,
select:disabled {
	color: grey;
	background: #EEEEEE;
	cursor: default;
}

#image_div img {
  display: block;
  position: absolute;
}

/* container for centering the control panel on top of page */
#controls {
	top: 0px; 
	width: 100%; 
	z-index: 20;
	position: fixed;
}

/* dress up actual control panel */
#controlform {
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	height: 20px;
	background: white;
	border: 1px #D9DAD4 solid;
}

/* class to change the width when only zoom controls are present */
#controlform.zoomonly {
	width: 48px;
}


#pagecounter {
	float: left;
	width: 64px;
	height: 18px;
	overflow: hidden;
	white-space:nowrap;
	margin-top: 1px;
}
	
/* center images in control div */
#controlform img {
	float: left;
	vertical-align: middle;	
	width: 20px;
	height: 20px;
	margin: 0px 2px;
}

#controlform span, #controlform input {
	display:inline-block;
	vertical-align:middle;
}

/* Header - same for external and internal */
#header {
  width: 100%;
  font-size: 14px;
  color: var(--header-text-color);
}

#header .header-logo {
  width: 100%;
  background-color: var(--header-bg-color);
  height: 40px;
}

#header h1 {
  width: 235px;
  height: 23px;
  background: url(images/3.3/logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 7px;
  left: 50px;
}

#header h1 span {
  display: none;
}

#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  right: 50px;
  top: 11px;
}

#header li {
  float: left;
  margin-left: 17px;
}

#header li a {
  color: var(--cta-color);
  text-decoration: none;
  font-weight: normal
}

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

#header a.icn-arrow {
  padding: 0 0 0 9px;
  background: url(images/3.3/icn-arrow.png) no-repeat 0 center;
}

#header #header-img {
  width: 100%;
  background: url(images/3.3/bg.gif) no-repeat right 0 #00a3b4;
  height: 109px;
  display: none;
}

#header h2 {
  width: 237px;
  height: 52px;
  ;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50px;
  top: 28px;
  background: url(images/3.3/sourcebox.png) no-repeat 0 0;
}

#header h2 span {
  display: none;
}

#header .wrap {
  margin: 0 auto;
  position: relative;
}

#header span.loginname {
  color : var(--header-text-color);  
  text-decoration: none;
}

p.headerNavigation {
    position: absolute;
    margin-right: 50px;
    top:5px;
    right: 0;
}

div.footer, div.push {
	height: 79px;
	clear: both;
}
div.footer {
	font-size: 12px;	
	width: 100%;
}
div.footer div.footer-text {
	padding: 20px 50px;
}
div#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -79px;
	min-width: 1070px;
}
input[type=text], input[type=password], select, textarea {	
    width: 150px;
    border: 1px solid #c0c0c0;
    background-color: #fff;
}

.user-details-form input[type=text], .user-details-form input[type=password], 
.user-details-form select, .user-details-form textarea, select#fieldname {	
    width: 400px;
}

input[type=text].apiKey, input[type=text].url, input[type=text].settings {
	width: 400px;
}


input[type=text].settings, select.settings, input[type=password].settings {
	width: 400px;
}

table tr td textarea {
    width: 398px;
}


/* This table should be of the same width as .settings inputs */
.document_sharing_breadcrumbs {
	width: 404px;
	margin-top: 5px;
}
.document_sharing_breadcrumbs .actions {
	text-align: right;
}
.document_sharing_breadcrumbs ul {
	margin-bottom: 0;
}

input[type=text].textractor-server {
	width: 300px;	
}

input[type=text].textractor-port {
	width: 94px;	
}

/* fix for input with base save path */

table.table-settings {
	width: 400px;
	border: none;
}

table.table-settings tr {
	width: 400px;
}

table.table-settings tr td {
	padding-left: 0px;
	white-space: nowrap;
	font-size: 12px;
}

table.table-settings tr td.current-save-path-prefix {
	width: 1%;
	padding-right: 3px;
}

table.table-settings tr.error-container-row td {
	white-space: normal;
}

table.table-settings input[type="text"] {
	width: 100%;
}

input.model {
	    width: 250px;
}

#tabsAndResults input[type=text], #tabsAndResults input[type=password] {
	width: 220px;
}
/* set to 100% for inner lists so the inner fields can define their own width (width1, width2, etc.): */
#tabsAndResults .innerListFieldTable input[type=text], #tabsAndResults .innerListFieldTable textarea {
	width: 100%;
}  

/* create widget page */
#preview > div.TK_WIDGET {
	float: left;
	margin: 0 20px 20px 0;
	cursor: pointer;
	overflow: hidden;
    position: relative;
	
}

#widgets_form td {
	vertical-align: baseline;
}

#code {
	border: 1px solid #c0c0c0; 
	font-size:12px; 
	background-color: #dedede; 
	padding:5px;
}
.previewNote {
	clear: both;
	padding-top: 20px;
}
.fixedRowHeaderWidth {
	width: 150px;
}
pre {
 word-wrap: break-word;
}
#brandingContainer input {
	width: 500px;
}
#customCss {
	width: 580px;
	height: 300px;
}
#customCssContainer td {
	vertical-align: top;
}
table.metadata input {
	width: 300px;
}

/* post profile */
#post_profile table {
	width: 100%;
	height: 100%;
	vertical-align: middle; 
	text-align: center;
}
#post_profile td {
	font-size: 14px;
}
#post_profile img {
	width: 48px;
	margin-bottom: 10px;
}

.period-button {
	font-size: 16px;
}
.period-button-selected {
	font-weight: bold;
}
.period-button-container {
    padding: 30px 0px 30px 140px;
    width: 647px;
}

#textractorOverview .taskSectionStart {
	border-top: 1px solid #d9dad4;
	padding-top: 5px;	
}

#textractorOverview tr.taskDisabled td {
	color: #888;
}

/* override tr.taskDisabled */ 
#textractorOverview td.task, #textractorOverview tr.taskDisabled td.task {
	font-weight : bold;
	color: #000;
}

#textractorOverview .taskProcessing {
	padding-left: 20px;
}


.external-link {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url('images/3.3/external-link.png') no-repeat center;
	padding: 3px;
}

div.federated-login {
	padding-top: 10px;
	clear: both;
}

span.savePathPrefix {
	color: dimgrey;	
}


.meter { 
	height: 10px;
	position: relative;
	background: #eee;
	padding: 3px;
	width: 396px;
}
.meter > span {
  display: block;
  height: 100%;
  background-color: #008391;
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
  min-width: 1px;
}

.searchIndexingWarning {
    display: inline;
    color: #CC0000;
    padding-left: 5px;
}

tr td span.dedupId {
    color: #009eb2;
    font-size: smaller;
    padding: 3px 0px 3px 0px;
}

tr.new td span.dedupId {
    display: none;
}

#widgetSpinner {
	margin-top: 10px;
}



.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.icon-btn {
      padding: 5px 7px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 2px;
    line-height: 18px;
    font-weight: normal;
    color: black;
}

.upload-btn {
      /*color: #048492;*/
    border: 1px solid black;
    color: white;
    background: black;
    float: right;
}

.upload-btn:hover {
    color: #aaa;
}

.process-cv-label {
  display: inline-block; 
  width:50px;
}

.process-cv-input {
  width: 300px;
  padding-right: 4px;
}

input.process-cv-input {
  width: 300px;
  padding-right: 4px;
}

.process-url-header {
  padding-top: 20px;
}

.flatPickrFormControl {
  width: 400px;
}

.flatPickrFormControl__input {
  width: 150px !important;
  display: inline !important;
  float: left;
  background-color: white !important;
}

.flatPickrFormControl__icon__a {
  float: left;
  padding-left: 6px; 
}

.flatPickrFormControl__icon__img {
  margin-top: 3px; 
}

.txtor-scheme {
  width:100px;
}