#organizeDialog.btn {
    margin-right: 10px;
}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #7c9eb2;
    padding: 10px 10px;
}

.angular-ui-tree-handle:hover {
    color: #438eb9;
    background: #f4f6f7;
    border-color: #dce2e8;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

tr.angular-ui-tree-empty {
    height:100px
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

/* --- Tree --- */
.tree-node {
    border: 1px solid #dae2ea;
    background: #f8faff;
    color: #7c9eb2;
}

.nodrop {
    background-color: #f2dede;
}

.tree-node-content {
    margin: 10px;
    text-align: left;
}

.tree-handle {
    padding: 10px;
    background: #428bca;
    color: #FFF;
    margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.annotator-editor a.annotator-organize:after {
    background-position: 0 -270px;
}

.annotator-editor a.annotator-organize:hover:after,
.annotator-editor a.annotator-organize:focus:after,
.annotator-editor a.annotator-organize.annotator-focus:after {
    margin-top: -8px;
    background-position: 0 -135px;
}

.annotator-editor a.annotator-save:after {
    background-position: 0 -120px;
}

.annotator-editor a.annotator-save:hover:after,
.annotator-editor a.annotator-save:focus:after,
.annotator-editor a.annotator-save.annotator-focus:after {
    margin-top: -8px;
    background-position: 0 -135px;
}

.annotator-marginviewer-scope input[type=radio] {
    margin: auto;
}

.annotator-viewer div {
    max-width: 425px !important;
    max-height: 450px !important;
    border-top: none !important;
    word-wrap: break-word !important;
    word-break: break-word;
}
.viewScope {
    min-height: 12px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: dashed !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #999999 !important;
    color: #3c3c3c !important;
    font-size: medium !important;
    font-style: inherit !important;
    position: relative !important;
}

.viewTitle { 
    min-height: 12px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: dashed !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #999999 !important;
    color: #3c3c3c !important;
    font-size: medium !important;
    font-style: inherit !important;
    position: relative !important;
}

.viewText {
    min-height: 36px !important;
    color: #3c3c3c !important;
    padding-top: 2px !important;
    font-size: small !important;
    font-style: inherit !important;
    position: relative !important;
    border-bottom: dashed !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #999999 !important;
}

.viewDate {
    color: #3c3c3c !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: small !important;
    font-style: inherit !important;
    position: relative !important;
}

.tree-node.tree-node-content:hover {
    background-color: #ffe6b0 !important;
    border: 1px solid #ffb951 !important;
    border-top: 1px solid #ffb951;
    border-bottom: 1px solid #ffb951;
    word-wrap: break-word !important;
}

.splitText {
    display: block !important;
    word-wrap: break-word !important;
    max-width: 425px !important;
    max-height: 100% !important;
    font-style: inherit !important;
    font-size: inherit !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-right: -50px !important;
}

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

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

  text-align: center;
  margin: 0 auto;
  font-family: arial;
  font-size: 13px;
  color: #000000;
  background-color: #e6e6e6;
  border: 1px solid #b3b3b3;
  
  padding:5px;
  position: absolute; 
  top:10em;
  left: -50px; 
  width: 175px; 
  height: 132px;
  cursor:pointer;
}

.annotations-rotate:hover {
    background-color:#5285B8;
    color:#FFFFFF;
}

.annotations-rotate-expanded {
    background-color: #FFFFFF;
}

.annotations-rotate-expanded:hover {
    background-color: #FFFFFF;
    color: #000000;
}

.annotations-panel-view {
    width:320px;
    height: 98%; 
    overflow-x: hidden; 
    border: 1px solid rgb(179, 179, 179); 
    overflow-y: auto !important; 
    z-index: 101 !important; 
    display: block;
    position: relative; 
    background-color: white;
}

.glyphicon.glyphicon-ban-circle.annotator-viewer-cancel {
    pointer-events: all;
    font-size: 20px;
    float: right;
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 4px;
    color: #555;
}

.glyphicon.glyphicon-ban-circle.annotator-viewer-cancel:hover {
    color: #5285B8;
    background-color: #ffe6b0;
}

.glyphicon.glyphicon-ok-circle.annotator-viewer-save {
    pointer-events: all;
    font-size: 20px;
    float: right;
    margin-bottom: 4px;
    margin-right: 4px;
    color: #555;
}

.glyphicon.glyphicon-ok-circle.annotator-viewer-save:hover {
    color: #5285B8;
    background-color: #ffe6b0;
}

.glyphicon.glyphicon-pencil.annotator-viewer-edit {
    pointer-events: all;
    font-size: 16px;
    float: right;
    margin-bottom: 4px;
    margin-right: 2px;
    color: #555;
}

.glyphicon.glyphicon-pencil.annotator-viewer-edit:hover {
    color: #5285B8;
    background-color: #ffe6b0;
}

.glyphicon.glyphicon-picture.annotator-viewer-graphic {
    pointer-events: all;
    font-size: 16px;
    float: right;
    margin-bottom: 4px;
    margin-right: 2px;
    color: #555;
}

.glyphicon.glyphicon-picture.annotator-viewer-graphic:hover {
    color: #5285B8;
    background-color: #ffe6b0;
}



.glyphicon.glyphicon-trash.annotator-viewer-delete {
    pointer-events: all;
    font-size: 16px;
    float: right;
    margin-bottom: 4px;
    margin-left: 2px;
    margin-right: 2px;
    color: #555;
}

.glyphicon.glyphicon-pencil.annotator-viewer-info:hover {
    color: #5285B8;
    background-color: #ffe6b0;
}

.glyphicon.glyphicon-trash.annotator-viewer-delete:hover {
    color: #ff0000;
    background-color: #ffe6b0;
}

.glyphicon-info-sign.annotator-viewer-info {
    pointer-events: all;
    font-size: 16px;
    float: left;
    margin-bottom: 4px;
    padding-left: 4px;
    margin-right: 2px;
}

.annotation_title_input, .annotation_text_input  .annotation_scope_input , .reviewerCommentTextInput{
    padding-left: 0.1em;
    padding-right: 0.1em;
    font-family: arial;
    font-size: 12px;
    min-width: 100%;
    width: 100%;
    min-height: 40px;
    word-wrap: break-word !important;
}

.annotation_text_input {
    padding-bottom: 1.5em; 
	width: 20vw;
}

.annotator-marginviewer-highlighted>.annotator-marginviewer-title {
}

.annotator-marginviewer-selected>.annotator-marginviewer-title {
    /* Mozilla: */
    background: -moz-linear-gradient(top, #fef8cd, #f6edb5);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#fef8cd), to(#f6edb5));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#fef8cd', EndColorStr='#f6edb5', GradientType=0);
}

.label-counter {
    float:right;
    position:relative;
    top:-4px;
    right:-4px;
    height:40px;
    width:36px;
    text-align:center;
    padding-left:2px;
    padding-top:4px;
    background-color:#f9f9f9;
    color:black;
    border-left:1px solid #b3b3b3;
}


.annotations-list-view {
    min-width: auto !important;
    background-color:#e6e6e6; 
    right: 0.5px;
    position: absolute; 
    top: 2.6em; 
    margin-top:2px;
    padding-bottom:20px;
    z-index:1;
}

.annotations-container {
    list-style: none outside none;
    min-width: 260px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 9999 !important;
    position: relative !important;
}

.annotator-marginviewer-element {
    border: 1px solid #b3b3b3;

    box-shadow:
    1px 1px 1px 1px hsl(0, 0%, 90%), 
    1px 1px 1px 2px hsl(0, 0%, 94%);
    
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    background-color: #ffffff;
    cursor: pointer;
    word-wrap: break-word !important;
}

.annotator-marginviewer-element:hover {
    border: 1px solid #ffb951 !important;
}

.annotator-marginviewer-element:hover div {
    background-color: #ffe6b0;
}

.annotator-marginviewer-footer {        
    background-color: #ffffff;
    border: none;
    padding-right: 5px;
    padding-bottom: 22px;
    z-index: 9999 !important;
    display: block !important;
}
.annotator-marginviewer-scope {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border: none;
    display: flex;
    align-items: stretch;
}

.annotator_marginviewer_scope_label {
    width: 0%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotation_scope {
    font-family: arial;
    font-size: 14px;
    width: 100%;
    float: right;
    color: #67d3ff;
    padding-left: 10px;
}
.annotation_scope_radio{
    width: 100%;
}
.annotator_scope_label{
    margin-right: 25px;
}
.annotation_Scope_radio_input{
    width: 15px;
    background-color: transparent;
}
.annotator-marginviewer-title {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border: none;
    display: flex;
    align-items: stretch;  
}

.annotator_marginviewer_title_label {
    width: 0%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotation_title {
    font-family: arial;
    font-size: 12px;
    width: 100%;
    float: right;
    padding-left: 10px;
}

.annotator-marginviewer-comment {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}

.annotator-marginviewer-comment-label  {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotation_text {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.annotator-marginviewer-revision {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}

.annotator-marginviewer-revision-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotation-revision {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.annotator-marginviewer-quote {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}

.annotator-marginviewer-quote-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotation-quote {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.annotator-marginviewer-create-date-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}
.annotator-marginviewer-created-by-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotator-marginviewer-create-date{
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}
.annotator-marginviewer-created-by{
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}

.annotator-marginviewer-update-date-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}
.annotator-marginviewer-modified-by-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotator-marginviewer-update-date {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}
.annotator-marginviewer-modified-by{
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    display: none;
    align-items: stretch;
}

.annotator-graphic-hide canvas{
    display: none;

}

.annotation-create-date {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.annotation-created-by {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.annotation-modified-by {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.annotation-update-date {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

.viewAttachment {
    min-height: 36px !important;
    color: #3c3c3c !important;
    padding-top: 2px !important;
    position: relative !important;
    border-bottom: dashed !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #999999 !important;
}

.viewReviewerComment {
    min-height: 36px !important;
    color: #3c3c3c !important;
    padding-top: 2px !important;
    font-size: small !important;
    font-style: inherit !important;
    position: relative !important;
    border-bottom: dashed !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #999999 !important;
}

.annotator-marginviewer-reviewerComment {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    align-items: stretch;
}

.annotator-marginviewer-reviewerComment-label  {
    width: 60%;
    float: left;
    font-family: arial;
    font-size: 12px;
}
.annotation_reviewerComment{
    width: 80%;
    float: right;
    font-family: arial;
    font-size: 12px;
}
.glyphicon.glyphicon-remove-circle.annotator-viewer-reject{
    pointer-events: all;
    font-size: 20px;
    float: right;
    margin-bottom: 4px;
    margin-right: 4px;
    color: #555;
}

.cancel-icon:after {
    content: "\e090" !important;
    font-family: 'Glyphicons Halflings' !important;
    font-style: normal !important;
    font-size: 13px !important;
    margin-top: -11px !important;
    background-image: none !important;
}

.annotator-widget {
    min-width:300px !important;
}
.annotator-cancel.cancel-icon{
    cursor:pointer !important;
}
.annotator-reject{
    cursor:pointer !important;
}

.annotator-marginviewer-attachment {
    background-color: #ffffff;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    align-items: stretch;
    display: none;
}

.annotator-marginviewer-attachment-label {
    width: 40%;
    float: left;
    font-family: arial;
    font-size: 12px;
}

.annotation-attachment {
    width: 60%;
    float: right;
    font-family: arial;
    font-size: 12px;
    padding-left: 10px
}

:-ms-input-placeholder#comments,:-ms-input-placeholder#reviewerComment{
    color:#909090;
}

.annotator-marginviewer-comment .annotation_text ul {
    padding-left: 10px;
    list-style-type: initial;
}

.annotator-marginviewer-comment .annotation_text ol {
    padding-left: 10px;
}

.annotator-marginviewer-comment .ql-editor  ul, .annotator-marginviewer-comment .ql-editor  ol {
    padding-left: 0;
}
.annotator-marginviewer-comment .annotation_text {
    padding: 0 0 0 10px;
}

.annotator-marginviewer-comment .ql-snow {
    background-color: #f2f2f2 !important;
}

.annotator-marginviewer-comment .annotation_text_input .ql-editor {
    background-color: white !important;
    max-height: 200px;
    padding: 10px 8px;
    height: 90px;
    cursor: text;
}

.annotator-marginviewer-comment .annotation_text_input {
    padding-bottom: 0;
}

.annotator-marginviewer-comment .annotation_text.ql-editor > * {
    cursor: pointer;
}

.annotations-icon {
    font-size: 20px;
    width: 20px;
    vertical-align: middle;
    display: inline-block;
}

.annotator-enclosed {
    position: absolute;
}

.annotations_disabled {
    display: none;
}
#annotationSupplementSearch div.dropdown-custom a {
    text-decoration: none;
}

#annotationSupplementSearch .pp-ui-widget-content .pagination-ul a {
    cursor: pointer;
    text-decoration: none;
}

#annotationSupplementSearch .table-responsive tbody tr {
    cursor: pointer;
}

#annotationSupplementSearch .table-responsive th {
    height: 30px;
    background-color: #f8f8f8;
    padding: 2px;
    text-transform: uppercase;
    white-space:nowrap;
    padding-right:4px;
}

#annotationSupplementSearch .table-responsive td {
    padding: 2px;
}

#annotationSupplementSearch .table-responsive a {
    color: #0CA5F5;
    cursor: pointer;
}

#annotationSupplementSearch #msg {
    color: red;
    margin: 20px;
    font-size: 16pt;
    text-align: center;
}

#annotationSupplementSearch .hiddenInput {
    width: inherit;
}

#annotationSupplementSearch .sub-search-options {
    border: 1px #EAEAEA solid;
    padding: 10px;
    margin-top: 20px;
    font-size: 9pt; 
}

#annotationSupplementSearch .meta-search-options {
    border: 1px #EAEAEA solid;
    padding: 10px;
    margin-top: 20px;
    font-size: 9pt; 
}
	
#annotationSupplementSearch table {
    display: table;
}

/* whole words Style */
.hiddenInput {
    display: none;
}
.whole-word .checkbox-label {
    display: inline-block;
    min-width: 20px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
    width:100%;
    height: 25px;
    cursor: pointer;
    background: #ffffff;
    border:1px solid #bbb;
    color:#bbb;
    text-align: center;
    font-weight:normal;
    padding-top:4px;    
    border-radius: 3px;
    transition: all .3s ease-out;
}
.whole-word .checkbox-label:hover{
    background: #c4c4c4;
    color:#ffffff;
    border:1px solid #ffffff;
}
.whole-word .hiddenInput:checked + .checkbox-label {
    background: #5285B8;
    color:#fff;
}
.ui-field-contain-left label, .ui-field-contain-right label{
 width:30%;
 min-width:50px;
} 
.ui-field-contain-left input, .ui-field-contain-right input{
          width:65%;
} 

.ui-field-contain-left40{
    width:40%;min-width:250px;white-space:nowrap;
}

.ui-field-contain-left10{
    width:-moz-calc(10% - 5px);
    width:-webkit-calc(10% - 5px);
    width: calc(10% - 5px);
    max-width: 110px;overflow:hidden;
    min-width:25px;
    margin-right:5px;
}

.ui-field-contain-right50{
    width:50%;
    min-width: 250px;white-space:nowrap;
}

#showSubSearchbox{
display:none;
}

.sub-Search-label{
    cursor:pointer; width:auto;
}

.show-hide-icon-text:before {
content: "-"; 
}

#showSubSearchbox:checked + .search-options-title .show-hide-icon-text:before{
content: "+"; 
}

.show-hide-icon{
    width:5px;
    display:inline-block;
}

#showSubSearchbox:checked ~ .sub-search-content {
    display:none;transition: all .3s ease-out;
}

.sub-search-content tr{
    height:30px;
}
.sub-search-content .dropdown-toggle{
    width:80%;
    min-width:150px;
}
.sub-search-content .caret{
    float:right;
}

#supplement-search .multiselect-parent {
    width:100%;
}
#supplement-search .multiselect-parent .dropdown-toggle {
    width: 100%;
    overflow-x:hidden;
    text-overflow:ellipsis;
}
#supplement-search .multiselect-parent .dropdown-menu {
    width: 100%;
    height: auto !important;
    overflow: auto !important;
    max-height: 150px;
    font-size: 9pt;
}
#annotationSupplementSearch .total-number-found-div-css {
  padding-left:5pt;
  font-size: 9pt;
}

#annotationSupplementSearch .over-flow-scroll {
    overflow:scroll;
}

#annotationSupplementSearch .height-short {
    height : 24vh;
}

#annotationSupplementSearch .height-long {
    height : 45vh;
}

#annotationSupplementSearch .text-dropdown-btn{
    height: 30px;
}

#annotationSupplementSearch .text-search-row{
    overflow: visible;
    margin-right: 0px;
    margin-left: 0px;
}

#annotationSupplementSearch .text-area-width{
    width: 60%;
}
#annotationSupplementSearch .text-area-width-20{
    width: 15%;
}
#annotationSupplementSearch .fulltext-control{
    width:80%;height:30px
}
#annotationSupplementSearch .input-group-btn-customer{
    float:left
}
#annotationSupplementSearch .full-text-input-btn{
    white-space:nowrap;
    width:80%;
    overflow: visible;
}
#annotationSupplementSearch .search-options-title-hide{
    display:none
}
#annotationSupplementSearch .search-options-title-show{
    display:block
}
#annotationSupplementSearch .search-options-show-hide{
    cursor:pointer
}
#annotationSupplementSearch .highlight{
    background-color:#ffff78!important;
}

#annotationSupplementSearch .subLevelPub{
    padding-left: 15px;
}
#annotationSupplementSearch li a[role="menuitem"]{
    font-weight: bold;
}

#annotationTabContent label{
    margin-right: 15px;
    width: 126px;
    max-width: 150px;
}

.annotatedContent {
    max-width: 45ch;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#chkMyAnnotations {
    width: 20px;
    top: 3px;
    position: relative;
}

#myAnnotationChkBox {
    width: 210px;
    max-width: 210px;
}

#myAnnotation{
    margin-bottom: 10px;
    padding-left: 0;
}

#annotationSupplementSearch .rightMenu {
   padding-right : 0;
}

#annotationSupplementSearch .notification {
    position: relative;
    bottom: -0.7em;
    left: -0.3em;
    font-size: 0.6em;
    background: rgba(255, 25, 48, 0.85);
    border-radius:100%;
    line-height:0.7em;
    padding:3px;
    float:right;
    font-weight: bold;
    color: white;
}
#annotationSupplementSearch .multiSelect-publication .multiselect-parent .dropdown-menu {
    overflow: auto !important;
    width: 230px;
    height: auto !important;
    max-height: 150px;
    font-size: 9pt;
}

#annotationSupplementSearch .multiSelect-annotation .multiselect-parent .dropdown-menu {
    overflow: auto !important;
    width: 230px;
    height: auto !important;
    max-height: 200px;
    font-size: 9pt;
}
#annotationSupplementSearch .info-icon {
    vertical-align:top;
    font-size:17px;
    width:10px;
    height:10px;
    color:blue;
}

#supplement-search label {
    white-space:nowrap
}

#annotation-pub-details input{
    width:15vw;
    max-width: 20vw;
}
#annotation-pub-details label{
    max-width: 55px;
}
#supplement-search #search-content-text{
    border-bottom-width: 0;
}

#error-message {
    color: red;
    font-size: 15px;
    text-align: center
}

#supplement-category, #annotation-category {
    margin-bottom: 10px;
    padding-left: 0;
}

#supplement-category .checkbox-inline {
    font-weight: 700;
    display: inline;
    margin-left: 20px
}

#supplement-category input[type=checkbox] {
    width: 15px;
    top: 3px;
    position: relative;
}

#supplement-search-buttons{
    text-align:center;
}

#supplement-search-buttons button {
    margin: 10px 10px 0 10px;
}

#supplement-search-results table tr th {
    text-align:left;
}

#supplement-pub-details input{
      width:15vw;
      max-width: 20vw;
   }
#supplement-pub-details label{
      max-width: 55px;
  }
#annotationSupplementSearch .annotation-supplement-search {
    min-width: 800px;
}
#annotationSupplementSearch .annotation-supplement-search-width {
    min-width: 550px;
}
.checkbox-color {
    width: 18px;
    height: 18px;
}
#bookmarkListDialog .panel-group{
    margin-bottom: 0px;
}

#bookmarkListDialog .modal-title{
    font-size: 16px;
}

#bookmarkListDialog .modal-body{
    max-height: 500px;
}

#bookmarkListDialog .panel-group .panel{
    box-shadow: none;
}

#bookmarkListDialog .panel-group.root{
    padding: 0 0 0 25px;
    position: relative;
    bottom: 14px;
}

#bookmarkListDialog .v-separator{
    background: #ccc;
    display: inline-block;
    height: 10px;
    width: 2px !important;
}

#bookmarkListDialog .panel-group .panel-heading{
    padding: 15px 15px;
    cursor: pointer;
}

#bookmarkListDialog .panel-group .panel-heading.first-level {
    border-bottom: 1px solid #ddd;
}

#bookmarkListDialog .panel-group .panel-heading.first-level .toggle-icon {
    float: left;
    position: relative;
    right: 40px;
    height: 20px;
    cursor: pointer;
}

#bookmarkListDialog .panel-group .panel-heading.second-level .toggle-icon {
    top: 14px;
    float: left;
    position: relative;
    right: 25px;
    height: 20px;
}

#bookmarkListDialog .panel-body{
    padding: 0px 0px 0px 15px;
}

#bookmarkListDialog .panel-body a{
    border-left: none;
    border-right: none;
    padding: 15px 15px;
    white-space: unset;
}

#bookmarkListDialog .panel-body a:hover{
    background: none;
}

#bookmarkListDialog .panel-body a:first-child{
    border-top:none;
    border-radius: 0;
}

#bookmarkListDialog .panel-body a:last-child{
    border-radius: 0;
}

#bookmarkListDialog .panel-body.child{
    padding: 0px 0px 0px 25px;
}

#bookmarkListDialog .panel-title{
    font-weight: bold;
    position: relative;
    right: 30px;
    width: 543px;
    text-align:left;
    max-width: 100%;
}

#bookmarkListDialog .panel-group .panel-heading.second-level{
    padding: 2px;
    border-bottom: 1px solid #ddd;
}

#bookmarkListDialog .panel-body a .bookmark-title {
    float: left;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#bookmarkListDialog .panel-body a .bookmark-icon{
    float: right;
    width: 5%;
    position: relative;
}

#bookmarkListDialog .panel-body a .bookmark-icon .fa.fa-bookmark{
    color:#5285B8;
}

#bookmarkListDialog .panel-body a .bookmark-icon .fa.fa-bookmark-o:hover{
    color:#ec5252;
}

#bookmarkListDialog .child-bookmark-icon .fa.fa-bookmark{
    padding: 5px;
    color:#5285B8;
}

#bookmarkListDialog .child-bookmark-icon .fa.fa-bookmark-o:hover{
    padding: 5px;
    color:#ec5252;
}

#bookmarkListDialog .panel-border{
    border-left-color: #5285B8;
    border-left-width: medium;
    border-radius: 0;
 }

#bookmarkListDialog .panel-border.child-panel-border{
    position: relative;
    right: 15px;
}

#bookmarkListDialog .panel-border.parent-panel {
    border-left-color: #5285B8;
    border-left-width: medium;
    border-radius: unset;
    position: relative;
    right: 16px;
}

#bookmarkListDialog .modal-header{
    background-image: none;
}

#bookmarkListDialog .modal-header .close {
    margin-top: 0px;
}

#bookmarkListDialog .modal-header-title-icon{
    right: 35px;
    float: left;
    position: relative;
}

#bookmarkListDialog .modal-header-title{
    position: relative;
    right: 25px;
    font-size: 16px;
}

#bookmarkListDialog .root-bookmark-count{
    float: left;
    width: 15%;
    position: relative;
    right: 15px;
    bottom: 1px;
    text-align: left;
    font-weight: bold;
}

#bookmarkListDialog .child-bookmark-count{
    float: left;
    width: 18%;
    position: relative;
    right: 15px;
    font-weight: normal;
    top: 10px;
    text-align: left;
}

#bookmarkListDialog .no-bookmark{
    color: #B10B00;
    font-weight: bold;
    font-size: medium;
}

#bookmarkListDialog .total-bookmarks-title{
    font-size: 11px;
    font-weight: bold;
    position: relative;
    float: left;
    text-align: left;
    width: 40%;
    left: 15px;
}

#bookmarkListDialog .expand-collapse-title{
    font-size: 11px;
    color: inherit;
    position: relative;
    cursor: pointer;
    width: 60%;
    right: 15px;
    float: right;
    text-align: right;
}

#bookmarkListDialog .panel-group .panel-heading .parent-bookmark-title{
    float: left;
    width: 85%;
}

#bookmarkListDialog .panel-group .panel-heading .child-bookmark-title{
    float: left;
    width: 82%;
}

#bookmarkListDialog .panel-group .panel-bookmark-container{
    display: table;
}
#bookmarkListDialog .text-align:hover{
    text-decoration: underline;
}
#bookmarkListDialog .panel-body a .external{
    color: #cdcdcd;
    display: none;
    padding-left: 5px;
}
#bookmarkListDialog .panel-group .panel-heading .parent-bookmark-title a,
#bookmarkListDialog .panel-group .panel-heading .child-bookmark-title a{
    white-space: normal;
}


#pp-configuration .configuration-container {
    margin: 2%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 80vh;
}

#pp-configuration .configuration-input {
    width: 100%;
}

#pp-configuration .configuration-button-input {
    width: 20%;
}

#pp-configuration .configuration-checked-input{
    height:20px;
    width:5%;
    vertical-align: middle;
}

#pp-configuration .text-label{
    margin-top: 5px;
}

#pp-configuration .spanElement{
    position: relative;
    top: 3px;
}

#pp-configuration .active-configuration-button {
    -webkit-transition: all 0.25s linear 0.01s;
    -moz-transition: all 0.25s linear 0.01s;
    -ms-transition: all 0.25s linear 0.01s;
    -o-transition: all 0.25s linear 0.01s;
    transition: all 0.25s linear 0.01s;
    cursor: pointer;
}

#pp-configuration .active-configuration-button:hover {
    color: #0CA5F5;
}

#pp-configuration .inactive-configuration-button {
    color: #999;
    cursor: not-allowed;
}

#pp-configuration .button-column {
    padding-top: 2px;
    float: right;
}

#pp-configuration .button-margin {
    margin-left: 8px;
}

#pp-configuration .divisonspace{
    height: 35px;
}

#pp-configuration #keyGenLink {
    padding: 5px;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
}

#pp-configuration .info-icon {
    background-image: url(../css/images/info.svg);
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;
}

#pp-configuration #remoteSyncCron[disabled] select {
    pointer-events: none;
    color: grey;
}

#content #splash-content {
    text-align: center;
    height: 100%;
    display: grid;
    align-items: center;
   
}

#content #splash-content img {
  
    height: 100px;
    
    
}

#content #feedback-content {
    max-width: 100%;
    margin-top: auto;
    display: block;
    overflow: auto !important;
    /* WebKit */
    height: -webkit-calc(100% - 5px);
    /* Firefox */
    height: -moz-calc(100% - 5px);
    /* Standard */
    height: calc(100% - 5px);
    max-height: 95%;
    max-height: -webkit-calc(100% - 5px);
    max-height: -moz-calc(100% - 5px);
    max-height: calc(100% - 5px);
}

#content #html-content {
    max-width: 100%;
    height: 100%;
    margin-top: auto;
    display: block;
}

#content .highlight {
    background-color: #FFFF78
}

#content .selected {
    background-color: #1E90FF;
    color: #ffffff
}

#content #find-content input {
    font-size: 12px;
    width: 30%;
}

#content #find-content span {
    cursor: pointer;
}

#content #find-content span.not-found-text {
    cursor: default;
}

#content #find-content .leftMenu {
    float: none;
    margin: 0px;
    padding: 0px;
}

#content .pp-ui-widget-header .leftMenu {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

#content .pp-ui-widget-header .rightMenu {
    padding-right: 5px!important;
    padding-left: 5px!important;
}

#content .pp-ui-widget-header .rightMenu .icon-book-search {
    font-size: 18px;
}

#content .pp-ui-widget-header .rightMenu .icon-key {
    font-size: 17px;
}

#content .pp-ui-widget-header .rightMenu .fa-stack {
    width:16px;
}

#content .pp-ui-widget-header {
    height: 37px;
}

#content .pp-ui-widget-content .tab-content a {
    cursor: pointer;
}

#content .tab-content {
    overflow: auto !important;
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    max-height: 95%;
    max-height: -webkit-calc(100% - 50px);
    max-height: -moz-calc(100% - 50px);
    max-height: calc(100% - 50px);
    -webkit-overflow-scrolling: touch;
}

#content .tab-content div {
    overflow: visible;
}

#content #contentGraphicListDialog a:hover {
    background: none;
    color: inherit;
}

#content .paramNumberTitle {
	padding-top: 0;
}

#content .cir-table-background {
    width: 100%;
    background: gray;
}

#content table {
    display: table;
}

#content .rightMenu a {
    cursor: pointer;
    color: black;
    font-weight:bold;   
}

#content .bg-yellow{
    background: yellow;
    font-size: 12px;      
}

#content #contentMiscDialog.modal {
    direction: ltr;
    overflow:scroll;
}

#content .modal-body {
    overflow:auto;      
    max-height:none;    
}
#content .modal-body div {
    overflow:auto !important;  
}
#content .modal-dialog {    
    max-width:100px; 
}

#content .tab-scroll-bar {
    overflow-x: auto; 
    overflow-y: hidden; 
    height: auto;
}
#contentMiscDialog .zoneCirHtml {
 color: blue; 
 text-decoration: underline;
 cursor: pointer;
 }
#contentMiscDialog .cirImageLink{
 color: blue; 
 text-decoration: underline;
 cursor: pointer;
 }
#contentMiscDialog .documentLink{
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

#content .thumbnail{
    border: none;
	box-shadow: none;
}

#content .thumbnail img{
    max-height: 200px;
}

.content-tooltip-thumbnail{
    max-height: none;
    max-width: none;
    font-size: 12px;
}

.content-tooltip-thumbnail .thumbnail img{
    max-height: none;
    max-width: none;
}

.content-tooltip-parent.in {
    opacity: 1!important;
}

#cmlSelectDialog .cmlDialogHeader {
    text-align: center;
}

#cmlSelectDialog .cmlTitleLink,
#csnSelectDialog .csnTitleLink,
#csnLinkListDialog .csnLinkList,
#csnLinkListDialog .csnTitleLink,.anchorLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

#csnSelectDialog .csnDialogHeader {
    text-align: center;
}

#snsSelectDialog .snsTitleLink {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

#content .pp_hotspot_text_highlight {
    background-color: #ffff00 !important;
}

#content .pp_figure_text_highlight {
    background-color: #ffff00 !important;
}
.title-td{
    word-wrap: break-word;
    max-width: 150px;
}
.description-td{
    word-wrap: break-word;
    max-width: 200px;
}

.content-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#supplement-modal-body{
    overflow-y: auto;
    max-height: 75vh;
}

.fa-check {
    color: #5cb85c;
}


#content .tooltip-inner [class$=Link]  {
    color:white!important;
    text-decoration:none!important;
}

#content .customUploadSupplement {
    background-image: url("../css/images/attachSupplement.svg");
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;

    
}

.buttonDisabled{
    pointer-events: none;
    opacity: 0.4;
}

#content .document-status-IN_PROGRESS i.fa-pencil {
    color: #F7B500;
}

#content .document-status-IN_REVIEW i.fa-pencil {
    color: #006EEE;
}

#content .document-status-APPROVED i.fa-pencil {
    color: #26AB00;
}

#content .document-status-IN_REVIEW i.fa-pencil:hover,
#content .document-status-IN_PROGRESS i.fa-pencil:hover,
#content .document-status-APPROVED i.fa-pencil:hover
{
    color: #0CA5F5;
}

md-content{
    background-color: white;
    padding-left: 60px;
}

md-step-content, md-steppers-content-wrapper{
    border-top: 0.5px solid rgba(0, 0, 0, 0.38);
    padding-top: 19px;
}

md-pagination-wrapper {
    width: 999999px !important;
}

.enableCompressMode{
    margin-bottom:5px;
}
.stepIcon {
    background-image: url(../css/images/steps-icon.svg);
    width: 37px;
    height: 7px;
    display: inline-block;
}

.corena-s1000d-3-0, .corena-s1000d-4-x{
    padding:0px 10px 0px 10px !important;
}

#content .md-step md-step-label-wrapper:before{
    color: hsla(0,0%,100%,0)
}

#content .tgroup  .listItem .listItem-div1{

    text-align: right;
    padding-right: 4px;

}

#content .tgroup  .listItem-div1{

    text-align: right;
    padding-right: 2px;

}

#content #banner-content.tab-pane {
    display:block;
    visibility:visible;
}

#content #banner-content .banner-container {
    border-bottom: 1px solid #bcbcbc;
    height: 36px;
    padding: 5px;
}

#content #banner-content .banner-message {
    cursor:pointer;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline;
}

#content #banner-content .banner-icon {    
    width:24px;
}

#content #banner-content .banner-text {    
    cursor:pointer; 
    font-size: 12px;
    font-weight: bolder;
    padding-left: 5px;
    display: inline;
    padding-right: 5px;
}

#content #banner-content .banner-close {   
    float:right;
    opacity:0.8;
}
.ipc-table-with-fixed-header {
    box-sizing: border-box;
    border-collapse: separate !important;
    border-top: none !important;
}

.ipc-table-with-fixed-header>thead>tr>th,
.ipc-table-with-fixed-header>thead>tr>td {
    opacity: 0.97;
    background-color: white;
    z-index: 99;
    top: 100px;
    border-top: 1px solid black;
    border-bottom:1px solid black;
    border-collapse: separate;
}

#content .embededContainer .headerSec{
    background-color:blue;
    font-size: 12pt;
}


#content .embededContainer{
    height: 100%; 
    width: 100%;
    font-weight: normal;
    margin:-1px -1px 0px 0px;
/*     border-left: 5px solid blue; 
    border-right: 1px solid blue; 
    border-bottom: 1px solid blue; 
    border-top: 1px solid blue; */
}

#content .embededHeaderSec1{
    background-color: blue;
    color: white;
    padding-left: 2px;
    text-align: left;
    white-space: nowrap;
    display: inline;
    float: left;

}

#content .embededHeaderSec2{
    background-color:blue; 
    color:white; 
    padding-right:5px;
    text-align: left;
    display: inline;
    float: right;
}

#content .embededHeaderSec3 {
    float: right;
    margin-right: 4px;
}
#banner-content {
    padding-right: 3%;
}

#content .v8-style {
    border-radius: unset !important;
    font-size: 12px;
    padding: 14px 7px !important;
    border-bottom: 0px !important;
    margin-right: 0px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #666666 !important;
    height: 50px !important;
}

#content .v8-style:hover {
    color: #333333 !important;
}

#content .v8-style button {
    font-size: 14px;
    font-style: normal;
}

#content .v8-style-tabs {
    padding-bottom: 5px;
    height: 50px !important;
}

#content .v8-style-bar {
    background-color: #eee;
}

#content .v8-style-tab {
    margin-bottom: -2px !important;
}

#content .v8-style-tab>a {
    border-top-color: #eee;
    border-top-width: 3px !important;
    font-weight: bold !important ;
}

#content .v8-style-tab.active>a, #content .v8-style-tab.active>a:hover, #content .v8-style-tab.active>a:focus {
    border-top-color: #006eee!important;
    border-top-width: 3px !important;
    color: #333333 !important;
    font-weight: bolder !important;
}

#content .icon-close{
    position: relative !important;
    left: 6px !important;
    top: 2px !important;
    font-size: medium;
}

#content .icon-close:hover{
    color: #333333 !important;
}

#content #banner-securitycontent.tab-pane {
    display: block;
    visibility: visible;
}

#content #banner-securitycontent .banner-container {
    background-color: #333333;
    color: #FFFFFF;
    border-bottom: 1px solid #bcbcbc;
    height: 36px;
    padding: 5px;
    -webkit-user-select: none;
}

#content #banner-securitycontent .banner-message {
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline;
}

#content #banner-securitycontent .banner-text {
    font-size: 12px;
    font-weight: bolder;
    padding-left: 41px;
    display: inline;
    padding-right: 5px;
}

#content #security-Banner{
    display:block;
    visibility: visible;
    /*padding-right: 3%;*/
}
.pp-embeddedExpandLinkIcon::before{
    position: relative;
    top: 5px;
    content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTcuMSAoODMwODgpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAyMiBDb3B5PC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIxMS42NjY2NjY3IDYuNjY2NjY2NjcgNi42NjY2NjY2NyA2LjY2NjY2NjY3IDYuNjY2NjY2NjcgMTEuNjY2NjY2NyA1IDExLjY2NjY2NjcgNSA2LjY2NjY2NjY3IDAgNi42NjY2NjY2NyAwIDUgNSA1IDUgMCA2LjY2NjY2NjY3IDAgNi42NjY2NjY2NyA1IDExLjY2NjY2NjcgNSI+PC9wb2x5Z29uPg0KICAgIDwvZGVmcz4NCiAgICA8ZyBpZD0iaVBhZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSJUYWJsZXQtLS1FbWJlZGRlZC1SZWZlcmVuY2VzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTg1LjAwMDAwMCwgLTMzNC4wMDAwMDApIj4NCiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMi1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU4NS4wMDAwMDAsIDMzNC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjItQ29weSI+DQogICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIGZpbGw9IiMxMDZDQzgiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjIiPjwvcmVjdD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikljb25zLS8tQWRkIj4NCiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJiYXNlbGluZS1hZGQtMjRweC0oMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMTY2NjY3LCA0LjE2NjY2NykiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDb2xvcnMtLy1PdGhlci0vLURhcmstR3JleSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbWFzaz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iIzAwMDAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNvbG9ycy0vLU90aGVyLS8tV2hpdGUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC4xNjY2NjcsIC00LjE2NjY2NykiIGlkPSJXaGl0ZSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");
}

.pp-embeddedMinusLinkIcon::before{
    position: relative;
    top: 5px;
    content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTcuMSAoODMwODgpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPg0KICAgIDx0aXRsZT5Hcm91cCAyMiBDb3B5PC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz4NCiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIxMS42NjY2NjY3IDEuNjY2NjY2NjcgMCAxLjY2NjY2NjY3IDAgMCAxMS42NjY2NjY3IDAiPjwvcG9seWdvbj4NCiAgICA8L2RlZnM+DQogICAgPGcgaWQ9ImlQYWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBpZD0iVGFibGV0LS0tTGV2ZWwtMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMy4wMDAwMDAsIC00MTQuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMTItQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMzLjAwMDAwMCwgNDE0LjAwMDAwMCkiPg0KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yMi1Db3B5Ij4NCiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgc3Ryb2tlPSIjMTA2Q0M4IiBmaWxsPSIjRkZGRkZGIiB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiByeD0iMiI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iSWNvbnMtLy1SZW1vdmUiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImJhc2VsaW5lLXJlbW92ZS0yNHB4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjE2NjY2NywgOS4xNjY2NjcpIj4NCiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ29sb3JzLS8tT3RoZXItLy1EYXJrLUdyZXkiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L21hc2s+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx1c2UgaWQ9Ik1hc2siIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJDb2xvcnMtLy1JbnRlcmFjdGlvbnMtLy1MaW5rLUJsdWUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzAwNkVFRSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC4xNjY2NjcsIC05LjE2NjY2NykiIGlkPSJMaW5rLUJsdWUiPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PC9yZWN0Pg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+");
}

.pp-embeddedExpandLinkIcon:hover, .pp-embeddedMinusLinkIcon:hover{
    cursor: pointer;
}

.pp-embeddedErrorIcon::before{
    position: relative;
    top: 5px;
    content:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDM2IDM2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjMuMSAoOTI0NTIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPg0KICAgIDx0aXRsZT5JY29ucyAvIEVycm9yIENpcmNsZTwvdGl0bGU+DQogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+DQogICAgPGRlZnM+DQogICAgICAgIDxwYXRoIGQ9Ik0xNy41LDAgQzcuODQsMCAwLDcuODQgMCwxNy41IEMwLDI3LjE2IDcuODQsMzUgMTcuNSwzNSBDMjcuMTYsMzUgMzUsMjcuMTYgMzUsMTcuNSBDMzUsNy44NCAyNy4xNiwwIDE3LjUsMCBaIE0yMC4xMjUsMjggTDE0Ljg3NSwyOCBMMTQuODc1LDIyLjc1IEwyMC4xMjUsMjIuNzUgTDIwLjEyNSwyOCBaIE0yMC4xMjUsMTkuMjUgTDE0Ljg3NSwxOS4yNSBMMTQuODc1LDcgTDIwLjEyNSw3IEwyMC4xMjUsMTkuMjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPg0KICAgIDwvZGVmcz4NCiAgICA8ZyBpZD0iRW1iZWRkZWQtUmVmZXJlbmNlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgaWQ9Ikljb25zLS8tRXJyb3ItQ2lyY2xlLUJvbGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjAwMDAwMCwgLTMuMDAwMDAwKSI+DQogICAgICAgICAgICA8ZyBpZD0iYmFzZWxpbmUtZXJyb3ItMjRweCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41MDAwMDAsIDMuNTAwMDAwKSI+DQogICAgICAgICAgICAgICAgPGcgaWQ9IkNvbG9ycy0vLVByaW1hcnktLy1GbGF0aXJvbnMtUmVkIj4NCiAgICAgICAgICAgICAgICAgICAgPG1hc2sgaWQ9Im1hc2stMiIgZmlsbD0id2hpdGUiPg0KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4NCiAgICAgICAgICAgICAgICAgICAgPC9tYXNrPg0KICAgICAgICAgICAgICAgICAgICA8dXNlIGlkPSJNYXNrIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPg0KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iQ29sb3JzLS8tU2Vjb25kYXJ5LS8tR3JleS1HcmFkaWVudC1CdG0iIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iI0FBQUFBQSI+DQogICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy41MDAwMDAsIC0zLjUwMDAwMCkiIGlkPSJHcmV5LUdyYWRpZW50LUJ0bSI+DQogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjQyIiBoZWlnaHQ9IjQyIj48L3JlY3Q+DQogICAgICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgICAgIDwvZz4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=");
}

.pp-embeddedContainer{
    position: absolute;
    border-width: 1px 3px 1px 3px;
    border-style: solid;
    border-color: blue;
    background-color: white;
    z-index: 50;
}

#pp-floatingDocumentHeader{
    border-bottom: 1px solid lightgray;
    padding: 5px !important;
    background-color: rgb(250, 250, 250);
    z-index: 100;
}


.is-hidden{
    display:none !important;
}

.is-sticky{
    display: block !important;
}

.finReferenceError{
    margin-left: 5px;
    cursor: default;
}
.pp-sticky-banner{
    position: sticky;
    top:0;
    z-index:100;
    background-color:white;
    padding: 0px !important;
}

.pp-sticky-table>thead>tr>th{
    position:sticky;
    top:var(--thead-offset,0px);   /* updated by JS */
    z-index:100;
}

.pillsNav-anchor-top, .pillsNav-anchor-bottom {
    margin: 0px;
}
.pillsNav-anchor-offset {
    padding-top:var(--pill-nav-offset);   /* updated by JS */
    margin-top:calc(-1 * var(--pill-nav-offset));
}

.tab-content-partial-view .pills-tab{
    max-height : 300px !important;
}

.tab-content-full-view .pills-tab{
    max-height : fit-content !important
}


#displayImportStatusDialog .icon-addon {
    position: relative;
    color: #555;
    display: block;
}

#displayImportStatusDialog .icon-addon:after, #displayImportStatusDialog .icon-addon:before {
    display: table;
    content: " ";
}

#displayImportStatusDialog .icon-addon:after {
    clear: both;
}

#displayImportStatusDialog .icon-addon.addon-sm .form-control {
    height: 30px;
    font-size: 12px;
    padding: 0px 10px 0px 28px;
    float: left;
    font-weight: normal;
    border-radius: 25px;
    width: 250px;
}

#displayImportStatusDialog .icon-addon.addon-sm .fa, #displayImportStatusDialog .icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 4px;
    top: -3px;
}

#displayImportStatusDialog .icon-addon .glyphicon {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px;
}

#displayImportStatusDialog .display-content {
    max-width: 75%;
    min-width: 75%;
    max-height: 90vh;
    min-height: 90vh;
    overflow: hidden;
}

#displayImportStatusDialog .display-modal-body {
    overflow: auto;
}

#displayImportStatusDialog .column15 {
    max-width: 15%;
    min-width: 15%;
    clear: both;
    text-align:left;
    width: 150px;
    overflow:hidden;
    text-overflow: ellipsis;
}

#displayImportStatusDialog .column10 {
    max-width: 10%;
    min-width: 10%;
    clear: both;
    text-align:left;
    width: 100px;
    overflow:hidden;
    text-overflow: ellipsis;
}

#displayImportStatusDialog .fixed-table {
    table-layout: fixed;
}

#displayImportStatusDialog .table-header {
    padding: 0px 15px 0px 15px;
}

#displayImportStatusDialog .modal-body {
    padding: 0px 15px 15px 15px;
}

#displayImportStatusDialog .table-responsive tbody{
    overflow:scroll;
}

#displayImportStatusDialog .table-responsive {
    padding-left: 13px;
}

#libPubElement{ font-size:20px;
    text-align: center;
    font-weight: bold;
}
#libPubRevision{
    font-size: 13px;
    opacity: 0.7;
}

#noLogContent{ font-size:15px;
    text-align: center;
    font-weight: lighter;
    color: #333;
    padding-left: 15px;
    padding-top: 15px;
}

.v2-syn-btn-box p{ font-size:16px}

#displayImportStatusDialog #autoRefresh {
    margin-left: 900px;
    width: 170px;
}

#displayImportStatusDialog .logIcon {
    font-size: 20px;
    cursor: pointer;
}

#displayImportStatusDialog .trashIcon {
    font-size: 19px;
    padding-left: 8px;
    vertical-align: top;
    cursor: pointer;
}

#displayImportStatusDialog .refreshIcon {
    font-size: 18px;
    padding-left: 8px;
    vertical-align: top;
    cursor: pointer;
}

#displayImportStatusDialog .playIcon {
    font-size: 25px;
    vertical-align: top;
    cursor: pointer;
}

#displayImportStatusDialog .pauseIcon {
    font-size: 25px;
    vertical-align: top;
    cursor: pointer;
}

#displayImportStatusDialog .stopIcon {
    font-size: 25px;
    padding-left: 15px;
    vertical-align: top;
    cursor: pointer;
}

#displayLogContentDialog .display-content {
    min-width: 100%;
    min-height: 100%;
}

#displayLogContentDialog #logLine {
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    text-align: left;
    max-height: 550px;
    min-height: 550px;
}

#displayImportStatusDialog .active-delete-button {
    -webkit-transition: all 0.25s linear 0.01s;
    -moz-transition: all 0.25s linear 0.01s;
    -ms-transition: all 0.25s linear 0.01s;
    -o-transition: all 0.25s linear 0.01s;
    transition: all 0.25s linear 0.01s;
    cursor: pointer;
}

#displayImportStatusDialog .active-delete-button:hover {
    color: #0CA5F5;
}

#displayImportStatusDialog .inactive-delete-button {
    color: #999;
    cursor: not-allowed;
}

#displayImportStatusDialog ul.tab-section {
    float: left;
    font-size: 16px;
    margin: 15px;
    width: 100%
}

#displayImportStatusDialog .nav-tabs li {
    float: left;
}

.publicationStatusFilterHeader{
    z-index: 1050 !important;
    top: 215px !important;
}
.publicationStatusFilterHeader .filterSelectHeaderSearchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}
.publicationStatusFilterHeader .filterSelectHeader {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}
.publicationStatusFilterHeader md-content._md {
    padding-left: 0;
    max-height: 300px;
}
#publicationStatusFilterFooter .v-separator {
    background: #ccc;
    display: inline-block;
    height: 10px;
    width: 2px !important;
}
#publicationStatusFilterFooter .focus {
    cursor: pointer;
}
.eula
{
    height :100%;
    width : 100%;
    text-align: left;
    margin : 10px;
    padding-right  : 25px;
    overflow: auto;
    overflow-x :hidden;
    scrollbar-base-color:#ffeaff
}
.eula-button {
    border: none;
    color: black;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 12px
}
#eula-footer{
    text-align: center;
    margin-top: 0px;
    border-top-width: 0px;
    padding-top: 0px;
    padding-bottom: 0px
}
#eula-dialog{
    width : 75%;
}
#eula-body{
    max-height :75vh;
    overflow: auto;
}
#eula_wrapper{
    text-align: -webkit-center;
}

#feedback #title-fb{
    width:100%;
    left:0px;
    top:0px;
    background: #e6e6e6;
    font-size: 15pt;
    font-weight: bold;
    color: #111111;
    text-align: center;
    height: 55px;
}

#feedback #titlename-fb{
    padding:5px;
}
#feedback #titleinfo-fb{
    font-size:12pt;
    display: inline;
    text-align: justify;
    margin-left: 3px;
}

#feedback #titleinput-fb{
    -webkit-border-radius: 7px ;
    -webkit-background-clip: padding-box ;
    -moz-border-radius: 7px ;
    -moz-background-clip: padding-box;
    border-radius: 7px ;
    margin:5px;
    padding:5px;
    width:300px;
    border:1px solid #808080;
    font-size:12px;
    font-weight:normal;
    color: #808080;
}


#feedback #feedback-button{
color:#e6e6e6;
}

#feedback #arrow-up1 {
    background-size:100%;
    margin:0px 0px -10px 0px;
    font-size:20pt;
}

#displayAdditionalFields #additional-fields-fb{
    width:95%;
    margin:10px 5px 5px 5px;
    padding:5px;
    background: #fff;
    background-color: #fff ;
    -webkit-border-radius: 7px ;
    -webkit-background-clip: padding-box ;
    -moz-border-radius: 7px ;
    -moz-background-clip: padding-box;
    border-radius: 7px ;
    background-clip: padding-box ;
    border: 1px solid #999;
    font-size: 12pt;
    font-weight: bold;
    color: #111111;
    text-align: left;
    display: inline-block;
}

#feedback #header1-fb{
padding:5px;
}

#feedback .header1-fb-instructions{
    margin-left: inherit;
    font-size: 9pt;
    font-weight: normal;
    width: 300px;
    display: inline-block;  
}

#feedback #header2-fb{
    display:inline-block;
    vertical-align: top !important;
    text-align: top !important;
    padding:5px;
}

#feedback #header2-fb textarea{
    display:inline-block;
    vertical-align: top !important;
    padding:5px;
        font-size: 10pt;
    font-weight:normal;
}


#feedback .list-fb     {
    width:95%;
    margin:15px 5px 5px 5px !important;
    padding:5px !important;
    background: #fff;
    background-color: #fff ;
    -webkit-border-radius: 7px ;
    -webkit-background-clip: padding-box ;
    -moz-border-radius: 7px ;
    -moz-background-clip: padding-box;
    border-radius: 7px ;
    border: 1px solid #999;
    color: #111111;
    text-align: left;

}
#feedback .listtitle-fb{
    width:263px;
    margin-top:-1em !important;
    margin-bottom:10px; 
    margin-left:30px;
    padding-left:5px;
    padding-right:5px;
    font-size: 10pt;
    font-weight: bold;
    background: white;
    background-color: white;
}

#feedback .listitem-fb{
    width:80%;
    display:inline;
    margin: 10px;
    padding:10px;
    font-size: 10pt;
    font-weight:normal;
}

#feedback .listitemtitle-fb{
    font-size: 10pt;
    font-weight:normal;
        color: #00f;
    text-decoration: underline;
}

#feedback .listitemcomment-fb{
    font-size: 10pt;
    font-weight:normal;
    display: block;
    padding-left: 40px;
}

#feedback .listitemcomment-fb ol,
#feedback .listitemcomment-fb ul {
    padding-left: 0;
}

#feedback .checkmark-fb {
    margin:10px 10px 15px 10px !important;
    padding:1px 10px 1px 10px;
    -webkit-border-radius: 5px ;
    -webkit-background-clip: padding-box ;
    -moz-border-radius: 5px ;
    -moz-background-clip: padding-box;
    border-radius: 5px ;
    border: 1px solid #999;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:left center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjUgMmwtNy41IDcuNS0zLjUtMy41LTIuNSAyLjUgNiA2IDEwLTEweiI+PC9wYXRoPjwvc3ZnPg==);
}

#feedback .cross-fb {
    margin:10px 10px 15px 10px !important;
    padding:1px 10px 1px 10px;
    -webkit-border-radius: 5px ;
    -webkit-background-clip: padding-box ;
    -moz-border-radius: 5px ;
    -moz-background-clip: padding-box;
    border-radius: 5px ;
    border: 1px solid #999;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:left center;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTE1Ljg1NCAxMi44NTRjLTAtMC0wLTAtMC0wbC00Ljg1NC00Ljg1NCA0Ljg1NC00Ljg1NGMwLTAgMC0wIDAtMCAwLjA1Mi0wLjA1MiAwLjA5MC0wLjExMyAwLjExNC0wLjE3OCAwLjA2Ni0wLjE3OCAwLjAyOC0wLjM4Ni0wLjExNC0wLjUyOWwtMi4yOTMtMi4yOTNjLTAuMTQzLTAuMTQzLTAuMzUxLTAuMTgxLTAuNTI5LTAuMTE0LTAuMDY1IDAuMDI0LTAuMTI2IDAuMDYyLTAuMTc4IDAuMTE0IDAgMC0wIDAtMCAwbC00Ljg1NCA0Ljg1NC00Ljg1NC00Ljg1NGMtMC0wLTAtMC0wLTAtMC4wNTItMC4wNTItMC4xMTMtMC4wOTAtMC4xNzgtMC4xMTQtMC4xNzgtMC4wNjYtMC4zODYtMC4wMjktMC41MjkgMC4xMTRsLTIuMjkzIDIuMjkzYy0wLjE0MyAwLjE0My0wLjE4MSAwLjM1MS0wLjExNCAwLjUyOSAwLjAyNCAwLjA2NSAwLjA2MiAwLjEyNiAwLjExNCAwLjE3OCAwIDAgMCAwIDAgMGw0Ljg1NCA0Ljg1NC00Ljg1NCA0Ljg1NGMtMCAwLTAgMC0wIDAtMC4wNTIgMC4wNTItMC4wOTAgMC4xMTMtMC4xMTQgMC4xNzgtMC4wNjYgMC4xNzgtMC4wMjkgMC4zODYgMC4xMTQgMC41MjlsMi4yOTMgMi4yOTNjMC4xNDMgMC4xNDMgMC4zNTEgMC4xODEgMC41MjkgMC4xMTQgMC4wNjUtMC4wMjQgMC4xMjYtMC4wNjIgMC4xNzgtMC4xMTQgMC0wIDAtMCAwLTBsNC44NTQtNC44NTQgNC44NTQgNC44NTRjMCAwIDAgMCAwIDAgMC4wNTIgMC4wNTIgMC4xMTMgMC4wOTAgMC4xNzggMC4xMTQgMC4xNzggMC4wNjYgMC4zODYgMC4wMjkgMC41MjktMC4xMTRsMi4yOTMtMi4yOTNjMC4xNDMtMC4xNDMgMC4xODEtMC4zNTEgMC4xMTQtMC41MjktMC4wMjQtMC4wNjUtMC4wNjItMC4xMjYtMC4xMTQtMC4xNzh6Ij48L3BhdGg+PC9zdmc+);
}


#feedback .content-fb{
margin-right:20px;

}

#feedback #annotationpanel-fb {
  top:40px;
  right:-290px;
  height:100%;
  position:fixed;
  width:300px;
  border:1px solid #555;
  background-color:#ccc;
  border-radius:1em 0 0 1em;
  padding:40px 5px 5px 5px;
  -webkit-transition:all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  z-index: 100;
}

#feedback #annotationpanel-fb .anno{
  width:275px;
  position:absolute;
  height:90%;
  overflow-y:scroll;
  right:5px;
  left:20px;
  top:1em;
  bottom:1em;
  display:block;
  margin:5px;
}

#feedback #annotationpanel-fb:hover {
    right: 0px;
}

#feedback #annotationpanel-fb .controller-fb {
    position: absolute;
    left: -40px;
    top: 50px;
    text-decoration: none;
    color: black;
    font-weight: bold;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

#feedback #annotationpanel-fb .controllernum-fb {
    position: absolute;
    left: 5px;
    padding:1px 2px 1px 2px;
    top: 110px;
    text-decoration: none;
    color: #ffdddd;
    font-weight: normal;
    background-color: red;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    transform:rotate(-90deg);
}

#feedback .annoitembox-fb{
    border: 1px solid #222;
    margin-top:10px;
    background-color:#f5f5f5;
    font-size:9px;
    font-weight:normal;
    border-radius: .7em;
}

#feedback .hidelist-fb{
    display:none;
}
#feedback .showlist-fb{
    display:block;
}

#feedback .annoitemtitle{
    border-radius: .7em;
    border-bottom-left-radius: 0em;
    border-bottom-right-radius: 0em;
    background-color:#e2e2e2;
    padding:0.5em;
    color:#111;
    font-weight:bold;
}

#feedback .annoitemcomment{
    padding:0.5em;
    color:#000;
    font-weight:normal;
}
#feedback .annoitemquote{
    color:#111;
    font-weight:normal;
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition:all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}
#feedback .annoitemrev{
    color:#000;
    font-weight:normal;
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition:all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

#feedback .annoitemanchor{
    display:none;
}
#feedback .annoseparator{
    height:4px;
    background: linear-gradient(#888,transparent);
}

#feedback .annoseparatorhide{
    background: linear-gradient(#333,transparent);
    max-height: 0;            
    overflow-y: hidden;
}

#feedback .annoitembox-fb:hover .annoitemquote {
    padding:0.5em;
    border-top: 1px solid #888;
    max-height: 40px
}
#feedback .annoitembox-fb:hover .annoitemrev {
    padding:0.5em;
    border-top: 1px solid #888;
    max-height:30px;
}
#feedback .annoitembox-fb:hover .annoseparatorhide {
    max-height:3px;
}

#feedback .annotator-hl{
    background-color:yellow;
}

#feedback .labelsizer{
    width : 130px;
    max-width: 130px;
}

#feedback .pillsNav {
    position: static !important;
	max-height: none !important;
}

#feedback .pillsNav ul {
    display: table;
    width: 95%;
}

#feedback .pillsNav ul li {
    float: left;
    position: relative;
    display: block;
    margin-left: 0 !important;
    border-width: 1px;
    border-right-color: grey;
    border-right-style: solid;
}

#feedback .pillsNav ul li i {
    height: 25px
}

#feedback .pillsNav ul li a {
    display: block;
}

#feedback ul li a .fa-list-ul {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zODQgMTQwOHEwIDgwLTU2IDEzNnQtMTM2IDU2LTEzNi01Ni01Ni0xMzYgNTYtMTM2IDEzNi01NiAxMzYgNTYgNTYgMTM2em0wLTUxMnEwIDgwLTU2IDEzNnQtMTM2IDU2LTEzNi01Ni01Ni0xMzYgNTYtMTM2IDEzNi01NiAxMzYgNTYgNTYgMTM2em0xNDA4IDQxNnYxOTJxMCAxMy05LjUgMjIuNXQtMjIuNSA5LjVoLTEyMTZxLTEzIDAtMjIuNS05LjV0LTkuNS0yMi41di0xOTJxMC0xMyA5LjUtMjIuNXQyMi41LTkuNWgxMjE2cTEzIDAgMjIuNSA5LjV0OS41IDIyLjV6bS0xNDA4LTkyOHEwIDgwLTU2IDEzNnQtMTM2IDU2LTEzNi01Ni01Ni0xMzYgNTYtMTM2IDEzNi01NiAxMzYgNTYgNTYgMTM2em0xNDA4IDQxNnYxOTJxMCAxMy05LjUgMjIuNXQtMjIuNSA5LjVoLTEyMTZxLTEzIDAtMjIuNS05LjV0LTkuNS0yMi41di0xOTJxMC0xMyA5LjUtMjIuNXQyMi41LTkuNWgxMjE2cTEzIDAgMjIuNSA5LjV0OS41IDIyLjV6bTAtNTEydjE5MnEwIDEzLTkuNSAyMi41dC0yMi41IDkuNWgtMTIxNnEtMTMgMC0yMi41LTkuNXQtOS41LTIyLjV2LTE5MnEwLTEzIDkuNS0yMi41dDIyLjUtOS41aDEyMTZxMTMgMCAyMi41IDkuNXQ5LjUgMjIuNXoiLz48L3N2Zz4=) no-repeat
}

#feedback .fa-chain {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNTIwIDEyMTZxMC00MC0yOC02OGwtMjA4LTIwOHEtMjgtMjgtNjgtMjgtNDIgMC03MiAzMiAzIDMgMTkgMTguNXQyMS41IDIxLjUgMTUgMTkgMTMgMjUuNSAzLjUgMjcuNXEwIDQwLTI4IDY4dC02OCAyOHEtMTUgMC0yNy41LTMuNXQtMjUuNS0xMy0xOS0xNS0yMS41LTIxLjUtMTguNS0xOXEtMzMgMzEtMzMgNzMgMCA0MCAyOCA2OGwyMDYgMjA3cTI3IDI3IDY4IDI3IDQwIDAgNjgtMjZsMTQ3LTE0NnEyOC0yOCAyOC02N3ptLTcwMy03MDVxMC00MC0yOC02OGwtMjA2LTIwN3EtMjgtMjgtNjgtMjgtMzkgMC02OCAyN2wtMTQ3IDE0NnEtMjggMjgtMjggNjcgMCA0MCAyOCA2OGwyMDggMjA4cTI3IDI3IDY4IDI3IDQyIDAgNzItMzEtMy0zLTE5LTE4LjV0LTIxLjUtMjEuNS0xNS0xOS0xMy0yNS41LTMuNS0yNy41cTAtNDAgMjgtNjh0NjgtMjhxMTUgMCAyNy41IDMuNXQyNS41IDEzIDE5IDE1IDIxLjUgMjEuNSAxOC41IDE5cTMzLTMxIDMzLTczem04OTUgNzA1cTAgMTIwLTg1IDIwM2wtMTQ3IDE0NnEtODMgODMtMjAzIDgzLTEyMSAwLTIwNC04NWwtMjA2LTIwN3EtODMtODMtODMtMjAzIDAtMTIzIDg4LTIwOWwtODgtODhxLTg2IDg4LTIwOCA4OC0xMjAgMC0yMDQtODRsLTIwOC0yMDhxLTg0LTg0LTg0LTIwNHQ4NS0yMDNsMTQ3LTE0NnE4My04MyAyMDMtODMgMTIxIDAgMjA0IDg1bDIwNiAyMDdxODMgODMgODMgMjAzIDAgMTIzLTg4IDIwOWw4OCA4OHE4Ni04OCAyMDgtODggMTIwIDAgMjA0IDg0bDIwOCAyMDhxODQgODQgODQgMjA0eiIvPjwvc3ZnPg==) no-repeat
}

#feedback .fa-check-square {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04MTMgMTI5OWw2MTQtNjE0cTE5LTE5IDE5LTQ1dC0xOS00NWwtMTAyLTEwMnEtMTktMTktNDUtMTl0LTQ1IDE5bC00NjcgNDY3LTIxMS0yMTFxLTE5LTE5LTQ1LTE5dC00NSAxOWwtMTAyIDEwMnEtMTkgMTktMTkgNDV0MTkgNDVsMzU4IDM1OHExOSAxOSA0NSAxOXQ0NS0xOXptODUxLTg4M3Y5NjBxMCAxMTktODQuNSAyMDMuNXQtMjAzLjUgODQuNWgtOTYwcS0xMTkgMC0yMDMuNS04NC41dC04NC41LTIwMy41di05NjBxMC0xMTkgODQuNS0yMDMuNXQyMDMuNS04NC41aDk2MHExMTkgMCAyMDMuNSA4NC41dDg0LjUgMjAzLjV6Ii8+PC9zdmc+) no-repeat
}

#feedback .fa-clock-o {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMDI0IDU0NHY0NDhxMCAxNC05IDIzdC0yMyA5aC0zMjBxLTE0IDAtMjMtOXQtOS0yM3YtNjRxMC0xNCA5LTIzdDIzLTloMjI0di0zNTJxMC0xNCA5LTIzdDIzLTloNjRxMTQgMCAyMyA5dDkgMjN6bTQxNiAzNTJxMC0xNDgtNzMtMjczdC0xOTgtMTk4LTI3My03My0yNzMgNzMtMTk4IDE5OC03MyAyNzMgNzMgMjczIDE5OCAxOTggMjczIDczIDI3My03MyAxOTgtMTk4IDczLTI3M3ptMjI0IDBxMCAyMDktMTAzIDM4NS41dC0yNzkuNSAyNzkuNS0zODUuNSAxMDMtMzg1LjUtMTAzLTI3OS41LTI3OS41LTEwMy0zODUuNSAxMDMtMzg1LjUgMjc5LjUtMjc5LjUgMzg1LjUtMTAzIDM4NS41IDEwMyAyNzkuNSAyNzkuNSAxMDMgMzg1LjV6Ii8+PC9zdmc+) no-repeat
}

#feedback .fa-user {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNTM2IDEzOTlxMCAxMDktNjIuNSAxODd0LTE1MC41IDc4aC04NTRxLTg4IDAtMTUwLjUtNzh0LTYyLjUtMTg3cTAtODUgOC41LTE2MC41dDMxLjUtMTUyIDU4LjUtMTMxIDk0LTg5IDEzNC41LTM0LjVxMTMxIDEyOCAzMTMgMTI4dDMxMy0xMjhxNzYgMCAxMzQuNSAzNC41dDk0IDg5IDU4LjUgMTMxIDMxLjUgMTUyIDguNSAxNjAuNXptLTI1Ni04ODdxMCAxNTktMTEyLjUgMjcxLjV0LTI3MS41IDExMi41LTI3MS41LTExMi41LTExMi41LTI3MS41IDExMi41LTI3MS41IDI3MS41LTExMi41IDI3MS41IDExMi41IDExMi41IDI3MS41eiIvPjwvc3ZnPg==) no-repeat
}

#feedback .fa-wrench {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik00NDggMTQ3MnEwLTI2LTE5LTQ1dC00NS0xOS00NSAxOS0xOSA0NSAxOSA0NSA0NSAxOSA0NS0xOSAxOS00NXptNjQ0LTQyMGwtNjgyIDY4MnEtMzcgMzctOTAgMzctNTIgMC05MS0zN2wtMTA2LTEwOHEtMzgtMzYtMzgtOTAgMC01MyAzOC05MWw2ODEtNjgxcTM5IDk4IDExNC41IDE3My41dDE3My41IDExNC41em02MzQtNDM1cTAgMzktMjMgMTA2LTQ3IDEzNC0xNjQuNSAyMTcuNXQtMjU4LjUgODMuNXEtMTg1IDAtMzE2LjUtMTMxLjV0LTEzMS41LTMxNi41IDEzMS41LTMxNi41IDMxNi41LTEzMS41cTU4IDAgMTIxLjUgMTYuNXQxMDcuNSA0Ni41cTE2IDExIDE2IDI4dC0xNiAyOGwtMjkzIDE2OXYyMjRsMTkzIDEwN3E1LTMgNzktNDguNXQxMzUuNS04MSA3MC41LTM1LjVxMTUgMCAyMy41IDEwdDguNSAyNXoiLz48L3N2Zz4=) no-repeat
}

#feedback .fa-tint {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04OTYgMTE1MnEwLTM2LTIwLTY5LTEtMS0xNS41LTIyLjV0LTI1LjUtMzgtMjUtNDQtMjEtNTAuNXEtNC0xNi0yMS0xNnQtMjEgMTZxLTcgMjMtMjEgNTAuNXQtMjUgNDQtMjUuNSAzOC0xNS41IDIyLjVxLTIwIDMzLTIwIDY5IDAgNTMgMzcuNSA5MC41dDkwLjUgMzcuNSA5MC41LTM3LjUgMzcuNS05MC41em01MTItMTI4cTAgMjEyLTE1MCAzNjJ0LTM2MiAxNTAtMzYyLTE1MC0xNTAtMzYycTAtMTQ1IDgxLTI3NSA2LTkgNjIuNS05MC41dDEwMS0xNTEgOTkuNS0xNzggODMtMjAxLjVxOS0zMCAzNC00N3Q1MS0xNyA1MS41IDE3IDMzLjUgNDdxMjggOTMgODMgMjAxLjV0OTkuNSAxNzggMTAxIDE1MSA2Mi41IDkwLjVxODEgMTI3IDgxIDI3NXoiLz48L3N2Zz4=) no-repeat
}

#feedback .fa-puzzle-piece {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3R5bGU9ImNvbG9yOndoaXRlIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNzI4IDEwOThxMCA4MS00NC41IDEzNXQtMTIzLjUgNTRxLTQxIDAtNzcuNS0xNy41dC01OS0zOC01Ni41LTM4LTcxLTE3LjVxLTExMCAwLTExMCAxMjQgMCAzOSAxNiAxMTV0MTUgMTE1djVxLTIyIDAtMzMgMS0zNCAzLTk3LjUgMTEuNXQtMTE1LjUgMTMuNS05OCA1cS02MSAwLTEwMy0yNi41dC00Mi04My41cTAtMzcgMTcuNS03MXQzOC01Ni41IDM4LTU5IDE3LjUtNzcuNXEwLTc5LTU0LTEyMy41dC0xMzUtNDQuNXEtODQgMC0xNDMgNDUuNXQtNTkgMTI3LjVxMCA0MyAxNSA4M3QzMy41IDY0LjUgMzMuNSA1MyAxNSA1MC41cTAgNDUtNDYgODktMzcgMzUtMTE3IDM1LTk1IDAtMjQ1LTI0LTktMi0yNy41LTR0LTI3LjUtNGwtMTMtMnEtMSAwLTMtMS0yIDAtMi0xdi0xMDI0cTIgMSAxNy41IDMuNXQzNCA1IDIxLjUgMy41cTE1MCAyNCAyNDUgMjQgODAgMCAxMTctMzUgNDYtNDQgNDYtODkgMC0yMi0xNS01MC41dC0zMy41LTUzLTMzLjUtNjQuNS0xNS04M3EwLTgyIDU5LTEyNy41dDE0NC00NS41cTgwIDAgMTM0IDQ0LjV0NTQgMTIzLjVxMCA0MS0xNy41IDc3LjV0LTM4IDU5LTM4IDU2LjUtMTcuNSA3MXEwIDU3IDQyIDgzLjV0MTAzIDI2LjVxNjQgMCAxODAtMTV0MTYzLTE3djJxLTEgMi0zLjUgMTcuNXQtNSAzNC0zLjUgMjEuNXEtMjQgMTUwLTI0IDI0NSAwIDgwIDM1IDExNyA0NCA0NiA4OSA0NiAyMiAwIDUwLjUtMTV0NTMtMzMuNSA2NC41LTMzLjUgODMtMTVxODIgMCAxMjcuNSA1OXQ0NS41IDE0M3oiLz48L3N2Zz4=) no-repeat
}

#feedback .pill-inactive .fa-list-ul {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM4NCAxNDA4cTAgODAtNTYgMTM2dC0xMzYgNTYtMTM2LTU2LTU2LTEzNiA1Ni0xMzYgMTM2LTU2IDEzNiA1NiA1NiAxMzZ6bTAtNTEycTAgODAtNTYgMTM2dC0xMzYgNTYtMTM2LTU2LTU2LTEzNiA1Ni0xMzYgMTM2LTU2IDEzNiA1NiA1NiAxMzZ6bTE0MDggNDE2djE5MnEwIDEzLTkuNSAyMi41dC0yMi41IDkuNWgtMTIxNnEtMTMgMC0yMi41LTkuNXQtOS41LTIyLjV2LTE5MnEwLTEzIDkuNS0yMi41dDIyLjUtOS41aDEyMTZxMTMgMCAyMi41IDkuNXQ5LjUgMjIuNXptLTE0MDgtOTI4cTAgODAtNTYgMTM2dC0xMzYgNTYtMTM2LTU2LTU2LTEzNiA1Ni0xMzYgMTM2LTU2IDEzNiA1NiA1NiAxMzZ6bTE0MDggNDE2djE5MnEwIDEzLTkuNSAyMi41dC0yMi41IDkuNWgtMTIxNnEtMTMgMC0yMi41LTkuNXQtOS41LTIyLjV2LTE5MnEwLTEzIDkuNS0yMi41dDIyLjUtOS41aDEyMTZxMTMgMCAyMi41IDkuNXQ5LjUgMjIuNXptMC01MTJ2MTkycTAgMTMtOS41IDIyLjV0LTIyLjUgOS41aC0xMjE2cS0xMyAwLTIyLjUtOS41dC05LjUtMjIuNXYtMTkycTAtMTMgOS41LTIyLjV0MjIuNS05LjVoMTIxNnExMyAwIDIyLjUgOS41dDkuNSAyMi41eiIvPjwvc3ZnPg==) no-repeat
}

#feedback .pill-inactive .fa-chain {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1MjAgMTIxNnEwLTQwLTI4LTY4bC0yMDgtMjA4cS0yOC0yOC02OC0yOC00MiAwLTcyIDMyIDMgMyAxOSAxOC41dDIxLjUgMjEuNSAxNSAxOSAxMyAyNS41IDMuNSAyNy41cTAgNDAtMjggNjh0LTY4IDI4cS0xNSAwLTI3LjUtMy41dC0yNS41LTEzLTE5LTE1LTIxLjUtMjEuNS0xOC41LTE5cS0zMyAzMS0zMyA3MyAwIDQwIDI4IDY4bDIwNiAyMDdxMjcgMjcgNjggMjcgNDAgMCA2OC0yNmwxNDctMTQ2cTI4LTI4IDI4LTY3em0tNzAzLTcwNXEwLTQwLTI4LTY4bC0yMDYtMjA3cS0yOC0yOC02OC0yOC0zOSAwLTY4IDI3bC0xNDcgMTQ2cS0yOCAyOC0yOCA2NyAwIDQwIDI4IDY4bDIwOCAyMDhxMjcgMjcgNjggMjcgNDIgMCA3Mi0zMS0zLTMtMTktMTguNXQtMjEuNS0yMS41LTE1LTE5LTEzLTI1LjUtMy41LTI3LjVxMC00MCAyOC02OHQ2OC0yOHExNSAwIDI3LjUgMy41dDI1LjUgMTMgMTkgMTUgMjEuNSAyMS41IDE4LjUgMTlxMzMtMzEgMzMtNzN6bTg5NSA3MDVxMCAxMjAtODUgMjAzbC0xNDcgMTQ2cS04MyA4My0yMDMgODMtMTIxIDAtMjA0LTg1bC0yMDYtMjA3cS04My04My04My0yMDMgMC0xMjMgODgtMjA5bC04OC04OHEtODYgODgtMjA4IDg4LTEyMCAwLTIwNC04NGwtMjA4LTIwOHEtODQtODQtODQtMjA0dDg1LTIwM2wxNDctMTQ2cTgzLTgzIDIwMy04MyAxMjEgMCAyMDQgODVsMjA2IDIwN3E4MyA4MyA4MyAyMDMgMCAxMjMtODggMjA5bDg4IDg4cTg2LTg4IDIwOC04OCAxMjAgMCAyMDQgODRsMjA4IDIwOHE4NCA4NCA4NCAyMDR6Ii8+PC9zdmc+) no-repeat
}

#feedback .pill-inactive .fa-check-square {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgxMyAxMjk5bDYxNC02MTRxMTktMTkgMTktNDV0LTE5LTQ1bC0xMDItMTAycS0xOS0xOS00NS0xOXQtNDUgMTlsLTQ2NyA0NjctMjExLTIxMXEtMTktMTktNDUtMTl0LTQ1IDE5bC0xMDIgMTAycS0xOSAxOS0xOSA0NXQxOSA0NWwzNTggMzU4cTE5IDE5IDQ1IDE5dDQ1LTE5em04NTEtODgzdjk2MHEwIDExOS04NC41IDIwMy41dC0yMDMuNSA4NC41aC05NjBxLTExOSAwLTIwMy41LTg0LjV0LTg0LjUtMjAzLjV2LTk2MHEwLTExOSA4NC41LTIwMy41dDIwMy41LTg0LjVoOTYwcTExOSAwIDIwMy41IDg0LjV0ODQuNSAyMDMuNXoiLz48L3N2Zz4=) no-repeat
}

#feedback .pill-inactive .fa-clock-o {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwMjQgNTQ0djQ0OHEwIDE0LTkgMjN0LTIzIDloLTMyMHEtMTQgMC0yMy05dC05LTIzdi02NHEwLTE0IDktMjN0MjMtOWgyMjR2LTM1MnEwLTE0IDktMjN0MjMtOWg2NHExNCAwIDIzIDl0OSAyM3ptNDE2IDM1MnEwLTE0OC03My0yNzN0LTE5OC0xOTgtMjczLTczLTI3MyA3My0xOTggMTk4LTczIDI3MyA3MyAyNzMgMTk4IDE5OCAyNzMgNzMgMjczLTczIDE5OC0xOTggNzMtMjczem0yMjQgMHEwIDIwOS0xMDMgMzg1LjV0LTI3OS41IDI3OS41LTM4NS41IDEwMy0zODUuNS0xMDMtMjc5LjUtMjc5LjUtMTAzLTM4NS41IDEwMy0zODUuNSAyNzkuNS0yNzkuNSAzODUuNS0xMDMgMzg1LjUgMTAzIDI3OS41IDI3OS41IDEwMyAzODUuNXoiLz48L3N2Zz4=) no-repeat
}

#feedback .pill-inactive .fa-user {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1MzYgMTM5OXEwIDEwOS02Mi41IDE4N3QtMTUwLjUgNzhoLTg1NHEtODggMC0xNTAuNS03OHQtNjIuNS0xODdxMC04NSA4LjUtMTYwLjV0MzEuNS0xNTIgNTguNS0xMzEgOTQtODkgMTM0LjUtMzQuNXExMzEgMTI4IDMxMyAxMjh0MzEzLTEyOHE3NiAwIDEzNC41IDM0LjV0OTQgODkgNTguNSAxMzEgMzEuNSAxNTIgOC41IDE2MC41em0tMjU2LTg4N3EwIDE1OS0xMTIuNSAyNzEuNXQtMjcxLjUgMTEyLjUtMjcxLjUtMTEyLjUtMTEyLjUtMjcxLjUgMTEyLjUtMjcxLjUgMjcxLjUtMTEyLjUgMjcxLjUgMTEyLjUgMTEyLjUgMjcxLjV6Ii8+PC9zdmc+) no-repeat
}

#feedback .pill-inactive .fa-wrench {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0OCAxNDcycTAtMjYtMTktNDV0LTQ1LTE5LTQ1IDE5LTE5IDQ1IDE5IDQ1IDQ1IDE5IDQ1LTE5IDE5LTQ1em02NDQtNDIwbC02ODIgNjgycS0zNyAzNy05MCAzNy01MiAwLTkxLTM3bC0xMDYtMTA4cS0zOC0zNi0zOC05MCAwLTUzIDM4LTkxbDY4MS02ODFxMzkgOTggMTE0LjUgMTczLjV0MTczLjUgMTE0LjV6bTYzNC00MzVxMCAzOS0yMyAxMDYtNDcgMTM0LTE2NC41IDIxNy41dC0yNTguNSA4My41cS0xODUgMC0zMTYuNS0xMzEuNXQtMTMxLjUtMzE2LjUgMTMxLjUtMzE2LjUgMzE2LjUtMTMxLjVxNTggMCAxMjEuNSAxNi41dDEwNy41IDQ2LjVxMTYgMTEgMTYgMjh0LTE2IDI4bC0yOTMgMTY5djIyNGwxOTMgMTA3cTUtMyA3OS00OC41dDEzNS41LTgxIDcwLjUtMzUuNXExNSAwIDIzLjUgMTB0OC41IDI1eiIvPjwvc3ZnPg==) no-repeat
}

#feedback .pill-inactive .fa-tint {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg5NiAxMTUycTAtMzYtMjAtNjktMS0xLTE1LjUtMjIuNXQtMjUuNS0zOC0yNS00NC0yMS01MC41cS00LTE2LTIxLTE2dC0yMSAxNnEtNyAyMy0yMSA1MC41dC0yNSA0NC0yNS41IDM4LTE1LjUgMjIuNXEtMjAgMzMtMjAgNjkgMCA1MyAzNy41IDkwLjV0OTAuNSAzNy41IDkwLjUtMzcuNSAzNy41LTkwLjV6bTUxMi0xMjhxMCAyMTItMTUwIDM2MnQtMzYyIDE1MC0zNjItMTUwLTE1MC0zNjJxMC0xNDUgODEtMjc1IDYtOSA2Mi41LTkwLjV0MTAxLTE1MSA5OS41LTE3OCA4My0yMDEuNXE5LTMwIDM0LTQ3dDUxLTE3IDUxLjUgMTcgMzMuNSA0N3EyOCA5MyA4MyAyMDEuNXQ5OS41IDE3OCAxMDEgMTUxIDYyLjUgOTAuNXE4MSAxMjcgODEgMjc1eiIvPjwvc3ZnPg==) no-repeat
}

#feedback .pill-inactive .fa-puzzle-piece {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3MjggMTA5OHEwIDgxLTQ0LjUgMTM1dC0xMjMuNSA1NHEtNDEgMC03Ny41LTE3LjV0LTU5LTM4LTU2LjUtMzgtNzEtMTcuNXEtMTEwIDAtMTEwIDEyNCAwIDM5IDE2IDExNXQxNSAxMTV2NXEtMjIgMC0zMyAxLTM0IDMtOTcuNSAxMS41dC0xMTUuNSAxMy41LTk4IDVxLTYxIDAtMTAzLTI2LjV0LTQyLTgzLjVxMC0zNyAxNy41LTcxdDM4LTU2LjUgMzgtNTkgMTcuNS03Ny41cTAtNzktNTQtMTIzLjV0LTEzNS00NC41cS04NCAwLTE0MyA0NS41dC01OSAxMjcuNXEwIDQzIDE1IDgzdDMzLjUgNjQuNSAzMy41IDUzIDE1IDUwLjVxMCA0NS00NiA4OS0zNyAzNS0xMTcgMzUtOTUgMC0yNDUtMjQtOS0yLTI3LjUtNHQtMjcuNS00bC0xMy0ycS0xIDAtMy0xLTIgMC0yLTF2LTEwMjRxMiAxIDE3LjUgMy41dDM0IDUgMjEuNSAzLjVxMTUwIDI0IDI0NSAyNCA4MCAwIDExNy0zNSA0Ni00NCA0Ni04OSAwLTIyLTE1LTUwLjV0LTMzLjUtNTMtMzMuNS02NC41LTE1LTgzcTAtODIgNTktMTI3LjV0MTQ0LTQ1LjVxODAgMCAxMzQgNDQuNXQ1NCAxMjMuNXEwIDQxLTE3LjUgNzcuNXQtMzggNTktMzggNTYuNS0xNy41IDcxcTAgNTcgNDIgODMuNXQxMDMgMjYuNXE2NCAwIDE4MC0xNXQxNjMtMTd2MnEtMSAyLTMuNSAxNy41dC01IDM0LTMuNSAyMS41cS0yNCAxNTAtMjQgMjQ1IDAgODAgMzUgMTE3IDQ0IDQ2IDg5IDQ2IDIyIDAgNTAuNS0xNXQ1My0zMy41IDY0LjUtMzMuNSA4My0xNXE4MiAwIDEyNy41IDU5dDQ1LjUgMTQzeiIvPjwvc3ZnPg==) no-repeat
}

.listitemcomment-fb p {
    display: block;
}

#feedback #feedbackTypeSelect{
    font-size:9pt !important;
    padding-right:2px;
    -webkit-border-radius: 7px ;
    -webkit-background-clip: padding-box ;
    -moz-border-radius: 7px ;
    -moz-background-clip: padding-box;
    border-radius: 7px ;
    margin:5px;
    width:200px;
    border:1px solid #fff;
    font-weight:normal;
}

#feedback #feedbackType{
    font-size:12pt;
    display: inline;
    text-align: justify;
}

#displayAdditionalFields .additional-field-fb {
    padding-top: 5px;
    padding-bottom: 5px;
}

#displayAdditionalFields .additional-label-fb {
    display: inline-block;
    margin-top: 10px;
    word-break: break-word;
}

#displayAdditionalFields .additional-input-fb {
    display: inline;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 5px;
}

#feedback #comments-container {
    width: 100%;
}

#feedback #comment_input_fb {
    width: 450px;
    display: inline-block;
}

#feedback #list-noannotation {
    font-size: 9pt;
    font-weight: normal;
    color: #808080;
    margin-left: inherit;
}

#displayFeedbackCard .column15,
#displayFeedbackCard .column10 {
    clear: both;
    text-align: left;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#displayFeedbackCard .column15 {
    max-width: 15%;
    min-width: 15%;
}

#displayFeedbackCard .column10 {
    max-width: 10%;
    min-width: 10%;
}

#displayFeedbackCard .fixed-table {
    table-layout: fixed;
}

#displayFeedbackCard .table-header {
    padding: 0px 15px 0px 15px;
}

#displayFeedbackCard .table-responsive tbody{
    overflow:scroll;
}

#displayFeedbackCard .table-responsive {
    padding-left: 13px;
}

#displayFeedbackCard th{
    text-align: center;
}

#displayFeedbackCard .modal-content{
    max-width: 75%;
    min-width: 75%;
}

#displayFeedbackCard .modal-body {
        min-height: 50vh;
        overflow-y: scroll;
}

#displayFeedbackCard thead{
    position:sticky;
    top:-15px;
    background-color:white;
}

.main-content-container .feedbackForm {
    display:block;
}

.feedbackForm {
    display:none;
}
#filter .filterContent {
    padding: 0px 0px;
    height: 100%;
    display: block;
}

#filter .pp-ui-widget-content {
    overflow: hidden !important;
}

#filter table tbody tr.highlight td {
    background-color: #FFFF78;
}

#filter .search-content-text {
    overflow: hidden;
}

#filter .btn-bar {
    float: right;
    padding: 10px;
}

#filter div {
    line-height: normal;
}

#filter .btn-normal {
    color: #ffffff;
    background-color: #474747;
    font-size: 9pt !important;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #6c6c6c;
}

#filter #filterContent {
    overflow: hidden !important;
}

#filter #relevantCondition {
    width: 15px;
}

#filter .relevant-check {
    padding: 5px;
    margin: 5px 10px;
    border-bottom: 1px solid #ddd;
}

#filter .relevant-check .relevant-check-label{
    max-width: 360px;
    width: auto;
}

#filter #productTabContent .filter-table {
    overflow: auto;
    height: -webkit-calc(95% - 70px);
    height: -moz-calc(95% - 70px);
    height: calc(95% - 70px);
    max-height: 85%;
    max-height: -webkit-calc(95% - 70px);
    max-height: -moz-calc(95% - 70px);
    max-height: calc(95% - 70px);
}

#filter #productTabContent .tab-available {
    height: -webkit-calc(90% - 75px) !important;
    height: -moz-calc(90% - 75px) !important;
    height: calc(90% - 75px) !important;
    max-height: -webkit-calc(90% - 75px) !important;
    max-height: -moz-calc(90% - 75px) !important;
    max-height: calc(90% - 75px) !important;
}

#filter #conditionTabContent .filter-table {
    overflow: auto;
    height: -webkit-calc(100% - 75px);
    height: -moz-calc(100% - 75px);
    height: calc(100% - 75px);
    max-height: 95%;
    max-height: -webkit-calc(100% - 75px);
    max-height: -moz-calc(100% - 75px);
    max-height: calc(100% - 75px);
}

#filter #conditionTabContent .clear-option{
    padding-left: 10px;
    cursor: pointer;
}

#filter #filter-header {
    cursor: pointer;
    position: sticky;
    top: 0;
    background-color: #f2f2f2;
}

#filter table {
    display: table;
}
#fimSearch .pp-ui-widget-content .pagination-ul a {
    cursor: pointer;
    text-decoration: none;
}

#fimSearch #msg {
    color: red;
    margin: 20px;
    font-size: 16pt;
    text-align: center;
}

#fimSearch #fimSearch-content {
    padding: 5px !important;
}

#fimSearch table {
    display: table;
}

#fimSearch a {
    color: #337ab7;
    cursor: pointer;
    text-decoration: none;
}
#finSearch input {
    width: 30%;
    max-width: 120px;
}

#finSearch .pp-ui-widget-content .buttons {
    text-align: center;
    clear: both;
}

#wiringSearch .pp-ui-widget-content {
    margin-top: 0px !important;
}
#footer {
    overflow: hidden;
    width: 100%;
    position:relative;
    left:0;
}

#footer.readonly-mode {
    background-color:#b15f00;
}

#footer #menu-footer {
    font-size: 9pt;
    background: yellow;
    list-style-type: none;
    width: 100%;
    padding: 0px;
    color: #ffffff;
    margin: 0px;
}

#footer #menu-footer li[id=copyright] {
    float: left;
    padding: 3px;
    text-align: right;
    width: 20%;
    left: 0px;
    right: 0px;
    padding-right: 8px;
}

#footer #copyright {
    position:relative;
    width:20%;
    left:35%;
}

#footer #menu-footer li.pubInfo {
    width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#footer #menu-footer li span.readonlyModeMessage {
    color: #ffff00;
}

#footer #menu-footer li span.loginInfo {
    margin-left:100px;
}

#footer #menu-footer li {
    margin: 0px;
    float: left;
    padding: 3px;
    padding-left: 8px;
}

#footer .crlogo {
    width: 14px;
    height: 11px;
    background-image: url(../css/images/White_Flatirons_logo.svg);
    background-repeat: no-repeat;
    display: inline-block;
}

#footer .appInfo {
    width: 20%;
}

#footer .userInfo {
    text-decoration-line: underline;
    cursor: pointer;
    width: 20%;
}

#ftsSearch div.dropdown-custom a {
    text-decoration: none;
}

#ftsSearch .pp-ui-widget-content .pagination-ul a {
    cursor: pointer;
    text-decoration: none;
}

#ftsSearch .pp-ui-widget-content {
    overflow-x:hidden !important;
}


#ftsSearch .table-responsive tbody tr {
    cursor: pointer;
}

#ftsSearch .table-responsive th {
    height: 30px;
    background-color: #f8f8f8;
    padding: 2px;
}

#ftsSearch .table-responsive td {
    padding: 2px;
}

#ftsSearch .table-responsive a {
    color: #0CA5F5;
    cursor: pointer;
}

#ftsSearch #msg {
    color: red;
    margin: 20px;
    font-size: 16pt;
    text-align: center;
}

#ftsSearch .hiddenInput {
    width: inherit;
}

#ftsSearch .sub-search-options {
    border: 1px #EAEAEA solid;
    padding: 10px;
    margin-top: 20px;
    font-size: 9pt; 
}

#ftsSearch .meta-search-options {
    border: 1px #EAEAEA solid;
    padding: 10px;
    margin-top: 20px;
    font-size: 9pt; 
}
	
#ftsSearch table {
    display: table;
}

/* whole words Style */
.hiddenInput {
    display: none;
}
.whole-word .checkbox-label {
    display: inline-block;
    min-width: 20px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
    width:100%;
    height: 25px;
    cursor: pointer;
    background: #ffffff;
    border:1px solid #bbb;
    color:#bbb;
    text-align: center;
    font-weight:normal;
    padding-top:4px;    
    border-radius: 3px;
    transition: all .3s ease-out;
}
.whole-word .checkbox-label:hover{
    background: #c4c4c4;
    color:#ffffff;
    border:1px solid #ffffff;
}
.whole-word .hiddenInput:checked + .checkbox-label {
    background: #5285B8;
    color:#fff;
}
.ui-field-contain-left label, .ui-field-contain-right label{
 width:30%;
 min-width:50px;
} 
.ui-field-contain-left input, .ui-field-contain-right input{
          width:65%;
} 

.ui-field-contain-left40{
    width:40%;min-width:250px;white-space:nowrap;
}

.ui-field-contain-left10{
    width:-moz-calc(10% - 5px);
    width:-webkit-calc(10% - 5px);
    width: calc(10% - 5px);
    max-width: 110px;overflow:hidden;
    min-width:25px;
    margin-right:5px;
}

.ui-field-contain-right50{
    width:50%;
    min-width: 250px;white-space:nowrap;
}

#showSubSearchbox{
display:none;
}

.sub-Search-label{
    cursor:pointer; width:auto;
}

.show-hide-icon-text:before {
content: "-"; 
}

#showSubSearchbox:checked + .search-options-title .show-hide-icon-text:before{
content: "+"; 
}

.show-hide-icon{
    width:5px;
    display:inline-block;
}

#showSubSearchbox:checked ~ .sub-search-content {
    display:none;transition: all .3s ease-out;
}

.sub-search-content tr{
    height:30px;
}
.sub-search-content .dropdown-toggle{
    width:80%;
    min-width:150px;
}
.sub-search-content .caret{
    float:right;
}

#ftsSearch .total-number-found-div-css {
  padding-left:5pt;
  font-size: 9pt;
}

#ftsSearch .over-flow-scroll {
    overflow:scroll;
}

#ftsSearch .height-short {
    height : 24vh;
}

#ftsSearch .height-long {
    height : 45vh;
}

#ftsSearch .text-dropdown-btn{
    height: 30px;
}

#ftsSearch .text-search-row{
    overflow: visible;
    margin-right: 0px;
    margin-left: 0px;
}

#ftsSearch .text-area-width{
    width: 70%;
}
#ftsSearch .text-area-width-20{
    width: 13%;
}
#ftsSearch .fulltext-control{
    width:80%;height:30px
}
#ftsSearch .input-group-btn-customer{
    float:left
}
#ftsSearch .full-text-input-btn{
    white-space:nowrap;
    width:80%;
    overflow: visible;
}
#ftsSearch .search-options-title-hide{
    display:none
}
#ftsSearch .search-options-title-show{
    display:block
}
#ftsSearch .search-options-show-hide{
    cursor:pointer
}
#ftsSearch .highlight{
    background-color:#ffff78!important;
}

#ftsSearch .subLevelPub{
    padding-left: 15px;
}
#ftsSearch li a[role="menuitem"]{
    font-weight: bold;
}

#ftsSearch .dropdown-publications .dropdown-menu {
    overflow: auto !important;
    width: 250px;
    height: auto !important;
    max-height: 150px;
    font-size: 9pt;
}
#ftsSearch .search-content-library-container {
    min-width: 800px;
}
#ftsSearch .search-button {
    min-width: 300px;
}

#ftsSearch .libraryInputTextField {
    width: 200px;
}

.btn.simpleComplex.btn-primary {
    width: 100px;
    padding: 4px;
}

.btn.simpleComplex.btn-default {
    width: 100px;
    padding: 4px;
}

.disableComplexSearch {
    opacity: 0.7;
    background-color: lightgrey;
    width: 100px;
    padding: 4px;
}

#simpleCode{
    text-transform:capitalize;
    width: 200px;
}

.field-margin-top{
    margin-top: 10px;
    padding-left: 1vw;
}

.label-margin-top{
    max-width: none;
    margin-top: 0.4em;
}

.pubCategoryDropdown>.dropdown-custom>.multiselect-parent>.btn-default, .pubDropdown>.dropdown-custom>.multiselect-parent>.btn-default, #showFunctionList>.dropdown-custom>.multiselect-parent>.btn-default,
#showPublicationDropDownList>.dropdown-custom>.multiselect-parent>.btn-default{
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    width: 200px;
}

.label-margin-simpleCode{
    margin-top: 0.4em;
    padding-right: 0;
    max-width: 13.5%;
}

#dmcCodeId{
    width: 88%;
}

.publicationDropDown{
    margin-left: -4%;
}

.pubCategoryDropdown>.dropdown-custom>.multiselect-parent>.dropdown-toggle, .pubDropdown>.dropdown-custom>.multiselect-parent>.dropdown-toggle, #showFunctionList>.dropdown-custom>.multiselect-parent>.dropdown-toggle{
    padding:5px !important;
}

.searchPrintIcon{
    position: relative; 
    padding-bottom: 5px;
}
.search-result-download-menu{
    position: absolute;  
    background-color: #f9f9f9;  
    width: 174px; 
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2); 
    z-index: 1; 
    left: -149px; 
    height: 58px; 
    top: 100%;
}
.search-result-download-menu a{
    color: #000;
    text-decoration: none;
    padding: 5px;
    display: block;
    font-size: 15px;
    font-weight: lighter;
}
.list-unstyled li{
    padding: 6.5px 0px;
}
.list-unstyled li:hover{
    background-color: #f1f1f1 !important;
}
.printing-menu{
    color: #000000c7;
    display: flex;
    align-items: center;
}
.printing-menu-label{
    font-size: 13px;
    font-family:'ProximaNova-Regular',sans-serif;
}

#graphicListDialog.modal {
    direction: ltr;
}

#graphicListDialog .disabled {
    pointer-events: none !important;
    cursor: default !important;
    color: Gray;
    opacity: 0.5;
}

#graphic .panzoom {
    -webkit-backface-visibility: initial !important;
}

#graphic #hitsnavigator {
    margin-top: 0px;
    margin-bottom: auto;
}

#graphic #hitsnavigator {
    list-style-type: none;
    width: 45%;
    min-width: 15%;
}

#graphic #hitsnavigator li {
    display: inline-block;
    height: 22px;
    overflow: hidden;
    width: 15px;
    margin: 0px
}

#graphic #hitsnavigator .text-li {
    width: 55%
}

#graphic .highlight {
    background-color: #FFFF78
}

#graphic #find-graphic {
    width: 30%;
    height: 100%;
}

#graphic #find-graphic input {
    font-size: 10px;
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
}

#graphic #find-graphic span {
    cursor: pointer;
}

#graphic #find-graphic span.not-found-text {
    cursor: default;
    vertical-align: super;
}

#graphic #find-graphic i {
    -moz-user-select: none;
}

#graphic #find-graphic i:active {
    color: #ffffff;
}

#graphic #find-graphic .leftMenu {
    float: none;
    margin: 0px;
    padding: 0px;
}

#graphic #graphicListDialog a:hover {
    background: none;
    color: inherit;
}

#graphic .navbar-wrapper {
  margin-top:20px;
 
  z-index: 15;
}
#graphic .navbar.navbar-inverse.navbar-static-top {
  background: #5cb85c;
  border-color: #398439;
}
#graphic .navbar.navbar-inverse.navbar-static-top a{
  color:#fff;
}
#graphic .navbar.navbar-inverse.navbar-static-top a:hover{
  color:#0A64A4;
}
#graphic .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus{
  background:#398439;
  font-weight:700;
}
#graphic .navbar-inverse .navbar-nav>.active>a:hover {
  background:#398439;
  color:#fff;
  font-weight:700;
}

#graphic embed, #graphic video, #graphic applet {
    height: -webkit-calc(100% - 35px);
    height: -moz-calc(100% - 35px);
    height: calc(100% - 35px);
    max-height: 95%;
    max-height: -webkit-calc(100% - 35px);
    max-height: -moz-calc(100% - 35px);
    max-height: calc(100% - 35px);
    width: 100%;
}

#graphic .graphic-header-fix-size{
    min-height: 36px; 
    max-height: 36px;
}

@media (min-width: 768px) {
  #graphic .navbar-wrapper {
  }
  #graphic .navbar-wrapper .navbar {
    border-radius: 4px;
  }
}

#graphic .hotspotRect{
    fill: white;
}

#graphic .hotspotRect:hover{
    fill: #CCC;
}

#graphic .hotspotText{
    fill: #CCC;
}

#graphicHotspotListDialog.modal {
    direction: ltr;
}

#graphicHotspotListDialog .list-group a {
    cursor: pointer;
}
.x3d-button-disabled {
    display: none !important;
}

#graphic #mp4VideoContent .jump-prev::before {
    content: '\f060';
    font-family: FontAwesome;
}

#graphic #mp4VideoContent .jump-next::before {
    content: '\f061';
    font-family: FontAwesome;
}

#graphic .video-js {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
}

#graphic .vjs-control-bar {
    opacity: 1;
    background-color: #000000;
}

#graphic .vjs-menu-content {
    width: 150px;
    margin-left: -30px;
}

#graphic .vjs-menu-title, #graphic .vjs-menu-item {
    padding: 4px;
}

#graphic .vjs-text-track-display {
	bottom: 3em !important;
}

:-ms-input-placeholder.graphic_comments{
    color:#909090!important;
}

#graphic-annotator-editor .annotator-item .ql-toolbar svg {
    height: auto !important;
    width: auto !important;
}

#graphic-annotator-editor .annotator-widget {
    max-height: fit-content !important;
    height: auto !important;
}

#graphicListDialog .modal-dialog h4 a, .modal-dialog .panel-body a {
    display: block;
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 50px;
    max-width: 100%;
    text-decoration: none;
    cursor: pointer;
    
}

#graphicListDialog .panel {
    text-align: left;
}

#graphicListDialog .panel-heading {
    padding: 0px;
    text-align: left;
    font-size: 16px; 
    background-image: none;
}

#graphicListDialog .graphic-sheet-title {
    width: 100%;
    display: inline-block;
    padding: 15px;
    text-decoration: inherit;
}

#graphicListDialog .authoring-mode .graphic-sheet-title {
    width: calc(100% - 95px);
    padding-left: 5px;
    padding-right: 0px;
} 

#graphicListDialog .authoring-mode .new-item .graphic-sheet-title {
    margin-left: 25px;
} 

#graphicListDialog .authoring-mode .new-item .graphic-sheet-title:hover {
    color: inherit;
    cursor: auto;
} 

#graphicListDialog .graphic-sheet-title:hover {
    color: #0CA5F5;
    cursor: pointer;
}

#graphicListDialog .graphic-sheet-move {
    padding: 15px 10px;
    padding-right:5px;
    width:25px;
    display:inline-block;
    float:left;
}

#graphicListDialog .graphic-sheet-actions {
    width: auto;
    display: inline-block;
    padding: 15px;
    padding-left: 0px;
}

#graphicListDialog .graphic-sheet-actions > span:hover {
    color: #0CA5F5;
    cursor: pointer;
}

#graphicListDialog .list-group.sheet-list > .list-group-item {
    padding:0px;
}

#graphicListDialog .sheet-form {
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #ddd;
}

#graphicListDialog .new-figure-form,
#graphicListDialog .new-sheet-form {
    padding-left: 0px;
    padding-right: 0px;
}

#graphicListDialog .button-row {
    text-align:right;
    padding-left:15px;
    padding-right:15px;
}

.fa.fa-drag:before {
    content: "\f142 \202F \f142";
}

#graphicListDialog .fa.fa-drag {
    padding-top:3px;
    cursor:move;
}


#graphicListDialog .dndDraggingSource {
    display: none;
}

#graphicListDialog .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 52px;
    margin: 5px 0px;
    border-radius: 4px;
}

#graphicListDialog .figure-view{
    margin-right: 15px;
    float: right;
}
#graphicListDialog .figure-view:hover{
    color: rgb(12, 165, 245);
    cursor: pointer;
}

#graphicListDialog .model-custom-margin{
    margin-left: 10px;
    margin-right: 30px;
    margin-top: 30px;
}

#graphicListDialog .new-item {
    margin: 15px;
}

#graphicListDialog .title-inline{
    display: inline-block;
}

#graphic .alignMagnifyIcon {
    -webkit-transition: none !important;
    transition: none !important;
}

.magnify > .magnify-lens{
     width: 200px !important;
     height: 140px !important;
     background-color: #ffffff !important;
     border-radius: unset !important;
}

.graphic-banner-content {
    margin-top: 36px;
}

.graphic-banner-content .graphic-banner-container {
    border-bottom: 1px solid #bcbcbc;
    padding: 5px;
    background: #0069f6;
    color: white;
}

.graphic-banner-content .graphic-banner-message {
    cursor:pointer;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 2px;
}

.graphic-banner-content .graphic-banner-text {
    cursor:pointer;
    font-size: 12px;
    font-weight: bolder;
    padding-left: 5px;
    display: inline;
    padding-right: 5px;
}

.graphic-banner-content .graphic-banner-icon {
    padding: 5px;
    font-size: 12px;
}

.graphic-banner-content .graphic-banner-text:hover {
    text-decoration: underline;
}

.graphic-banner-content .graphic-banner-close {
    float: right;
    opacity: 0.8;
    color: white;
    margin-top: 5px;
}

#graphicDiagramsWidget .pp-ui-widget-content {
    overflow: hidden !important;
    max-height: 100%;
    position: absolute;
    top: 37px;
    bottom: 0px;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

#graphicDiagramsWidget .graphic-diagrams-content {
    padding: 5px;
    max-height: 100%;
    height: 100%;
    display: block;
}

#graphicDiagramsWidget .graphic-diagrams-content .tab-content {
    overflow: auto !important;
    height: -webkit-calc(100% - 35px);
    height: -moz-calc(100% - 35px);
    height: calc(100% - 35px);
    max-height: 95%;
    max-height: -webkit-calc(100% - 35px);
    max-height: -moz-calc(100% - 35px);
    max-height: calc(100% - 35px);
    width: 100%;
    font-size: 9pt;
}

#graphicDiagramsWidget #find-diagrams {
    width: 30%;
    height: 100%;
}

#graphicDiagramsWidget #find-diagrams input {
    font-size: 10px;
    width: 100%;
    height: 20px;
    margin: 0px;
    padding: 0px;
}

#graphicDiagramsWidget #graphicDiagramsId {
    margin-top: 0px;
    margin-bottom: auto;
    list-style-type: none;
    width: 45%;
    min-width: 15%;
}

#graphicDiagramsWidget #graphicDiagramsId li {
    display: inline-block;
    height: 22px;
    overflow: hidden;
    width: 100%;
    margin: 0px
}

#graphicDiagramsWidget #graphicDiagramsId .text-li {
    width: 100%
}

#graphicDiagramsWidget table {
    display: table;
}
#header-menu {
    width: 100%;
    background: #333333;
    height: 44px;
    min-height: 44px;
    padding-left: 0px;
    margin-right: 15px;
    font-size: 12pt;
}

#header-menu.readonly-mode {
    background: #b15f00;
}

#header-menu #menu-item-icons li {
    width: 40px;
    left: -15px;
    padding-top:1px;
    padding-bottom:1px;
}



#header-menu #menu-item-icons .form-group {
    margin-top:4px;
    width: 344px;
    display: inline-block;
}

#header-menu .container-custom {
    padding-left: 0px;
    padding-right: 0px
}

#header-menu .nav-icon-arrow-circle-left, #header-menu .nav-icon-arrow-circle-right, #header-menu .nav-icon-refresh, #header-menu .nav-icon-commenting, #header-menu .nav-icon-filter, #header-menu .nav-icon-find, #header-menu  .nav-icon-switch, #header-menu .nav-icon-print, #header-menu .nav-icon-exit {
    border: 0px;
    background-color: transparent;
    background-position: center;
}


#header-menu .nav-icon-commenting {
    background-image: url(../css/images/nav/commenting.png);
}



#header-menu  .nav-icon-switch {
    background-image: url(../css/images/nav/switch.png);
}



#header-menu .menu-item-logo, #header-menu .menu-item-logo:hover {
    background-image: url(../css/images/logo.png);
    background-repeat: no-repeat;
    padding-top: 3px;
    background-position: 8px 10px;
    width: 50px;
    margin: 0px
}

#header-menu .menu-item-name, #header-menu #product-name a {
    background-image: url(../css/flatironsstyles/logo/FS-Logo-White.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 143px;
    height: 44px;
}

#header-menu  #product-name {
    background-color: #333333 !important;
}

#header-menu li {
    -webkit-transition: all 0.25s linear 0.01s;
    -moz-transition: all 0.25s linear 0.01s;
    -ms-transition: all 0.25s linear 0.01s;
    -o-transition: all 0.25s linear 0.01s;
    transition: all 0.25s linear 0.01s;
    height: 44px;
    margin: 0px;

}

#header-menu li a {
    color: #ffffff;
    height: 44px;
    min-height: 44px;
    line-height: 24px;
    background-color: transparent;
    text-decoration: none;
}

#header-menu .navbar-icon{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#header-menu li a:hover, #header-menu li a:visited, #header-menu li a:active, #header-menu li a:focus {
    background-color: transparent;
    background-image: none;
    text-decoration: none;
}


#header-menu .dropdown-menu {
    border: 0px;
    background-color:#333333;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    min-width: 200px;
    left: 0x;

}

#header-menu .dropdown-submenu {
    position: relative;
    border: 0px;
}

#header-menu .dropdown-menu li {
    height: 100%;
    min-height: 100%;
    background-color:#333333;
    -webkit-transition: all 0.25s linear 0.01s;
    -moz-transition: all 0.25s linear 0.01s;
    -ms-transition: all 0.25s linear 0.01s;
    -o-transition: all 0.25s linear 0.01s;
    transition: all 0.25s linear 0.01s;
}

#header-menu .dropdown-menu-right a i{
    height: 100%;
    min-height: 100%;
   
}


#header-menu .dropdown-menu-right a {
    height: 100%;
    line-height: 32px;
    vertical-align: middle;
   
}

#header-menu .dropdown-menu li .focus {
    background-color: #006EEE;
}

#header-menu .dropdown-menu a, #header-menu .dropdown-menu i.grey-link {
    height: 100%;
    min-height: 100%;
    background-color: transparent;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    border-radius: 0px 0px 0 0;
    text-decoration: none;
    padding-left: 10px;
    Padding-right:10px;
}




#header-menu .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    background-color:#333333;
    border-radius: 0px;
}

#header-menu .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

#header-menu #menu-item-icons {
    position: absolute;
    right: 0;
    height:41px;
    padding-right: 0px;
}

#header-menu li.disabled_btn {
    opacity: 0.5;
}

#header-menu .icon-sub-arrow:before {
    content: "\e902";
}

#header-menu .icon-sub-arrow {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    overflow: hidden;
    transform: rotate(90deg);
    
}

#header-menu .readableFilterAttrValues {
    color: #ffffff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px !important;
    width:auto !important;
    padding-top: 16px !important ;
    text-align:right;
    padding-right:5px;
}

#header-menu .navbar-header {
    cursor: pointer;
}

#header-menu .navbar-left a, #header-menu .navbar-right a {
    cursor: pointer;
    text-decoration: none;
}


#header-menu .navbar-left a, #header-menu .navbar-right a:hover span {
    color:#006EEE;
}

#header-menu .navbar-left a, #header-menu .navbar-right a:hover span i {
    color:#006EEE;
}

#header-menu .header-icon {
    width: 40px;
    height: 28px;
    display: inline-table;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-top: -8px;
    font-size: 24px;
    color: #eee;
    text-align: center;
    text-shadow: none; 
}

#header-menu .header-icon:hover {
    color: #006EEE;
}

#header-menu .header-icon-right-dropdown {
    width: 24px;
    display: inline-table;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    /* margin-top: -9px; */
    font-size: 24px;
    color: #eee;
    text-align: center;
}

#header-menu .header-icon-right-dropdown i{
    position: relative;
    top: 3px;
    
}

#header-menu .header-icon-right-dropdown i.reversed-dropdown-icon {
    position: relative;
    top: 0px;
}

#header-menu .not-active-icon {
   opacity: 0.6;
    filter: alpha(opacity=40); /* msie */
    cursor: not-allowed !important;
}

#header-menu .hidden-icon {
   display: none;
}

#header-menu .v-separator{
    background: #ccc;
    display: inline-block;
    height: 20px;
    width: 2px !important;
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 12px;

}

#header-menu .h-separator{
    background: #ccc;
    display: block;
    height: 2px;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

#header-menu .dropdown-separator{
    background: #ccc !important;
    display: block;
    height: 2px !important;
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

#header-menu .icon-addon {
    position: relative;
    color: #555;
    display: block;
    padding: 0px;
}

#header-menu .icon-addon:after, #header-menu .icon-addon:before {
    display: table;
    content: " ";
}

#header-menu .icon-addon:after {
    clear: both;
}

#header-menu .icon-addon.addon-sm .form-control {
    height: 25px;
    font-size: 12px;
    padding: 0px 10px 0px 28px;
    float: left;
    font-weight: normal;
    border-radius: 25px;
}

#header-menu .icon-addon {
    float: left;
    margin-top: 6px;
}

#header-menu .icon-addon .form-control {
    height: 32px;
    font-size: 14px;
    padding: 0px 10px 0px 10px;
    font-weight: normal;
    padding-left: 32px;
}

#header-menu .icon-addon input {
    border: 1px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#header-menu .navbar-search {
    float: left;
    max-width: 380px;
}

#header-menu .groupsearch {
    position: relative;
    z-index: 100;
    margin-top: -2px;
}

#header-menu .rowsearch {
    width: 100%;
    white-space: nowrap;
}

#header-menu .dropsearch {
    display: inline-block; 
    padding-left: 0px;
    cursor: pointer;
}

#header-menu .dropdown-search {
    float: left;
    margin-top: 6px;
    background: #E6E6E6;
    height: 32px;
    padding-top: 5px;
    padding-left: 11px;
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

#header-menu .dropdown-search-menu {
    background: #E6E6E6;
    min-width: 71px;
}

#header-menu .dropdown-search-item {
    color:#333333;
}

#header-menu a.dropdown-item.dropdown-search-item-disabled {
    color:  lightgray;
}

#header-menu .btn-search-type {
    background: #E6E6E6;
    color:#333333;
    font-size: 14px;
    width: 100%;
    text-align: left;
    height: 32px;
    text-decoration: none;
    padding-right: 7px;
    white-space: nowrap;
}

#header-menu .icon-addon.addon-sm .fa, #header-menu .icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 4px;
    top: -3px;
}

#header-menu .icon-addon .glyphicon {
    position: absolute;
    z-index: 2;
    left: 0px;
    font-size: 14px;
    width: 14px;
    margin-left: 10px;
    text-align: center;
    padding: 8px 0;
    top: 1px;
    color: #AAAAAA;
}

#header-menu ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-weight: bold;
}

#header-menu :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-weight: bold;
}

#header-menu ::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-weight: bold;
}

#header-menu :-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-weight: bold;
}

#header-menu #brightnessRangeInput::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #4CAF50;
    cursor: pointer;
}

#header-menu #brightnessRangeInput::-moz-range-thumb {
    width: 0px;
    height: 9px;
    background: #fff;
    cursor: pointer;
    border: 0.1px solid #757575;
    padding: 6px;
    border-radius: unset;
}

#header-menu #brightnessRangeInput::-moz-range-track {
    width: 100%;
    height: 2.4px;
    cursor: pointer;
    background: #fff;
    border: 0.2px solid #fff;
}

#pubReleaseLogDialog.modal {
    position: fixed;
}

#header-menu .dropdown-item {
    padding-left: 10px;
}


#header-menu .disabledAnchor {
    color: #d6d6d6;
    padding-left: 12px;
}

#header-menu .disabledAnchorImage {
    color: #d6d6d6;
    float: right;
}

#header-menu .header-inputType{
    display: inline-block;
    padding-top: 10px;
    padding-bottom:10px; 
    padding-left: 6px;
    padding-right: 6px;
}

.responsive {
    display: block;
}

.responsive-additional {
    display: none;
}

@media (max-width: 1500px) {
    #header-menu #menu-item-icons .responsive-additional {
        display: block;
    }
    #header-menu #menu-item-icons li {
       
    }
    #header-menu #menu-item-icons .responsive {
        display: none;
    }
}

@media (max-width: 1750px) {
    #header-menu .dropdown {
        max-width: 80px;
    }
}

@media (max-width: 1000px) {
    #header-menu .disabled_btn>a {
        padding-left: 2px;
        padding-right: 2px;
    }
    #header-menu .active_btn>a {
        padding-left: 2px;
        padding-right: 2px;
    }
}
#caret-right{
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left: 6px solid #006EEE;
    border-right: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
li a:hover #caret-right {
    border-left-color: #F6FFED;
}

.customPublicationOverview {
    animation: blink 2s ease-in infinite;
}



.customAdditionalItems:before {
    content: "\f141";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    width: 24px;
    height: 28px;
    display: inline-block;
    padding-top: 5px;
}

@media (max-width: 1350px) {
    .customAdditionalItems {
        animation: blink 2s ease-in infinite;
    }

}
@keyframes blink {
    from, to { opacity: 1 }
    50% { opacity: 0.5 }
}

#header-menu .customImportStatus {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-size: contain; 
}

#header-menu .customImportStatus:hover {
    color:#006EEE;
}

#header-menu .customImportStatusBlink {
    width: 24px;
    height: 25px;
    display: inline-block;
    background-size: contain;
    animation: blink 2s ease-in infinite;
  
   
}

#header-menu .customPublicationOperation {
    
    width: 24px;
    height: 28px;
    display: inline-block;
    background-size: contain;
    color: yellow;

}

#header-menu .customAlert {
    color: yellow;
}

#header-menu .counter1 {
    position: absolute;
    left: 15px;
    top: 5px;
    font-size: 14px;
    border-radius: 50%;
    line-height: 20px;
    color: black;
    background: #eee82a;
    text-align: center;
    width: 20px;
}

#header-menu .counter2 {
    position: absolute;
    font-size: 12px;
    border-radius: 50%;
    color: black;
    background: #eee82a;
    text-align: center;
    left: 35px;
    width:20px;
    line-height: 20px;
}

#header-menu #navbar-customLogo {
    max-height:44px;
    background-image : none;
    padding-bottom: 0;
    padding-top: 0;
    width: 250px;
}

/* 
    Hot fix to create some space for icons in the header menu.
    TODO: should be removed, once header is reworked properly (absolute position for header menu icons container is removed)
*/
#header-menu .space-reducer {
    padding-right: 5px !important;
    padding-left: 5px !important;
}


#header-menu .icon-arrow-left:before {
    content: "\e902";
}

#header-menu .icon-arrow-right:before {
    content: "\e902";
}

#header-menu .productShortcut {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
}

#header-menu .activeProductShortcut {
    border-top: 3px solid #006EEE;

}

#header-menu .activeProductShortcut .navbar-icon {	
	top: -3px
}


#header-menu .icon-retry:before {
    content: "\e95f";
    
}

#header-menu .dropdown-menu-operation {
    left: 1px;
}

#header-menu .popover {
    color: black;
    width: max-content;
}

#header-menu .popover .popover-content {
    background-color: #fcf8e3;
    display: flex;
    gap: 10px;
}

#header-menu .popover .popover-content .popover-text {
    max-height: 80vh;
    overflow: auto;
}

#header-menu .popover .popover-content span.alert-text {
    color: black;
}

#header-menu .popover .popover-content .popover-close-button:hover {
    font-weight: bolder;
}

.landing-page-container {
    display:flex;
    justify-content:center;
    align-items:center;
    height:100%;
    overflow: scroll;
}

.landing-page-iframe {
    height: 95%;
    width: 100%;
	overflow: scroll;
}

#PPLandingPage .landing-page-center{
	position: relative;
	text-align: center;
}

#reorganizeLibrariesModal .scrollable-area {
  max-height: 60vh;
  overflow-y: auto;
}
/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
#reorganizeLibrariesModal ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}
/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
#reorganizeLibrariesModal ul[dnd-list] .dndDraggingSource {
  display: none;
}
/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
#reorganizeLibrariesModal ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 42px;
}
#reorganizeLibrariesModal ul[dnd-list] li {
  background-color: #fff;
  border: 1px solid #ddd;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  text-align: left;
}
#reorganizeLibrariesModal ul[dnd-list] li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
#reorganizeLibrariesModal ul[dnd-list] li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#reorganizeLibrariesModal .fa {
  margin-right: 6px;
  color: #aaaaaa;
}
#reorganizeLibrariesModal .dnd-scroll-area {
  z-index: 1;
  height: 2rem;
  width: 95%;
  position: absolute;
  overflow: overlay;
  margin-top: -10px;
}

#currentRevisionUserGroupsDialog .modal-dialog {
    text-align: left
}

#currentRevisionUserGroupsDialog .checkbox {
    padding-left: 20px;
}

#currentRevisionUserGroupsDialog .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

#currentRevisionUserGroupsDialog .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#currentRevisionUserGroupsDialog .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

#currentRevisionUserGroupsDialog .checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

#currentRevisionUserGroupsDialog .checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#currentRevisionUserGroupsDialog .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

#currentRevisionUserGroupsDialog .checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

#currentRevisionUserGroupsDialog .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

#currentRevisionUserGroupsDialog .checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

#currentRevisionUserGroupsDialog .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

#currentRevisionUserGroupsDialog .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#currentRevisionUserGroupsDialog .releaseCheckBox {
    position: relative;
    width: 45%;
}

#publicationMetadataDialog .modal-dialog {
    text-align: left
}
#documentMetadataDialog .modal-dialog {
    text-align: left;
}
#publicationMetadataDialog .input-group-addon:last-child {
	border-radius:4px !important;
	border-left: 1px solid #ccc;
	padding-top: 4px;
}
#publicationMetadataDialog input {
	width: 98%;
}
#contentAttachmentsDialog {
  position: fixed;
  left: 0px;
  top: 0px;
}
.attachments-dialog {
  width: 100%;
  margin-bottom: 8px;
  word-break: break-word;
}
.attachments-dialog .category-row {
  height: 32px;
  color: white;
  font-weight: bold;
  border-bottom: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
  border-left: 5px solid black;
}
.attachments-dialog .header-row {
  background-color: #eeeeee;
  border-left: 5px solid black;
}
.attachments-dialog .category-icon {
  width: 24px;
}
.attachments-dialog .category-row td {
  padding: 2px;
  vertical-align: middle;
  border: none;
}
.attachments-dialog .attachment-row {
  cursor: pointer;
  border-left: 5px solid black;
}
.attachments-dialog .header-row th,
.attachments-dialog .attachment-row td {
  padding: 4px;
  vertical-align: top;
  border-bottom: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
}

.ui-mobile #attachments-list-view {
  top: 3.4em;
}
.ui-mobile #attachments-list-view .attachments-rotate {
  left: -80px;
  width: 141px;
  font-size: 18px;
  top: 15em;
  opacity: 0.8;
  height: 57px;
}
.ui-mobile #attachments-list-view .attachments-rotate:hover {
  color: #000000;
  background-color: #e6e6e6;
}
.ui-mobile #attachments-list-view .material-icons.attachments-button {
  font-size: 24px;
}
.ui-mobile #contentAttachmentsDialog .modal-dialog {
  margin-top: 80px;
}

#attachments-list-view {
  background-color: #e6e6e6;
  position: absolute;
  top: 2.6em;
  right: 0.5px;
  height: 98%;
  border: none;
  margin-top: 2px;
  z-index: 1;
}
.attachment_disabled {
  display: none;
}
#attachments-list-view .attachments-panel-view {
  width: 320px;
  border: 1px solid #b3b3b3;
  padding-bottom: 5px;
  position: relative;
  background-color: white;
}
#attachments-list-view .attachments-rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  /* Should be unset in IE9+ */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  text-align: center;
  margin: 0 auto;
  font-family: arial;
  font-size: 13px;
  color: #000000;
  background-color: #e6e6e6;
  border: 1px solid #b3b3b3;
  padding: 5px;
  position: absolute;
  top: 24em;
  left: -50px;
  width: 175px;
  height: 132px;
  cursor: pointer;
}
.attachments-rotate:hover {
  background-color: #5285B8 !important;
  color: #FFFFFF !important;
}
#attachments-list-view .attachments-rotate-expanded {
  background-color: #FFFFFF !important;
  color: #000000 !important;
}
#attachments-list-view .label-counter {
  float: right;
  position: relative;
  top: -4px;
  right: -4px;
  height: 40px;
  width: 36px;
  text-align: center;
  padding-left: 2px;
  padding-top: 4px;
  background-color: #f9f9f9;
  color: black;
  border-left: 1px solid #b3b3b3;
}
#attachments-list-view .label-counter-highlight {
  background-color: #f9f9f9;
}
#attachments-list-view .attachments-rotate-expanded .label-counter-highlight {
  background-color: #f9f9f9;
}
#attachments-list-view .attachments-container {
  list-style: none outside none;
  min-width: 260px;
  padding-left: 5px;
  padding-right: 5px;
  position: relative !important;
}
#attachments-list-view .attachments-header {
  background-color: #f8f8f8;
  border-radius: 7px 7px 0px 0px;
  background-repeat: no-repeat;
  background-position: 10px 2px;
  padding-left: 20px;
  padding: 2px;
  text-align: left;
}
#attachments-list-view .attachments-pull-span {
  font-size: 20px;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
}
#attachments-list-view .attachments-icon {
  font-size: 20px;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
}
#attachments-list-view .material-icons.attachments-button {
  font-size: 18px;
}
#attachments-list-view .attachments-button:hover {
  cursor: pointer;
  color: #5285B8;
}
#attachments-list-view .attachments-button-red {
  color: #C30000;
}
#attachments-list-view .attachmentForm label {
  width: auto;
  max-width: 100%;
  font-size: 12px;
  color: #666666;
  font-weight: normal;
  margin-bottom: 0px;
}
#attachments-list-view .attachmentForm .form-check-input {
  width: auto;
}
#attachments-list-view .attachmentForm .form-control {
  padding: 4px;
}
#attachments-list-view .attachmentForm .form-control-readonly {
  line-height: 1.5;
  font-size: 12px;
  color: #333333;
  font-weight: 600;
}
#attachments-list-view .tab-content {
  padding: 5px;
  border-left: 1px #DDDDDD solid;
  border-right: 1px #DDDDDD solid;
  border-bottom: 1px #DDDDDD solid;
}
#attachments-list-view .attachmentForm .anchorText {
  border: 1px solid #ddd;
  width: 250px;
  text-align: center;
  margin-top: 10px;
  background-color: #E5F0FD;
}
#attachments-list-view .attachmentForm .add-anchor {
  color: #0470EE;
  font-size: 24px;
  vertical-align: middle;
  padding-bottom: 3px;
}
#attachments-list-view .attachmentForm .location-label {
  font-style: italic;
  font-size: 12px;
}
.anchor-label .material-icons.remove-anchors::before {
  content: "cancel";
  color: red;
  width: 22px;
  font-size: 22px;
  vertical-align: middle;
  display: inline-flex;
  margin-left: 10px;
}
.anchor-label {
  color: #0470EE;
  width: 90%;
  display: inline-flex;
  word-break: break-all;
}
.requiredlabel::after {
  content: "*";
  color: red;
  font-size: 14px;
  margin-left: 1px;
}
#attachments-list-view .attachmentForm .enter-date {
  font-size: 13px;
  padding-left: 1px;
  padding-right: 1px;
}
#dropZone {
  width: 80%;
  min-width: 300px;
  border: 2px dashed #777;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  text-align: center;
  color: #777;
  overflow: hidden;
}
#dropZone .dropTitle {
  font-size: 1.5em;
}
#attachments-list-view .attachmentForm .bootstrap-datetimepicker-widget.dropdown-menu {
  width: 17em !important;
}

#attachments-list-view .viewDocDetailsGroup {
  margin-left: 10px;
  background-color: #e6e6e6;
  border-left: 5px solid black;
}
#attachments-list-view .viewDocDetailsDiv {
  width: 100%;
  padding-left: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 15px;
  font-size: 12px;
  overflow-y: auto;
}
#attachments-list-view .viewDocDetailsSecondary {
  padding-top: 0px;
}
#attachments-list-view .addBottomBorder {
  border-bottom: 1px solid #bcbcbc;
}
#attachments-list-view .viewAttachmentLabelColumn {
  vertical-align: top;
}
#attachments-list-view .viewAttachmentLabel {
  font-weight: normal;
  color: #666666;
  margin: 0px;
  display: inline;
  font-size: 12px;
}
#attachments-list-view .viewAttachmentValuePrimary {
  float: right;
  font-weight: bold;
  color: #333333;
}
#attachments-list-view .viewAttachmentValueSecondary {
  text-align: right;
  font-weight: normal;
  color: #666666;
}
#attachments-list-view .viewDocRowsDiv {
  padding: 8px 5px 8px 5px;
  border-left: 5px solid black;
}
#attachments-list-view .viewDocRowsDivDeletion {
  background: #FBE9EB;
  border: 1px dashed red;
}
#attachments-list-view .viewhr {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 240px;
  border: 0;
  margin-left: 20px;
  border-top: 1px solid #bcbcbc;
  position: relative;
}
#attachments-list-view .textrow {
  color: #454545;
  display: inline;
  text-decoration: underline;
  font-weight: 300;
  font-size: 14px;
  max-width: 165px;
  width: 165px;
  display: inline-flex;
  word-break: break-all;
}
#attachments-list-view .viewtab-content {
  border-left: 1px white solid;
  border-right: 1px white solid;
  border-bottom: 1px white solid;
}
#attachments-list-view .textheaderrow {
  color: #454545;
  display: inline;
}
#attachments-list-view .viewheaderhr {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #bcbcbc;
  position: relative;
}
#attachments-list-view .viewattachments-icon {
  font-size: 20px !important;
  width: 20px;
  vertical-align: middle;
  display: inline-block;
}
#attachments-list-view .viewcategrydiv {
  padding: 5px;
  height: 40px;
}
#attachments-list-view .viewLabel {
  text-align: right;
  width: 55%;
  word-break: break-all;
}
#attachments-list-view .badge {
  border-radius: .25rem;
  margin-left: 2px;
}
#attachments-list-view .badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
#attachments-list-view .badge-danger {
  color: #fff;
  background-color: #dc3545;
}
#attachments-list-view .viewLongText {
  word-break: break-all;
}

#AuthoringTabContent .tox-tinymce-inline {
  display: flex !important;
}
#AuthoringTabContent .ephox-snooker-resizer-bar,
#AuthoringTabContent .ephox-dragster-blocker {
  z-index: 120;
}
#AuthoringTabContent .tox-menu {
  opacity: 0.9;
}
#content .pp-editable-section.mce-content-body {
  border: 2px solid #555555;
  background-color: #fafaff;
  max-height: calc(100vh - 300px);
  overflow: auto;
  padding-top: 3px;
}
.authoring-footer {
  padding-top: 4px;
}
.authoring-footer .fa-check,
.authoring-footer .fa-chevron-circle-right {
  color: white;
}
.authoring-footer button {
  margin: 0px 4px;
  font-size: 14px;
}
div.addSectionRuler,
tr.addSectionRuler > td > div {
  background-color: blue;
  height: 3px;
  margin: 18px 0px;
  text-align: center;
  opacity: 0.1;
}
div.addSectionRuler:hover,
tr.addSectionRuler:hover > td > div {
  opacity: 1;
}
div.addSectionRuler > .add-icon,
tr.addSectionRuler > td > div > .add-icon {
  position: relative;
  top: -12px;
  background-color: white;
  color: blue;
}
div.addSectionRuler > .material-icons.add-icon::before,
tr.addSectionRuler > td > div > .material-icons.add-icon::before {
  content: "add_circle";
  font-size: 22px;
  margin: 1px 0;
}
.authoringHistory {
  line-height: 35px;
}
.authoringHistory .draftHistoryButton {
  color: #5285b8;
  font-weight: bold;
  margin-left: 0.5vw;
  cursor: pointer;
}
.authoringHistory .draftHistoryButton:hover {
  color: #0ca5f5;
  text-decoration: underline;
}
#authoringHistoryModal .scrollableTableContainer {
  max-height: 40vh;
  min-height: 40vh;
  overflow-y: scroll;
}
#authoringHistoryModal th.stickyHeader {
  position: sticky;
  top: 0;
  background-color: #ddd;
  padding: 0px;
  padding-bottom: 2px;
  height: 38px;
}
#authoringHistoryModal th.stickyHeader > span {
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: block;
}
#authoringHistoryModal .document-status-IN_PROGRESS {
  border-left: 6px solid #F7B500;
}
#authoringHistoryModal .document-status-IN_REVIEW {
  border-left: 6px solid #006EEE;
}
#authoringHistoryModal .document-status-APPROVED {
  border-left: 6px solid #26AB00;
}
#authoringHistoryModal .timestamp {
  color: #666666;
  font-size: 11px;
}
#AuthoringTabContent .pp-insert-preview {
  background-color: #eef;
  border: dotted 2px #99c;
  min-height: 10px;
  min-width: 40px;
  border-radius: 3px;
  margin: 4px 4px 4px 0;
  position: relative;
  padding-right: 70px;
  white-space: nowrap;
}
#AuthoringTabContent .pp-insert-preview:after {
  content: attr(placeholder);
  font-size: 65%;
  text-transform: uppercase;
  margin: 2px;
  right: 0;
  top: 0;
  position: absolute;
  display: block;
  text-align: center;
  background-color: #337ab7;
  padding: .2em .6em .3em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

#pp-merge-report .merge-footer button {
  margin: 0px 4px;
  font-size: 14px;
}
#pp-merge-report .merge-container {
  height: calc(100% - 41px);
  margin-bottom: 4px;
}
#pp-merge-report .compare-revision-container {
  height: 100%;
  margin-bottom: 4px;
}
#pp-merge-report .subtasktitle {
  margin-top: 10px;
}
#pp-merge-report .document-container {
  position: relative;
  float: left;
  min-height: 100%;
  overflow: hidden;
}
#pp-merge-report .tab-content-merge .leftContainer.document-container-split {
  width: calc(50% - 75px);
}
#pp-merge-report .tab-content-merge .rightContainer.document-container-split {
  width: calc(50% + 75px);
}
#pp-merge-report .document-container-split {
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
}
#pp-merge-report .document-container-max {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#pp-merge-report .document-container-min {
  width: 0px;
  display: none;
}
#pp-merge-report .headerParent:after {
  content: " ";
  display: block;
  clear: both;
}
#pp-merge-report .document-container-header {
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 3px;
  display: flex;
  width: 100%;
  background: whitesmoke;
}
#pp-merge-report .document-container-body {
  width: 100%;
  min-width: 0;
  padding: 5px;
}
#pp-merge-report .title-area {
  width: calc(100% - 175px);
  position: relative;
  float: left;
}
#pp-merge-report .title-area-revision {
  width: calc(100% - 67px);
  position: relative;
  float: left;
}
#pp-merge-report .label-area {
  width: 165px;
  position: relative;
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 14px;
}
#pp-merge-report .parentContainer {
  height: 100%;
}
#pp-merge-report .leftHeader {
  padding-right: 3px;
}
#pp-merge-report .contentContainer {
  display: flex;
  position: relative;
  width: 100%;
  overflow: auto;
  border: 1px solid #ddd;
}
#pp-merge-report .dragbarContainer {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: auto;
}
#pp-merge-report .header-right-panel {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  align-items: baseline;
  font-weight: bold;
  font-size: 14px;
}
#pp-merge-report .flex-columns {
  display: flex;
  flex-direction: column;
}
#graphic-preview-model .subtext,
#pp-merge-report .subtext {
  font-size: 75%;
}
#pp-merge-report .ellipsis-overflow {
  overflow: hidden;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
}
#pp-merge-report .panel-footer {
  background-color: transparent;
}
#pp-merge-report .content-tab .pp-editable-section {
  border: 1px solid #ddd;
}
#pp-merge-report .pp-editable-section {
  min-height: 50px;
}
#pp-merge-report .tblList1 {
  overflow: auto;
}
#pp-merge-report .actions-container {
  border-left: 1px solid #999999;
  padding: 5px;
  width: 150px;
  position: relative;
  float: left;
  min-height: 100%;
}
#pp-merge-report .actions-container .btn {
  font-size: 10px;
  height: 45px;
  width: 45px;
  padding: 0px;
}
#pp-merge-report .actions-container .btn.pp-oem-modified,
#pp-merge-report .actions-container .btn.pp-coc-modified,
#pp-merge-report .actions-container .btn.pp-reject,
#pp-merge-report .actions-container .btn.pp-reset {
  color: white;
  border-color: #555;
}
#pp-merge-report .actions-container .btn.pp-selected {
  pointer-events: none;
  box-shadow: 0 0 3px 2px #5285b8;
  border-color: #5285b8;
}
#pp-merge-report .actions-container .btn.pp-reject,
#pp-merge-report .actions-container .btn.pp-reset {
  background-color: #666;
}
#pp-merge-report .actions-container .btn.pp-resolved {
  font-size: 26px;
  line-height: 43px;
  background-color: white;
  border-color: #7edc7e;
  border-radius: 100%;
}
#pp-merge-report .actions-container .btn.pp-resolved:hover {
  border-color: #5285b8;
  font-size: 22px;
}
#pp-merge-report .actions-container .btn.pp-resolved:hover .fa-check:before {
  content: "\f0e2";
  color: #5285b8;
}
#pp-merge-report .progress {
  margin: 0px;
  height: 6px;
}
#pp-merge-report .document-list {
  padding: 0px;
  position: relative;
  float: left;
  width: 250px;
  margin: 0px;
  margin-right: 5px;
  height: 100%;
}
#pp-merge-report .document-list-body {
  height: calc(100% - 96px);
  padding: 0px;
  overflow: auto;
  margin-bottom: 4px;
  white-space: nowrap;
  word-break: keep-all;
}
#pp-merge-report .document-list-item {
  padding: 5px;
}
#pp-merge-report .document-list-item:hover {
  color: #0ca5f5;
  cursor: pointer;
}
#pp-merge-report .document-list-item-selected {
  background-color: lightyellow;
  color: #5285b8;
}
#pp-merge-report .document-area {
  padding: 0px;
  position: relative;
  float: left;
  width: calc(100% - 255px);
  height: 100%;
  margin: 0px;
}
#pp-merge-report .document-area-revision {
  position: relative;
  float: left;
  height: 100%;
  width: 100%;
  padding-right: 15px;
}
#pp-merge-report .document-area-heading {
  height: 64px;
  padding: 10px 15px;
}
#pp-merge-report .document-area-body {
  height: calc(100% - 98px);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#pp-merge-report .document-area-body .tab-pane {
  padding-right: 5px;
}
#pp-merge-report .fa-warning {
  color: #f0ad4e;
}
#pp-merge-report .fa-check,
.fa-check-circle {
  color: #7edc7e;
}
#pp-merge-report .icon-separator {
  background: #ccc;
  display: inline-block;
  height: 10px;
  width: 2px !important;
  margin-right: 5px;
}
#pp-merge-report .merge-action-button {
  color: #5285b8;
}
#pp-merge-report .merge-action-button:hover,
#pp-merge-report .merge-action-button.active {
  color: #0ca5f5;
  cursor: pointer;
}
#pp-merge-report .pp-icon-spacing {
  padding: 5px;
}
.figureItem.pp-data-anchor {
  padding-bottom: 0px !important;
}
#pp-merge-report .merge-container .nav-tabs li {
  cursor: pointer;
}
#pp-merge-report .compare-revision-container .nav-tabs li {
  cursor: pointer;
}
#pp-merge-report .document-container .panel {
  margin-bottom: 5px;
  background-color: #fdfdfd !important;
  pointer-events: all;
}
#pp-merge-report .document-container .panel:before {
  content: none !important;
}
#pp-merge-report .document-container .panel-heading {
  background-image: none;
  background-color: white;
  min-height: 45px;
}
.modal-largeWidth .modal-dialog {
  width: 100%;
  right: 10%;
}
#graphic-preview-model .text-align-center {
  text-align: center;
  display: block;
}
#graphic-preview-model .graphic-table {
  width: 100%;
  border-spacing: 5px;
  border-collapse: separate;
}
#graphic-preview-model .graphic-table-header {
  padding: 5px;
  border: 1px solid #ddd;
  margin-bottom: 3px;
  width: 50%;
  background: whitesmoke;
}
#graphic-preview-model .graphic-table-img {
  display: block;
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
}
#graphic-preview-model .graphic-table-border {
  width: 50%;
  border: 1px solid #ddd;
}
#graphic-preview-model .portrait-img {
  width: auto;
  height: calc(100vh - 220px);
}
#graphic-preview-model .landscape-img {
  width: 35vw;
  height: auto;
}
#graphic-preview-model .pp-coc-deleted,
#graphic-preview-model .pp-coc-moved {
  display: table-cell;
}
#graphic-preview-model .pp-coc-deleted > *,
#graphic-preview-model .pp-coc-moved > * {
  opacity: 1 !important;
  text-decoration: auto !important;
}
.maximum-height .modal-body {
  max-height: none !important;
}
#pp-merge-report .pp-coc-deleted > .compare-icon,
#pp-merge-report .pp-coc-moved > .compare-icon {
  opacity: 1;
  pointer-events: all;
}
.document-container tr.pp-data-anchor.pp-editable-section.pp-coc-deleted.pp-coc-conflicted,
.document-container tr.pp-data-anchor.pp-editable-section.pp-coc-deleted,
.document-container tr.pp-data-anchor.pp-editable-section.pp-coc-added {
  height: 86px;
}
#AuthoringWarning {
  float: left;
  padding-right: 5px;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 50px;
  max-width: 48%;
  color: red;
}
#pp-merge-report .dragbar {
  flex: 0 0 3px;
  background-color: white;
  cursor: col-resize;
}
#pp-merge-report .dragbar:hover {
  background-color: black;
  opacity: 0.75;
}
#pp-merge-report .ghostbar {
  width: 3px;
  position: absolute;
  background-color: black;
  cursor: col-resize;
  opacity: 0.5;
  z-index: 999;
}
#pp-merge-report .scroll-icon {
  height: 12px;
  width: 20px;
  line-height: 1;
}
#pp-merge-report .revision-dropdown {
  min-width: 25%;
  max-width: 50%;
  font-size: 9pt;
}

#browseFiguresAndGrphicDialogModal {
  max-height: 65vh;
}
#browseFiguresAndGrphicDialogModal .panel-library-list {
  text-align: left;
  margin-left: -30px;
  margin-top: -5px;
}
#browseFiguresAndGrphicDialogModal .panel-remove-bullet {
  list-style-type: none;
  cursor: pointer;
}
#browseFiguresAndGrphicDialogModal .panel-list-spacing-border {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-top: 10px;
}
#browseFiguresAndGrphicDialogModal .panel-left-border {
  border-left: 2px solid #5285B8;
  padding-left: 10px;
  padding-top: 5px;
}
#browseFiguresAndGrphicDialogModal .panel-child {
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}
#browseFiguresAndGrphicDialogModal .panel-right-align {
  position: relative;
  right: 33px;
}
#browseFiguresAndGrphicDialogModal .fa-minus-circle {
  color: #5285B8 !important;
}

#RevisionHistoryDialog .searchbox {
  padding-top: 10px;
  margin-top: 0px;
  position: absolute;
  padding-left: 12px;
}
#RevisionHistoryDialog #searchInput {
  margin-left: 0px;
  padding-left: 30px;
}
#RevisionHistoryDialog .document-status-IN_PROGRESS {
  border-left: 6px solid #F7B500;
}
#RevisionHistoryDialog .document-status-IN_REVIEW {
  border-left: 6px solid #006EEE;
}
#RevisionHistoryDialog .document-status-APPROVED {
  border-left: 6px solid #26AB00;
}
#RevisionHistoryDialog .scrollableTableContainer {
  max-height: 40vh;
  min-height: 40vh;
  overflow-y: scroll;
}
#RevisionHistoryDialog th.stickyHeader {
  position: sticky;
  top: 0;
  background-color: #ddd;
  padding: 0px;
  padding-bottom: 2px;
  height: 38px;
}
#RevisionHistoryDialog th.stickyHeader > span {
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: block;
}
.changeLogStatusFilter {
  z-index: 100000 !important;
  top: 210px !important;
  left: 1120px;
  min-width: 200px;
}
.changeLogStatusFilter md-content {
  padding-left: 0px;
}

#browseLibrariesDialogModal {
  max-height: 65vh;
}
#browseLibrariesDialogModal .panel-library-list {
  text-align: left;
  margin-left: -30px;
  margin-top: -5px;
  cursor: pointer;
}
#browseLibrariesDialogModal .panel-remove-bullet {
  list-style-type: none;
}
#browseLibrariesDialogModal .panel-list-spacing-border {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-top: 10px;
}
#browseLibrariesDialogModal .panel-left-border {
  border-left: 2px solid #5285B8;
  padding-left: 10px;
  padding-top: 5px;
}
#browseLibrariesDialogModal .panel-child {
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}
#browseLibrariesDialogModal .panel-right-align {
  position: relative;
  right: 33px;
}
#browseLibrariesDialogModal .fa-minus-circle {
  color: #5285B8 !important;
}

.content-margin-offset {
  border-left: 56px solid transparent;
}
.content-margin {
  width: 54px;
  border: 1px solid #e3e3e3;
  position: relative;
}
.content-margin-view {
  background-color: transparent;
}
.content-margin-edit {
  background-color: #E5F0FD;
}
.content-margin-anchor {
  position: absolute;
  text-align: center;
  width: 54px;
  z-index: 1;
}
.content-margin-icon {
  color: #006EEE;
  font-size: 24px;
}
.content-margin-custom-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.material-icons.add-many::before {
  content: "add_circle_outline";
}
.material-icons.add-many:hover::before {
  content: "add_circle";
}
.material-icons.select-icon::before {
  content: "radio_button_unchecked";
}
.material-icons.select-icon:hover::before {
  content: "radio_button_checked";
}
.material-icons.selected-icon::before {
  content: "radio_button_checked";
}
.material-icons.selected-icon:hover::before {
  content: "radio_button_unchecked";
}
.material-icons.selected-anchors::before {
  content: "check_circle";
  color: green;
}
.material-icons.selected-anchors:hover::before {
  content: "remove_circle";
  color: red;
}

.exportControl {
  height: 100%;
  width: 100%;
  text-align: left;
  margin: 10px;
  padding-right: 25px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-base-color: #ffeaff;
}
.exportControl-button {
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 12px;
}
#exportControl-footer {
  text-align: center;
  margin-top: 0px;
  border-top-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}
#exportControl-dialog {
  width: 75%;
}
#exportControl-body {
  max-height: 75vh;
  overflow: auto;
}
#exportControl_wrapper {
  text-align: -webkit-center;
}
#exportControl-header {
  text-align: left;
  padding: 15px;
}

#results div.filterType {
  position: relative;
  top: -35px;
  float: right;
  text-indent: 5px;
  float: left;
}
#finSearchID .function-title {
  height: 70px;
}
#finCBTable .finTableWithMultipleTableDody {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
#finCBTable .finTableWithMultipleTableDody td {
  padding: 5px;
}
#finCBTable .finTableWithMultipleTableDody tbody .resultHeader {
  cursor: pointer;
}
#finCBTable .finTableWithMultipleTableDody tbody:nth-child(odd) {
  background-color: #f9f9f9;
}
#finCBTable .finTableWithMultipleTableDody tbody:hover {
  background-color: #FCFCFC;
}
#wire-list-tab-content .clsText {
  COLOR: black;
  font-weight: bold;
}
#wire-list-tab-content .clsTextRed {
  COLOR: white;
  BACKGROUND-COLOR: red;
  font-weight: bold;
}
#wire-list-tab-content .clsTextYellow {
  COLOR: black;
  BACKGROUND-COLOR: yellow;
  font-weight: bold;
}
#wire-list-tab-content .clsTextBlue {
  COLOR: white;
  BACKGROUND-COLOR: blue;
  font-weight: bold;
}
#wire-list-tab-content .clsTextGreen {
  COLOR: black;
  BACKGROUND-COLOR: #90EE90;
  font-weight: bold;
}
#wire-list-tab-content .clsTextWhite {
  COLOR: black;
  BACKGROUND-COLOR: #fffacd;
  font-weight: bold;
}
#wire-list-tab-content .clsTextBlack {
  COLOR: #D3D3D3;
  BACKGROUND-COLOR: black;
  font-weight: bold;
}
#finSearchTab .category_item {
  cursor: pointer;
  text-decoration: underline;
  color: #337ab7;
}
#finSearchID .highlight {
  background-color: #FFFF78!important;
}
#finSearchID .highlight-bold {
  font-weight: bold;
}
#results .linkItem {
  text-decoration: underline;
  cursor: pointer;
  color: #337ab7;
}
#finSearchID #msg {
  color: red;
  margin: 20px;
  font-size: 16pt;
  text-align: center;
}
#zoneTable .category_item,
#finListTab .category_item,
#panelListTab .category_item,
#wireListTab .category_item,
#wireListTab a {
  color: blue;
  cursor: pointer;
  text-decoration: underline;
}
#zoneTechnicalDataTab .zoneCirHtml,
#panelTechnicalDataTab .zoneCirHtml {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#zoneTechnicalDataTab .cirImageLink,
#panelTechnicalDataTab .cirImageLink {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#panelTechnicalDataTab .documentLink {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
#wireListTab .tableTbody {
  border-bottom: 1px solid #ddd;
}
#wireListTab .wireTableWithMultipleTbodys {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
#wireListTab .wireTableWithMultipleTbodys td {
  padding: 5px;
}
#wireListTab .wireTableWithMultipleTbodys tbody .resultHeader {
  cursor: pointer;
}
#wireListTab .wireTableWithMultipleTbodys tbody:nth-child(odd) {
  background-color: #f9f9f9;
}
#wireListTab .wireTableWithMultipleTbodys tbody:hover {
  background-color: #FCFCFC;
}
#wireListTab .clsTRSelected,
#finEquipmentResults .clsTRSelected {
  COLOR: black;
  BACKGROUND-COLOR: #F0E68C;
}
#wireListTab .hideRow {
  background-color: #F9FCFF;
}
#wireListTab .tdBorder {
  border: 1px solid #EAEAEA;
}
#wireListTab .tdWidth {
  width: 20%;
}
#wireListTab th {
  height: 30px;
  background-color: #f8f8f8;
  padding: 2px;
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
#wireListTab .no1 td {
  border-bottom: 1px solid #ddd;
  position: relative;
}
#wireListTab .v2-triangle {
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  width: 8px;
  height: 8px;
  /* for IE11 firefox, safari, chrome, etc. */
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  z-index: 10000;
  position: absolute;
  background: #F9FCFF;
  margin-left: 10px;
  margin-top: 1px;
}
#finEquipmentResults a.nostyle {
  text-decoration: none !important;
  color: black !important;
}
#finEquipmentResults {
  margin-top: 0px !important;
}
#finEquipmentResults .wireTableWithMultipleTbodys {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
}
#finEquipmentResults td {
  padding: 5px;
}
#finEquipmentResults .wireTableWithMultipleTbodys tbody .resultHeader {
  cursor: pointer;
}
#finEquipmentResults .wireTable tr:nth-child(odd) {
  background-color: #f9f9f9;
}
#finEquipmentResults .wireTable tr:hover {
  background-color: #FCFCFC;
}
#finEquipmentResults .wireTableWithMultipleTbodys tbody:nth-child(odd) {
  background-color: #f9f9f9;
}
#finEquipmentResults .wireTableWithMultipleTbodys tbody:hover {
  background-color: #FCFCFC;
}
#finEquipmentResults .pagination-ul a {
  cursor: pointer;
  text-decoration: none;
}
#finEquipmentResults .wireTableWithMultipleTbodys a {
  cursor: pointer;
  text-decoration: underline;
}
#finEquipmentResults #WDMSearchResults {
  padding: 5px;
}
#finEquipmentResults #finEquipmentResultsResultTab li.active > a,
#finEquipmentResults #finEquipmentResultsResultTab li.active > a:focus,
#finEquipmentResults #finEquipmentResultsResultTab li.active > a:hover {
  border-bottom-color: #ffffff;
  font-weight: bold;
  height: 29px;
  margin: 0px;
}
#finEquipmentResults #finEquipmentResultsResultTab li > a {
  height: 29px;
  margin: 0px;
}
#finEquipmentResults #finEquipmentResultsResultTab {
  height: 29px;
}
#finEquipmentResults th {
  height: 30px;
  background-color: #f8f8f8;
  padding: 2px;
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
#finEquipmentResults .no1 td {
  padding: 5px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
#finEquipmentResults .wireTableWithMultipleTbodys a {
  color: #0CA5F5;
  cursor: pointer;
}
#finEquipmentResults .v2-triangle {
  border: 1px solid #ddd;
  border-width: 1px 0 0 1px;
  width: 8px;
  height: 8px;
  /* for IE11 firefox, safari, chrome, etc. */
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  z-index: 10000;
  position: absolute;
  background: #F9FCFF;
  margin-left: 10px;
  margin-top: 1px;
}
#finEquipmentResults .wireTableWithMultipleTbodys tbody:nth-child(odd) .v2-triangle {
  background: #F9FCFF;
}
#finEquipmentResults .wireTable tr:hover .v2-triangle,
#finEquipmentResults .wireTableWithMultipleTbodys tbody:hover .v2-triangle {
  background: #F9FCFF;
}
#finEquipmentResults .hideRow {
  background-color: #F9FCFF;
}
#finEquipmentResults .tableTbody {
  border-bottom: 1px solid #ddd;
}
#finEquipmentResults .pagination-ul {
  height: 30px;
}
#finEquipmentResults .tdBorder {
  border: 1px solid #EAEAEA;
}
#finEquipmentResults .tdWidth {
  width: 20%;
}
#finEquipmentResults table {
  display: table;
  width: 100%;
}
#finEquipmentResults .data {
  white-space: pre;
}

#licenseDialog .licenseModel {
    width: fit-content;
}

#licenseDialog #licenseContent {
    height: auto;
    width: 100%;
    text-align: justify;
    padding-bottom: 65px;
    padding-right: 100px;
    padding-top: 10px;
}

#licenseDialog form {
    height: 100%;
}

#licenseDialog .btn-bar {
    height: 20%;
    text-align: right;
}
#manageRevisionsDialogModal {
  max-height: 65vh;
}
#manageRevisionsDialogModal .panel-library-list {
  text-align: left;
  margin-left: -30px;
  margin-top: -5px;
  cursor: pointer;
}
#manageRevisionsDialogModal .panel-remove-bullet {
  list-style-type: none;
}
#manageRevisionsDialogModal .panel-list-spacing-border {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  padding-top: 10px;
}
#manageRevisionsDialogModal .panel-left-border {
  border-left: 2px solid #5285B8;
  padding-left: 10px;
  padding-top: 5px;
}
#manageRevisionsDialogModal .panel-child {
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}
#manageRevisionsDialogModal .panel-right-align {
  position: relative;
  right: 33px;
}
#manageRevisionsDialogModal .fa-minus-circle {
  color: #5285B8 !important;
}
.table-header tr {
  border-top: 2px solid #ddd;
}
#searchTable td.column1 {
  width: 20%;
}
#searchTable td.column2 {
  width: 40%;
}
#filterPub {
  padding-left: 0px;
}
#filterPub table {
  width: 100%;
}
#filterPub table td {
  width: 100%;
}
span#automatic {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  height: auto;
}
span#manual {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  height: auto;
}
div#revisionType {
  background-color: #F0F0F0 !important;
  height: 81px;
  border-radius: 5px;
  border: 1px solid lightgrey;
  float: left;
  width: 100%;
  margin-bottom: 12px;
}
div#revisionType div.revision-div {
  float: left;
  width: 100%;
}
div#revisionType span {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  height: auto;
}
#revisionType input {
  height: auto;
  width: auto;
}
span.description {
  float: left;
  margin: 10px;
  margin-top: 12px;
}
span#automaticButton {
  float: left;
  margin: 10px;
  margin-top: 12px;
}
span#manualButton {
  float: left;
  margin: 10px;
  margin-top: 12px;
}
#table-content.display-modal-body {
  max-height: 40px;
}
div#displayLogContentDialog {
  overflow-y: hidden;
}
#containerTab li {
  float: left;
}
div#reloadTable {
  overflow: hidden;
}
.large .modal-dialog {
  width: 90% !important;
  padding-right: 10% !important;
}

.metaSearch-page {
  margin: 10px 10px 10px 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 300px;
  max-width: 700px;
}
.metaSearch-continer {
  flex: 1;
  display: flex;
  align-items: center;
  width: 50%;
  min-width: 250px;
}
.metaSearch-title {
  margin-right: 0px;
}
.metaSearch-title-label {
  min-width: 80px;
  width: 15%;
}
.metaSearch-data-container {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.metaSearch-input-container {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-width: 140px;
}
.metaSearch-date-container {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  min-width: 140px;
}
.metaSearch-common {
  width: 35%;
  min-width: 140px;
}
.metaSearch-input {
  width: 35%;
  min-width: 140px;
  padding-right: 0!important;
  margin-bottom: 10px;
  margin-top: 10px;
}
.metaSearch-date {
  width: 20%;
  min-width: 130px;
}
.metaSearch-date-left {
  width: 20%;
  min-width: 130px;
  margin-right: 15px;
}
.metaSearch-date-right {
  width: 20%;
  min-width: 130px;
}
.metaSearch-fix-form-control {
  margin-bottom: 5px!important;
}

#paginationDIV .pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
#paginationDIV .pagination a {
  padding-top: 6px;
  padding-right: 15px;
  padding-bottom: 6px;
  padding-left: 15px;
}
#paginationDIV .pagination-disable-link {
  pointer-events: none;
  cursor: default;
  color: black;
  font-weight: bold;
  font-size: 9pt !important;
}
#paginationDIV .pagination-enable-link {
  color: #C0C0C0;
  font-size: 9pt !important;
}
.pagination-div-css {
  padding-left: 5pt!important;
  font-size: 10.5pt;
}
#paginationDIV .display-flex {
  display: inline-flex;
}
#paginationDIV .display-input {
  margin-top: 7pt;
}
#paginationDIV .display-input-size {
  width: 30pt;
  height: 23pt;
}
#paginationDIV .display-input-discription {
  align-items: center;
  height: 100%;
}
#paginationDIV .show-page-size-div {
  margin-bottom: 15pt;
}
#paginationDIV .input-page-size-div {
  align-items: center;
  margin-top: 7px;
  margin-left: 10pt;
}
#paginationDIV .font-weight-bold {
  font-weight: bold;
}
#paginationDIV .margin-left-3pt {
  margin-left: 3pt;
}

.show-checkbox-button {
  color: #5285b8;
  font-weight: bold;
}
.show-checkbox-button:hover,
.show-checkbox-button.active {
  color: #0ca5f5;
  cursor: pointer;
}
.print-icon-spacing {
  padding-right: 5px;
}

#readSignList div.sub-search-options,
#readSignGroupsMiscDialog div.sub-search-options {
  border: 1px #EAEAEA solid;
  padding: 10px;
  margin-top: 5px;
}
#readSignList label.filterLabel {
  max-width: none;
}
#readSignList div.tableData {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#readSignList .sortableHeaderRow {
  cursor: pointer;
  background-color: #e6e6e6;
}
#readSignGroupsMiscDialog .sortableHeaderRow {
  cursor: pointer;
  background-color: #e6e6e6;
}
#readSignList .highlight {
  background-color: #FFFF78!important;
}
/*To limit the height percentage for table, not used yet, add to 'tabelContent', but will cause table-fixed style disable*/
#readSignList div.limitHeightTable {
  height: 60%;
}
/*Below style is to fix the table header*/
#readSignList .table-fixed thead {
  width: 100%;
}
#readSignList .table-fixed tbody {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
#readSignList .table-fixed thead,
#readSignList .table-fixed tbody,
#readSignList .table-fixed tr,
#readSignList .table-fixed td,
#readSignList .table-fixed th {
  display: block;
}
#readSignList .table-fixed tr {
  padding-left: 20px;
  display: block;
}
#readSignList .table-fixed tbody td,
#readSignList .table-fixed thead > tr > th {
  float: left;
  border-bottom-width: 0;
}
#readSignList input[type=number]::-webkit-inner-spin-button,
#readSignGroupsMiscDialog input[type=number]::-webkit-inner-spin-button,
#readSignList input[type=number]::-webkit-outer-spin-button,
#readSignGroupsMiscDialog input[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

#createRestrictedFragmentDialog .info-icon {
    background-image: url(../css/images/info.svg);
    background-size: contain;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;
}

#createRestrictedFragmentDialog .popup-style {
    width: 65%;
    overflow: hidden;
}

.userStatusFilterHeader {
    max-height: 165px;
    z-index: 1050 !important;
    top: 54% !important;
    margin-left: 35px;
}

.publicationStatusFilterHeader.userGroupsSelector md-content._md {
    padding-left: 0;
    min-height: 100px;
    max-height: 150px;
}

.publicationStatusFilterHeader md-content {
    padding-left: 0;
}

#createRestrictedFragmentDialog .user-input {
    min-width: 170px;
}

#createRestrictedFragmentDialog .save-button {
    height: 40px !important;
    color: #ffffff;
    background-color: #106CC8 !important;
    font-size: 12pt !important;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #106CC8;
}

#createRestrictedFragmentDialog .cancel-button {
    height: 40px !important;
    color: #666666;
    background-color: #FFFFFF !important;
    font-size: 12pt !important;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #BCBCBC;
}

#createRestrictedFragmentDialog .txt-labels {
    text-align: left;
    padding: 10px;
}

#createRestrictedFragmentDialog .line{
    border-bottom: 1px solid #eee;
    padding-top: 20px;
}

#createRestrictedFragmentDialog .userStatusFilterHeader md-select-menu {
    max-height: 150px;
}

#createRestrictedFragmentDialog #urlField {
padding-left: 10px;
display: flex;
align-content: center;
flex-direction: row;
align-items: center;
}

#view-authored-content{
display: flex;
align-items:center;
}

.viewAuthoredContentCheckbox{
    width:40px;
}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: transparent;
}

.capitalize {
    text-transform: capitalize;
}

#restrictedFragmentDialog .table-striped>tbody>tr{
    background-color:#FFFFFF;
}

#restrictedFragmentDialog .noRestrictedList {
    color: #B10B00;
    font-weight: bold;
    font-size: medium;
}

#restrictedFragmentDialog .table-title>th{
    background-color: #FFFFFF;
    position: sticky;
    top:0px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.25px;
    line-height: 20px;
}

#restrictedFragmentDialog .table-data>td{
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.25px;
    line-height: 20px;
    font-weight: 400;
}

#restrictedFragmentDialog .disable-reset-button{
    border: 1px solid #bbb!important;
    background-color: #f7f7f7!important;
    color: #bdbcbc!important;
    text-shadow: none!important;
    height: 40px !important;
    font-size: 12pt !important;
    border-radius: 4px;
}
#restrictedFragmentDialog .remove-button{
    height: 40px !important;
    color: #ffffff;
    background-color: #FF0000!important;
    font-size: 12pt !important;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #FF0000;
}

#restrictedFragmentDialog .btn-search-reset {
    width: 115px;
    height: 40px !important;
    color: #ffffff;
    font-size: 12pt !important;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #6c6c6c;
}



#restrictedFragmentDialog .popup-style {
    width: 65%;
    overflow: hidden;
}

#restrictedFragmentDialog .searchBox {
    padding-left: 10px;
    border: 1px solid #DDD;
    max-width: 35%;
    height: 4vh;
    border-radius: 6px;
}

#restrictedFragmentDialog .display-inline-block{
    display: inline-block;
    margin-right: 10px;
}

#restrictedFragmentDialog .input-icons i {
    position: absolute;
}

#restrictedFragmentDialog .input-icons {
    width: 100%;
    margin-bottom: 10px;
    border-radius:2px;
}

#restrictedFragmentDialog .icon {
    padding: 10px;
    min-width: 50px;
    text-align: center;
}

#restrictedFragmentDialog .input-field {
    width: 100%;
    padding: 10px;
}

#restrictedFragmentDialog  .popup-container{
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}
#restrictedFragmentDialog .content-table{
    flex: 1 1 auto;
    overflow-y: scroll;
}
#restrictedFragmentDialog .btn-bar{
    justify-self: flex-end;
}

#restrictedFragmentDialog input[type=checkbox] {
    height: 17px;
}

#restrictedFragmentDialog .icon-copy {
    font-size: 24px;
}

#restrictedFragmentDialog .icon-open-in-new {
    font-size: 24px;
}

#restrictedFragmentDialog .links-search {
    padding: 10px 30px 11px 31px;
    width:100%;
    border:1px solid #ccc;
    color:black;
}

#restrictedFragmentDialog .btn-links {
    width:120px;
}

#restrictedFragmentDialog .btn-table {
    margin-top: 2%;
    margin-left: 2%;
}
#restrictedFragmentDialog .links-search-box {
    position:relative;
}

#restrictedFragmentDialog .searchbox-icon {
    position:absolute;
    left: 10%;
    top: 13px;
    font-size: 15px;
}
#restrictedFragmentDialog .links-icon {
    padding-right: 5px;
}

#viewRestrictedFragmentDialog .table-title>th{
    background-color: #FFFFFF;
    position: sticky;
    top:0px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0.25px;
    line-height: 20px;
}

#viewRestrictedFragmentDialog .table-data>td{
    overflow: hidden;
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.25px;
    line-height: 20px;
    font-weight: 400;
}

#viewRestrictedFragmentDialog .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: transparent;
}

#viewRestrictedFragmentDialog .capitalize {
    text-transform: capitalize;
}

#viewRestrictedFragmentDialog .table-striped>tbody>tr{
    background-color:#FFFFFF;
}

#viewRestrictedFragmentDialog .noRestrictedList {
    color: #B10B00;
    font-weight: bold;
    font-size: medium;
}

#viewRestrictedFragmentDialog .disable-reset-button{
    border: 1px solid #bbb!important;
    background-color: #f7f7f7!important;
    color: #bdbcbc!important;
    text-shadow: none!important;
    height: 40px !important;
    font-size: 12pt !important;
    border-radius: 4px;
}

#viewRestrictedFragmentDialog .btn-search-reset {
    width: 115px;
    height: 40px !important;
    color: #ffffff;
    font-size: 12pt !important;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #6c6c6c;
}

#viewRestrictedFragmentDialog .popup-style {
    width: 65%;
    overflow: hidden;
}

#viewRestrictedFragmentDialog .searchBox {
    padding-left: 10px;
    border: 1px solid #DDD;
    max-width: 35%;
    height: 4vh;
    border-radius: 6px;
}

#viewRestrictedFragmentDialog .display-inline-block{
    display: inline-block;
    margin-right: 10px;
}

#viewRestrictedFragmentDialog .input-icons i {
    position: absolute;
}

#viewRestrictedFragmentDialog .input-icons {
    width: 100%;
    margin-bottom: 10px;
    border-radius:2px;
}

#viewRestrictedFragmentDialog .icon {
    padding: 10px;
    min-width: 50px;
    text-align: center;
}

#viewRestrictedFragmentDialog .input-field {
    width: 100%;
    padding: 10px;
}

#viewRestrictedFragmentDialog .popup-container{
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}
#viewRestrictedFragmentDialog .content-table{
    flex: 1 1 auto;
    overflow-y: scroll;
}
#viewRestrictedFragmentDialog .btn-bar{
    justify-self: flex-end;
}

#viewRestrictedFragmentDialog input[type=checkbox] {
    height: 17px;
}

#viewRestrictedFragmentDialog .icon-copy {
    font-size: 24px;
}

#viewRestrictedFragmentDialog .icon-open-in-new {
    font-size: 24px;
}

#viewRestrictedFragmentDialog .links-search {
    padding: 10px 30px 11px 31px;
    width:100%;
    border:1px solid #ccc;
    color:black;
}

#viewRestrictedFragmentDialog .btn-links {
    width:120px;
}

#viewRestrictedFragmentDialog .btn-table {
    margin-top: 2%;
    margin-left: 2%;
}
#viewRestrictedFragmentDialog .links-search-box {
    position:relative;
}

#viewRestrictedFragmentDialog .searchbox-icon {
    position:absolute;
    left: 10%;
    top: 13px;
    font-size: 15px;
}
#viewRestrictedFragmentDialog .links-icon {
    padding-right: 5px;
}
#keywordInputDIV .backgrund-color {
  border-color: red;
}
#keywordInputDIV .font-weight-bold {
  font-weight: bold;
}
#keywordInputDIV .ng-toast {
  position: absolute;
  z-index: 1080;
  width: 100%;
  height: 0;
  margin-top: 39px;
  text-align: center;
  white-space: normal;
}
#keywordInputDIV .ng-toast__list {
  left: 0;
  right: auto;
  margin-right: auto;
  width: auto;
}
#keywordInputDIV .ng-toast__message {
  text-align: center;
}
#keywordInputDIV .ngToast-common {
  display: none!important;
}

#keygen .width-fix {
  width: 500px;
}
#keygen .input-group {
  margin: 0px 20px 20px 20px;
}
#keygen .form-group {
  text-align: left;
}
#keygen label {
  width: 500px;
  min-width: 500px;
  margin-left: 20px;
}
#keygen .error {
  border-color: red;
}

#user-decrypt-passphrase .keyDropZone {
  position: relative;
  min-width: 300px;
  border: 2px dashed #777;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  color: #777;
  overflow: hidden;
  margin-top: 5px;
}
#user-decrypt-passphrase .secret-key-file {
  visibility: hidden;
  /* Hide the file input visually */
  width: 300px;
  cursor: pointer;
  padding-bottom: 10px;
  padding-left: 0px;
  top: 10px;
  height: 5px;
}
#user-decrypt-passphrase .input-group {
  margin-top: 20px;
}
#user-decrypt-passphrase .add-key-button,
#user-decrypt-passphrase .remove-key-button {
  font-size: 14px;
}
#user-decrypt-passphrase #key-form {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
#user-decrypt-passphrase li {
  padding: 10px;
}


#shoppingBasket-footer {
  border-radius: 4px;
}
#shoppingBasket-footer ul {
  min-width: 100px;
  width: 200px;
  left: -30px;
}
#shoppingBasket-footer li {
  margin: 5px;
}
#shoppingBasket-footer a {
  cursor: pointer;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 190px;
  white-space: nowrap;
}
#ngtoast-message-id .ngToast-shopping-cart-success-message {
  display: none;
}
shopping-cart .ngToast-common {
  display: none !important;
}
#showEulaPopup .ngToast-shopping-cart-success-message {
  display: none;
}
.shoppingCartImage {
  color: #337ab7 !important;
}
.partInquiry {
  content: url(../css/images/partsInquiry.PNG);
  cursor: pointer;
  width: 77px;
}

.input-dropdown {
  display: inline-block;
  position: relative;
  margin: 5px 5px 5px 5px;
}
.input-dropdown input[type='text'] {
  box-sizing: border-box;
  width: 100%;
  font-size: 12px;
  height: 30px;
}
.input-dropdown ul {
  background: #fff;
  border: 1px solid grey;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 1000;
  min-width: 100%;
  max-height: 50vh;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 3px;
}
.input-dropdown ul > li {
  padding: 5px;
  cursor: pointer;
  min-width: 100%;
}
.input-dropdown ul > li.active {
  background: #5285B8;
  color: white;
  font-weight: bold;
}
.input-dropdown ul > li.selected {
  background: lightgray;
}
.sns-selector-pop-hint-containter {
  display: flex;
}
.sns-selector-pop-hint {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -32px;
  border: 1px solid #999;
  border-radius: 5px;
  background: #FFE6B0;
  z-index: 1000;
  font-size: 11px;
  padding: 5px;
  text-transform: none;
}
.sns-group-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 15px;
}
.sns-container {
  display: flex;
}
.sns-selector-loading {
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
}
.input-dropdown .sns-input-reset {
  position: relative;
  top: 1pt;
  cursor: pointer;
  float: right;
  right: 7%;
}
.sns-group-sigle-two-column {
  width: 50%;
}
.sns-group-container-single {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 5px 5px 5px 5px;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.thumbnailSheet .thumbnailContainer {
  text-align: center;
  transition: box-shadow 0.3s;
  border-radius: 4px;
  border: 2px solid #ddd;
}
.thumbnailSheet .thumbnailContainer:hover {
  box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
  cursor: pointer;
}
.thumbnailSheet .thumbnailImage {
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
}
.thumbnailSheet .thumbnailTable {
  border-spacing: 15px;
  border-collapse: separate;
}
.remove-padding .modal-body {
  padding: 0px !important;
}
.selected-sheet-border {
  border: 3px solid #5285B8 !important;
}

.type-ahead-suggestion-container {
  position: relative;
  /* place here styles for custom positioning of suggestions dropdown */
}
.type-ahead-suggestion-container pp-type-ahead-suggestion .dropdown,
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown {
  width: 100%;
  max-width: 100% !important;
  float: left;
  overflow-y: auto;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.type-ahead-suggestion-container pp-type-ahead-suggestion .dropdown .dropdown-menu,
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown .dropdown-menu {
  top: 0;
  width: 100%;
  min-width: unset !important;
  position: relative;
  background: white;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion .dropdown .dropdown-menu li,
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown .dropdown-menu li {
  background-color: white !important;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion .dropdown .dropdown-menu li a,
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown .dropdown-menu li a {
  color: #474747 !important;
  padding-left: 32px;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion .dropdown .dropdown-menu li.has-focus,
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown .dropdown-menu li.has-focus {
  background: #eaeaea !important;
}

.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown {
  width: auto;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown.suggestion-language-dropdown {
  top: 32px;
  position: absolute;
  left: calc(100% - 32px);
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown.suggestion-language-dropdown li.language-item a {
  padding-left: 8px;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .dropdown.suggestion-language-dropdown li.language-item span {
  margin-left: 8px;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .current-suggestion-language {
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
  right: 0;
  padding: 10px 8px;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .current-suggestion-language img {
  display: block;
  cursor: pointer;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language .suggestion-language-thumbnail {
  width: 16px;
  height: 12px;
}
.type-ahead-suggestion-container pp-type-ahead-suggestion-language + input.form-control {
  padding-right: 32px !important;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: transparent;
}

.capitalize{
    text-transform: capitalize;
}
#visualHistory {
  color: white;
  visibility: hidden;
}
#visualHistory.has-content {
  visibility: visible;
  width: max-content;
}
#visualHistory .header-link {
  line-height: 44px;
  padding: 0px 10px;
  cursor: pointer;
}
#visualHistory .history-dropdown {
  position: relative;
  width: 150px;
}
@media (max-width: 926px) {
  #visualHistory .history-dropdown {
    width: 100px;
  }
}
#visualHistory .history-dropdown-toggle {
  padding-right: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#visualHistory .history-dropdown-text {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 5px;
}
#visualHistory .history-dropdown-icon {
  position: absolute;
  right: 8px;
}
#visualHistory .fa {
  line-height: inherit;
}
#visualHistory .history-item {
  padding: 10px;
  cursor: pointer;
}
#visualHistory .history-item:hover {
  background-color: #006EEE !important;
}
#visualHistory .history-item.history-submenu-toggle {
  padding-right: 25px;
}
#visualHistory .btn-group {
  padding: 5px 10px;
}
#visualHistory .history-menu {
  width: 300px;
}
#visualHistory .history-container {
  max-height: 60vh;
  overflow: auto;
}
#visualHistory .dropdown-submenu {
  position: relative;
}
#visualHistory .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
}
#visualHistory .dropdown-menu {
  background-color: #333;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-radius: 0px;
}
#visualHistory .dropdown-menu .history-item {
  white-space: normal;
}
#visualHistory .title-section {
  display: inline-block;
  width: calc(100% - 115px);
  vertical-align: top;
}
#visualHistory .thumbnail-section {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 2px solid #ddd;
  border-radius: 4px;
  background-color: white;
  text-align: center;
  margin-right: 5px;
}
#visualHistory .thumbnail-section img {
  max-width: 100%;
  max-height: 100%;
}
#visualHistory .sheet-info {
  opacity: 0.5;
  font-size: 80%;
}

#printSelectDialog .modal-dialog {
    text-align: left
}

#printSelectDialog .checkbox {
    padding-left: 20px;
}

#printSelectDialog .radio {
    padding-left: 60px;
}

#printSelectDialog .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    width: 90%;
    max-width: 100%
}

#printSelectDialog .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    width: 90%;
    max-width:100%;
}

#printSelectDialog .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#printSelectDialog .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

#printSelectDialog .checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
    vertical-align: top;
}

#printSelectDialog .checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#printSelectDialog .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

#printSelectDialog .checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

#printSelectDialog .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

#printSelectDialog .checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

#printSelectDialog .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

#printSelectDialog .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#printSelectDialog .releaseCheckBox {
    width:auto;
}

#printSelectDialog .releaseRadio {
    position: relative;
    width: 9%
}

#printSelectDialog .popover-content {
    color: red;
}

#printSelectDialog .printNoticeText {
    color: gray;
    display: inline-block;
    position: relative;
    padding-left: 35px;
    width: 90%;
    max-width: 100%
}

#printSelectDialog .printIncludeText {
    color: black;
    display: inline-block;
    position: relative;
    padding-left: 35px;
    width: 90%;
    max-width: 100%
}

#printSelectDialog .print-content-border{
    border:1px solid #ccc;
    border-radius:4px;
    position: relative;
    top: -16px;
    left: -8px;
    z-index: 0;
    padding: 8px;
    padding-left: 34px;
}

#printSelectDialog .print-option-container{
    background-color: white;
    z-index: 1;
    position: relative;
    padding: 3px;
}

#printSelectDialog .print-container{
    padding-left: 35px
}

.embeddedReferenceFirstLevelMaxExceeded{
    pointer-events: none;
    opacity: 0.5;
}
#releaseUserGroupsDialog .modal-dialog {
    text-align: left
}

#releaseUserGroupsDialog .checkbox {
    width: 50%;
    margin-left: 5px;
}

#releaseUserGroupsDialog .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
}

#releaseUserGroupsDialog .checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

#releaseUserGroupsDialog .checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}

#releaseUserGroupsDialog .checkbox input[type="checkbox"] {
    opacity: 0;
    z-index: 1;
}

#releaseUserGroupsDialog .checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#releaseUserGroupsDialog .checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

#releaseUserGroupsDialog input[type="radio"]:checked {
    background-color: #428bca;
}

#releaseUserGroupsDialog .checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

#releaseUserGroupsDialog .checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

#releaseUserGroupsDialog .checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

#releaseUserGroupsDialog .checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

#releaseUserGroupsDialog .checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

#releaseUserGroupsDialog .releaseCheckBox {
    position: relative;
    width: 25%;
}

#releaseUserGroupsDialog input.form-control {
    border: none;
    border-top: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
}

#releaseUserGroupsDialog input.form-control:focus {
    outline: none;
    border-top: 0;
    border-bottom-color: #0874c7;
    box-shadow: 4px 8.5px 4px -10px #0874c7;
}

#releaseUserGroupsDialog .bootstrap-datetimepicker-widget.dropdown-menu:before, #releaseUserGroupsDialog.bootstrap-datetimepicker-widget.dropdown-menu:after{
    display: contents !important;
}

#releaseUserGroupsDialog label{
    font-weight: normal !important;
}


#releaseUserGroupsDialog .radioLabel {
    padding-right: 10px !important;
}

#releaseUserGroupsDialog  #immediate{
    margin-top: 5px !important;
    margin-left: 15px !important;
}

#releaseUserGroupsDialog  #scheduler{
    margin-top: 10px !important;
    margin-left: 15px !important;
}

#releaseUserGroupsDialog .heading {
    font-weight: normal;
    color: #a09999;
    font-size: 16px;
}

#releaseUserGroupsDialog .radioText {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#releaseUserGroupsDialog .calendar {
    color: #428bca;
}







#toc .pp-ui-widget-header span[disabled] {
    opacity: 0.4;
}

#tsmSearch .btnLabelStyle {
    width: inherit;
    max-width: 125px;
}

#tsmSearch .tsmMsgStyle {
    color: red;
    margin: 20px;
    font-size: 16pt;
    text-align: center;
}

#tsmSearch table {
    border-left: 1px;
    border-right: 1px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 100%;
}

#tsmSearch table th {
    background: #AAAAAA
}

#tsmSearch td.selected_sign {
    font-size: 150%;
    padding-top: 2px !important;
    padding-bottom: 0px !important;
}

#tsmSearch tr.selected_row {
    font-weight: bolder;
}

#tsmSearch .table > tbody + tbody {
    border-top: 0px none rgb(128, 128, 128);
}

#tsmSearch #tsmSearchResults tbody a {
    cursor: pointer;
    text-decoration: underline;
    color: #0CA5F5;
}

#tsmSearch .table > tbody > tr > td, .table > tbody > tr > th {
    vertical-align: top;
}

#tsmSearch table > tbody > tr > td.nestedTd {
    padding-right: 0px;
}

#tsmSearch .pp-ui-widget-content .pagination-ul a {
    cursor: pointer;
    text-decoration: none;
}

#tsmSearch .pp-ui-widget-content #tsmSearchResults tbody {
    cursor: pointer;
}

#tsmSearch table {
    display: table;
}

#tsmSearch .checkbox-label {
    display: inline-block;
    min-width: 20px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; 
    width:100%;
    height: 25px;
    cursor: pointer;
    background: #ffffff;
    border:1px solid #bbb;
    color:#bbb;
    text-align: center;
    font-weight:normal;
    padding-top:4px;    
    border-radius: 3px;
    transition: all .3s ease-out;
}
#tsmSearch .checkbox-label:hover{
    background: #c4c4c4;
    color:#ffffff;
    border:1px solid #ffffff;
}
#tsmSearch .hiddenInput:checked + .checkbox-label {
    background: #5285B8;
    color:#fff;
}

#tsmSearch .highlight{
    background-color:#ffff78!important;
}
#wiringSearch .dwClsListTable
{
    BORDER-RIGHT: 1px ridge;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 1px ridge;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 1px ridge;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: navy;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    FONT-FAMILY: verdana;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: white;
}

#wiringSearch .dwClsListTbSecondHeader
{
    BORDER-RIGHT: 1px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
	BORDER-TOP: groove;
    BORDER-LEFT: 1px ridge;
    CURSOR: default;
    COLOR: olive;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #F5F5DC; //silver;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
	HEIGHT: 30px;
}

#wiringSearch .dwClsListTbHeaderData
{
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white; //silver;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
	FONT-SIZE: 14pt;
	BORDER-RIGHT: 1px ridge;
	BORDER-LEFT: 1px ridge;
	FONT: 8pt verdana;

}

#wiringSearch .dwClsListTbHeaderDataLeft
{
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white; //silver;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal;
	FONT-SIZE: 14pt;
	BORDER-RIGHT: 1px ridge;
	BORDER-LEFT: 1px ridge;
	BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px;
	FONT: 8pt verdana;
	CURSOR: hand;
	MARGIN: 0px;
	PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;

}

#wiringSearch .dwClsListTbHeaderRight
{
    BORDER-RIGHT: 1px ridge;
    PADDING-RIGHT: 2px;
    BORDER-TOP: groove;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 1px ridge;
    CURSOR: default;
    COLOR: olive;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: groove;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #F5F5DC; //silver;
    TEXT-ALIGN: right;
    FONT-VARIANT: normal;
}

#wiringSearch .dwClsTR
{
    COLOR: black;
    BACKGROUND-COLOR: white; //floralwhite;
}

#wiringSearch .dwClsLeadTR
{
    COLOR: black;
    BACKGROUND-COLOR: #A9A9A9; //floralwhite;
}

#wiringSearch .dwClsTREven
{
    COLOR: black;
    BACKGROUND-COLOR: white; //floralwhite;
}

#wiringSearch .dwClsTROdd
{
    COLOR: black;
    BACKGROUND-COLOR: #E3E3E3;   //LightGray
}

#wiringSearch .dwClsTRHighlight
{
    COLOR: black;
    BACKGROUND-COLOR: yellow; //green;
}

#wiringSearch .dwClsTRSelected
{
    COLOR: black;
    BACKGROUND-COLOR: #F0E68C;
}

#wiringSearch .dwClsTDLink
{
    FONT-SIZE: 14pt;
    COLOR: #0000CD;
    TEXT-DECORATION: underline;
    TEXT-ALIGN: center;
}

#wiringSearch .dwClsTD
{
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 1px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 14pt verdana;
    CURSOR: hand;
}

#wiringSearch .dwClsTDNone
{
    BORDER-RIGHT: 0px ridge;
    BORDER-LEFT: 0px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 8pt verdana;
    CURSOR: hand;
    TEXT-ALIGN: center;
}

#wiringSearch .dwClsTDBottom
{
    BORDER-RIGHT: 0px ridge;
    BORDER-LEFT: 0px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 8pt verdana;
    CURSOR: hand;
    TEXT-ALIGN: center;
}

#wiringSearch .dwClsTDRightBorder
{
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 0px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 8pt verdana;
    CURSOR: hand;
    TEXT-ALIGN: center;
}

#wiringSearch .dwClsTDRightBottom
{
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 0px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 8pt verdana;
    CURSOR: hand;
    TEXT-ALIGN: center;
}

#wiringSearch .dwClsTDright
{
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 1px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 8pt verdana;
    CURSOR: hand;
    TEXT-ALIGN: right;
}

#wiringSearch .dwClsTab {
    cursor: hand;
}

#wiringSearch .dwClsTabSelected {
    color: #ccffcc;
    background-color: #B0C4DE;
    border-top: 4px outset #778899;
    border-left: 5px outset #778899;
    border-right: 2px inset #778899 ;
}

#wiringSearch .dwClsTabTitle {
    color: #808080;
    font-size:14pt;
    text-align:center;
    background-color: #B0C4DE;
    font-weight:bold;
}

#wiringSearch .dwClsTabRight {
    color: #808080;
    font-size:14pt;
    text-align:center;
    background-color: #B0C4DE;
    font-weight:bold;
}

#wiringSearch .dwClsTabContainer {
    font-family:Verdana,sans-serif;
    font-size:14pt;
    color: palegreen;
    background-color: #778899;
    cursor: default;
    margin-top: 1px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 1px;
}

#wiringSearch a.dwClsTabLink {
    border-right:1px solid #B0C4DE;
    border-bottom:1px solid #B0C4DE;
    cursor:default;
    font-family:verdana;
    font-size:14pt;
    font-weight:bold;
    text-decoration:none;
    color:white;
    TEXT-ALIGN: center;
}

#wiringSearch a.dwClsTabLink:visited {
    font-family:verdana;
    font-size:14pt;
    text-decoration:none;
    color:white;
    cursor:hand;
    font-weight: bold;
}

#wiringSearch a.dwClsTabLink:hover {
    font-family:verdana;
    font-size:14pt;
    text-decoration:none;
    color:#F0E68C; //green;
    cursor:hand;
    font-weight: bold;
}

#wiringSearch a.dwClsTabLinkSelected {
    font-family:verdana;
    font-size:14pt;
    text-decoration:none;
    color:#000066;
    cursor:default;
    font-weight:bold;
}

#wiringSearch a.dwClsTabLinkSelected:visited {
    font-family:verdana;
    font-size:14pt;
    text-decoration:none;
    color:#000066;
    cursor:default;
    font-weight:bold;
}

#wiringSearch a.dwClsTabLinkSelected:hover {
    font-family:verdana;
    font-size:14pt;
    text-decoration:none;
    color:#708090;
    cursor:default;
    font-weight:bold;
}

#wiringSearch a.nostyle {
    text-decoration: none !important;
    color: black !important;
}

#wiringSearch .dwClsText
{
    COLOR: black;
	font-weight:bold;
}

#wiringSearch .dwClsTextRed
{
    COLOR: white;
    BACKGROUND-COLOR: red;
	font-weight:bold;
}

#wiringSearch .dwClsTextYellow
{
    COLOR: black;
    BACKGROUND-COLOR: yellow;
	font-weight:bold;
}

#wiringSearch .dwClsTextBlue
{
    COLOR: white;
    BACKGROUND-COLOR: blue;
	font-weight:bold;
}

#wiringSearch .dwClsTextGreen
{
    COLOR: black;
    BACKGROUND-COLOR: #90EE90;
	font-weight:bold;
}

#wiringSearch .dwClsTextWhite
{
    COLOR: black;
    BACKGROUND-COLOR: #fffacd;
	font-weight:bold;
}

#wiringSearch .dwClsTextBlack
{
    COLOR: #D3D3D3;
    BACKGROUND-COLOR: black;
	font-weight:bold;
}

#wiringSearch .dwHISTORYDROPDOWN
{
    background-color: #B0C4DE;
    BORDER-BOTTOM: 0;
    BORDER-LEFT: 0;
    BORDER-RIGHT: 0;
    BORDER-TOP: 0;
    CURSOR: hand;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    HEIGHT: 10pt;
    TEXT-ALIGN: center;
    WIDTH: 150pt;
    text-valign: center
}

#wiringSearch .dwClsEQUIPMENT
{
    BORDER-BOTTOM: 0;
	BORDER-TOP: 0;
	margin-top: -3px;
    margin-left: 0px;
    margin-bottom: -3px;
    margin-right: 0px;
	border-width:2px;
	border-color:#808080;
	border-style:solid;
	TEXT-ALIGN: center;
	FONT-SIZE: 14pt;
	background-color: white;
}

#wiringSearch .pp-ui-widget-content {
    margin-top: 0px !important;
}

#wiringSearch .pp-ui-widget-content .ui-field-contain-center {
    margin-bottom: 10px;
}

#wiringSearch .pp-ui-widget-content .buttons {
    text-align: center;
    clear: both;
}

#wiringSearch .pp-ui-widget-content #wiringSearchResultTab {
    clear: both;
}

#wiringSearch .pp-ui-widget-content .wireTable, #wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

#wiringSearch .pp-ui-widget-content .wireTable td, #wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys td {
    padding: 5px;
}

#wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys tbody .resultHeader {
    cursor: pointer;
}

#wiringSearch .pp-ui-widget-content .wireTable tr:nth-child(odd) {
    background-color: #f9f9f9;
}

#wiringSearch .pp-ui-widget-content .wireTable tr:hover {
    background-color: #FCFCFC;
}

#wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys tbody:nth-child(odd) {
    background-color: #f9f9f9;
}

#wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys tbody:hover {
    background-color: #FCFCFC;
}

#wiringSearch .pp-ui-widget-content .pagination-ul a {
    cursor: pointer;
    text-decoration: none;
}

#wiringSearch .pp-ui-widget-content .wireTable a, #wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys a {
    cursor: pointer;
    text-decoration: underline;
}

#wiringSearch #WDMSearchResults {
    padding: 5px;
}

#wiringSearch #wiringSearchResultTab li.active > a, #wiringSearch #wiringSearchResultTab li.active > a:focus, #wiringSearch #wiringSearchResultTab li.active > a:hover {
    border-bottom-color: #ffffff;
    font-weight: bold;
    height: 29px;
    margin: 0px;
}

#wiringSearch #wiringSearchResultTab li > a {
    height: 29px;
    margin: 0px;
}

#wiringSearch #wiringSearchResultTab {
    height: 29px;
}

#wiringSearch th {
    height: 30px;
    background-color: #f8f8f8;
    padding: 2px;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

#wiringSearch .no1 td {
    padding: 2px;
    border-bottom: 1px solid #ddd;
    position: relative;
}

#wiringSearch #results .wireTableWithMultipleTbodys a, #wiringSearch #results .wireTable a {
    color: #0CA5F5;
    cursor: pointer;
}

#wiringSearch .v2-triangle {
    border: 1px solid #ddd;
    border-width: 1px 0 0 1px;
    width: 8px;
    height: 8px;
    /* for IE11 firefox, safari, chrome, etc. */
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 10000;
    position: absolute;
    background: #F9FCFF;
    margin-left: 10px;
    margin-top: 1px;
}

#wiringSearch .wireTableWithMultipleTbodys tbody:nth-child(odd) .v2-triangle, #wiringSearch .wireTable tr:nth-child(odd) {
    background: #F9FCFF;
}

#wiringSearch .wireTable tr:hover .v2-triangle, #wiringSearch .wireTableWithMultipleTbodys tbody:hover .v2-triangle {
    background: #F9FCFF;
}

#wiringSearch .hideRow {
    background-color: #F9FCFF
}

#wiringSearch .tableTbody {
    border-bottom: 1px solid #ddd;
}

#wiringSearch .pagination-ul {
    height: 30px
}

#wiringSearch .tdBorder {
    border: 1px solid #EAEAEA;
}

#wiringSearch .tdWidth {
    width: 20%;
}

#wiringSearch #electricalPathTabContent .electricalEquipmentTable {
    width: 100%;
    margin: 0px;
}

#wiringSearch .pp-ui-widget-content .wireTableWithMultipleTbodys .clsTRSelected {
    COLOR: black;
    BACKGROUND-COLOR: #F0E68C;
}

#wiringSearch #electricalPathTabContent .dwClsTDcenter {
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 1px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 8px;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
    TEXT-ALIGN: center;
}

#wiringSearch #electricalPathTabContent .dwClsTDleft {
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 1px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 1px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 10px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
    TEXT-ALIGN: left;
}

#wiringSearch #electricalPathTabContent .dwClsGraphic {
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 0px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px ridge;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 3px;
    PADDING-BOTTOM: 3px;
    MARGIN: 0px;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
    TEXT-ALIGN: center;
}

#wiringSearch #electricalPathTabContent .dwClsWire {
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 1px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px groove;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-TOP: 6px;
    PADDING-BOTTOM: 6px;
    MARGIN: 0px;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
    TEXT-ALIGN: center;
    background-color: #d3d3d3; //lightgrey
}

#wiringSearch #electricalPathTabContent .dwClsLeftWire {
    BORDER-RIGHT: 2px solid;
    BORDER-LEFT: 1px ridge;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px groove;
    PADDING-TOP: 8px;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
    BORDER-RIGHT-COLOR:#808080;
    WIDTH: 20%;
    background-color: #d3d3d3;
}

#wiringSearch #electricalPathTabContent .dwClsRigthWire {
    BORDER-RIGHT: 1px ridge;
    BORDER-LEFT: 1px solid;
    BORDER-TOP: 0px;
    BORDER-BOTTOM: 0px groove;
    PADDING-TOP: 8px;
    PADDING-BOTTOM: 8px;
    MARGIN: 0px;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
    BORDER-LEFT-COLOR:#808080;
    WIDTH: 20%;
    background-color: #d3d3d3;
}

#wiringSearch #electricalPathTabContent .dwClsTitle {
    font-weight:bold;
    FONT: 9pt ProximaNova-Regular;
    CURSOR: hand;
}

#wiringSearch #electricalPathTabContent .dwClsListTbHeader {
    BORDER-RIGHT: 1px ridge;
    PADDING-RIGHT: 2px;
    BORDER-TOP: groove;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: bold;
    FONT: 9pt ProximaNova-Regular;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: 1px ridge;
    CURSOR: default;
    COLOR: olive;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: groove;
    BACKGROUND-COLOR: #F5F5DC; //silver;
    TEXT-ALIGN: center;
    FONT-VARIANT: normal;
    HEIGHT: 30px;
}

#wiringSearch table {
    display: table;
}

#wiringSearch .data {
    white-space: pre; 
}

.spare-label {
    display: inline-block;
    min-width: 20px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
    height: 25px;
    cursor: pointer;
    background: #ffffff;
    border:1px solid #bbb;
    color:#bbb;
    text-align: center;
    font-weight:normal;
    padding-top:4px;    
    border-radius: 3px;
    transition: all .3s ease-out;
}
.spare-label:hover{
    background: #c4c4c4;
    color:#ffffff;
    border:1px solid #ffffff;
}
.hiddenInput:checked + .spare-label {
    background: #5285B8;
    color:#fff;
}

#wiringSearch #equipmentTabContent .noLink {
    pointer-events: none;
}