html {
    overflow: hidden;
}
body { background-color: #1f293a; color: black; font-family:arial; background-image: url("../default.jpg"); background-size: cover; overflow: hidden; zoom: 100%;font-size: 0.8em }
button { padding: 5px 10px 5px 10px; background-color: grey; color: white; border: 0px; cursor: pointer}
button:hover { background-color: dimgray; color: white}
button:disabled { background-color: #e0e0e0; color: white}

.htmlareaeditor {    -moz-appearance: textfield;    -webkit-appearance: textfield;    border: 1px solid darkgray;    box-shadow: 1px 1px 1px 0 lightgray inset;    margin-top: 5px;    padding: 2px 3px;    overflow: auto;}


.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
.noselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.oxwaiticon { background: url('../wait.gif') no-repeat; background-size: cover}

#oxWindowsBar { position: fixed; top: 0px; left: 0px; right: 0px; height: 34px; border: 0px solid gray; background-color: rgb(100,100,100,0.4); color: white}
.oxWindowsBarText { margin: 5px; font-size: 16px }
.oxWindowsBarMenu { width: 22px; height: 28px; float:left; font-size: 16px; padding-top: 6px; margin-left: 7px; cursor:pointer; margin-left: 16px}
#oxWindowsBarEntries { margin-left: 50px}
.oxWindowsBarEntry { width: 150px; height: 28px; float:left}
.oxWindowsBarAdds { width: 30px; height: 30px; float:right}


#oxWindowsMenu { position: fixed; top: 35px; left: -200px; width: 150px; padding: 5px; border: 1px solid gray; background-color: #ffffff; color: black; font-size: 10px; cursor: pointer;border-radius: 0px 2px 2px 0px }
.oxWindowsMenuEntry { margin-bottom: 5px; padding: 5px; }
.oxWindowsMenuEntry:hover { background-color: goldenrod }

#oxWindowArea { position: fixed; left: 0px; right: 0px; top: 34px; bottom: 0px;  }
.oxWindow { position: fixed; background-color: white;    box-shadow: 0 2px 4px 1px rgba(0,0,0,0.5); border-radius: 2px; min-height: 50px;}
.oxWindowHeader { height: 20px; color: #1f1f1f; font-weight: bold; font-size: 10px; padding: 5px; font-weight: normal; cursor: move; border-radius: 2px 2px 0px 0px; background-color: #dde1e8  }
.oxWindowHeaderButtons { font-size: 12px; float: right;  font-weight: normal; margin-right: 5px; margin-top: 2px }
.oxWindowHeaderButtons button { cursor: pointer; font-size: 10px;  color: dimgrey ;font-weight: normal; background-color: rgba(0,0,0,0); padding: 0px; margin: 0px;margin-left:8px;}
.oxWindowBanner { padding: 2px 3px 0px 3px; overflow: hidden; height: 30px; font-size: 17px; font-weight: bold; border: solid; border-top-width: 0px; border-bottom-width: 4px;
                  border-left-width: 0px; border-right-width: 0px }
.oxWindowBannerTitle { color: dimgrey; padding-top: 4px }
.oxWindowBody { margin: 0;padding: 0px; overflow: hidden; height: calc(100% - 38px); background-color: white; border: 0px solid darkturquoise }
.OLDXXXoxWindowBody { margin: 0;padding: 0px; overflow-y: auto; overflow-x: hidden; height: calc(100% - 0px); background-color: green }
.oxWindowMove { opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.oxWindowResizeLR { cursor: ew-resize }
.oxWindowResizeTB { cursor: ns-resize }
.oxWindowResizeBR { cursor: se-resize }
.oxWindowLeftHandle { width: 5px; position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0); cursor: ew-resize }
.oxWindowRightHandle { width: 5px; position: absolute; right: 0px; top: 0px; bottom: 0px; background-color: rgba(0,0,0,0); cursor: ew-resize }
.oxWindowBottomHandle { height: 5px; position: absolute; right: 0px; left: 0px;background-color: rgba(0,0,0,0); cursor: ns-resize }
.oxWindowTopHandle { height: 5px; position: absolute; right: 0px; left: 0px; top: 0px; background-color: rgba(0,0,0,0); cursor: ns-resize }
.doxWindowBottomRightHandle { background-color: rgba(0,0,0,1); bottom: -10px;width: 10px; height: 10px; right: 0px; position: absolute; cursor: se-resize }
.oxWindowBottomRightHandle { height: 10px; position: absolute; top: calc(100% - 10px); right: 0px; width: 10px;background-color: rgba(0,0,0,0); cursor: se-resize }

.oxWindowTask { width: 150px; height: 23; margin-right: 5px; margin-top: 4px; background-color: darkgray; float: left; border-bottom: 3px solid; cursor: pointer; border-radius: 2px}
.oxWindowTask:hover { background-color: goldenrod }
.oxWindowTaskIcon { font-size: 16px; width: 20px; float:left; padding-top: 3px; padding-left: 5px }
.oxWindowTaskActive { background-color: #eeeeee }
.oxWindowTaskName { font-size: 10px; color: black; float:left;max-width: 110px; padding-top: 4px; padding-left: 5px;   overflow: hidden;white-space: nowrap;}
.oxWindowTaskButtons {height: 18px; padding-top: 5px;padding-right: 5px; width: 18px; float: right}
.oxWindowTaskButtons button { font-size: 16px; color: black;  width: 18px; background-color: rgba(0,0,0,0); margin: 0px; padding: 0px}


#oxWindowsQuickstart { position: fixed; top: 34px; left: 0px; width: 50px; bottom: 0px; padding: 3px; cursor: pointer ; overflow-y: auto;  overflow-x:hidden;background-color: #1f293a; z-index: 60000}
.oxWindowsQuickstartInner {height: 100%; justify-content: center;  align-items: center; overflow-y: auto;  overflow-x:hidden }
.oxWindowsQuickstartEntry { border: 0px solid gray;margin-bottom: 2px;padding: 5px;min-height: 40px;background-color: #1f293a; text-align: center;width: 46px; float: left; color: #828b96}
.oxWindowsQuickstartEntry:hover { background-color: #505050;}
.oxWindowsQuickstartIcon { left:0px;font-size: 16px; }
.oxWindowsQuickstartContent { text-align: center }
.oxWindowsQuickstartContent div {font-size: 7px; color: white; text-align: center}
.oxWindowStatus { font-size: 14px ; text-align: center; z-index: 101}
.oxElementIconButton { cursor: pointer; margin: 0px; padding: 0px; color: black; background-color: rgba(0,0,0,0); width: 10px; height: 10px; margin-top: 0px}
.oxElementIconButtonLeft { float: left; }
.oxElementIconButtonRight { float: right; }
.oxElementIconButton:hover { color: white }
.oxElementIconButtonDisabled { color: gray; cursor: initial}
.oxElementIconButtonDisabled:hover { color: gray; }
.oxElementIconButtonActive { color: white; cursor: initial}
.oxElementIconButtonActive:hover { color: white; }

.oxElementGalleryToolbar { padding: 0px; width: 100%; font-size: 12px; height: 20px; background-color: #e8e8e8}
.oxElementGalleryToolbarSpacer { height: 20px; width: 12px; float: left; }
.oxElementGalleryToolbarSelected { background-color: lightgray }
.oxElementGalleryToolbarSelected:hover { background-color: lightgray }
.oxElementGalleryToolbarInner  {height: 0px; padding: 0px 6px 0px 6px;margin: 0px}
.oxElementGalleryToolbarInner button { height: 20px; width: 20px;border: 0px; margin: 0px; padding: 0px; margin-right: 2px; background-color: white; color: #606060; border: 1px solid #aaa;  border-radius: 2px }
.oxElementGalleryToolbarInner select {  height: 20px; width: 60px; border: 0px; margin: 0px; margin-right: 2px; background-color: rgba(0,0,0,0); color: #606060; padding-left: 12px }
.oxElementGalleryToolbarInner input { height: 20px; width: 150px;border: 0px; margin: 0px; border: 0px; margin: 0px; margin-right: 2px; float: right; padding-left: 10px;background-color: rgba(0,0,0,0); color: #606060; float: right}
.oxElementGalleryToolbarFloatRight { float: right}
.oxElementGalleryToolbarFloatLeft { float: left}
.oxElementGalleryToolbarInfos { line-height: 18px; color: #666}

.oxElementsTagBox {padding: 5px }

.oxWindowLeftCol { min-width: 300px; color: black; background-color: #d0d0d0; padding: 5px;}
.oxWindowRightCol { min-width: 300px; color: black; background-color: #d0d0d0; padding: 5px;}
.oxWindowColDark { color: white; background-color: #1f293a; }
.oxWindowFontColDark { color: #1f293a; }
.oxWindowColLight { color: black; background-color: #dde1e8; }
.oxWindowColWhite { color: black; background-color: #ffffff; }

.labelNegativx { color: white }

.oxElementClassicGallery { background-color: yellow;height: 100%; margin: 0px; padding: 0px}
.oxElementClassicGalleryToolBar { background-color: #c0c0c0; height: 30px; padding: 0px;}
.oxElementClassicGalleryBody { background-color: white;  height: calc(100% - 60px); overflow: auto; color: black}
.oxElementClassicGalleryNavBar { background-color: #c0c0c0;  height: 30px; padding: 0px;}
.oxElementClassicGalleryNavBarLeft { text-align: left; height: 30px; color: black; padding-top: 6px;}
.oxElementClassicGalleryNavBarRight { text-align: right; height: 30px; color: black; padding-top: 6px;}
.oxElementClassicGalleryNavBarLeft div { margin-right: 15px}
.oxElementClassicGalleryNavBarRight div { margin-right: 15px}
.oxElementClassicGalleryNavPage {width: 30px; padding: 0px; margin: 0px; top: -2; position: relative;}
.oxElementClassicGalleryThumbsEntry { box-shadow: inset 0 0 0 200px rgba(255,255,255,0.1); width: 150px; height: 150px; padding: 0px; margin-right: 0px; margin-bottom: 0px; float: left; border: 5px solid rgba(255,255,255,1);background-size: cover; background-position:center; cursor: pointer }
.oxElementClassicGalleryThumbsEntryInner {width: 100%; height: 100%; box-shadow:2px 2px 5px #505050;}
.oxElementClassicGalleryImageTextEntry { border: 5px solid rgba(255,255,255,1); min-height: 161px; background-color: #f0f0f0 }
.oxElementClassicGalleryImageTextEntry content {overflow-x: auto;}
.oxElementClassicGalleryImageTextImage { width: 150px; height: 150px; background-size: cover; background-position:center; cursor: pointer}
.oxElementClassicGalleryTableEntry {  }
.oxElementClassicGalleryEntrySelected { border-color: rgba(15,129,204,1) }
.oxElementClassicGalleryEntrySelectedTable { background-color: powderblue }

.oxStyleTextFlashing {animation: oxStyleTextFlashingColorchange 5s infinite;}

.oxTreeBranch {    cursor: pointer;    user-select: none;    transform: rotate(90deg);}
.oxTreeBranch::before {     content: "\25B6";     display: inline-block;     margin-right: 6px;     transform: rotate(90deg);}
.oxTreeBranch-down::before {    transform: rotate(0deg);}
.oxTreeBranchActive { background-color : goldenrod }
.oxTree ul,
.oxTree ul li,
.oxTree ul li ul,
.oxTree ul li ul li {    cursor: pointer; }

@keyframes oxStyleTextFlashingColorchange { 0%   {color: black;} 50%  {color: white;} 100% {color: black;} }

.columns { margin: 0px; margin-bottom: 0px; }
.xxxcolumns:not(:last-child) { margin: 0px; margin-bottom: 0px; }
.modal-card-head, .modal-card-foot {padding: 12px; justify-content: flex-end; }
.modal-card {width: 100% }
.modal-card-body { padding: 10px 20px 10px 20px }
.modal-card-title {font-size: 1rem }
.oxWindowModalLayer {position: absolute; left: 0px;right: 0px;top: 40px; bottom: 0px; z-index: 100;  padding: 0;    margin: 0;    list-style: none;    display: flex;    align-items: center; justify-content: center; background-color: rgba(10,10,10,0.5);}
.oxWindowModalBusyLayer {position: absolute; left: 0px;right: 0px;top: 40px; bottom: 0px; z-index: 100;  padding: 0;    margin: 0;    list-style: none;    display: flex;    align-items: center; justify-content: center; background-color: rgba(10,10,10,0.5);}
                                                                                                    }
.media-content {padding-top: 5px }
.content {margin: 0px}
.button, .input,
.textarea, .select select, .file-cta,
.file-name, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis { border-radius: 3px; font-size: 0.75rem }
.icon, .label { font-size: 0.75rem;}
.box { border-radius: 3px; padding: 0.75rem; margin-top: 0.75rem; margin-bottom: 0px }
.box:first-child {margin-top: 0rem  },
.message .field .label { color: black }
.panel-block { padding: 5px 10px 5px 10px}
.box:not(:last-child) { margin-bottom: 0px; }
.control { font-size: 0.8rem }
.table td, .table th { padding: 0.25em 0.5em; }
.oxTable tfoot tr {padding: 0px;  }
.oxTable tfoot tr:last-child { margin-bottom: 0px}
.oxTable tfoot tr td { padding: 2px 5px 0px 5px;}
.oxTable tfoot tr td div:first-of-type { padding-top: 5px}

.oxTableFooter { display: flex}
.oxTableFooter div { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1;}
.oxTableFooter input { width: 50px; padding-top: 0px }
.oxTableFooter input:focus { border: 1px solid gray }
.oxTableTool { width: 200px;  position:fixed;background-color: white; display: none; border: 1px solid #a0a0a0; padding: 5px;box-shadow: 2px 2px 5px #505050; font-size: smaller }
.oxTableTool h2 { font-weight: bold; border-bottom: 1px solid #dbdbdb: margin-bottom: 5px }
.oxTableTool button, .oxTableTool input { margin: 3px 0px 3px 0px }
.oxTableTool .oxTableColSortUp, .oxTableTool .oxTableColSortDown {display: none}
.oxTable .oxTableCell button { padding: 3px 10px 3px 10px; margin: 0px; font-size: small; width: 35px; overflow: hidden; margin-bottom: 4px}
.oxtable { margin-bottom: 0px}
.table:not(:last-child) { margin-bottom: 0rem; }



.file-label, .file-name { width: 100%; text-align: center; max-width: none;  }
.has-cursor { cursor: pointer;  }
.modal-card-body { padding: 10px 10px 10px 10px; }
.textarea:not([rows]) {
    max-height: 600px;
    min-height: 0px; }
.nomarginpadding { margin: 0px; padding: 0px}

.oxElementWindowFrameMainCol { min-width: 300px; color: #1f293a; padding: 5px;background-color: #edeef3; padding-left: 10px }
.oxElementWindowFrameMainMenu { height: 27px; color:#1f293a; font-size: 14px; display: flex; padding-top:2px;padding-right: 10px; flex-wrap: nowrap; justify-content: space-between;background-color: #edeef3 }
.oxElementWindowFrameMainMenu input { font-size: 12px; border: 0px; margin-top: 3px }
.oxElementWindowFrameMainMenuElement { float:left; cursor: pointer; padding-left: 5px; padding-right: 5px}
.oxElementWindowFrameMainMenuElement:hover { background-color: #707070}
.oxElementWindowFrameMainMenuElementDisabled { pointer-events: none; filter: blur(1px); }
.oxElementWindowFrameCols { background-color: #fff }
.oxElementWindowFrameCol { max-height: 100%; overflow: hidden; display: block;min-width: 200px; height: calc(100% - 30px); margin:0px; padding: 10px 5px 10px 5px; background-color: #fff;}
.oxElementWindowFrameCol:first-of-type {padding-left: 10px;}
.oxElementWindowFrameCol:last-of-type {padding-right: 10px;}
.oxElementWindowFrameColFullWidth { width: 100% !important }
.oxElementWindowFrameRowFixed {    }
.oxElementWindowFrameRowFixedold {box-shadow: 2px 2px 5px #505050 }
.oxElementWindowFrameRowFlex { overflow: auto;}
.oxElementWindowFrameRowFlexold {box-shadow: 2px 2px 5px #505050}
.oxElementWindowFrameRow {margin: 0px;margin-bottom: 10px ; background-color: white;padding: 5px;}
.oxElementWindowFrameRow:last-of-type { margin-bottom: 0px }

.oxElementFormV2GalleryItem { width: 100%; background-color: #edeef3; padding: 5px; border-radius: 2px;  }
.oxElementFormV2GalleryItemImage { width: 60px; height: 80px;  background-size: cover; width: 60px; height: 80px; background-repeat: no-repeat;}

.oxElementWidgetBox { box-shadow: 2px 2px 5px #c0c0c0 ; background-color: white; color: black; border-radius: 4px}


@media only screen and (max-width:768px) {
    .oxWindowTask {width: 50px}
    .oxWindowTaskName { display: none }
    .oxWindowNavCol { height: auto}
    .oxWindowHeader {display: none }
    .oxWindowBody { overflow-y: scroll; height: none}
    .oxWindow { overflow-y: scroll; height: auto}

    .oxElementClassicGalleryBody {  height: auto;}
    .oxElementClassicGalleryToolBar { height: 60px}
    .oxElementClassicGalleryNavBar { height: 60px}
    .oxElementClassicGalleryBody { height: auto; }
    .oxElementClassicGalleryNavBarLeft { justify-content: center; display: flex; }
    .oxElementClassicGalleryNavBarRight { justify-content: center; display: flex; }

    .oxElementWindowFrameMainCol { color: white; padding: 5px;background-color: #505050; width: 100% !important }

    .oxElementWindowFrameMainMenu { height: auto }
    .oxElementWindowFrameCol { overflow: hidden; display: block;margin:0px; padding: 10px 0px 0px 0px}
    .oxElementWindowFrameCol:first-of-type {padding-left: 0px;}
    .oxElementWindowFrameCol:last-of-type {padding-right: 0px;}
    .oxElementWindowFrameCols { margin: 0px; padding:0px }

    .oxWindowModalLayer {position: absolute; left: 0px;right: 0px;top: 0px; bottom: 0px; z-index: 100; }

    .modal-card { max-height: 90%; width: 100% }
    .modal-content, .modal-card { margin: 0px }
    .level-item { justify-content : left }
    table thead {display: none}
    table tfoot {display: none}
    table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; }
    table td { border-bottom: 1px solid #ddd; display: block; text-align: left; }
    table td::before { content: attr(data-label); float: left; font-weight: bold; }
}

.oxForm { background-color: white; padding: 10px }
.oxFormTitle { font-weight: bold; border-bottom: 1px solid #dbdbdb; margin-bottom: 5px }
.oxFormHtmlareabuttonline button { width: 30px; overflow: hidden ; margin-right: 4px; margin-bottom: 4px}
.oxFormCol { padding: 0px 10px 0px 0px; border: 0px solid green}
.oxFormCols { border: 0px solid red; margin-bottom: 10px }
.oxFormColLast { padding-right: 0px; }
.oxFormColHeader { font-weight: bold; border-bottom: 1px solid #dbdbdb; margin-bottom: 5px }
.oxFormButtonLine { text-align: right}
.oxFormButtonLine button { margin-bottom: 5px }
.oxFormError { display: none; font-size: 10px }
.oxFormErrorShow { display: block; color: red }
.oxFormErrorField {border-color: red; background-color: rgba(255,128,128,0.5)}
.oxFormHeader { font-weight: bolder; font-size: smaller; border-bottom: 1px solid darkgray; margin-bottom: 5px}

.oxFormTabs { }
.oxFormTabsHeader { }
.oxFormTabsHeader ul { display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; margin-left: 0px; font-size: 13px }
.oxFormTabsHeader ul li { background-color: #f0f0f0; display: block;margin: 0px;  padding: 2px 0; text-align: center; cursor: pointer }
.oxFormTabsHeader ul li:hover { background-color: goldenrod }
.oxFormTabsHeader ul li div { padding-left: 20px; padding-right: 20px}
.oxFormTabsHeader .oxFormTabActive { background-color:  #00b89c; color: white }

.oxTableColSelected {background-color: #00b89c }
.oxTableButSelected  {background-color: #00b89c }
.oxFormTabsBody {}
.oxFormTabBody { border: 1px solid darkgray; padding: 5px; border-radius: 0px 0px 5px 5px; margin-bottom: 20px}
.oxFormTagInActive { display: none}
.oxFormTagActive {  }
.tabs { margin-bottom: 0px !important;}
.tabs ul { margin-left: 0px !important;}

.oxBoxLayer { width: 200px;  position:fixed;background-color: white; display: none; border: 1px solid #a0a0a0; padding: 5px;box-shadow: 2px 2px 5px #505050; font-size: smaller }

table.oxTableScroll {
    width: 100%;
    font-size: smaller;
}
table.oxTableScroll thead {
    width: 100%;
}
table.oxTableScroll thead tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
}
table.oxTableScroll thead th {
    flex: 1 auto;
    display: block;

}
table.oxTableScroll tbody {
    display: block;
    width: 100%;
    overflow-y: auto;
    xheight: 250px;

}
table.oxTableScroll thead tr,
table.oxTableScroll tbody tr {
    display: flex;
}
table.oxTableScroll tbody tr td {
    flex: 1 auto;
    word-wrap: break;
}
table.oxTableScroll thead tr th,
table.oxTableScroll tbody tr td {
 width: 10%
}

.is-primary { background-color: #00b89c; color:white }

.oxTableScrollOdd { background-color: #e0e0e0; }
.oxTableSelected { background-color: #80f080; }
.oxTableFullWidth { width: 100%; font-size: small }
.oxHovering:hover { background-color: goldenrod; cursor: pointer }

.oxDMStreeview ul,
.oxDMStreeview li { padding: 0; margin: 0px; margin-left: 10px;list-style: none;}

.oxOdd { background-color: rgba(0,0,0,0)}
.oxEven { background-color: rgba(0,0,0,0.05)}

/*
.oxDMStreeview ul input { width: 30px}
.oxDMStreeview input { position: absolute; opacity: 0;}
.oxDMStreeview { font: normal 15px Arial, Sans-serif; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
.oxDMStreeview a { color: #00f; text-decoration: none;}
.oxDMStreeview a:hover { text-decoration: underline;}
.oxDMStreeview input + label + ul { margin: 0 0 0 22px}
.oxDMStreeview input ~ ul { display: none;}
.oxDMStreeview label,
.oxDMStreeview label::before { cursor: pointer; }
.oxDMStreeview input:disabled + label { cursor: default; opacity: .6;}
.oxDMStreeview input:checked:not(:disabled) ~ ul { display: block; margin-top: 0px}
.oxDMStreeview label,
.oxDMStreeview label::before { background: url("../oxDMStreeview.png") no-repeat;}
.oxDMStreeview label,
.oxDMStreeview a,
.oxDMStreeview span::before,
.oxDMStreeview label::before { display: inline-block; height: 16px; line-height: 16px; vertical-align: middle; }
.oxDMStreeview label { background-position: 0px 200px; }
.oxDMStreeview label::before { content: ""; width: 16px; margin: 0 2px 0 0; vertical-align: middle; background-position: 0 -32px;}
.oxDMStreeview input:checked + label::before { background-position: 0 -16px; }
.oxDMStreeview span { margin: 0 0 0 18px; }
.oxDMStreeview label:hover,
.oxDMStreeview span:hover { background-color: orange; color: white}
*/

.oxDMStreeAction{ height: 16px; margin: 0px; padding: 3px; display: inline; cursor: pointer}
.oxDMStreeLabel { maxwidth: 200px; height: 16px; margin: 2px; padding: 2px; display: inline; cursor: pointer;border: 0px solid goldenrod}
.oxDMStreeLabesl:hover { background-color: orange; color: white;}
.oxDragHovered { background-color: #80f080; }
.oxDMStreeClosed { display: none }

.icon-invisible { visibility: hidden}

.oxWait { display: inline-block; width: 80px; height: 80px;}
.oxWait:after {  content: " "; display: block; width: 64px; height: 64px; margin: 8px; border-radius: 50%; border: 6px solid #888; border-color: #888 transparent #888 transparent; animation: oxWait 1.2s linear infinite;}
.oxWaitSmall { display: inline-block; width: 20px; height: 20px;}
.oxWaitSmall:after {  content: " "; display: block; width: 16px; height: 16px; margin: 2px; border-radius: 50%; border: 6px solid #888; border-color: #888 transparent #888 transparent; animation: oxWait 1.2s linear infinite;}
@keyframes oxWait { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg);  } }
.oxDMStreeview .selected { background-color: #80f080; }
.content ul ul { margin-top: 0px}

.oxSmallScrollbar::-webkit-scrollbar {  width: 5px; height: 8px}
.oxScroll100 { height: 100%; overflow: auto}

.oxWindowFullscreen { position: fixed; top: 0px !important; left: 0px !important; bottom: 0px !important; right: 0px !important;z-index: 1000000}





.switch { position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #4ec422;}
input:focus + .slider {box-shadow: 0 0 1px #4ec422;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.select:not(.is-multiple) {height: 2em;}
.content table td, .content table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 2px 2px;
    vertical-align: top;
}