/*
  com.oxygenxml.examples.CharPicker
*/

#charp-tabbar{background-color:transparent;padding-top:0!important;line-height:1.7em}#charp-tabbar .goog-tab{text-decoration:none;color:#000;font-weight:400;background-color:#f1f1f1;border:1px solid #d3d3d3;border-bottom:1px solid #f1f1f1;border-top-right-radius:4px;border-top-left-radius:4px}#charp-tabbar.goog-tab-bar-top{border-bottom:1px solid #d3d3d3!important}#charpicker-advanced,#charpicker-search-by-name{display:none}#charpicker-search-by-name.charp-show{display:flex}#charpicker-advanced.charp-show{display:block}#charp-tabbar.focus-visible .goog-tab-hover{border-color:#53a2e6}#charp-tabbar .goog-tab-selected{background-color:#fff;border-bottom:1px solid #fff!important}.char-select-button:hover{background-color:#d6e9f8}#charp-tabbar-content{min-height:0;flex-grow:1}#charPicker{display:flex;flex-direction:column}#simplePickerGrid .recentCharactersGrid{height:130px;width:198px;font-size:1.5em;margin-bottom:0}#simplePickerGrid .goog-flat-button{position:relative;width:32px;height:32px;line-height:32px;font-size:1.5em;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;cursor:pointer;outline:0;vertical-align:top}#simplePickerGrid{overflow:hidden;height:auto;width:231px;margin:0;position:relative}#charpickeriframe{width:100%;height:100%;border:none}#special_characters{width:183px}#removeLastChar{height:34px;width:40px;margin-left:2px;background-image:url(../../../plugin-resources/char-picker/BackwardDelete.svg);background-size:60% 90%;background-repeat:no-repeat;background-position:center;font-weight:400;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid #d3d3d3;border-radius:4px}#removeLastChar:active:focus,#removeLastChar:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}#removeLastChar:focus,#removeLastChar:hover{color:#333;text-decoration:none;background-color:#e6e6e6}#pickermenu{padding:0;font:normal 13px Roboto,sans-serif;font-weight:200}#moreSymbolsButton{margin-top:-1px;border-top:1px solid #e6e6e6;padding:10px 20px 7px 20px;cursor:pointer}.goog-char-picker-okbutton{display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 12px;margin-bottom:0;margin-left:2px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:top;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;background-color:#fff;border:1px solid #d3d3d3;border-radius:4px}.goog-char-picker-okbutton:active:focus,.goog-char-picker-okbutton:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.goog-char-picker-okbutton:focus,.goog-char-picker-okbutton:hover{color:#333;text-decoration:none;background-color:#e6e6e6}.tabsContainer{width:100%;height:400px}.tabsContainer li,.tabsContainer ul{margin:0;padding:0;list-style:none}.tabsContainer,.tabsContainer input[type=radio]:checked+label{position:relative}.tabsContainer input[type=radio]+label,.tabsContainer li{display:inline-block}.tabsContainer input[type=radio],.tabsContainer li>div{position:absolute}.tabsContainer li{vertical-align:top}.tabsContainer li:first-child{margin-left:8px}.tabsContainer li>div{border-top:solid 1px #ccc;top:33px;bottom:0;left:0;width:100%;padding:8px;overflow:auto;background:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.tabsContainer input[type=radio]+label{margin:0 2px 0 0;padding:0 10px;line-height:32px;background:#f1f1f1;text-align:center;border-radius:5px 5px 0 0;border:1px solid #d3d3d3;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;user-select:none}.tabsContainer input[type=radio]:checked+label{z-index:1;background:#fff;border-bottom-color:#fff;cursor:default}.tabsContainer input[type=radio]{opacity:0}.tabsContainer input[type=radio]~div{display:none}.tabsContainer input[type=radio]:checked:not(:disabled)~div{display:block}.charpicker-input{font-size:20px;height:34px!important}#foundByNameList{min-height:0;overflow-y:scroll;flex-grow:1;margin-top:5px;border:1px solid #d3d3d3}.characterListRow:hover{background-color:#d6e9f8}.characterListSymbol{display:inline-block;font-size:2em;width:51px;height:51px;line-height:52px;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;text-align:center;cursor:pointer;overflow:hidden;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.characterListSymbol.charp-selected,.characterListSymbol:hover{background-color:#d6e9f8}#previewCharacterDetails{display:flex;margin-top:15px;height:62px;flex-shrink:0}#previewSymbol{width:60px;height:60px;line-height:62px;font-size:3em;display:inline-block;border:1px solid #d3d3d3;text-align:center;overflow:hidden;flex-shrink:0}#previewSymbolName{padding-left:10px;display:inline-block;width:280px;vertical-align:top;line-height:1.2em}#searchName{display:block;width:100%}#searchNameButton{display:none;line-height:1.3em;vertical-align:baseline}#charpicker-search-by-name{padding:8px 0 0 0;box-sizing:border-box;display:none;flex-direction:column;height:100%}#charpicker-advanced{padding:8px 0 0 0;box-sizing:border-box;overflow:hidden;width:100%;height:100%}@media (max-height:560px){#charpickeriframe{height:250px}#moreSymbolsButton .goog-menuitem-content{font-size:1.1em}#previewCharacterDetails{display:none}.tabsContainer{height:280px}#charpicker-search-by-name{padding:8px 0}.tabsContainer li>div{padding:0}#foundByNameList{height:160px}}@media (max-width:350px){.tabsContainer input[type=radio]+label{padding:0 8px}}@media (max-width:480px){#charp-tabbar-content{height:auto}.low-width-hide{display:none}#previewCharacterDetails{display:none}#foundByNameList{height:150px}.tabsContainer{height:280px}#charpicker-advanced{padding:8px 0 0 0;overflow:hidden}#special_characters{margin-left:0;width:80%}#removeLastChar{width:18%;margin-left:2%}}@media (min-width:481px){.big-width-hide{display:none}}

/*
  web-author-cmis-plugin
*/

.cmis-history-table {
	border-collapse: collapse;
	border-top: 0;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.2;
}


.cmis-history-table thead {
	border: 1px solid lightgray;
}

.cmis-history-table thead tr {
	position: sticky;
	top: 0;
	z-index: 1;
	font-weight: bolder;
	text-align: center;
}

.cmis-history-table thead th {
	background-color: white;
	box-shadow: inset 0 1px 0 lightgray, inset 0 -1px 0 lightgray;
	border-top: 0;
	border-bottom: 0;
	line-height: 1.2;
}

.cmis-history-table td, .cmis-history-table th {
	padding: 10px;
}
.cmis-history-table td {
	border: 1px solid lightgray;
}

.cmis-history-table .cmis-old-version-link {
	text-align: center;
	color: #323233;
}

.cmis-history-table .current-version {
	font-weight: bold;
}

.cmis-history-table .current-version .cmis-old-version-link {
	cursor: default;
	text-decoration: none;
}

.cmis-history-table .cmis-user {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 15em;
}

.cmis-history-table .cmis-checkin-message {
	width: 100%;
	position: relative;
}

.cmis-history-table .cmis-checkin-message > span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	line-height: 2.5em;
	padding: 0 10px;
	white-space: pre-line;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.warningdiv {
	text-align: center;
	font-weight: 500;
	font-family: robotolight, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#cmis-messdiv {
	text-align: center;
	font-family: robotolight, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#cmis-warnhr {
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

#cmis-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	margin: -50px 0 0 -50px;
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #3498db;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

/* Add some space between the dropdown text and the downwards arrow. */
[name="cmis-actions"] .goog-toolbar-menu-button-caption {
	margin-right: 5px;
}

.cmis-login-dialog label, .cmis-version-label {
  display: block;
  line-height: 2em;
}

.cmis-error-content {
  line-height: 2em;
}

#cmis-name, #cmis-passwd {
  display: block;
  width: 100%;
}
  
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
  
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*
  web-author-diff-plugin
*/

/* Move scroll to left side for the main editor.*/
.scroll-on-left {
    direction: rtl;
}
.scroll-on-left > * {
    direction: ltr;
}

#diff-editors-frame {
    display: flex;
    position: relative;
    box-sizing: border-box;
    height: calc(100% - 23px);
}
.diff-stripe.show + #diff-editors-frame {
    height: calc(100% - (1.35em + 23px));
}

.diff-document-wrapper {
    flex-basis: 50%;
    position: relative;
    z-index: 10;
}
.range-ruler-container {
    width: 20px;
}

.diff-links.middle, .diff-middle-label {
    width: 40px !important;
    min-width: 40px !important;
}
.diff-links.middle path {
    transform: scaleX(0.4) !important;
}
@media screen and (max-height: 500px) {
    .range-ruler-container {
        display: none;
    }
}

.diff-document-wrapper {
    height:100% !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;

    overflow: auto !important;
    /* Lets it scroll lazy */
    -webkit-overflow-scrolling: touch !important;
}

#second-editor-frame {
    margin: 0;
    border: 0;
    height:100%;
    position: relative; /* Position relative to ensure #editor-frame is an offsetParent for the children within */
    overflow: auto !important;
}

/* on smaller screens we lower the document padding */
@media screen and (max-width: 1370px) {
    .diff-document-wrapper *[data-root="true"] {
        padding: 10px !important;
    }
}

.diff-labels {
    width: 100%;
    position: relative;
    height: 23px;
    box-sizing: border-box;
    border-bottom: 1px solid #b4b4b4;
    background-color: white;
    display: flex;
    /* compensate the range ruler width*/
    padding: 0 20px 3px 0;
    z-index: 15;
    color: #282828;
    font-family: roboto, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

.diff-preview-label,
.diff-main-label {
    flex-basis: 50%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 0.9em;
    padding-left: 20px;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.diff-main-label {
    padding-left: 20px;
}

#header.diff-has-labels {
    border-bottom: 1px transparent;
}

.diff-iframe-container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border:1px solid #b4b4b4;
}


/*
  com.oxygenxml.web.author.plugins.git.GitPlugin
*/


.github-status,
.github-icon-octocat-large,
.github-icon-octocat-small{
    display:inline-block;
    background-size: contain;
    background-repeat: no-repeat;
}
.github-icon-octocat-large {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.github-icon-octocat-small {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.github-input{
    width: 100%;
    padding: 0 3px;
    font-family: Roboto, arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: initial;
}
textarea.github-input {
    resize: none;
    margin-top: 5px;
    padding: 4px;
    display: block; /* To prevent extra space added at the bottom */
    max-width: 100%;
}
.github-commit-shortcut {
    z-index: 1;
    max-width: 47%;
    color: #909090;
    font-size: 0.7em;
    height: 20px;
    position: absolute;
    bottom: 20px;
    left: 21px;
    display: flex;
    align-items: center;
}
.github-commit-shortcut input {
    vertical-align: sub;
}
@media only screen and (max-width: 450px) {
    .github-commit-shortcut {
        line-height: 1.5;
        max-width: 35%;
        height: 35px;
        bottom: 14px;
    }
}

.github-login-dialog {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}

.github-login-dialog label {
    text-align: right;
    display: block;
}
.github-commit-dialog {
    font-family: Roboto, arial, sans-serif;
    color: #3E3E3E;
}
@media only screen and (max-width: 550px) {
    .github-login-dialog {
        width: auto;
        max-width: none;
    }
    .github-login-dialog label {
        text-align: left;
    }
    .github-login-dialog input {
        width: 100%;
        display: block;
    }
    .github-commit-dialog {
        width: auto;
    }
}

.gh-commit-message-details > *:not(:first-child) {
    margin-top: 5px;
}

.github-commit-dialog h1 {
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
}
.gh-branch-details h1 {
    margin-top: 30px;
}

.gh-signoff {
    display: flex;
    align-items: center;
}
.gh-signoff input[type=text] {
    flex: 1;
}
[for="gh-signoff-checkbox"] {
    padding: 0 5px 0 0;
}

.github-oauth-text {
    margin-left: 5px;
    vertical-align: middle;
}

.github-login-center-aligned {
    text-align: center;
    margin-top: -5px;
}

.github-login-dialog-error {
    text-align: center;
    background-color: #FEEBEB;
    color: #b94a48;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 3px 3px 3px 5px;
    line-height: 1.2;
    margin: 0 auto 5px auto;
}

#git-toolbar-button {
    font-family: robotolight, Arial, Helvetica, sans-serif;
    font-size: 1.05em;
    font-weight: lighter;
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    height: 24px;
}

#git-toolbar-button.oxy-spinner.oxy-spinner-dark-background {
    background-image: none !important;
}
#git-toolbar-button.oxy-spinner.oxy-spinner-dark-background:after {
    margin-left: -12px;
    margin-top: -12px;
    width: 24px;
    height: 24px;
}

.github-loading {
    content: '';
    width: 26px;
    height: 24px;
    background-image: url('../../../plugin-resources/github-static/spinner.svg') !important; /* Important to override the js style set */
    background-size: contain;
}
#gh-settings-branch-select.github-loading {
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

#git-toolbar-button.success {
    content: '';
    width: 26px;
    height: 24px;
    background-image: url('../../../plugin-resources/github-static/Checkmark_green.svg') !important; /* Important to override the js style set */
}

.gh-commit-info-prolog,
.gh-access-commit-info-prolog {
    margin-bottom: 12px;
    background-color: lightyellow;
    border: 1px solid #dadab4;
    padding: 6px;
}

.gh-access-commit-info-prolog {
    background-color: #eaefff;
    border: 1px solid rgba(27,31,35,0.15);
    line-height: 1.5;
}

.gh-commit-info-prolog a {
    background-color: aliceblue;
}

#gh-commit-diag-content {
    text-align: center;
    line-height: 1.5;
    overflow: hidden;
}

.gh-commit-diag-choice {
    vertical-align: top;
    padding: 5px;

    text-align: center;
    display: inline-block;
    max-width: 115px;
    margin-right: 12px;
    box-sizing: border-box;

    border: 1px solid #E4E4E4;
    border-radius: 4px;

    overflow: hidden;
    cursor: pointer;
}

.gh-commit-diag-choice:last-child {
    margin-right: 0;
}

.gh-commit-diag-choice:hover {
    background-color: #f5f5f5;
}

.gh-commit-diag-choice.gh-default-choice {
    border: 1px solid #FFBC70;
}

.gh-commit-diag-icon {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto;
    background-position-x: 50%;
}

.gh-commit-cancel {
    background-image: url('../../../plugin-resources/github-static/x.svg');
}

.gh-commit-diag-title {
    font-size: 1em;
    margin: 5px 0 2px 0;
}

.gh-commit-diag-descripion {
    padding: 0 5px;
}
#gh-settings-branch-select {
    line-height: 1.5em;
    padding: 2px;
    box-sizing: border-box;
    min-width: 100px;
}

.gh-config-dialog {
    text-align: left;
    box-sizing: border-box;
    word-wrap: break-word;
    width: 100%;
}
#gh-default-branch-wrapper.disabled {
    opacity: 0.45;
}
.github-repo-edit {
    background-size: 16px 16px;
    right:0;
    padding-right: 10px;
    padding-left: 10px;
    height: 20px;
    width: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42mNgGBKgoKAgAYj/Q3ECJZrBmCLNRBuASzNRXhhemj8AsQExmgWA+ABZmpEMUQDiC+RqBtnugOQVA1JTG8jWCVCvbIAaCKIboDgAZAFWg////08RptgAAMDo/Jm25cdCAAAAAElFTkSuQmCC) no-repeat 50% 50%;
    border-color: #ccc;
}

.github-browsing-repo-preview:hover > .github-repo-edit {
    background-color: lightgrey;
}

.github-browsing-repo-preview > .github-repo-edit {
    border: 1px solid transparent;
    border-radius: 2px;
}


.github-browsing-repo-preview:hover > .github-repo-edit:hover {
    border-color: grey;
    cursor: pointer;
}

.github-browsing-repo-preview {
    white-space: nowrap;
}
.repo-icon {
    background: url('../../../plugin-resources/github-static/repo.svg');
    background-size: 12px 16px;
    width: 12px;
}
.branch-icon {
    background: url('../../../plugin-resources/github-static/git-branch.svg');
    background-size: 9px 16px;
    width: 9px;
}
.branch-icon,
.repo-icon {
    margin-right: 5px;
    display: inline-block;
    opacity: 0.5;
    height: 16px;
    background-repeat: no-repeat;
}


.github-repo-right {
    max-width: 40%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
    padding-right: 20px;
}

.github-repo-div {
    display:flex;
    align-items: flex-end;
    line-height: 1.5em;
}

.github-repo-ac {
    position: relative;
    z-index: 1;
    flex:auto;
    max-width: 1000px;
}

.github-repo-ac > input,
.github-repo-ac > .ac-renderer,
.github-repo-error {
    width: 100%;
    max-width: 1000px;
}
.github-repo-error {
    margin-top: 5px;
}

.github-repo-ac > input {
    border-radius: 0;
    background-color: white;
}
.github-repo-ac > .ac-renderer {
    max-height: 135px;
    overflow: auto;
    -webkit-touch-overflow: scroll;
    box-sizing: border-box;
}
.github-repo-ac > .ac-renderer > .ac-row {
    padding: 10px 8px;
}
.github-error-icon {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    background: no-repeat 50% 50%;
    background-image: url("../../../plugin-resources/github-static/Error16.png");
    display:inline-block;
    margin-right: 5px;
}

.github-file-icon,
.big-branch-icon,
.big-repo-icon {
    display: inline-block;
    opacity: 0.5;
    margin-right: 5px;
}
.github-file-icon{
    background: url('../../../plugin-resources/github-static/file.svg');
    background-size: 9px 16px;
    width: 9px;
    height: 16px;
}
.big-repo-icon {
    background: url('../../../plugin-resources/github-static/repo.svg') no-repeat;
    background-size: 24px 32px;
    width: 24px;
}
.big-branch-icon {
    background: url('../../../plugin-resources/github-static/git-branch.svg') no-repeat;
    background-size: 18px 32px;
    width: 18px;
    margin-left: 3px;
    margin-right: 8px;
}
.github-description-preview {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-style: italic;
}

.github-repo-section,
.github-branch-section,
.github-file-section {
    margin: 10px;
}

.dialog-container .github-repo-section,
.dialog-container .github-branch-section,
.dialog-container .github-file-section {
    margin-top:0px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 550px) {
    .github-repo-right {
        display: none;
    }

    .gh-commit-diag-choice {
        min-height: inherit;
        max-width: none;
        width: 60%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 12px;
    }

    .gh-commit-diag-choice:last-child {
        margin: 0 auto;
    }
}
.gh-location-tooltip {
    padding: 10px;
    min-width: inherit;
    font-weight: bold;
    background: white;
    font-family: Arial, Liberation Sans, DejaVu Sans, sans-serif;
    font-size: 13px;

    border:1px solid #d5d5d5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.gh-location-tooltip > div {
    margin-top: 8px;
    line-height: 1.35em;
    padding: 2px 7px;
    font-weight: normal;
}
.github-commit-dialog .commit-history {
    width: 100%;
    padding: 0;
    height: 2em;
}
/* Hide the "Choose a previously entered comment" option */
.github-commit-dialog .commit-history > option:first-child {
    display: none;
}

.expandable-err-msg-check {
    display: none;
}
.expandable-err-msg {
    display: none;
}
.expandable-err-msg-check:checked + .expandable-err-msg {
    padding-top: 5px;
    text-align: left;
    display: block;
    overflow-y: auto;
    height: 90px;
}
.expandable-err-msg-check:checked ~ .expandable-err-msg-more:after {
    content: attr(oxycaption-less);
}
.expandable-err-msg-more:after {
    content: attr(oxycaption-more);
    text-align: right;
}
.expandable-err-msg-more:hover {
    cursor: pointer;
    text-decoration: underline;
}

.gh_pull_diag {
    font-family: Roboto, arial, sans-serif;
    text-align: left;
    max-width: 430px;
    color: #434343;
}

.gh_pull_diag input {
    height: initial;
}

.gh_pull_diag .gh-pull-info {
    display: none;
    padding: 0 2px;
}

.gh_pull_diag .gh-pull-info > label {
    display: block;
    overflow: hidden;
}

.gh_pull_diag .gh-pull-info input {
    display: block;
    width: 100%;

    color: #606060;
    background-color: #FAFAFA;
    border: 1px solid #E4E4E4;
    padding: 6px 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gh_pull_diag input[name=pullRequest]:checked ~ .gh-pull-info {
    display: block;
}

.gh-fork-info {
    padding-left: 3px;
    font-size: 0.85em;
}

#gh-fork-branch-name {
    border: 1px solid #E4E4E4;
    padding: 4px;
    border-radius: 4px;
    background: white;
}

.gh-branch-name-suffix {
    color: #A2A373;
    padding-left: 2px;
}

.gh-cloning-repo:after {
    animation-duration: 0.8s;
}

.gh-cloning-repo:before {
    content: attr(oxycaption);
    position: absolute;
    width: 100%;
    top: 53%;
    left: 0;
    text-align: center;
    vertical-align: middle;
}

#git-login-button {
    width: 100%;
}

#git-login-button,
#github-oauth-button,
#bitbucket-oauth-button,
#bitbucket-server-oauth-button,
#gitlab-oauth-button,
#gitlab-e-oauth-button {
    border-radius: 4px;
    margin-top: 15px;
    border: 1px solid #ddd2d2;
    background-color: #f7f7f7;
    text-align: center;
    padding: 5px;
    cursor: default;

    width: 100%;
    line-height: 2em;
    font-size: inherit;
}
#git-login-button:hover,
#github-oauth-button:hover,
#bitbucket-oauth-button:hover,
#bitbucket-server-oauth-button:hover,
#gitlab-oauth-button:hover,
#gitlab-e-oauth-button:hover {
    cursor: pointer;
    background-color: #fdfdfd;
}
#git-login-button.activated, #git-login-button:active,
#github-oauth-button.activated, #github-oauth-button:active,
#bitbucket-oauth-button.activated, #bitbucket-oauth-button:active,
#bitbucket-server-oauth-button.activated, #bitbucket-server-oauth-button:active,
#gitlab-oauth-button.activated, #gitlab-oauth-button:active,
#gitlab-e-oauth-button.activated, #gitlab-e-oauth-button:active {
    background-color: #f2f2f2;
}
.git-logo-image {
    width: 24px;
    height: 24px;

    display: inline-block;
    vertical-align: middle;
    background-size: contain;
}
.git-login-text {
    margin-left: 5px;
}

#git-login-form {
    width: 100%;
    margin-bottom: 10px;
    font-family: robotolight, Arial, Helvetica, sans-serif;
    line-height: 2em;
    margin-top: 15px;
}

#git-login-form input {
    display: block;
    width: 100%;
    margin: 5px 0;
}

#git-login-form input:focus {
    border-bottom: 1px solid rgb(104, 180, 255);
    outline: none;
}

#git-login-form input:after {
    content: '';
    display: block;
}

.git-req {
    position: relative;
    margin-bottom: .8rem;
}
.git-req.on:after {
    content: '*';
    color: red;
    line-height: initial;
    position: absolute;
    top: 3px;
    right: 8px;
}

.git-req input,
.gh-patch-branch input {
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -ms-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s;
}

.git-logout-container {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 1;
    color: #F3F4F4;
}

.git-logout-container:hover {
    border-color: #D3D3D3;
}

.git-logout-container .git-username {
    color: #cccccc;
}

#github-commit-success-indicator {
    word-wrap: break-word;
}

.gh-patch-branch {
    display: none;
    position: relative;
}
.gh-patch-branch input {
    width: 100%;
}
.access-pull-req {
    display: none;
}
.gh-patch-branch,
.access-pull-req {
    padding-left: 20px;
}
#gh-new-branch:checked ~ .gh-patch-branch {
    display: block;
}
#gh-new-branch:checked ~ .access-pull-req {
    display: flex;
    align-items: center;
}
span.gh-patch-branch-spinner {
    position: absolute;
    right: 15px;
}
span.gh-patch-branch-spinner:after {
    width: 20px;
    height: 20px;
    margin-top: 6px;
}

.file-browser-list[oxycaption]:empty:before {
    content: attr(oxycaption);
    position: relative;
    width: 90%;
    margin: 0 auto;
    display: block;
    top: 40%;
    left: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 23px;
    line-height: 50px;

    -webkit-animation-name: cloning-fade-in;
    -moz-animation-name: cloning-fade-in;
    -o-animation-name: cloning-fade-in;
    animation-name: cloning-fade-in;

    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
}

@keyframes cloning-fade-in {
    from {opacity: 0}
    to {opacity: 1}
}

.git-login-form,
.initial-login-container {
    max-width: 300px;
    margin: 50px auto;
    padding: 25px;
    border: 1px solid lightgrey;
    /*outline: 2000px solid white;*/
    background-color: white;
}

#git-repo-edit-ok-btn {
    margin: 5px 5px 0 0;
}

#git-repo-edit-cancel-btn {
    margin: 5px 5px 0 5px;
}

.git-repo-choose-cancel-btn {
    margin-left: 10px;
}

.git-repo-info-container {
    margin-right: 10px;
}

.git-display-none {
    display: none;
}

.github-repo-connect-area {
    border: 1px solid #E4E4E4;
    padding: 15px;
    /*margin: 10px;*/
    background-color: white;
    max-width: 980px;
}

.userpass-repo-buttons-container {
    margin-left: 10px;
}

.gh-repo-config-logout-btn {
    display: block;
    margin-left: auto;
    margin-right: 0;
    font-family: robotolight, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: lighter;
    border: none;
    background: none;
    color: #2072b2;
    margin-bottom: 5px;
}

/*
  web-author-spellcheck-plugin
*/

.man-sp-input {
  display: block;
  flex-shrink: 0;
  width: 100%;
}

.man-buttons {
  display: flex;
  flex-direction: column;
}

#manual-spellcheck-container {
  display: flex;
}

.man-sp {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#man-sp-suggestions {
  flex-grow: 1;
  min-height: 1px;
  overflow-y: scroll;
}

.man-sp-col.man-inputs {
  flex-grow: 1;
  min-width: 1px; /* prevent flexbox overflow, also 1px instead of 0 because IE doesn't like it. */
}

.man-sp-suggestion:hover:not(.man-sp-selected) {
  background-color: #f2f8fd;
}

.man-sp-suggestion:checked {
  background-color: #d8e2ea;
}

.man-sp-button.oxy-button {
  margin: 0 0 10px 20px;
}
.man-sp-divider {
  margin-bottom: 10px;
}

.man-sp-button.oxy-button[disabled] {
  color: #ababab;
  background-color: #eeeeee;
}

#manual-spellcheck.man-sp-transparence {
  opacity: 0.8;
}

.spelling-selected {
  background-color: #5077e0;
  color: white;
}

/*
  web-author-markdown-editing-support-plugin
*/

.markdown-editing-area {
  height: 100%;
  width: 100%;
  display: block;
  border: 0;
  box-sizing: border-box;
}

.md-url-row {
	display: flex;
	margin-bottom: 5px;
}

.md-url-label {
	min-width: 80px;
	width: 35%;
	margin-right: 7px;
	overflow-wrap: break-word;
}

.md-url-row .oxy-input {
	flex-grow: 1;
}

.md-error-msg {
	min-height: 20px; 
	line-height: 20px; 
	color: red; 
	margin-top: 10px
}

/*
  com.oxygenxml.plugin.MathMLConvertor
*/

.mml-edit-area.mml-edit-area {
	white-space: pre;
	min-height:100px;
	resize:none;
	width: 100%;	
	display:block;
	height: 100%;
  font-family: monospace;
  font-size: 16px;
  margin: 0;
}

/*
  web-author-outline-plugin
*/

.outline-container .goog-tree-row {
  height: auto;
  border-radius: 4px;
  padding: 0;
}

.outline-container .goog-tree-item {
  display: table;
  table-layout: fixed;
  min-width: 100%;
}

.outline-container .goog-tree-item-label {
  border-radius: 4px;
  line-height: 1.1em;
  position: relative;
  overflow: visible;
  margin-left: 0;
  padding: 5px 10px 5px 0;
  border: 1px solid transparent;
  width: 100%;
}

.outline-container .goog-tree-row:hover,
.outline-container .outline-selection-after .goog-tree-row.selected:hover,
.outline-container .outline-selection-before .goog-tree-row.selected:hover {
  background-color: rgba(214, 233, 248, 0.2) !important;
}

.outline-container .goog-tree-row.selected {
  background-color: rgba(214, 233, 248, 0.6)!important;
  transition: background-color 300ms linear;
}
.outline-container:hover .goog-tree-row.selected {
  background-color: rgba(214, 233, 248, 0.8)!important;
}

.outline-container .selected .goog-tree-item-label {
  background-color: transparent;
  color: ButtonText;
}

.outline-tagName {
  color: #0068bd;
}

.outline-attribute {
  color: #c73304;
}

.outline-tagName, .outline-attribute {
  margin-right: 5px;
}

.outline-tagName,
.outline-attribute,
.outline-text {
  pointer-events: none;
}

.outline-element-icon {
  display: none !important;
}

.outline-toolbar {
  background-color: #F5F5F5;
  border: 1px solid #dcdcdc;
  padding: 3px 3px;
  margin: 12px;
  width: calc(100% - 24px);
}

.outline-toolbar .goog-toolbar {
  padding: 2px 1px;
}

.outline-toolbar .goog-menuitem,
.outline-toolbar .goog-toolbar-menu-button {
  font-family: Roboto, Arial, Helvetica, sans-serif;
}

.outline-container .goog-tree-row:not(.goog-tree-hide-root) {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.outline-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.outline-tree-container {
  overflow: auto;
  flex-grow: 1;
}

.outline-tree-container .goog-tree-root > .goog-tree-children-nolines > .goog-tree-item > .goog-tree-row {
  padding-left: 4px !important;
}

.custom-drag-inserting-bottom:after,
.custom-drag-inserting-middle:after,
.custom-drag-inserting-top:after {
  position: absolute;
  content: '';
  width: calc(100% + 18px);
  left: -20px;
}

.selected.custom-drag-inserting-bottom:after,
.selected.custom-drag-inserting-middle:after,
.selected.custom-drag-inserting-top:after {
  display: none;
}

.custom-drag-inserting-bottom:after {
  background-color: rgba(51, 122, 183, 0.5);
  height: 2px;
  bottom: -2px;
}

.custom-drag-inserting-middle:after {
  top: 0;
  height: 100%;
  box-shadow: 0 0 0 2px rgba(51, 122, 183, 0.5);
}

.custom-drag-inserting-top:after {
  background-color: rgba(51, 122, 183, 0.5);
  height: 2px;
  top: -2px;
}

.outline-dragging {
  background-color: rgba(214, 233, 248, 0.6);
  border-radius: 4px;
  opacity: 0.3;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  padding-left: 15px;
  white-space: nowrap;
  max-width: 200px;
}

.outline-dragging-disabled {
  background-color: transparent;
  overflow: visible;
  cursor: not-allowed;
}

.outline-dragging-disabled span {
  display: none!important;
}

.outline-progress {
  text-align: center;
  padding-top: 10px;
}


.outline-toolbar .goog-toolbar {
  background-color: transparent;
  border: none;
}
.outline-toolbar .goog-toolbar-menu-button {
  font-size: 1.2em;
}

.outline-toolbar .goog-toolbar .goog-toolbar-menu-button .goog-toolbar-menu-button-inner-box {
  padding: 1px 6px 2px 6px;
}

.outline-toolbar .goog-toolbar-menu-button-open {
  background-color: transparent !important;
}

.outline-toolbar .goog-toolbar-menu-button-dropdown {
  vertical-align: baseline;
}

.outline-container .outline-selection-after .goog-tree-row.selected,
.outline-container .outline-selection-before .goog-tree-row.selected {
  background-color: transparent!important;
}

.outline-selection-after, .outline-selection-before {
  position: relative;
}
.outline-selection-after > .goog-tree-row:after,
.outline-selection-before > .goog-tree-row:before {
  position: absolute;
  content: ' ';
  width: 20px;
  height: 1px;
  background-color: black;
  margin-left: 20px;
}
.outline-selection-after > .goog-tree-row:after {
  bottom: -2px;
}
.outline-selection-before > .goog-tree-row:before {
  top: 4px;
}

/*
  com.oxygenxml.perforce.PerforceProtocol
*/

.p4-login-dialog label {
    text-align: left;
    display: block;
}

.p4-inline-dialog-container {
  max-width: 400px;
  margin: 50px auto;
  border: 1px solid lightgrey;
  border-radius: 4px;
  line-height: 2em;
  height: auto;
}

.p4-login-msg {
  margin-bottom: 15px;
}

.p4-highlighted {
  color: #504e4f;
  font-style: italic;
}

.p4-login-dialog input {
    width: 100%;
    display: block;
}

.autosave-status-clean,
.autosave-status-saving,
.autosave-status-error {
    margin-left: 5px;
    color: #c0c3c5;
    cursor: pointer;
}

.autosave-failed-save-as,
.autosave-failed-download {
    font-weight: bold;
    text-decoration: none;
}

/* Add some space between the dropdown text and the downwards arrow. */
[name="p4-actions"] .goog-toolbar-menu-button-caption {
    margin-right: 5px;
}

#changelistDesc {
  width: 100%;
  height: 100px;
  resize: none;
}

/*
  com.oxygenxml.examples.sharepoint.CustomProtocol
*/

.sp-icon-large,
.sp-icon-small{
    display:inline-block;
    background-size: cover;
}
.sp-icon-large {
    background-image: url('../../../plugin-resources/sharepoint/OfficeWhite24.png');
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-resolution: 130dppx) {
    .sp-icon-large{
        background-image: url('../../../plugin-resources/sharepoint/OfficeWhite24@2x.png');
    }
}

.sp-icon-small {
    background-image: url('../../../plugin-resources/sharepoint/SharePoint16.png');
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-resolution: 130dppx) {
    .sp-icon-small{
        background-image: url('../../../plugin-resources/sharepoint/SharePoint16@2x.png');
    }
}

.sp-radio {
    padding-left: 20px;
}
.sp-radio input {
    height: 1em;
}
.sp-textarea {
    display: block;
}

.sp-message {
    display:block;
    word-wrap: break-word;
    text-align: left;
    max-width: 400px;
    margin: 0 auto;
    line-height: 1.5em;
    vertical-align: middle;
}

.sp-check-in-type {
    padding-bottom: 8px;
}

.sp-message-err-icon {
    background-image: url('../../../plugin-resources/sharepoint/Problem16.png');
    width: 16px;
    height: 16px;
    background-size: cover;
    line-height: 1.5em;
    vertical-align: middle;
    margin-top: 0.2em;
    margin-right: 0.2em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-resolution: 130dppx) {
    .sp-message-err-icon {
        background-image: url('../../../plugin-resources/sharepoint/Problem16@2x.png');
    }
}

.sp-check-in {
    text-align: left;
    margin: 0 auto;
    line-height: 1.5em;
    vertical-align: middle;
}

#sp-oauth-button {
    display: block;
    border-radius: 6px;
    background-color: #0072C6;
    color: #fff;
    padding: 0 10px 0 5px;
    text-align: center;
    text-decoration: none;
    margin-top: 3px;
    line-height: 2.5em;
}
#sp-oauth-button:hover {
    background-color: #0077DC;
}

span#sp-check-out-deco {
    display: inline-block;
    background-image: url('../../../plugin-resources/sharepoint/CheckOutDeco9.png');
    width: 9px;
    height: 9px;
    margin-right: 2px;
    margin-bottom: 0.6em;
    vertical-align: middle;
    background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-resolution: 130dppx) {
    span#sp-check-out-deco {
        background-image: url('../../../plugin-resources/sharepoint/CheckOutDeco9@2x.png');
    }
}


div.sp-resources-input-wrapper {
  display: block;
}

#sp-resources-input {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.sp-config-dialog {
    text-align: center;
    width: 100%;
}

.sp-config-dialog input {
    width: 80%;
}

.sp-login-dialog {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    line-height: 1.9;
}

.sp-login-dialog-error {
    text-align: center;
    background-color: #FEEBEB;
    color: #b94a48;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 3px 3px 3px 5px;
    line-height: 1.2;
    margin: 0 auto 5px auto;
}

.sp-login-dialog label {
    text-align: right;
    display: block;
}

.sp-login-dialog input {
    width: 175px;
}

@media only screen and (max-width: 550px) {
    .sp-config-dialog {
        width: auto;
    }
    
    .sp-login-dialog {
        width: auto;
    }
    .sp-login-dialog label {
        text-align: left;
    }
    .sp-login-dialog input {
        width: 100%;
        display: block;
    }
}

.sp-oauth-text {
    margin-left: 5px;
}

.domain-icon {
    margin-right: 5px;
    display:inline-block;
    vertical-align: middle;
    background: 50% 50% no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height:16px;
}

.sharepoint-domain-edit {
    vertical-align: middle;
    display: inline-block;
    right: 0;
    background: 50% 50% no-repeat;
    padding-right: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42mNgGBKgoKAgAYj/Q3ECJZrBmCLNRBuASzNRXhhemj8AsQExmgWA+ABZmpEMUQDiC+RqBtnugOQVA1JTG8jWCVCvbIAaCKIboDgAZAFWg////08RptgAAMDo/Jm25cdCAAAAAElFTkSuQmCC);
    height: 32px;
    width: 20px;
    border: 1px solid transparent;
    margin: 0 0 0 10px;
    border-radius: 2px;
}

.sharepoint-repo-preview {
    display: inline-block;
    height: inherit;
}

.file-browser-repo-config-area:hover .sharepoint-domain-edit {
    background-color: lightgrey;
}

.file-browser-repo-config-area:hover .sharepoint-domain-edit:hover {
    border-color: grey;
    cursor: pointer;
}

.sp-ac .ac-row {
    padding: 0.8em;
}

.sp-ac .ac-renderer {
    z-index: 100;
    max-height: 360px; /* Show at most 10 results + scroll*/
    max-width: 80%;
    overflow: auto;
    width: auto;
}

.sp-logout-container {
    position: absolute;
    top: 15px;
    right: 10px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 1;
    color: #2072b2;
}

.sp-logout-container:hover {
    border-color: #1976d2;
}

.sp-logout-container .sp-username {
    color: #cccccc;
}

.sp-prefs-dialog {
    margin: 10px 0;
    display: block;
}
.sp-prefs-dialog .oxy-combo {
    margin-top: .4rem;
}




/*
  com.oxygenxml.plugin.SvgPlugin
*/

/* WA-1516: having the form-control span inline-block instead of inline helps when SVGs do nothave an intrinsic width.*/
[data-role="form-control"][data-type="com.oxygenxml.sdksamples.svg.SvgRenderer"] {
  display: inline;
}

/*
  com.oxygenxml.examples.webdav.CustomProtocol
*/

.webdav-login-dialog label {
    text-align: left;
    display: block;
    margin-top:10px;
}

.webdav-config-dialog input {
    width: 80%;
    display: block;
}

.webdav-login-dialog input {
    width: 100%;
    display: block;
    margin-top:5px;
}

.webdav-domain-edit,
.domain-icon {
    margin-right: 5px;
    display:inline-block;
    background: 50% 50% no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height:16px;
}

.webdav-domain-edit {
    padding-right: 5px;
    width: 20px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 2px;
}

.webdav-domain-edit {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXUlEQVR42mNgGBKgoKAgAYj/Q3ECJZrBmCLNRBuASzNRXhhemj8AsQExmgWA+ABZmpEMUQDiC+RqBtnugOQVA1JTG8jWCVCvbIAaCKIboDgAZAFWg////08RptgAAMDo/Jm25cdCAAAAAElFTkSuQmCC);
}

.webdav-builtin-server {
    text-align: left;
    padding-top:20px;
}

.webdav-edit-root-url-ok,
.webdav-edit-root-url-cancel {
    border: solid 1px #D9D9D9;
    border-radius:4px;
    display:inline-block;
    background-color: #DEDEDE;
    padding: 0px 10px;
    margin-left: 10px;
}

.webdav-edit-root-url-cancel {
    margin-left:5px;
}

/*changes button styles on hover.*/
.webdav-builtin-server .webdav-use-builtin-btn:hover,
.webdav-edit-root-url-ok:hover,
.webdav-edit-root-url-cancel:hover {
    background-color: #d1d1d1;
    border-color: #337AB7;
    cursor: pointer;
}

.webdav-builtin-server .webdav-builtin-url {
    display: inline-block;
    width: 65%;
    margin-left: 5px;
}

.enforced-servers-config {
    padding: 20px;
    text-align: center;
}

.enforced-servers-config #webdav-browse-url {
    width: 70%;
}
.webdav-repo,
.webdav-repo-preview{
    display: inline-block;
    height: inherit;
    white-space: nowrap;
}

.webdav-repo {
    width: 100%;
    padding-right: 10px;
    box-sizing: border-box;
}

#webdav-browse-url {
    width: 100%;
}

.webdav-repo-editing {
    display: inline;
}

.webdav-repo:hover .webdav-domain-edit {
    background-color: lightgrey;
}

.webdav-repo:hover .webdav-domain-edit:hover{
    border-color: grey;
    cursor: pointer;
}

.webdav-hide-logout .webdav-logout-container {
    display: none;
}

.webdav-logout-container {
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 1;
    color: #F3F4F4;
}

.webdav-logout-container:hover {
    border-color: #D3D3D3;
}

.webdav-logout-container .webdav-username {
    color: #cccccc;
}

.webdav-login-form {
    width: 300px;
    margin: 50px auto;
    padding: 25px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background-color: white;
}
.webdav-login-form > .webdav-button-container {
    text-align: right;
    margin-top: 15px;
}
.webdav-repo-editing > .webdav-button-container > .oxy-button {
    margin-top: 10px;
    margin-right: 10px;
}
.webdav-repo-edit-label {
    margin-bottom: 5px;
}
.webdav-login-form-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}