@import 'editorStyles.css';

@font-face {
    font-family: Lato-Regular;
    src: url('Lato-Regular.ttf');
}

body
{
    font-family: Lato-Regular; font-size: 15px;
    
}
h1 {display: inline; margin:0em;}
h2 {font-size:30px; margin:1em 0em 0em 0em;}
h3 {font-size:20px; margin:1.2em 0em 0.3em 0em; padding:0em;}
h4 {font-size:15px; margin:0em;}

ins {color:green;background:#dfd;text-decoration:none}
del {color:red;background:#fdd;text-decoration: line-through}

.sectionHeader
{
    margin-top: 36px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: bold;
}
table {
    border-collapse: collapse;
}
table, th, td {
    border: 1px solid black; ;
}
table.editors, table.options, table#header, .editors th, .options th, #header th, .editors td, .options td, #header td  {
    border: 0px solid #fff;
}

.translationMngr {border:2px solid #fff;}
/*
input{border:2px solid #d9d9d9; padding:0.4em 1em;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
font-family: Lato-Regular;
font-size: 14px;
}
*/
input {font-family: Lato-Regular; font-size: 14px;padding-left:0.5em;}
.input{min-width:20em; }
select {position:relative; top:-0.1em; min-width:20em; font-family: Lato-Regular; font-size: 14px;padding-left:0.5em;}
ul {margin:0em 0em 0em 1.5em; padding:0em;}

.disabled {cursor: default; pointer-events: none; opacity:0.4; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; filter: alpha(opacity=40); -khtml-opacity: 0.4;}
.disabled60 {cursor: default; pointer-events: none; opacity:0.7; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70); -khtml-opacity: 0.7;
-webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none; 
}
.italic {font-style:italic;}
.bold {font-weight:bold;}
.right {float:right}

a:link {color:#3c5a96;}
a:visited, a:active {color:#3c5a96;}
a:hover{color:#2384b9;}
a.createNew {position:relative; top:0.1em; display:inline-block; background-color:#4ebd4a; padding:0.25em 1em 0.2em 1em; color:#fff; text-decoration:none;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
a.createNew:hover {background-color:#389835;}
a.editBtn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-edit.png);}
a.editBtn:hover {background-position: 0 -15px;}
a.addBtn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-add.png);}
a.addBtn:hover {background-position: 0 -15px;}
a.updateBtn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-update.png); background-repeat: no-repeat;}
a.updateBtn:hover {background-position: 0 -15px;}
a.cancelBtn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-cancel.png); background-repeat: no-repeat;}
a.cancelBtn:hover {background-position: 0 -15px; }
a.updateBtn{}
a.deleteBtn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-delete.png);}
a.deleteBtn:hover {background-position: 0 -15px;}
a.delete2Btn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-cancel2.png);}
a.delete2Btn:hover {background-position: 0 -15px;}
a.translateBtn{margin:0 auto; width: 25px; height: 15px; display: inline-block; background: url(/images/btn-translate.png);}
a.translateBtn:hover {background-position: 0 -15px;}

#page-container {width:98%; margin:0 auto;}
#standardsPanel, #clausesPanel {}
#standardsActions {text-align:right; margin:1em 0em 0.5em 0em; }
.clauseActions  {text-align:right; margin-bottom:0.5em; }
#headerBlock {margin-top:2em;}
#export {display:inline-block; position:relative; top:-0.2em; left:0.4em;}
.clauseNewOptions{float:right; background-color:#eee; border:1px solid #000; position:relative; top:2px; margin-right:3px; margin-left:-1px; padding:0.5em 1em 0.5em 1.5em; border-bottom:1px dotted #000;
-webkit-border-radius: 15px 0px 0px 0px; -moz-border-radius: 15px 0px 0px 0px; border-radius:15px 0px 0px 0px;
}
/*
#createNewActions {background-color:#eee; position:relative; top:1px; margin-right:1px;}
*/
.hasContentOption{background-color:#ddd; border-top:1px solid #a9a9a9;  border-bottom:1px solid #a9a9a9;  border-right:1px solid #a9a9a9; padding:0.15em 1em; margin-left:-0.3em; margin-right:0.5em; padding:0em 0.5em 0.2em 1em; position:relative; top:-0.05em;}
.hasContentOptionTxt {position:relative; top:0.05em;}
.hasContentOption input {position:relative; top:0.2em;}
#createNewActions {}
.tbl th {background-color:#ddd; padding:0.5em; width:120em;}
.td_standardTitle {width:90%; overflow:hidden;}
.td_standardActions {width:10%; text-align:center; }

#clauses {width:120em; background-color:#eee;}
#correlations {width:120em;}
.td_clauseActions {width:15em; text-align:center; border-right:1px solid #ddd; padding-top:0.4em;}
.td_clauseTitle {width:105em; overflow:hidden;}
.td_clauseCorrelations {width:105em; padding:0.5em 1em; border-right:1px solid #ddd;}
.td_clauseCorrelationsActions {width:15em; text-align:center; }


.row span a {padding:0.5em 1em; display:block;}
#clausesPanel .row .disabled {padding:0.5em 1em; display:block;}
.editabaleTxt {width:100em; }
.editableField {background-color:#c8fec6;}
.row span input {width:95%; margin-left:0.5em; padding:0.5em 0.5em; display:block; border:0px; background-color:#c8fec6;
}
.td_standardTitle .editabaleTxt input{width:97%}


#standardClauseName {}
.titleBlock {border-bottom:1px solid #c0c0c0; margin-bottom:1.5em; }
.titleBlock h3 {font-weight:bold;}
.tabBlock { position:relative; top:2px; z-index:99;}
.tabBlock h3 {display:inline-block;}
.tab {margin-top:1.2em; position:relative; top:1px; border:1px solid #8d8d8d; background-color:#c0c0c0; display:inline-block; padding:0.5em 2.5em 0.2em 1.5em;
-webkit-border-radius: 0px 8px 0px 0px; -moz-border-radius: 0px 8px 0px 0px; border-radius: 0px 8px 0px 0px;
}
.tab h4 {margin:0em 0em 0.3em 0em;}
.clauseUpdateBlock {border-left:1px solid #8d8d8d; border-right:1px solid #8d8d8d; border-bottom:1px solid #8d8d8d; margin-right:1px; position:relative; top:-1px; z-index:10; background-color:#fff;
-webkit-border-radius: 0px 0px 15px 0px; -moz-border-radius: 0px 0px 15px 0px; border-radius:0px 0px 15px 0px;
padding:1em; text-align:right;
}
#cboClauseCorrelations {margin-top:1.8em; padding:0.2em 0.5em;}
.linkedEditor {vertical-align:top;}
.txtCorrelationTextContainerNull {background-color:#ddd;}
.txtCorrelationTextContainerNotNull {background-color:#fff;}

.mce-tinymce .mce-container .mce-panel {border:1px solid #8d8d8d;}

#tblSpacer {width:0.4em;}
#translationManager {}
#treeDisplay {width:27em; border-right:1px solid #fff;}
#editDisplay {border-left:2px solid #fff;}
#treeTitle {padding:0.5em 1em;; border-left:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; font-weight:bold;}
#treeBlock {border:1px solid #000; padding:0.5em 0.5em 0em 0.5em; min-height:44.7em; max-height:44.7em;}
#tree {overflow: auto; height:44.1em;}

#translationBlock {margin-top:2em;}
.clauseList {display:inline-block; vertical-align:top; height:100%; width:20%}
.clauseTranslations {display:inline-block; width:79.5%}
.tblClauseList {width:100%;}
.tblClauseList th {text-align:left; padding:0.5em 0.5em 0.5em 1em;}
.tblClauseList td {padding:0.5em; }
.clauseNavBlock {padding:0.5em 0.5em 0.5em 1em;  max-height:44.7em; overflow: auto} /* min-height:44.7em; */
.clauseNavItem {padding:0.5em 0em;}

.tblTranslationAssignments {width:100%;  border:0px solid #fff;}
.tblTranslationAssignments th {background-color:#ddd; padding:0.5em 0.5em 0.5em 1em;}
.tblTranslationAssignments td {padding:0.5em 0.5em 0.5em 1em;}

.tblTranslationPanels {width:100%;  border:0px solid #fff;}
.tblTranslationPanels th {background-color:#ddd;}
#translationBase {width:49.75%; padding:0.5em 0.5em 0.5em 1em;}
.blank {width:0.5%; border-top:0px solid #fff; border-bottom:0px solid #fff; background-color:#fff;}
#translationData {width:49.75%; padding:0.5em 0.5em 0.5em 1em;}

.translationClauseTitle, .translatedClauseTitle {text-align:center; padding:0.6em 0.5em 0.6em 1em; font-family: monospace; }
.translatedClauseTitle input {width:96%; text-align:center; }
.translationClauseContent {height:43.65em; max-height:43.65em;  background-color:#fff; /*background-color:#5a305a;*/}
.translationClauseContentSpacer {height:2.6em; background-color:#f0f0f0; color:#000; border:1px solid #cccccc; /*text-align:center;*/ padding-top:5px; padding-left:5px;}
.translationClauseContentData {max-height:42em; overflow:auto; margin-top:0em; padding:0em 0.5em 0.5em 1em; color:#000; }
.translatedClauseContent {height:43.65em; max-height:43.65em; vertical-align:top; }
.sourceContent {height:40.65em; max-height:40.65em; vertical-align:top; }
.mce-edit-area {max-height:44.95em; min-height:44.95em; overflow:auto;}
#languageActions select {position:relative; top:0.05em;}

.translationUpdateBlock {text-align:right; background-color:#fff; position:relative; left:2px; padding:0.1em;
/*
margin-left:-2px; border-left:1px solid #000; border-bottom:1px solid #000; border-right:1px solid #000;padding: 0.1em 1em 0.5em 0.5em;-webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 15px;
*/
}
.translationUpdateBlockData {clear:both; margin-top:1em;}

.media {padding:1em;}

.triangle-border {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
    /*
	border:5px solid #9fa0ce;
    */
    background-color:#ddd;
	color:#333;
	/* css3 */
    /*
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    */
}

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#ddd transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
   
	border-color:#ddd transparent;

    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

.darkBG {background-color:#e5e5e5;}

.custom-file-input-file-name {width:30em; padding:0.5em;}

.state-new {
    color:Blue;
}
.state-updated {
    color:Red;
}
.state-normal {
    color:Black;
}
.state-unknown {
    color:Green;
}

.diffButton {
    cursor: pointer;
}

.guidSearch {
    float: left;
}

.translationClauseTitle .translationClauseContentSpacer {width:104%; margin:-0.6em 10em 0em -1em; text-align:left;  }