body,html{height:100%;color:#000;font-family:'Ubuntu',sans-serif}
.ui-widget,.ui-widget button{font-family:'Ubuntu',sans-serif}
.nopadding{padding:0 !important;margin:0 !important}
#container{height:100%;border:1px solid #0D2E3C;background:#E4F6FD}
#leftBox,#middleBox,#rightBox{height:100%;overflow-y:auto}
#leftBox,#middleBox{border-right:1px solid #0D2E3C}
#rightBox{position:relative}
.blueBox {background:#006EB4;padding:7px 0;margin:0;}
.blueBox h4{font-weight:700;text-align:center;padding: 0;margin:0;color:#D5EBF9;text-shadow:2px 2px 2px rgba(50,50,50,0.9)}
.mTop10{margin-top:10px;padding:7px !important}
#leftAcc .btn-group-vertical{padding:0}
#leftAcc .btn-group-vertical button{border-radius:0}
.form-control{color:#000}
.formError{border:1px solid #F82727 !important;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 4px rgba(213,25,25,0.6)}
.formChanged{border:1px solid #1A6BD5 !important;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 4px rgba(26,107,213,0.6)}
#codeTitle input{font-size:20px;height:35px;padding:0 5px}
#codeTitle>.col-md-3{padding-left:2px}
#codeTitle>.col-md-9{padding-right:2px}
#snDescription pre code {font-size:90%; color:#C7254E;}
.grayedOut {color:#666;font-style:italic;}
.depAddOptionPanel { border:1px solid black; border-radius:5px; backround:#88D3F8; margin:15px; padding:8px 5px 15px 8px; font-size:80%;}
.elShow {display:initial;}
.elHide {display:none;}
.precode {color: #C7254E;}


#snDeps {display:none;padding-top:10px;}
.depBtn { display:inline-block; float:right; height:20px; color:#fff; font-weight:bold; width:60px; cursor:pointer;margin:5px 3px; text-align:center; border-radius:5px; box-shadow:2px 2px 6px -3px black;}
#snEditDepsBtn { background:#225AD4; }
#snHideDepsBtn { background:#5F5F5F; }
#snEditDepsBtn:hover { background:#3E86EA; }
#snHideDepsBtn:hover { background:#868686; }
#snDepsBtnRow { text-align:right; }
#addDepTab-2 {display: none;}
#depAddOptionPanelCont { margin: 0 auto; text-align:center; }

.snDepCntIco {color: #fff;background: #7A7D7F;padding: 1px 3px;border-radius: 4px;font-size: 13px;vertical-align: middle;}
.snDepCntIcoActive {background:#285FA0;}
#snEditDepsExpander {display:inline-block; cursor:pointer;}
#addDepError {text-align:center; font-size:80%;}
#addDepErrorBody {color:red; display:none;}
#addDepError2Body {color:red; display:none;}
#addDepErrorResBody {color:#2C5B2F; display:none;}
#snDepAddButton {margin-top:1em;}
.prettyPanel {padding:9px;margin:5px;border-radius:8px;box-shadow:2px 2px 9px -5px;}

#depEditList {margin:5px auto; width:98%}

.snDepAddPanelCol1 {background: #ded3d3; border: 1px solid #c46b6b;}
.snDepAddPanelCol2 {background: #d3f1fe; border: 1px solid #6b93c4;}
.snDepAddPanelCol3 {background: #d3f1fe; border: 1px solid #6b93c4;}

.inputResetableCont {position:relative;}
.inputResetable {position:absolute;z-index:5;}
.resetInputIcon {position:absolute;z-index:10;right:0;padding:2px;margin:2px 4px;cursor:pointer;color:#999;font-size:25px;}
.resetInputIcon:hover {color:#333;}

.menuLeftButt,.catMngButt{text-align:left;background:#CCE8FF}
.menuLeftButt:hover,.catMngButt:hover{background-color:#C5E3FC}
.buttActive{background:#79B3FF !important;font-weight:700}
.buttCount{font-size:70%}
#searchResults{background:#fff;border-top:1px solid #000}
#resSort {position:absolute;top:3px;right:5px;}
#resSort .sortBtn {display:block;float:left;border:1px solid #045080;color:#D5EBF9;background:#319EE1;width:22px;height:22px;line-height:1.4em;margin:2px;border-radius:3px;}
#resSort .sortBtn:hover {background:#5EB3E8;cursor:pointer;}
#resSort .sortBtn.active {color:#fff;border:1px solid #fff;}
.searchItem{border-bottom:1px solid #000;padding:5px;height:70px;cursor:pointer;overflow:hidden;}
.searchItem:hover{background-color:#C5E3FC}
.searchItemActive{background-color:#79B3FF !important}
.searchItem .sTitle{font-size:130%;line-height:.8em}
.searchItem .sDate{font-size:70%;text-align:right;line-height:.8em;color:#444}
.searchItem .sDescr{padding-top:5px;font-size:80%;color:#444;text-align:justify}
.msgMiddle{position:absolute;top:0;bottom:0;font-size:160%;font-weight:700;display:flex;width:100%;align-items:center}
.msgMiddle .mainLabel{text-align:center;width:100%}
.msgMiddle .smallLabel{margin-top:10px;font-size:50%;color:#444}
#snippetOutput{padding-top:40px;margin-bottom:1em;}
#snippetOutput #snTopBox{float:left;width:100%;}
#snippetOutput #snTitle{line-height:1.1em;font-size:25px;margin-top: 8px;}
#snippetOutput #snDate{float:right;font-size:80%;text-align:right}
#snippetOutput #snDescription{margin-top:5px;background:#C8E7F6;padding:10px}
#snippetOutput #snHierarchy {font-size:80%;}
#snippetOutput #snHierarchy {line-height: 2em;}
#snippetOutput #snHierarchy tr>td:nth-of-type(1) {font-weight:bold;padding-right:0.2em;text-align: right;}
#snippetOutput #snHierarchy .hierarchyItem {border:1px solid #5881A7;padding:1px 3px;margin-left:2px;background:#A5CBEF;color:#082C4E;border-radius:4px;}
#snippetOutput #snHierarchy .hierarchyItem.main{font-weight:700;}
#snippetOutput #codeBox pre{padding:0 15px;border:none;border-radius:0;border-top:1px solid #0C6AA0;border-bottom:1px solid #0C6AA0}
#snippetOutput #langCombo{float:right}

#snHistory {display:none;padding-top:10px;}
#historyTable {font-size:80%;}
#snShowHistory {cursor:pointer;color:#0045D2}
.snHistoryFlags > div {display:inline-block;margin:0.3em;padding:0.3em;font-size:70%;text-transform:uppercase;border-radius:3px;font-weight:bold;color:#E8E8E8;}
.snHFTitle{background:#2E4286}
.snHFDescr{background:#5D83A9}
.snHFCode{background:#C51313}
.snHFLang{background:#306843}
.snHFCat{background:#429D60}
.snHFInit{background:#4330A3}
.snHFNone{background:#747474}
.revLvl0 {color:#5A5A5A}
.revLvl1 {font-weight:bold;color:#1A3456}
.revLvl2 {font-weight:bold;color:#9D1C1C;}
.revLvl3 {font-weight:bold;border:1px solid rgba(255,0,0,0.5); padding:1px 2px; border-radius:5px; background:rgba(255,0,0,0.1)}


/* TB - toolbar */
#toolbar{position:absolute;right:0;left:0;top:0;background-color:#A1CDE9;color:#eee;width:100% !important;height:32px;overflow:hidden}
#toolButtons{float:left}
#toolButtons > i{text-align:center;display:block;float:left;height:32px;width:37px;padding:5px;line-height:1.25em;cursor:pointer;color:rgba(255,255,255,0.7);text-shadow:2px 2px 2px rgba(50,50,50,0.4)}
#toolbar #userInfo{float:right;text-align:right;padding-right:10px;line-height:2em;color:#000;text-shadow:2px 2px 2px rgba(50,50,50,0.4)}
#toolButtons > i:hover{color:rgba(255,255,255,1)}
.toolDisabled{color:rgba(137,137,137,0.7) !important}
#TIadd{background:#0EB910}
#TIedit{background:#AA4545}
#TIcat{background:#BD7E2D}
#TIlink{background:#7248AE}
#TIlog{background:#838281}
#TIsearch{background:#106DD7}
#storageMsg{position:relative;float:left;margin-left:10px;margin-top:3px;padding:2px 20px 2px 5px;border:1px dotted #2F6FAD;background:#456CB0;border-radius:6px}
#storageMsg i.fa-info-circle{display:block;float:left;padding-right:3px;padding-top:3px;text-shadow:2px 2px 2px rgba(20,20,20,0.4)}
#storageMsg div{float:left;padding-left:5px;text-shadow:2px 2px 2px rgba(20,20,20,0.6)}
#storageMsg i.fa-times-circle{position:absolute;top:1px;right:2px;font-size:80%;color:#fff;cursor:pointer}
#storageMsg i.fa-times-circle:hover{text-shadow:0 0 2px rgba(255,255,255,0.6)}
/* TB end */

/* MW - modal widgets */
hr.modalWidget{width:70%;margin:15px auto;border-color:#A1B7CE}
h5.modalWidget{font-weight:700;margin:5px 0;padding:0}
/* MW end */

/* ASS - add snippet specific */
#addCode{font-family:monospace;font-size:80%}
.revData{display:none;float:left;margin-left:20px;text-align:left;font-size:70%;}
.revData .revDataStr {height:24px;font-size:12px;padding:0px 4px;margin-bottom:3px;}
.revData .revLabel {font-weight:bold;margin-bottom:2px;}
.revData .revDataLvl {margin:0;margin-left:-15px;}
/* ASS end */

/* LI - login */
/* position:absolute;top:0;bottom:0;left:0;right:0;background:#6DABD8 */

#login-box{margin-left:auto;margin-right:auto;width:350px;background:#A8D1EF;border-radius:18px;border:1px solid #2C638A;padding:5px 20px}
#login-box h1{text-align:center;font-size:18px;padding:0;line-height:1em;margin:20px;font-weight:700;color:#264472}
#login-box .input-group{margin-top:10px}
#login-box #logBtn{margin:10px auto;color:#113C6C;background-color:#93C6E7;border-color:#5D93D1;font-size:15px}
#login-box #btnRow{text-align:center}
#login-box .form-control{background-color:#D2EEFF;border-top:1px solid #5C90CB;border-bottom:1px solid #5C90CB;border-right:1px solid #5C90CB;border-left:none}
#login-box .input-group-addon{color:#E9E9E9;background-color:#548AB9;border-top:1px solid #1A4F8C;border-bottom:1px solid #1A4F8C;border-right:none;border-left:1px solid #1A4F8C}
#errorLog{margin-top:-15px;font-size:80%;text-align:center;font-weight:700;color:#9C0F0F}
/* LI end*/

/* CATED - Category edit */#modalCat{padding:0}
.ui-dialog .ui-dialog-buttonpane{margin-top:0}
#leftCatEditBody{position:absolute;top:0;height:100px;overflow:hidden;left:0;right:0}
#catEditList{overflow-y:auto;overflow-x:hidden;background:#E4F6FD}
#catEditTitle{text-align:center;font-size:120%;display:none}
#catEditTitle > div{display:inline-block;background:#D5EBF9;padding:0 8px;border-radius:5px;font-weight:700}
/* End CATED */

/* MODCAN - modal dialog cancel */
#modalCancel{display:flex;align-items:center}
#modalCancel > div{font-weight:700;margin:0 auto;text-align:center}
.modalCancelWidget .ui-dialog-title:before{content:"\f071  ";font-size:80%;font-family:FontAwesome}
/* End MODCAN */

/* COLDIAL - color dialog */
.dialogRed .ui-dialog-titlebar{background:#A22525;border:1px solid #A22525}
.ui-dialog.dialogRed{border:1px solid #A22525}

.dialBtnFA.ui-state-default .ui-button-text:before{padding-right:5px;font-family:FontAwesome}
.dialBtnRed.ui-state-default,.dialBtnBlue.ui-state-default,.dialBtnGreen.ui-state-default,.dialBtnGray.ui-state-default{color:#EAEAEA;text-shadow:0 1px 3px rgba(0,0,0,0.8)}

.dialBtnIcoTrash.ui-state-default .ui-button-text:before{content:"\f1f8"}
.dialBtnIcoSearch.ui-state-default .ui-button-text:before{content:"\f002"}
.dialBtnIcoEraser.ui-state-default .ui-button-text:before{content:"\f12d"}
.dialBtnIcoEdit.ui-state-default .ui-button-text:before{content:"\f044"}
.dialBtnIcoClose.ui-state-default .ui-button-text:before{content:"\f00d"}
.dialBtnIcoAdd.ui-state-default .ui-button-text:before{content:"\f0fe"} 

.dialBtnRed.ui-state-default{background-image:linear-gradient(to bottom,#A33232,#4A1212)}
.dialBtnRed.ui-state-hover{background:linear-gradient(to bottom,#C92D2D,#4A1212)}

.dialBtnBlue.ui-state-default{background-image:linear-gradient(to bottom,#3573B9,#284462)}
.dialBtnBlue.ui-state-hover{background:linear-gradient(to bottom,#458EE1,#284462)}

.dialBtnGreen.ui-state-default{background-image:linear-gradient(to bottom,#359521,#306425)}
.dialBtnGreen.ui-state-hover{background:linear-gradient(to bottom,#53BD3D,#306425)}

.dialBtnGray.ui-state-default{background-image:linear-gradient(to bottom,#727272,#424242)}
.dialBtnGray.ui-state-hover{background:linear-gradient(to bottom,#9D9D9D,#424242)}

.dialBtnDisabled { cursor: not-allowed !important; }
/* End COLDIAL */

.ui-dialog-titlebar-close{display:none}
#mainIndicator{display:none;float:right;font-size:80%}
#mainIndicator span{color:#0F80C1;border:1px solid #0F80C1;padding:0 2px;border-radius:4px;background:#E9F0FA}

.mce-customButton button .mce-txt i.fa{padding:0 2px;font-family:FontAwesome;font-size:14px}
.mce-customButton{height:22px; width:26px; max-height:22px; max-width:26px; overflow: hidden;}

#HTMLCodeEditor {width:100%;height:100%}

.addLinesGroup {text-align: center;margin-bottom:10px;}
.addLinesGroup .ui-spinner-input {font-size:10px;padding:0 5px;display:inline-block;margin-top:-7px; color:transparent; text-shadow:0 0 0 #fff;}
.addLinesGroup .ui-spinner {height:18px;width:35px;margin-top:-3px;display:inline-block;border:1px solid #449D44;background:#5CD45C;}
.addLinesGroup .ui-spinner .ui-icon{background-color:#2E692E;color:white;}
.addLinesGroup .ui-spinner a.ui-spinner-button {border:0;}
.addLinesGroup .ui-spinner .ui-spinner-up {margin-top:1px}
.addLinesGroup .ui-spinner .ui-spinner-down {margin-bottom:-1px}

#snDescription h5, #snDescription h6 {font-weight:bold;line-height:1.5em;margin:0 0 0 -5px;}
#snDescription h5 {font-size:120%;}
#snDescription h6 {font-size:100%;}
#snDescription p {margin:0.5em 0;text-align:justify;}
#extDescr p {text-align:justify;}
.man-example {display:none;}

.exampleList {margin:1em -15px; text-align:center; border-top:1px solid #335B97; border-bottom:1px solid #335B97; font-size:90%; letter-spacing:0.7px;padding:5px;background:#C8E2EF;}
#noExamples {font-style:italic;}

#MCEdateOwnFormatCont {display:none;}
#MCEdateOwnFormatCont .input-group {padding:15px 0 0px;}
#MCEdateOwnFormatCont #MCEdateOwnResLab, #MCEdateOwnFormatCont #MCEdateOwnRes {display:none;font-size:80%;}
#MCEdateOwnFormatCont #MCEdateOwnResLab {font-weight:bold;}
#MCEdateOwnFormatCont #MCEdateOwnRes {font-family:monospace;border:1px solid #3D7ABF; border-radius:3px; padding:0 3px;}

.ui-tooltip-content {font-size:12px;text-align:justify;}
.protipBody {background:#fff;border-radius: 2px;padding:0;border:1px solid #04578A !important;padding-left:20px;opacity:0.9;}
.protipBody .ui-tooltip-content {color:#fff;margin:0;background:#04578A !important;border-radius:0 !important;}
.protipIcon {position:absolute;top:50%;margin-left:-24px;margin-top:-10px;font-family:'FontAwesome';color:#04578A;font-size:15px;}
.protipIcon:before {content:'\f05a';}

.protip {position:relative;top:-0.5em; left:2px; display:inline-block;font-family:'FontAwesome';font-weight:400;font-size:0.7em;}
.protip:hover {cursor:pointer;}
.protip:before {content:'\f05a';}
.protip.blue {color:#0791E7;}
.protip.blue:hover {text-shadow:0 0 2px rgba(94,190,250,0.5);}

.protip.white {color:#fff;}
.protip.white:hover {text-shadow:0 0 2px rgba(255,255,255,0.5);}


.coggedList label {display:inline;font-weight:400;line-height:2em;}
.coggedList input {display:inline; width:initial; height:initial}
.coggedList .fa {font-size:80%;color:#666;padding:5px;}

.limitList option {font-size:80%;font-family:'Ubuntu',sans-serif;padding:2px;margin:}
.limitList option:hover {background:#D1E5F5;color:#1D5E8F;} 
.limitList option:checked {font-weight:bold !important;;}
.limitList {height:100%;padding:2px 5px;}
.searchLimits .form-group {margin:0;}
.searchLimits .form-group input {margin-right:5px;}

#searchBtnMode {padding:0;height:34px;width:100px;}
#searchBtnMode #btnTitle {font-size:70%;margin-top:-2px;}
#searchBtnMode .btnModes  {font-size:90%;font-weight:bold;;margin-top:-2px;}
#searchBtnMode #btnModeMainCont {position:relative;background:#285F90;overflow:auto;margin:0 10px;padding:0 5px;border-radius:5px;box-shadow:inset 1px 1px 5px 2px rgba(0,0,0,0.4);}
#searchBtnMode #btnModeContainer {position:relative;top:0;bottom:0;right:0;left:0;}
#searchBtnMode #btnModeAND {float:left;}
#searchBtnMode #btnModeOR {float:right;}
#btnModeCurtain {position:absolute;top:0;bottom:0;width:40px;height:16px;left:38px;background:#4E9ED4;z-index:50;border-radius:2px;box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.5);cursor:pointer;}

#modalLink b {display:inline-block; margin-top:15px;font-size:75%}
.getLinkHeader {font-weight:bold; margin-right:15px;}
#modalLink #linkGet {width: 100%; box-sizing: border-box;}
#modalLink #linkToClipboard {color:#337AB7;}

.faNiceBox {padding:3px;background:#000;color:#fff;border-radius:5px;}
.faNiceBoxInv {padding:2px;border:1px solid black; background:#fff;color:#000;border-radius:5px;}
.faNiceBoxRed {padding:3px;background:#6C0A0A;color:#fff;border-radius:5px;}
.faNiceBoxBlue {padding:3px;background:#083E6A;color:#fff;border-radius:5px;}
.smTableCol {width:70px;}
.xsTableCol {width:50px;}

#rightFoot {display: block;text-align: center;padding: 2px 0;background:#5799BF;color:#DAF0FC;font-size:80%;height: 1.5em !important;margin: 0 -15px;}

.formSmallLabel {font-size:80%;margin-bottom:0}
.codeShowToolbar{font-size:70%;padding:0 4px;}

#appCombo:before { font-family:FontAwesome; content:"\f196  " }
#appCombo.active:before { font-family:FontAwesome; content:"\f147  " }
#appBox {background:#CCE8FF;position:relative;}
#appBorder {position:absolute; display:block;z-index:100; height:100px; top:-7px;left:10px; border-left:1px solid black;}
#appBox > button:before {content:"—";margin-left:5px; }
.addLangSelectApp > span {font-size:80%;}

.appIco--1:before {font-family:FontAwesome;content:"\f247"}
.appIco-1:before {font-family:FontAwesome;content:"\f03e"}
.appIco-2:before {font-family:FontAwesome;content:"\f03d"}
.appIco-3:before {font-family:FontAwesome;content:"\f1c9"}
.appIco-small:before {font-size:70%;}

#showMore, #showLess {display:block;background:#B7D9F9;text-align: center;color:#0255A3;font-size:75%;padding:2px 0;font-weight:700;margin-top:-3px;margin-bottom:5px;border:1px solid #18548B;border-radius:3px; box-shadow:1px 1px 3px -2px #000;text-decoration:none;}
#showMore:hover, #showLess:hover {background:#95C7F5;text-decoration:none;}
#moreDivider {position:relative;font-size:70%;height:2em;text-align:center;}
#moreDividerLabel {position:absolute;display:inline-block;text-transform:uppercase;letter-spacing: 2px;color:#666;z-index: 120;background:#C8E7F6;top:0;}
#moreDividerBorder {position:absolute;border-bottom:1px dashed #666;height:2px;width:100%;z-index:100;top:7px;}