/*
  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>div{border-top:solid 1px #ccc}.tabsContainer li{vertical-align:top}.tabsContainer li:first-child{margin-left:8px}.tabsContainer li>div{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-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 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;
}

/*
  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;
}
#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;
}

.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: 5px;
    right: 10px;
    padding: 2px 5px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    z-index: 1;
    color: #F3F4F4;
}

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

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