:root {
    --shadow01: rgba(0, 0, 0, 0.1);
    --shadow02: rgba(0, 0, 0, 0.2);
    --shadow05: rgba(0, 0, 0, 0.5);
    --shadow08: rgba(0, 0, 0, 0.8);
    --shadow-inset: rgba(255, 255, 255, 0.5);
    --secradius: 5px;
}

/**********************************************************Controls******************************************************/
/******************************************************************************************
    CONTROL SIZES AND POSTIONS
*******************************************************************************************/
.wsControlContainer { display: inline-block; vertical-align: middle; }
.wsTransparent { background-color: transparent; }

/* ZR 07/10/2017 */
input:required { box-shadow: 1px 1px 1px rgba(96, 172, 177, 0.85); }
.wsError { color: #E24825; }

input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); } 

/* The emerging W3C standard
   that is currently Firefox-only */
* { scrollbar-width: auto; scrollbar-color: #aaa9a9 #656868; }

/* width */
::-webkit-scrollbar { width: 12px; }

/* Track */
::-webkit-scrollbar-track { background: #656868; }

/* Handle */
::-webkit-scrollbar-thumb { background: #aaa9a9; /* #4C9689; */}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #4C9689; }

input[type=number] { height: 16px; line-height: 16px; }
input[type=number] { -moz-appearance: textfield; appearance: textfield; margin: 0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;	}
input[type=checkbox]:focus, input[type=checkbox]:focus-visible { outline: none; }

/*Nemanja: with border-box width 100 + padding 10 is equal to 100px, without border-box it is 120px ! */
.wsControl, .wsControl *, .wsControlPopup, .wsControlPopup *, .wsValueLabel.wsCheckbox, .wsValueLabel.wsCheckbox *, .wsPage .wsPageTitle, .wsBoxSizing, .wsBoxSizing *
{
    box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-spacing: 0px;
}

.wsControl { outline: none; position: relative; display: inline-block; width: 200px; border: solid 1px; vertical-align:middle; /* box-shadow: 0px 1px 1px 0px rgba(9, 30, 66, 0.25); */ }
.wsControl.wsFill { display: block; width: auto; }

.wsControl .wsFloatLeft, .wsControlPopup .wsFloatLeft { float: left; }
.wsControl .wsFloatRight, .wsControlPopup .wsFloatRight { float: right; }
/******************************************************************************************
    END CONTROL SIZES AND POSTIONS
*******************************************************************************************/

/* ZR Right side from fields */
.wsRightSideFormField { display: inline; float: right; margin-right: 30px; }

.wsPaddingTop5 { padding-top: 5px; }

/******************************************************************************************
    WS TextBox
*******************************************************************************************/
.wsControl.wsTextbox input { width: 100%; border: solid 1px; padding: 4px; margin: 0; outline: none; font: inherit; border-color: #DFDFDF; }
.wsControl.wsTextbox.wsSignature input { padding: 2px; font: 400 24px 'Cookie', Helvetica, sans-serif; color: #000; text-shadow: 4px 4px 3px rgba(0,0,0,0.1); }
.wsControl.wsTextbox.wsHasIcon { padding-right: 20px; }
.wsControl.wsTextbox.wsHasIcon .wsIcon { width: 20px; display: block; position: absolute; top: 0; right: 0; bottom: 0; }
.wsControl.wsTextbox.wsHasIcon .wsIcon span { width: 20px; height: 25px; display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; }
/******************************************************************************************
    END WS TextBox
*******************************************************************************************/

/******************************************************************************************
    WS Textarea
*******************************************************************************************/
/* Multiline */
.wsControl.wsTextarea { height: 80px; }
.wsControl.wsTextarea textarea { width: 100%;  height: 60px; border: 0; padding: 4px; margin: 0; outline: none; font: inherit; overflow: auto; resize: none; vertical-align: top}

/* RichTextMultiline */
.wsControl.wsTextarea .wsRTEditorContent { width: 100%; height: 60px; border: 0; padding: 4px; margin: 0; outline: none; font: inherit; overflow: auto; }
.wsControl.wsTextarea .wsRTEditorContent p { margin: 0; padding: 0; }
.wsControl.wsTextarea .wsRTEditorContent img { width: auto; height: auto; max-height: 100px; max-width: 100px; }
.wsControl.wsTextarea .wsRTEditorContent .wsContentTable { border-spacing: 0px; border-collapse:collapse;}
.wsControl.wsTextarea .wsRTEditorContent .wsContentTable > tbody > tr > td { padding: 2px; }
.wsControl.wsTextarea .wsRTEditorContent .wsContentTable > tbody > tr > td h4 { height: 28px; padding-top: 4px; padding-left: 4px; }
.wsControl.wsTextarea .wsRTEditorContent .wsContentTable > tbody > tr > td p img { padding:5px; border:1px solid; }

/* Multiline/RichTextMultiline Footer and Popup */
.wsControl.wsTextarea .wsFooter { display: inline-block; width: 100%; height: 18px; text-align: center; vertical-align: middle; border: 1px solid; }
.wsControl.wsTextarea .wsFooter .wsFooterControls { display: inline-block; float: right; }
.wsControl.wsTextarea .wsFooter .wsFooterControls .wsFullscreenIcon { display: inline-block; cursor: pointer; margin-top: 2px; }

.wsMultilinePopup .wsControlPopup.wsDialog { position: fixed; height: 379px; }
.wsMultilinePopup textarea.wsMultilinePopupTextarea { width:500px; height:300px; border: 1px solid; padding: 4px; margin: 0; outline: none; font: inherit; overflow: auto; resize: none; vertical-align: top; }
/******************************************************************************************
    END WS Textarea
*******************************************************************************************/

/******************************************************************************************
    WS Numeric
*******************************************************************************************/
.wsControl.wsNumeric.wsHasIcon { padding-right: 20px; }
.wsControl.wsNumeric.wsHasTwoIcons { padding-left: 22px; padding-right: 22px; }
.wsControl.wsNumeric input { width: 100%; border: solid 1px; padding: 4px; margin: 0; outline: none; font: inherit; }
.wsControl.wsNumeric .wsIcon { width: 20px; display: block; position: absolute; top: 0; right: 0; bottom: 0; }
.wsControl.wsNumeric .wsIcon span { width: 20px; height: 13px; line-height: 13px; display: block; vertical-align: top; text-align: center; cursor: pointer; }
/******************************************************************************************
    END WS Numeric
*******************************************************************************************/

/******************************************************************************************
    WS Length Control, Feet and Inches etc.
*******************************************************************************************/
.wsControl.wsLength { border: none; }
.wsControl.wsLength.wsHasIcon { padding-right: 20px; }
.wsControl.wsLength .wsImperialLong.wsFeet { display: inline-block; width: -webkit-calc(40% - 2px); width: expression(40% - 2px); width: -moz-calc(40% - 2px); width: -o-calc(40% - 2px); width: calc(40% - 2px); float: left; }
.wsControl.wsLength .wsImperialLong.wsInches { display: inline-block; width: -webkit-calc(60% - 2px); width: expression(60% - 2px); width: -moz-calc(60% - 2px); width: -o-calc(60% - 2px); width: calc(60% - 2px); float: right; }
.wsControl.wsLength .wsImperial.wsInches { display: inline-block; width: 100%; }
.wsControl.wsLength .wsMetric.wsCentimeters { display: inline-block; width: 100%; }
.wsControl.wsLength .wsImperialLong.wsFeet.wsHidden, .wsControl.wsLength .wsImperialLong.wsInches.wsHidden, .wsControl.wsLength .wsImperial.wsInches.wsHidden, .wsControl.wsLength .wsMetric.wsCentimeters.wsHidden { display: none; }

/******************************************************************************************
    END WS Length
*******************************************************************************************/

/******************************************************************************************
    WS Radio Button List
*******************************************************************************************/
.wsControl.wsRadioButtonList .wsItem { display: block; margin: 2px; position: relative; text-align: left; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"] { width: auto; display: block; position: absolute; top: 3px; left: 2px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"] + label .wsText { display: inline-block; margin-left: 4px; vertical-align: middle; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"] + label .wsIcon { display: inline-block; width: 16px; height: 16px; border: solid 1px; vertical-align: middle; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"] + label .wsIcon span { width: 15px; height: 15px; display: none; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"]:checked + label .wsIcon span { display: table-cell; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"]:hover + label .wsText, .wsControl.wsRadioButtonList .wsItem input[type="radio"] + label:hover .wsText, .wsControl.wsRadioButtonList .wsItem.wsControlHasFocus input[type="radio"] + label .wsText { text-decoration: underline; }
.wsControl.wsRadioButtonList .wsItem.wsFirst { margin-top: 0; }
.wsControl.wsRadioButtonList.wsInline .wsItem { display: inline-block; }
/******************************************************************************************
    END WS Radio Button List
*******************************************************************************************/

/******************************************************************************************
    WS CheckBox
*******************************************************************************************/
.wsControl.wsCheckbox { border: none; width: auto; position: relative; font-size: 0; vertical-align: middle; margin-top: 2px; }
.wsControl.wsCheckbox input[type="checkbox"] { display: block; width: auto; position: absolute; top: 2px; left: 1px; margin: 0; margin-top: 0px; padding: 0; opacity: 0; cursor: pointer; }
.wsControl.wsCheckbox input[type="checkbox"] + label .wsText { display: inline-block; margin-left: 4px; vertical-align: middle; }
.wsControl.wsCheckbox input[type="checkbox"] + label .wsIcon { display: inline-block; width: 16px; height: 16px; padding: 0; border: solid 1px; vertical-align: middle; }
.wsControl.wsCheckbox input[type="checkbox"] + label .wsIcon span { display: none; width: 15px; height: 15px; padding: 0; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsCheckbox input[type="checkbox"]:checked + label .wsIcon span { display: table-cell; }
.wsControl.wsCheckbox input[type="checkbox"]:hover + label .wsText, .wsControl.wsCheckbox input[type="checkbox"] + label:hover .wsText, .wsControl.wsCheckbox.wsControlHasFocus input[type="checkbox"] + label .wsText { text-decoration: underline; }
.wsCheckbox.wsHelpIcon { margin-top: 1px; }
.wsCheckbox.wsRequiredIcon { margin-top: 3px; }

.wsControl.wsCheckbox.wsControlHasFocus, .wsControl.wsCheckbox:focus {	background-color: #B1B6BA;	/* border-color: #B1B6BA;	border-style:solid; */ }
.wsValueLabel.wsCheckbox { display: inline-block; vertical-align: middle; }
.wsValueLabel.wsCheckbox .wsText { display: inline-block; margin-left: 4px; vertical-align: middle; }
.wsValueLabel.wsCheckbox .wsIcon { display: inline-block; width: 16px; height: 16px; border: solid 1px; vertical-align: middle;}
.wsValueLabel.wsCheckbox .wsIcon span { display: table-cell; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
/******************************************************************************************
    END WS CheckBox
*******************************************************************************************/

/******************************************************************************************
    WS CheckBoxList
*******************************************************************************************/
.wsControl.wsCheckboxList .wsItem { display: block; margin: 2px; position: relative; text-align: left; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"] { display: block; width: auto; position: absolute; top: 3px; left: 2px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"] + label .wsText { display: inline-block; margin-left: 4px; vertical-align: middle; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"] + label .wsIcon { display: inline-block; width: 16px; height: 16px; border: solid 1px; vertical-align: middle;}
.wsControl.wsCheckboxList .wsItem input[type="checkbox"] + label .wsIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"]:checked + label .wsIcon span { display: table-cell; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"]:hover + label .wsText, .wsControl.wsCheckboxList .wsItem input[type="checkbox"] + label:hover .wsText, .wsControl.wsCheckboxList .wsItem.wsControlHasFocus input[type="checkbox"] + label .wsText { text-decoration: underline; }
.wsControl.wsCheckboxList .wsItem.wsFirst { margin-top: 0; } 
/******************************************************************************************
    END WS CheckBoxList
*******************************************************************************************/

/******************************************************************************************
    WS SelectList
*******************************************************************************************/
.wsControl.wsSelect { padding-right: 25px; text-align: left; }
.wsControl.wsSelect .wsValue { border: 0; padding: 4px; margin: 0; outline: none; font: inherit; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsControl.wsSelect .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 25px; }
.wsControl.wsSelect .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 25px; cursor: pointer; font-size: 18px; line-height: 18px; }

.wsControlPopup { border: 1px solid #808080; border-top: none; -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.wsControlPopup.wsSelect { display: block; z-index: 99; text-align: left; }
.wsControlPopup.wsSelect .wsItems { padding: 0px; min-width: 100px; max-height: 210px; overflow-x: auto; overflow-y: auto; position: relative; }
.wsControlPopup.wsSelect .wsItems ul { list-style: none; padding: 0; margin: 0; outline: none; }
.wsControlPopup.wsSelect .wsItems ul li { padding: 6px 12px; cursor: pointer; outline: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid 1px; }
.wsControlPopup.wsSelect .wsItems ul li.wsTitle { font-weight: bold; cursor: default; }
.wsControlPopup.wsSelect .wsSearch { padding: 0; border: solid 1px; position:relative; }
.wsControlPopup.wsSelect .wsSearch .wsTextbox { width: 100%; }
.wsControlPopup.wsSelect .wsLoading { z-index: 100; display:none; position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0; bottom: 0; right: 0; }
.wsControlPopup.wsSelect .wsLoading .wsLoadingInner { width: 50%; height: 18px; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; }
/******************************************************************************************
    END WS SelectList
*******************************************************************************************/

/******************************************************************************************
    WS MultiSelectList
*******************************************************************************************/
.wsControl.wsMultiSelect { padding-right: 25px }
.wsControl.wsMultiSelect .wsValue { border: 0; padding: 4px; margin: 0; outline: none; font: inherit; width: 100%; display: block; white-space: nowrap; overflow-x: hidden; overflow-y: auto; text-overflow: ellipsis; height: auto; min-height: 22px; }
.wsControl.wsMultiSelect .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 25px; }
.wsControl.wsMultiSelect .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 25px; cursor: pointer; height: 60px; font-size: 18px; line-height: 18px; }

/* ZR 01/03/2025*/
.wsInlineList { height: auto !important; height: 20px; margin: 0; padding: 0 0 0 0; position: relative; cursor: text; overflow: hidden; }

.wsInlineList li { float: left; list-style: none' '}

.wsInlineList .wsChoice {
    padding: 3px 5px 3px 5px;
    margin: 4px 0 3px 4px;
    position: relative;
    line-height: 13px;
    color: #555555;
    cursor: default;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background: white;
}

.wsControl.wsMultiSelect .wsControl.wsTextbox.wsHasIcon {
    border: none;
}
.wsControl.wsMultiSelect .wsControl.wsTextbox.wsHasIcon .wsIcon { width: 25px; height:25px; right: 1px; }
.wsControl.wsMultiSelect .wsControl.wsTextbox.wsHasIcon .wsIcon > span { font-size: 12px; padding-left: 4px; }

.wsControlPopup.wsMultiSelect.wsInlineItems { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.wsControlPopup.wsMultiSelect .wsItems tr td.wsTitle label { font-weight: bold; }
.wsControlPopup.wsMultiSelect .wsHeader > table th { border: none; }

.wsControlPopup.wsMultiSelect { display: block; z-index: 99;  }
.wsControlPopup.wsMultiSelect table { width: 100%; border-spacing: 0; border-collapse: collapse; } 
.wsControlPopup.wsMultiSelect table th, .wsControlPopup.wsMultiSelect table td { padding: 0; margin: 0; font-weight: normal; }

.wsControlPopup.wsMultiSelect .wsSearch { padding: 0; border: solid 1px; position:relative; }
.wsControlPopup.wsMultiSelect .wsSearch .wsTextbox { width: 100%; }

.wsControlPopup.wsMultiSelect .wsHeader { border-bottom: solid 1px; }
.wsControlPopup.wsMultiSelect .wsHeader .wsLabel { padding: 4px; }
.wsControlPopup.wsMultiSelect .wsHeader .wsCheckbox { width: 22px; text-align: left; }

.wsControlPopup.wsMultiSelect .wsItems { min-width: 200px; max-height: 200px; overflow-y: auto; overflow-x:hidden; }
.wsControlPopup.wsMultiSelect .wsItems td.wsLabel { display: table-cell; }
.wsControlPopup.wsMultiSelect .wsItems .wsLabel { border-bottom: solid 1px; }
.wsControlPopup.wsMultiSelect .wsItems .wsLabel label { display: block; padding: 5px 7px; overflow: hidden; cursor: pointer; }
.wsControlPopup.wsMultiSelect .wsItems .wsLabel wsNoWrap label { text-overflow: ellipsis; white-space: nowrap; }
.wsControlPopup.wsMultiSelect .wsItems .wsLabel wsWrap label { text-wrap:normal; }
.wsControlPopup.wsMultiSelect .wsItems .wsCheckbox { width: 22px; text-align: left; border-bottom: solid 1px; }

.wsControlPopup.wsMultiSelect .wsFooter { padding: 4px 10px 4px 0px; }
.wsControlPopup.wsMultiSelect .wsFooter .wsDoneButton { padding: 2px 8px; text-shadow: none; }

.wsControlPopup.wsMultiSelect .wsLoading { z-index: 100; display:none; position: absolute; width: 100%; height: 100%; margin: 0; top: 0; left: 0; bottom: 0; right: 0; }
.wsControlPopup.wsMultiSelect .wsLoading .wsLoadingInner { width: 50%; height: 18px; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; }

.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan { position: relative; display: inline-block; margin-left: 4px; margin-top: 3px; }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 1px; left: 1px; margin: 0; padding: 0; opacity: 0; cursor: pointer; }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] + label .wsText { display: inline-block; margin-left: 4px; vertical-align: top; cursor: pointer; }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] + label .wsIcon { display: inline-block; width: 16px; height: 16px; border: solid 1px; cursor: pointer;  }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] + label .wsIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"]:checked + label .wsIcon span { display: table-cell; }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"]:hover + label .wsText, .wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] + label:hover .wsText { text-decoration: underline; }

.wsMultiSelectLabel.wsMultiSelectLabelOverflow { overflow-y: auto; max-height: 150px; display: inline-block; }

.wsMultiSelectLabel.wsInline { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 200px; position: relative; }
.wsMultiSelectLabel.wsInline .wsIcon { cursor: pointer; }

.wsControlPopup.wsMultiSelectLabel { display: block; position: absolute; top: 0; left: 0; border: solid 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wsControlPopup.wsMultiSelectLabel .wsHeader { display: block; padding: 1px 10px; position: relative; }
.wsControlPopup.wsMultiSelectLabel .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControlPopup.wsMultiSelectLabel .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 18px; width: 20px; cursor: pointer; font-size: 13px; line-height: 13px; }

.wsControlPopup.wsMultiSelectLabel .wsItems { display: block; max-height: 400px; max-width: 400px; overflow: auto; padding: 1px 8px 2px 8px; }
.wsControlPopup.wsMultiSelectLabel .wsItems ul { list-style: none; padding: 0; margin: 0; outline: none;  }
.wsControlPopup.wsMultiSelectLabel .wsItems ul li { outline: none; white-space: nowrap; }
/******************************************************************************************
    END WS MultiSelectList
*******************************************************************************************/

/******************************************************************************************
    WS MultiSelectTreeView
*******************************************************************************************/
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsItems { width: 100%; max-height: 320px; overflow-y: hidden; overflow-x:hidden; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsControl.wsTreeView.wsMultiSelectTreeViewTree { width: 100%; min-height: 40px; max-height: 370px; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsControl.wsTreeView.wsMultiSelectTreeViewTree .wsItems { width: 100%; max-height: 320px; overflow-y: auto; overflow-x:hidden; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView.wsSingleLevel .wsItems { min-width: 260px; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsControl.wsTreeView.wsMultiSelectTreeViewTree.wsSingleLevel { min-width: 260px; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsControl.wsTreeView.wsMultiSelectTreeViewTree.wsSingleLevel .wsItems { min-width: 260px; }
.wsControl.wsMultiSelect.wsMultiSelectTreeView .wsValue { white-space: normal;}
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsFooter .wsExpandAllButton { padding: 2px 8px; text-shadow: none; margin-left:10px;  }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsFooter .wsCollapseAllButton { padding: 2px 8px; text-shadow: none; }


/******************************************************************************************
    END WS MultiSelectTreeView
*******************************************************************************************/

/******************************************************************************************
    WS TreeView
*******************************************************************************************/
.wsControl.wsTreeView { width: 400px; max-height: 400px; overflow: auto; }
.wsControl.wsTreeView .wsItems ul { list-style: none; display: block; margin: 0; padding: 0; }
.wsControl.wsTreeView .wsItems ul { white-space: nowrap; }
/* .wsControl.wsTreeView .wsItems ul ul {  margin-left: 1em; border-left: .15em solid gray; } */
/* .wsControl.wsTreeView .wsItems ul ul:before, li:after { content: ''; display: block; width: 1em; height: 1em; position: absolute; background: salmon; border: .25em solid white; top: 1em; left: .4em; }
li:before { content: ""; display: inline-block; width: 2em; height: 0; position: relative; left: -.75em; border-top: .25em solid gray;
} */

.wsControl.wsTreeView .wsItems ul li .wsItem { padding-top: 4px; padding-bottom: 4px; position: relative; /* border: 1px dotted black; border-width: 0 0 1px 1px; */ }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsExpandCollapse { width: 16px; display: inline-block; cursor: pointer; font-size: 14px; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsText { white-space: nowrap; display: inline-block; cursor: pointer;  min-width: 50px; padding-left: 3px; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsText:hover, .wsControl.wsTreeView .wsItems ul li .wsItem .wsText.context-menu-active { text-decoration: underline; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsPadding { display: inline-block; cursor: default; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsIcons { position: absolute; top: 1px; right: 4px; display: block; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsIcons > span { display: inline-block; line-height: 16px; cursor: pointer; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox { width: 14px; border:none; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsIcons .wsControl.wsCheckbox input[type="checkbox"] { top: 0; width: 14px; height: 15px; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsIcons.wsLeftIcons { position: static; display: inline-block; }


/******************************************************************************************/
/*  TREE VIEW DnD */
    .wsControl.wsTreeView .wsItems ul li .wsTreeViewNode-DragOver {background-color: #9DD3EB !important;outline: 1px dashed #747474a6 !important;margin-left: 1px;margin-right: 1px;border-radius: 5px;  }

/******************************************************************************************
    END WS TreeView
*******************************************************************************************/

/******************************************************************************************
    WS Button
*******************************************************************************************/
/* .wsControl.wsButton { width: auto; padding: 5px 20px; outline: none; margin: 0; cursor: pointer; font-family: inherit; border: none; background-image: linear-gradient(-180deg, #37AEE2 0%, #1E96C8 100%); border-radius: .5rem; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; } */
/* .wsControl.wsButton { width: auto; padding: 5px 20px; outline: none; margin: 0; cursor: pointer; color: #fff; font-family: inherit; border: none; background-color: #279f43; background-image: none; border-color: rgba(27,31,35,.5); box-shadow: inset 0 .15em .3em rgba(27,31,35,.15); }  */
.wsControl.wsButton { width: auto; padding: 5px 20px; outline: none; margin: 0; cursor: pointer; color: #fff; font-family: inherit; border: none; background-color: #279f43; background-image: none; border-color: rgba(27,31,35,.5); box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05); }
.wsControl.wsButton::-moz-focus-inner, .wsControl.wsButton:focus::-moz-focus-inner { border:none; }
.wsControl.wsButton.wsHasIcon .wsText { padding-right: 15px; }
.wsControl.wsButton.wsHasIcon .wsIcon { cursor: default; position: absolute; top: 0; right: 5px; bottom: 0; display: block; width: 20px; }
.wsControl.wsButton.wsHasIcon .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 24px; width: 20px; cursor: pointer; }
.wsControl.wsButton.wsHasBadge .wsBadge { font-size: 12px; }
.wsControl.wsButton.wsHasBadge .wsText { padding-left: 3px; }

.wsControl.wsButton.wsHasIcon.wsTextRight .wsText { padding-left: 15px; padding-right: 0; }
.wsControl.wsButton.wsHasIcon.wsTextRight .wsIcon { cursor: default; position: absolute; top: 0; left: 15px; bottom: 0; display: block; width: 20px; }
.wsControl.wsButton.wsHasBadge.wsTextRight .wsText { padding-right: 3px; }

.wsControl.wsButton.wsHasIcon.wsTextOutside { padding: 5px 0px; }
.wsControl.wsButton.wsHasIcon.wsTextOutside .wsText { padding-left: 26px; padding-right: 0; }
.wsControl.wsButton.wsHasIcon.wsTextOutside .wsIcon { cursor: default; position: absolute; top: -1px; left: -1px; bottom: -1px; border: solid 1px; display: block; width: 26px; }
.wsControl.wsButton.wsHasIcon.wsTextOutside .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 24px; width: 26px; cursor: pointer; }

.wsControl.wsButton.wsHasIcon.wsNoText { height: 27px; width: 26px; padding: 0;  }
.wsControl.wsButton.wsHasIcon.wsNoText .wsText { display: none; }
.wsControl.wsButton.wsHasIcon.wsNoText .wsIcon { cursor: default; position: static; top: 0; right: 0; bottom: 0; display: block; width: auto; }
.wsControl.wsButton.wsHasIcon.wsNoText .wsIcon span { display: block; vertical-align: middle; text-align: center; height: 24px; line-height: 23px; width: auto; cursor: pointer; }

.wsControl.wsButton.wsNoBackground { width: auto; padding: 1px; outline: none; margin: 0; cursor: pointer;  box-shadow: none; text-shadow: none; }
.wsControl.wsButton.wsNoBackground .wsIcon { cursor: pointer; position: absolute; top: -5px; padding-left: 4px; right: 0; bottom: 0; display: block; width: 20px; font-size: 16px; }
.wsControl.wsButton.wsNoBackground:hover, .wsControl.wsButton.wsNoBackground:focus, .wsControl.wsButton.wsNoBackground.wsControlHasFocus { text-decoration: underline;  }
.wsControl.wsButton.wsNoBackground.wsHasIcon .wsText { padding-right: 15px; }
.wsControl.wsButton.wsNoBackground.wsHasIcon.wsTextRight .wsText { padding-left: 15px; padding-right: 0px; }
.trInPlace-row .wsControl.wsButton:focus {	background-color: #0271b9;}

.wsControl.wsButton.wsButtonDelete {    background-color: #f32525 !important }
/******************************************************************************************
    END WS Button
*******************************************************************************************/
/******************************************************************************************
    WS Button Group
*******************************************************************************************/
.wsControl.wsButtonGroup { border: none; width: auto; }
.wsControl.wsButtonGroup .wsButton::-moz-focus-inner, .wsControl.wsButtonGroup .wsButton:focus::-moz-focus-inner { border:none; }
.wsControl.wsButtonGroup .wsButton { width: auto; padding: 5px 20px; outline: none; margin: 0; margin-right: -1px; position: relative; border: solid 1px; display: block; float: left; cursor: pointer; }
.wsControl.wsButtonGroup .wsButton.wsHasIcon .wsText { padding-right: 15px; }
.wsControl.wsButtonGroup .wsButton.wsHasIcon .wsIcon { cursor: default; display: block; position: absolute; top: 0; right: 15px; bottom: 0; width: 20px; }
.wsControl.wsButtonGroup .wsButton.wsHasIcon .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 20px; cursor: pointer; }
.wsControl.wsButtonGroup .wsButton:hover, .wsControl.wsButtonGroup .wsButton:focus { z-index: 2; }
/******************************************************************************************
    END WS Button Group
*******************************************************************************************/

/******************************************************************************************
    WS Rating
*******************************************************************************************/
.wsControl.wsRating { width: auto; }
.wsControl.wsRating span { display: table-cell; width: auto; height: 26px; vertical-align: middle; cursor: default; font-size: 16px; line-height: 14px; }
/******************************************************************************************
    END WS Rating
*******************************************************************************************/

/******************************************************************************************
    WS RichTextEditor
*******************************************************************************************/
.wsControl.wsRichTextEditor { width: 625px; height: 300px; border: solid 1px; clear:both; }
.wsControl.wsRichTextEditor .wsEditorToolbar {  border-bottom: solid 1px; }
.wsControl.wsRichTextEditor .wsEditorToolbar .mce-panel { display: block !important; width: 100% !important; border: none !important; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-spacing: 0px; }
.wsControl.wsRichTextEditor .wsEditorContent { height: 263px; overflow-x: hidden; overflow-y: auto; padding: 0px; }
.wsControl.wsRichTextEditor .wsEditorContent p { margin: 0; padding: 0; }

.wsControl.wsRichTextEditor.wsValueLabel { border: none; display: block; width: auto; height: auto; }
.wsControl.wsRichTextEditor.wsValueLabel .wsEditorContent { display: block; height: auto; width: auto; padding: 0; padding-left: 5px;}

.wsControl.wsRichTextEditor .wsEditorContent .wsContentTable { border-spacing: 0px; border-collapse:collapse;}
.wsControl.wsRichTextEditor .wsEditorContent .wsContentTable > tbody > tr > td { padding: 2px; }
.wsControl.wsRichTextEditor .wsEditorContent .wsContentTable > tbody > tr > td h4 { height: 28px; padding-top: 4px; padding-left: 4px; }
.wsControl.wsRichTextEditor .wsEditorContent .wsContentTable > tbody > tr > td p img { padding:5px; border:1px solid; }

.wsControl.wsRichTextEditor.wsPageEdit { display: block; width: auto; height: auto; border: none; }
.wsControl.wsRichTextEditor.wsPageEdit .wsEditorContent { display: block; height: auto; width: auto; padding: 0; }

.mce-tinymce.mce-tinymce-inline.mce-container.mce-panel.mce-floatpanel { z-index: 100 !important; }

.fr-svg { height: 19px !important; width: 19px !important; margin: 6px 8px 0px 8px !important; }
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn { height: 34px !important; margin: 0px !important; }
.fr-toolbar { border: 0 !important; }
.fr-box.fr-basic .fr-wrapper { border: 0 !important; }
.fr-box.fr-basic .fr-element { padding: 0px 5px 5px 5px !important; }
.fr-separator { margin: 0 !important; }
.fr-popup.fr-desktop.fr-active { z-index: 2147483635 !important; }
.fr-layer.fr-active { width: 150px !important; }
.fr-second-toolbar { border: 0px !important; }
.fr-command.fr-btn.fr-options { width: 6px !important; }
.fr-color-hex-layer { padding-right: 0px !important; }
.fr-btn-grp { margin: 0 3px 0 3px !important; }
.fr-disabled { user-select:all !important;-o-user-select:all !important;-moz-user-select:all !important;-khtml-user-select:all !important;-webkit-user-select:all !important;-ms-user-select:all !important; }
/******************************************************************************************
    END WS RichTextEditor
*******************************************************************************************/
/******************************************************************************************
    WS ColorPicker
*******************************************************************************************/
.wsControl.wsColorPicker {
    width: auto;
    border: solid 1px;
    padding-right: 25px;
}
.wsControl.wsColorPicker .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 25px; height: 26px; }
.wsControl.wsColorPicker .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 23px; width: 25px; cursor: pointer; font-size: 18px; line-height: 18px; }

.wsControl.wsColorPicker.wsInline { padding-right: 0; }
.wsControl.wsColorPicker.wsInline .sp-container, .wsControl.wsColorPicker.wsInline .sp-container * { box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; border-spacing: 0; }
.wsControl.wsColorPicker.wsInline .sp-container, .wsControl.wsColorPicker.wsInline .sp-container button, .wsControl.wsColorPicker.wsInline .sp-container input, .wsControl.wsColorPicker.wsInline .sp-color, .wsControl.wsColorPicker.wsInline .sp-hue, .wsControl.wsColorPicker.wsInline .sp-clear { box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-spacing: 0px; }
.wsControl.wsColorPicker.wsInline .sp-container { border: none; }

.wsControl.wsColorPicker .sp-replacer { padding: 3px; border: none; }
.wsControl.wsColorPicker .sp-preview { width: 20px; height: 20px; margin: 0; }
.sp-container .sp-picker-container { border: none; }
/******************************************************************************************
    END WS ColorPicker
*******************************************************************************************/

/******************************************************************************************
    WS Date
*******************************************************************************************/
.wsControl.wsDate { padding-right: 20px; }
.wsControl.wsDate input[type="text"] { border: 0; padding: 4px; margin: 0; outline: none; font: inherit; width: 100%; }
.wsControl.wsDate .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsDate .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 20px; cursor: pointer; }

/* Nemanja: + mark is next sibling (only first)! */
.wsControl.wsDate.wsAllowNull { padding-left: 20px; }
.wsControl.wsDate.wsAllowNull .wsInputSpan { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 20px; }

/* Nemanja: opacity 0 makes ours check box invisible, we are checking our icon actualy which is beneth */
.wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span { display: table-cell; }
/******************************************************************************************
    END WS Date
*******************************************************************************************/

/******************************************************************************************
    WS DateTime
*******************************************************************************************/
.wsControl.wsDateTime { padding-right: 40px; }
.wsControl.wsDateTime input { border: 0; padding: 4px; margin: 0; outline: none; font: inherit; width: 100%; }
.wsControl.wsDateTime .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 40px; }
.wsControl.wsDateTime .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 20px; cursor: pointer; }

.wsControl.wsDateTime.wsAllowNull { padding-left: 20px; }
.wsControl.wsDateTime.wsAllowNull .wsInputSpan { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 20px; }
.wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span { display: table-cell; }

.wsControl.wsDateTime.wsTimeOpen { padding-right: 60px; }
.wsControl.wsDateTime.wsTimeOpen .wsIcon { width: 60px; }
/******************************************************************************************
    END WS DateTime
*******************************************************************************************/

/******************************************************************************************
    WS Time
*******************************************************************************************/
.wsControl.wsTime { padding-right: 20px; }
.wsControl.wsTime input { border: 0; padding: 4px; margin: 0; outline: none; font: inherit; width: 100%; }
.wsControl.wsTime .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsTime .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 20px; cursor: pointer; }

.wsControl.wsTime.wsAllowNull { padding-left: 20px; }
.wsControl.wsTime.wsAllowNull .wsInputSpan { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 20px; }
.wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span { display: table-cell; }
/******************************************************************************************
    END WS Time
*******************************************************************************************/

/******************************************************************************************
    WS Date Popup
*******************************************************************************************/
.wsControlPopup.wsDate { display: block; z-index: 99; width: 200px; }
.wsControlPopup.wsDate .wsHeader { padding: 4px; text-align: center; position: relative;  }
.wsControlPopup.wsDate .wsHeader .wsIcon { display: block; position: absolute; top: 0; bottom: 0; width: 20px; }
.wsControlPopup.wsDate .wsHeader .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 20px; cursor: pointer; }
.wsControlPopup.wsDate .wsHeader .wsIcon.wsIconPrev { left:0; }
.wsControlPopup.wsDate .wsHeader .wsIcon.wsIconNext { right:0; }
.wsControlPopup.wsDate .wsCalendarDays .wsHeader .wsTitle, .wsControlPopup.wsDate .wsCalendarMonths .wsHeader .wsTitle { cursor: pointer; }

.wsControlPopup.wsDate .wsContent { width: 200px; }
.wsControlPopup.wsDate .wsContent table { width: auto; border-spacing: 0; border-collapse: collapse; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table th { text-align: center; width: 30px; height: 24px; font-weight: normal; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td { text-align: center; cursor: pointer; width: 30px; height: 24px; border: solid 1px; }
.wsControlPopup.wsDate .wsCalendarMonths .wsContent table td { text-align: center; cursor: pointer; width: 50px; height: 38px; border: solid 1px; }
.wsControlPopup.wsDate .wsCalendarYears .wsContent table td { text-align: center; cursor: pointer; width: 50px; height: 28px; border: solid 1px; }
/******************************************************************************************
    END WS Date Popup
*******************************************************************************************/

/******************************************************************************************
    WS Time Popup
*******************************************************************************************/
.wsControlPopup.wsTime { display: block; z-index: 99; }
.wsControlPopup.wsTime .wsTimeHours { padding: 10px 4px 5px 4px; overflow: auto; text-align: right; border: solid 1px; border-top: none; text-align: center; white-space: nowrap; }
.wsControlPopup.wsTime .wsTimeHours .wsHours, .wsControlPopup.wsTime .wsTimeHours .wsMinutes, .wsControlPopup.wsTime .wsTimeHours .wsPeriod { display: inline-block; vertical-align: top }
.wsControlPopup.wsTime .wsTimeHours .wsIcon { display: inline-block; width: 15px; height: 30px; vertical-align: top; font-size: 14px; }
.wsControlPopup.wsTime .wsTimeHours .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; width: 15px; height: 30px; cursor: pointer; }
.wsControlPopup.wsTime .wsTimeHours .wsIcon span:before { margin: 0; }
.wsControlPopup.wsTime .wsTimeHours .wsInputSpan { display: inline-block; width: 30px; height: 30px; }
.wsControlPopup.wsTime .wsTimeHours .wsInputSpan input { width: 30px; padding: 0; margin: 0; border: none; height: 30px; text-align:center; font-size: 16px; line-height: 14px; }
.wsControlPopup.wsTime .wsTimeHours .wsInfo { display: inline-block; width: 60px; text-align: center; }
.wsControlPopup.wsTime .wsTimeHours .wsFooter { text-align:right; }
.wsControlPopup.wsTime .wsTimeHours .wsFooter .wsIcon { height: 18px; }
.wsControlPopup.wsTime .wsTimeHours .wsFooter .wsIcon span { height: 18px; }
/******************************************************************************************
    END WS Time Popup
*******************************************************************************************/

/******************************************************************************************
    WS MainHeader
*******************************************************************************************/
.wsMainHeader {}
.wsMainHeader .wsHeaderTop { height: 100px; }
.wsMainHeader .wsHeaderTop .wsLogo { width: 370px; height: 80px; margin: 10px; float: left; background-position: 0% 50%; background-repeat: no-repeat; }

.wsMainHeader .wsUserContainer { margin-top: 14px; margin-right: 20px; float: right; }
.wsMainHeader .wsUserContainer .wsItem { display: inline-block; height: 22px; line-height: 22px; vertical-align: middle; font-size: 11px; cursor: pointer; }
.wsMainHeader .wsUserContainer .wsItem:not(.wsGuest):hover, .wsMainHeader .wsUserContainer .wsItem.wsOpen { }
.wsMainHeader .wsUserContainer .wsItem.wsWelcome { border-right: solid 1px; padding-right: 8px; }
.wsMainHeader .wsUserContainer .wsItem.wsWelcome.wsGuest { cursor:default; }
.wsMainHeader .wsUserContainer .wsItem.wsSignIn { border-right: solid 1px; padding-right: 8px; }
.wsMainHeader .wsUserContainer .wsItem.wsSignIn .wsIcon { font-size: 18px; line-height: 22px; vertical-align: top; }
.wsMainHeader .wsUserContainer .wsItem.wsSSOSignIn { border-right: solid 1px; padding-right: 8px; cursor: pointer; }
.wsMainHeader .wsUserContainer .wsItem.wsSSOSignIn .wsIcon { font-size: 18px; line-height: 22px; vertical-align: top; }
.wsMainHeader .wsUserContainer .wsItem.wsHelp .wsIcon { font-size: 18px; line-height: 22px; vertical-align: top; }

.wsMainHeader .wsUserContainer .wsItem.wsNotification { height: 22px; text-align: center; position: relative; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification .wsIcon { font-size: 20px; line-height: 22px; vertical-align: top; display: inline-block; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification .wsIcon:before { margin: 0px 4px; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification .wsNumber { display: block; position: absolute; top: 0; right: 1px; padding: 1px 2px; font-size: 10px; line-height: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification .wsNumber.wsAltColor { }

.wsMainHeader .wsUserContainer .wsItem.wsNotification.wsMessages { border-right: solid 1px; padding-right: 1px; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification.wsMessages .wsIcon { font-size: 22px; }

.wsMainHeader .wsMenuContainer { }
.wsMainHeader .wsMainMenu .wsCustomMenu { width: 36px; height: 36px; }
.wsMainHeader .wsMainMenu .wsCustomMenu .wsIcon { display: table-cell; width: 36px; height: 36px; vertical-align: middle; text-align: center; font-size: 17px; line-height: 22px; }

.wsMainHeader .wsHeaderSearch, .wsMainHeader .wsHeaderSearch.wsControlHasFocus { margin: 4px 4px 0px 0px; width: 300px; }
.wsMainHeader .wsHeaderSearch .wsIcon { width: 23px; }
.wsMainHeader .wsHeaderSearch .wsIcon > span { width: 23px; }
/******************************************************************************************
    END WS MainHeader
*******************************************************************************************/

/******************************************************************************************
    WS Menu
*******************************************************************************************/
.wsControl.wsMenu { border: none; width: auto; }
.wsControl.wsMenu ul.wsMainMenu { list-style: none; margin: 0; padding: 0; border-spacing: 0; display: table; height: 36px; }
.wsControl.wsMenu ul.wsMainMenu li { display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align: left; max-width: 200px; cursor: pointer; position: relative; border-right: 1px solid;  }
.wsControl.wsMenu ul.wsMainMenu li .wsTitle { padding: 0 10px; display: inline-block; }
.wsControl.wsMenu ul.wsMainMenu li .wsTriangle { display: none; -moz-transform: scale(.9999); position: absolute; bottom: 0; left: 40%; width: 0px; height: 0; border-style: solid; border-width: 0 8px 8px 8px; }
.wsControl.wsMenu ul.wsMainMenu li.wsOpen { z-index: 999; }
.wsControl.wsMenu ul.wsMainMenu li.wsOpen .wsTriangle { display: block; }

.wsControlPopup.wsMenu { width: auto; border: 1px solid; border: none; border-top: 4px solid; z-index: 20001; }
.wsControlPopup.wsMenu ul { list-style:none; padding: 0; margin: 0; display: inline-block; vertical-align: top; min-width: 150px; }
.wsControlPopup.wsMenu ul li { display: block; cursor: pointer; white-space:nowrap; }
.wsControlPopup.wsMenu ul li.wsGroup { padding: 0; margin: 0; height: 0; }
.wsControlPopup.wsMenu ul li.wsTitle { padding: 4px 8px; cursor: default; border-bottom: solid 1px; }
.wsControlPopup.wsMenu ul li.wsSeparator { cursor: default; border-bottom: solid 1px; }
.wsControlPopup.wsMenu ul li.wsLink .wsTitle { display: inline-block; padding: 4px 8px; }

.wsControlPopup.wsMenu ul li.wsHasIcon { position: relative; }
.wsControlPopup.wsMenu ul li.wsHasIcon .wsTitle, .wsControlPopup.wsMenu ul li.wsTitle.wsHasIcon { padding-right: 20px; }
.wsControlPopup.wsMenu ul li.wsHasIcon .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControlPopup.wsMenu ul li.wsHasIcon .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 26px; width: 20px; }
/******************************************************************************************
    END WS Menu
*******************************************************************************************/

/******************************************************************************************
    WS Tabs
*******************************************************************************************/
.wsControl.wsTabs { display:block; width: auto; border: none; margin: 0; padding: 0; padding-right: 55px; vertical-align: top; position: relative; }
.wsControl.wsTabs .wsControlIcons { position: absolute; top: 0; right: 5px; bottom: 0; width: 50px; text-align: right; }
.wsControl.wsTabs .wsControlIcons > span { width: 20px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; cursor: pointer; }
.wsControl.wsTabs.wsPinnedTabActive .wsControlIcons > .wsPin { display: none; }

.wsControl.wsTabs .wsTab { float: left; padding: 6px 22px; cursor: default; position: relative; height: 30px; }
.wsControl.wsTabs .wsTab.wsPinned { min-width: 200px; max-width: 300px; }
.wsControl.wsTabs .wsTab.wsPinned.wsHasIcon { padding-right: 40px; }

.wsControl.wsTabs .wsTab .wsTriangle { display: none; -moz-transform: scale(.9999); position: absolute; bottom: 0; left: 50%; margin-left: -9px; width: 0; height: 0; padding: 0; border-left: 9px solid; border-right: 9px solid; border-bottom: 5px solid; }

.wsControl.wsTabs .wsTab .wsText { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsControl.wsTabs .wsTab .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: auto; }
.wsControl.wsTabs .wsTab .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 30px; width: 20px; cursor: pointer; }
.wsControl.wsTabs .wsTab.wsSelected .wsTriangle { display: block; }

.wsControl.wsTabs .wsTab .wsTabMenu { display: block; position:absolute; top: 30px; right: 0; z-index: 200; border: solid 1px; border-top: none; }
.wsControl.wsTabs .wsTab .wsTabMenu .wsItem { display: block; padding: 2px 5px; }
.wsControl.wsTabs .wsTab .wsTabMenu .wsItem:hover { cursor: pointer; }
/******************************************************************************************
    END WS Tabs
*******************************************************************************************/
/******************************************************************************************
    WS Dialog
*******************************************************************************************/
.wsControlPopup.wsDialog { z-index: 100; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel { height: 30px; text-align: left; padding: 5px 5px; cursor: move; position: relative; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-left-radius: 7px; -webkit-top-top-right-radius-: 1px; -moz-border-top-right-radius: 7px; border-top-right-radius: 7px; border-bottom: 1px solid;}
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsText { width: auto; display: block; margin-left: 4px; margin-left: 3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 13px; font-weight: 900; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsIcon { display: block; /* ZR test padding-left: 20px; border: none; */ position: absolute; top: 0; right: 0; bottom: 0; width: auto; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 30px; width: 20px; cursor: pointer; font-size: 14px; }
.wsControlPopup.wsDialog .wsContent.wsDialogPanel { overflow-x: hidden; overflow-y: auto; padding: 7px 7px; }
.wsControlPopup.wsDialog .wsFooter.wsDialogPanel { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; border-top: solid 1px; -webkit-border-bottom-left-radius: 7px; -moz-border-bottom-left-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-bottom-right-radius-: 1px; -moz-border-bottom-right-radius: 7px; border-bottom-right-radius: 7px; min-height: 36px;}
.wsControlPopup.wsDialog .wsControl.wsTabBar.wsDialogPanel { position: absolute; top: 37px; left: 0; right: 0; }
.wsControlPopup.wsDialog .wsHideInPopup { display: none; }

.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu { display: block; position:absolute; top: 38px; right: 0; z-index: 999; border: solid 1px; border-top: none; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu .wsItem { display: block; padding: 2px 5px; }

.wsControlPopup.wsDialog.wsNoHeader .wsHeader.wsDialogPanel { display: none; }

.wsControlPopup.wsDialog .wsFooter.wsDialogPanel .wsHideInTabPage { display: inline-block; }

.wsControlPopup.wsDialog.wsMessageBox { min-width: 100px; }

.wsMsgBoxContent { padding: 0px; display: flex; flex-direction: column; }
.wsMsgBoxText { padding: 10px 15px 10px 15px; text-wrap: normal; min-height: 40px; vertical-align: central; }
.wsMsgBoxButtons { text-align:center; background-color: #EDF3F7; padding: 5px; border-top: solid 1px #d1d1d1; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius-: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; min-height: 36px; }

.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu .wsItem:hover, .wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu .wsItem.wsHover { cursor: pointer; }

.wsControlPopup.wsDialog .wsLoading { margin: 0; padding: 10px; }
/******************************************************************************************
    END WS Dialog
*******************************************************************************************/

/******************************************************************************************
    WS AnchoredPopup
*******************************************************************************************/
.wsControlPopup.wsDialog.wsAnchoredPopup { margin: 0 0 0 14px; border: solid 1px; }

.wsControlPopup.wsDialog.wsAnchoredPopup .wsHeader.wsDialogPanel { min-height: 20px; padding: 5px 5px 0px 5px; cursor: default; }
.wsControlPopup.wsDialog.wsAnchoredPopup .wsHeader.wsDialogPanel .wsIcon span { height:25px; }

.wsControlPopup.wsDialog.wsAnchoredPopup .wsContent.wsDialogPanel { margin: 0 3px 3px 3px; }
.wsControlPopup.wsDialog.wsAnchoredPopup .wsFooter.wsDialogPanel { margin: 0px 3px 3px 3px; border-top: solid 1px; }

.wsControlPopup.wsDialog.wsAnchoredPopup > .wsTriangle
{
    -moz-transform: scale(.9999); display: block; z-index: 100; position: absolute; width: 0; height: 0; padding: 0; margin: -7px 0 0 0; top: 18px; left: -6px; bottom: auto; right: auto; 
    border-top: solid 7px; border-left: none; border-right: solid 0px; border-bottom: solid 7px;
}
.wsControlPopup.wsDialog.wsAnchoredPopup > .wsTriangle:after
{
    -moz-transform: scale(.9999); content: " "; display: block; z-index: 100; position: absolute; width: 0; height: 0; padding: 0;
     /*margin: -14px 0 0 0;*/ 
     margin: -7px 0 0 0;
     top: 0; left: 2px; bottom: auto; right: auto; 
     /*border-top: solid 8px; border-left: none; border-right: solid 6px; border-bottom: solid 8px;*/ 
     left:-2px; 
     border-top: solid 9px; border-left: none; border-right: solid 8px; border-bottom: solid 9px;
}

.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorRight { margin: 0 5px 0 0; }
.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorRight > .wsTriangle { left: auto; right: -7px; /*border-left: solid 7px;*/ border-right: none; }
.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorRight > .wsTriangle:after { left: auto; right: -2px;  border-left: solid 9px; border-right: none; }

/*Nemanja: Do not uncomment this!*/
/*.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorLeft { }
.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorLeft > .wsTriangle {  }
.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorLeft > .wsTriangle:after { margin: -7px 0 0 0; left:-2px; border-top: solid 9px; border-left: none; border-right: solid 8px; border-bottom: solid 9px; }*/
/******************************************************************************************
    END WS AnchoredPopup
*******************************************************************************************/

/******************************************************************************************
    WS TabBar
*******************************************************************************************/
.wsControl.wsTabBar { width: auto; border: none; display: block; font-size: 0px; padding: 0px 10px; }
.wsControl.wsTabBar .wsTab { min-width: 150px; width: auto; display: inline-block; font-size: 12px; padding: 5px 15px; cursor: pointer; position: relative; margin-right: 2px; border-right: solid 1px; }
.wsControl.wsTabBar .wsTab .wsTriangle { display: none; position: absolute; bottom: 0; left: 50%; margin-left: -9px; width: 0; height: 0; padding: 0; border-left: 9px solid; border-right: 9px solid; border-bottom: 5px solid; }
.wsControl.wsTabBar .wsTab.wsSelected .wsTriangle { display: block; }

.wsControl.wsTabBar .wsTab { border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 5px; }
/******************************************************************************************
    END WS TabBar
*******************************************************************************************/

/******************************************************************************************
    WS TabBar Control
*******************************************************************************************/
/* wsTabBarControl */
/*.wsControl.wsTabBarControl { width: auto; border: none; display: block; }
.wsControlPopup.wsDialog .wsContent.wsDialogPanel .wsControl.wsTabBarControl { margin: -10px -10px 8px -10px; }
.wsControl.wsSection .wsControl.wsTabBarControl { margin: -5px -5px 5px -5px; }

.wsControl.wsTabBarControl > table { border-spacing: 0px; border-collapse: collapse; width: 100%; border-bottom: solid 4px; }
.wsControl.wsTabBarControl > table > tbody > tr > td { height: 28px; padding: 0; vertical-align: middle; text-align: center; cursor: pointer; border-right: solid 1px; }
.wsControl.wsTabBarControl > table > tbody > tr > td:last-of-type { border-right: none; } */

.wsControl.wsTabBarControl { width: 100%; border: none; display: block; height: 36px; border-top:1px solid; border-bottom: 2px solid; }
/*.wsControlPopup.wsDialog .wsContent.wsDialogPanel .wsControl.wsTabBarControl { margin: -10px -10px 8px -10px; } 
.wsControl.wsSection .wsControl.wsTabBarControl { margin: -5px -5px 5px -5px; } */

.wsControl.wsTabBarControl > ul { border-spacing: 0px; border-collapse: collapse; width: 100%; list-style: none; margin-left: 5px; margin-top:5px; padding-left: 5px; padding-right:5px;}
.wsControl.wsTabBarControl > ul > li { float: left; min-width:100px; height: 28px; padding: 5px; vertical-align: middle; text-align: center; cursor: pointer; border-right: 1px solid /* #4DA5A7 */; margin-right: 2px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.wsControl.wsTabBarControl > ul > li:last-of-type { border-right: none; }
.wsControl.wsTabBarControl > ul.wsColorTab > li:nth-child(1) { background-color: #FCB322; }
.wsControl.wsTabBarControl > ul.wsColorTab > li:nth-child(2) { background-color: #ca4e42; /* border-left: 10px #ca4e42 solid;*/ }

.wsControl.wsTabBarControl > ul > li:hover, .wsControl.wsTabBarControl > ul > li.wsHover { }
.wsControl.wsTabBarControl > ul > li.wsSelected { }
.wsControl.wsTabBarControl > ul > li.wsInvalid { }

/*MultiLevel tabs*/
.wsControl.wsTabBarControl.wsMultiLevelTabs { height: auto; border-bottom: none; margin-bottom: 2px; }
.wsControl.wsTabBarControl.wsMultiLevelTabs > ul { margin-top:3px; }
.wsControl.wsTabBarControl.wsMultiLevelTabs > ul > li { margin-top: 3px; }
/******************************************************************************************
    END WS TabBar Control
*******************************************************************************************/

/******************************************************************************************
    WS AdvancedSearch
*******************************************************************************************/
.wsControl.wsAdvSearch { border: none; width:auto; position:static; }
.wsControl.wsAdvSearchLink { position:relative; }

.wsControl.wsAdvSearch .btnOption { width: 99px !important; }
.wsControl.wsAdvSearch .btnLargeOption { width: 200px !important; }

.wsControl.wsAdvSearch > a.wsAdvSearchLink { padding-right: 20px; position:relative; }
.wsControl.wsAdvSearch > a.wsAdvSearchLink .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsAdvSearch > a.wsAdvSearchLink .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 25px; width: 20px; cursor: pointer; }
.wsControl.wsAdvSearch > a.wsAdvSearchLink span.wsText { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.wsControl.wsAdvSearch > div.wsMainPopup { z-index:98; padding-bottom:10px; border: 1px solid; }
@media screen and (max-width: 1895px) and (min-width: 1795px) { .wsControl.wsAdvSearch > div.wsMainPopup { left: -100px !important; } }
@media screen and (max-width: 1795px) and (min-width: 1493px) { .wsControl.wsAdvSearch > div.wsMainPopup { left: -270px !important; } }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv { padding: 5px 10px; width:325px; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv > div.wsHeaderDivText { float: left; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv > div.wsHeaderDivCloseIcon { float: right; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv > div.wsHeaderDivCloseIcon > a.wsLinkClose { position:relative; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsSelection { padding: 5px 10px 5px 10px; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsSelection > table.wsParamsTable { width:100%;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsSelection > table.wsParamsTable td.wsLabel { width: 105px;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsSelection > table.wsParamsTable tr.wsSeparator { height:5px; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsOptions { padding: 0px 10px;}
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsOptions > div.wsText { padding-top:10px; float: left; width: 105px;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsOptions > div.wsOptions.wsFloatLeft { float: left; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsOptions > div.wsOptions { float: right; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTree {  min-height: 250px; width: 325px; padding: 5px 10px 5px 10px; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions { padding: 0px 10px;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsTemplates { }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsTemplates > span.wsLabel { display: block; float: left; padding-top: 5px; vertical-align: middle; width: 105px; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions { padding-top:5px; float:right; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions div.wsTemplateOptions { float:right; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsTemplate { }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsTemplate div.wsSeparator { padding: 5px 0px; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsTemplate > table.wsTemplateTable { width:100%;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsTemplate > table.wsTemplateTable td.wsLabel { width: 105px;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsTemplate > table.wsTemplateTable tr.wsSeparator { height:5px;  }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsTemplate div.wsTemplateSaveOptions { float:right; }

.wsControl.wsAdvSearch > div.wsMainPopup > div.wsContent > div.wsParamsTreeOptions > div.wsOptions > div.wsGoOption { padding-top:5px; float:right; }
/******************************************************************************************
    END WS AdvancedSearch
*******************************************************************************************/

/******************************************************************************************
    WS ReportFileViewer
*******************************************************************************************/
.wsControl.wsReportFileViewer { width: auto; display: block; border: none; min-height:700px; }
.wsControl.wsReportFileViewer > div.wsFileViewer { min-height:700px; }
.wsControl.wsReportFileViewer > div.wsFileViewer > iframe { border:none;  width:100%; min-height:700px; }

.wsControl.wsReportFileViewer .wsContentHeader > .wsClosingPanelHeader { min-width: 0; width: 328px; }
.wsControl.wsReportFileViewer .wsContentHeader > .wsClosingPanelHeader > .wsClosingPanel { min-width: 0; width: 328px; }

.wsControl.wsReportFileViewer .wsControl.wsAdvSearch > div.wsMainPopup { border:none; }

.wsControl.wsReportFileViewer .wsContentHeader span.wsRptExport > span.wsHeaderButton { cursor: pointer; }
.wsControl.wsReportFileViewer .wsContentHeader span.wsRptExport > span.wsHeaderButton:hover { text-decoration: underline }
/******************************************************************************************
    END WS ReportFileViewer
*******************************************************************************************/

/******************************************************************************************
    WS FileUploadViewer
*******************************************************************************************/
.wsControl.wsFileUploadViewer { display: block; width: 98%; border-spacing: 0px; border-collapse:collapse; border: none; max-height:195px; overflow-y:auto; }
.wsControl.wsFileUploadViewer > span.wsFileViewer { display: block; max-height: 0px; }

.wsControl.wsFileUploadViewer > tbody > tr > th { font-weight: normal; text-align: center; border-bottom: solid 1px; }
.wsControl.wsFileUploadViewer > tbody > tr > td { padding: 2px 10px; border-bottom: solid 1px; }
.wsControl.wsFileUploadViewer > tbody > tr > td > a { text-decoration: none }
.wsControl.wsFileUploadViewer > tbody > tr > td > a:hover { text-decoration: underline; }
.wsControl.wsFileUploadViewer > tbody > tr > td.wsFileName { width:100%; }
.wsControl.wsFileUploadViewer > tbody > tr > td.wsOptions { width: 50px; min-width:50px; min-height: 20px; text-align: center; padding: 2px 0; }
.wsControl.wsFileUploadViewer > tbody > tr > td.wsOptions > a > .wsIcon { font-size: 14px; }

.wsControl.wsFileUploadViewer > tbody > tr:nth-child(odd) > td {}
/*.wsControl.wsFileUploadViewer > tbody > tr:hover > td {  }*/
/******************************************************************************************
    END WS FileUploadViewer
*******************************************************************************************/

/******************************************************************************************
    WS FileViewer
*******************************************************************************************/
.wsControl.wsFileViewer { border: none; width: auto; height: 0px; }
.wsControl.wsFileViewer .wsPopupContainer { padding: 0; margin: 0; overflow: hidden; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar { text-align: center; font-weight: bold; position: relative; padding-top: 5px; display: block; height: 30px; background-color: #FCC200; color: #393333; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar > .wsIconClose { display: block; position: absolute; top: 4px; right: 10px; width: 20px; height: 20px; font-size: 16px; cursor: pointer; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar > .wsIconNext { display: block; position: absolute; top: 4px; right: 100px; width: 20px; height: 20px; font-size: 16px; cursor: pointer; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar > .wsIconPrev { display: block; position: absolute; top: 4px; right: 140px; width: 20px; height: 20px; font-size: 16px; cursor: pointer; }
.wsControl.wsFileViewer .wsPopupContainer iframe { margin: 0px 10px; padding: 0; border: none; text-align:center; }

.wsControl.wsFileViewer .wsPopupContainer > .wsPopupPrevFile { position: absolute; display: block; bottom: 110px; left: 0; top: 30px; width: 50px; overflow: hidden; cursor: pointer; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupPrevFile:hover { }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupPrevFile > .wsIcon { font-size: 40px; position: absolute; left: 14px; top: 50%; margin-top: -48px; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupPrevFile > .wsIcon::before { margin: 0; text-align: left; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupNextFile { position: absolute; display: block; bottom: 110px; right: 0; top: 30px; width: 50px; overflow: hidden; cursor: pointer; }
/* .wsControl.wsFileViewer .wsPopupContainer > .wsPopupNextFile:hover { } */
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupNextFile > .wsIcon { font-size: 40px; position: absolute; right: 14px; top: 50%; margin-top: -48px; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupNextFile > .wsIcon::before { margin: 0; text-align: right; }

.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails { position: absolute; bottom: 0; left: 0; right: 0; height: 110px; border-top: solid 1px; vertical-align: top; text-align: center; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems { text-align: center; vertical-align: top; font-size: 0px; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsLoading { font-size: 14px; line-height: 110px; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem { width: 160px; height: 100px; display: inline-block; margin: 5px 0 5px 5px; position: relative; border: solid 1px; border-radius: 3px; cursor: pointer; font-size: 0px; overflow: hidden; vertical-align: middle; text-align: center; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem.wsSelected { border: solid 3px; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem > .wsImage { width: auto; height: auto; max-width: 158px; max-height: 98px; cursor: pointer; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem > .wsIcon { font-size: 50px; line-height: 100px; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsPrevIcon { display: block; width: 30px; position: absolute; left: 0; bottom: 0; top: 0; cursor: pointer; overflow: hidden; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsPrevIcon:hover { }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsPrevIcon > span { font-size: 22px; line-height: 110px; width: 30px; text-align: center; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsNextIcon { display: block; width: 30px; position: absolute; right: 0; bottom: 0; top: 0; cursor: pointer; overflow: hidden; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsNextIcon:hover { }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsNextIcon > span { font-size: 22px; line-height: 110px; width: 30px; text-align: center; }

.wsControl.wsImageGallery .wsThumbnailStripContainer { position: static; height: 71px; border-top: solid 1px; vertical-align: middle; text-align: center; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems { text-align: center; vertical-align: middle; font-size: 0px; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsLoading { font-size: 14px; line-height: 110px; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem { width: 80px; height: 60px; display: inline-block; margin: 5px 0 5px 5px; position: relative; border: solid 1px; border-radius: 3px; cursor: pointer; font-size: 0px; overflow: hidden; vertical-align: middle; text-align: center; box-shadow: rgba(9, 30, 66, 0.31) 0px 0.5px 0.5px, rgba(9, 30, 66, 0.31) 0px 0px 0.5px 0px; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem.wsSelected { border: solid 1px; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem > .wsImage { width: auto; height: auto; max-width: 70px; max-height: 50px; cursor: pointer; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem > .wsIcon { font-size: 50px; line-height: 100px; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsPrevIcon { display: block; width: 30px; position: absolute; left: 0; bottom: 0; cursor: pointer; overflow: hidden; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsPrevIcon:hover { }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsPrevIcon > span { font-size: 22px; line-height: 110px; width: 24px; text-align: center; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsNextIcon { display: block; width: 30px; position: absolute; right: 0; bottom: 0; cursor: pointer; overflow: hidden; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsNextIcon:hover { }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsNextIcon > span { font-size: 22px; line-height: 110px; width: 30px; text-align: center; }



.wsControl.wsFileViewer .wsPopupContainer.wsInline { padding: 0; margin: 0; overflow: hidden; position: static; top: auto; left: auto; right: auto; bottom: auto; z-index: auto; }
.wsControl.wsFileViewer .wsPopupContainer.wsInline > .wsPopupTitleBar { display: none; }
.wsControl.wsFileViewer .wsPopupContainer.wsInline iframe { margin: 0; padding: 0; border: none; text-align:center; }

.wsControl.wsFileViewer .wsContent.wsDialogPanel { padding: 0px; }

.wsControl.wsFileViewer .wsPopupContainer .wsPlayerContainerAudio { text-align: center; font-size: 0; }
.wsControl.wsFileViewer .wsPopupContainer .wsPlayerContainerAudio > .jp-audio { border: none; display: inline-block; }
.wsControl.wsFileViewer .wsPopupContainer .wsPlayerContainerVideo > .jp-video { border: none; display: block; width: auto; margin: 0px 10px; }


.wsFileViewer  .wsPopupTitleBar .wsIcon-Download,  .wsFileViewer  .wsPopupTitleBar .wsIcon-Cancel {color: #393999;}
.wsFilePreview .wsPopupTitleBar {    height: 30px;    background-color: #393333 ;}
.wsFilePreview .wsPopupTitleBar .wsIcon-Download,  .wsFilePreview .wsPopupTitleBar .wsIcon-Cancel {color: #fafafa;}


.wsFileViewer-fullscreen {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    background-color: white !important;
}

/******************************************************************************************
    END WS FileViewer
*******************************************************************************************/

/******************************************************************************************
    WS File
*******************************************************************************************/
.wsControl.wsFile { width: 340px; border: none; }
.wsControl.wsFile .wsUploadArea { padding: 0px; min-height: 40px; height: 100%; position: relative; overflow: hidden !important; /*border: solid 1px;*/ border: none; }
.wsControl.wsFile .wsUploadArea input { font: 32px monospace !important; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; right: 0; z-index: 1; cursor: pointer; }
.wsControl.wsFile .wsUploadArea .wsIcon { position: absolute; top: -1px; left: -1px; bottom: -1px; width: 40px; border: solid 1px; border-right: none; }
.wsControl.wsFile .wsUploadArea .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 40px; width: 40px; cursor: pointer; font-size: 24px; line-height: 30px; }
.wsControl.wsFile .wsUploadArea .wsText { display: table; width: 100%; height: 30px; margin-top: 5px; }
.wsControl.wsFile .wsUploadArea .wsText .wsMessage { display: table-cell; vertical-align: middle; text-align: center; font-size: 12px; padding-left: 40px;}
.wsControl.wsFile .wsUploadArea .wsText .wsMessage b { font-weight: 400; font-size: 12px; }

.wsControl.wsFile .wsUploadArea .wsInPlaceUpload { width: 100%; height: 100%; display:table; background-color: #d9d9d9;  text-align: center; vertical-align: middle; }
.wsControl.wsFile .wsUploadArea .wsInPlaceUpload .wsContent {display: table-cell; vertical-align: middle; }
.wsControl.wsFile .wsUploadArea .wsInPlaceUpload .wsContent span.wsIcon-Upload { margin: 0 auto; font-size: 32px; color: #808080; }
.wsControl.wsFile .wsUploadArea .wsInPlaceUpload .wsContent span.wsText { margin: 0 auto; font-size: 14px; color: #808080; }

.wsControl.wsFile .wsUploadArea .wsItemsNum { display: none; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 20px; cursor: pointer; text-align: center; }
.wsControl.wsFile .wsUploadArea .wsItemsNum .wsNumber { display: block; text-align: center; line-height: 20px; }
.wsControl.wsFile.wsPopup.wsHasItems .wsUploadArea .wsItemsNum { display: block;  }
.wsControl.wsFile.wsPopup.wsHasItems .wsUploadArea input { right: 20px; }

.wsControl.wsFile .wsFilesArea.wsPopup { position: absolute; top: 50px; left: 0; right: 0; border: none; /*border: solid 1px; border-top: none;*/ z-index: 2; }

.wsControl.wsFile .wsItem { display: block; padding: 5px 20px 0px 45px; height: 45px; vertical-align: top; position: relative; border-bottom: solid 1px; }
.wsControl.wsFile .wsItem .wsFileIcon { display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 45px; }
.wsControl.wsFile .wsItem .wsFileIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 44px; width: 45px; font-size: 32px; line-height: 32px; cursor: default; }
.wsControl.wsFile .wsItem .wsFileInfo .wsName { display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsControl.wsFile .wsItem .wsFileInfo .wsSize { display: inline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.9em; }
.wsControl.wsFile .wsItem .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsFile .wsItem .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 45px; width: 20px; cursor: pointer; }
.wsControl.wsFile .wsItem .wsProgressBar { position:absolute; display: block; bottom: 4px; left: 45px; right: 22px; height: 15px; }
.wsControl.wsFile .wsItem .wsProgressBar .wsProgress { width: 100%; position: absolute; top: 0; left: 0; height: 15px; text-align:center; font-size: 11px; }
.wsControl.wsFile .wsItem .wsProgressBar .wsProgressText { width: 100%; position: absolute; top: 0; left: 0; height: 15px; text-align:center; font-size: 11px; z-index: 3; }
.wsControl.wsFile .wsItem .wsProgressBar .wsProgress:after, .wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar .wsProgress:after
{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; z-index: 1; overflow: hidden; }

/*Drag and drop*/
.wsControl.wsFile.wsDragAndDropFileUpload { left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; display: none; z-index: 9999; opacity: 0.9; border: 2px dashed; }
.wsControl.wsFile.wsDragAndDropFileUpload .wsUploadArea > input[type="file"] { width: 100% !important; height: 100% !important; }
/******************************************************************************************
    END WS File
*******************************************************************************************/

/******************************************************************************************
    WS Image Gallery
*******************************************************************************************/
.wsControl.wsImageGallery.wsSingleImage { margin: 0; text-align: center; position: relative; border: none; display: table; }
.wsControl.wsImageGallery.wsSingleImage .wsImageContainer { display: table-cell; text-align: center; vertical-align: middle; font-size: 0;  max-width: 150px;}
.wsControl.wsImageGallery.wsSingleImage .wsImageContainer img.wsThumbnail { display: block; margin: auto; max-width: 100px; }
.wsControl.wsImageGallery.wsSingleImage .wsImageContainer img.wsThumbnail.wsHasZoom { cursor: zoom-in; }
.wsControl.wsImageGallery.wsSingleImage .wsImageContainer .wsIcon { font-size: 50px; }
.wsControl.wsImageGallery.wsSingleImage div.wsFullImage { z-index: 998; cursor: zoom-out; padding: 5px; position: absolute; top: 0; left: 0; }
.wsControl.wsImageGallery.wsSingleImage div.wsFullImage img { display: block; margin: auto; }

.wsControl.wsImageGallery.wsSingleImageUpload { margin: 0; text-align: center; position: relative; border: solid 1px; width: auto; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer { display: table-cell; text-align: center; vertical-align: middle; cursor: default; font-size: 0; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer img.wsThumbnail { display: inline-block; margin: auto; vertical-align: top; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer img.wsThumbnail.wsHasZoom { cursor: zoom-in; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer .wsIcon { font-size: 80px; }
.wsControl.wsImageGallery.wsSingleImageUpload div.wsFullImage { z-index: 998; cursor: zoom-out; padding: 5px; position: absolute; top: 0; left: 0; }
.wsControl.wsImageGallery.wsSingleImageUpload div.wsFullImage img { display: block; margin: auto; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsButtonsContainer { display: block; margin: 0px -1px -1px -1px; cursor: default; height: 27px; }

.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload { position: absolute; top: 2px; left: 2px; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsUploadArea { padding: 0px; border-radius: 0px; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsUploadArea input { font-size: 150px !important; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsUploadArea .wsIcon { display:none; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsUploadArea .wsText { height: auto; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsUploadArea .wsText .wsMessage { height: auto; text-align: center; vertical-align: middle; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsItem { left: 2px; padding: 4px; position: absolute; top: 2px; width: 100%; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsItem .wsProgressBar { left: 5px; right: 5px; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsItem .wsFileIcon { display: none; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageUpload .wsItem .wsIcon { display: none; }

.wsControl.wsImageGallery.wsGallery { margin: 0; text-align: center; position: relative; border: none; display: inline-block; width: 500px; height: 340px; background-color: #FFFFFF; /* #F1F1F1; */}
.wsControl.wsImageGallery.wsGallery.wsFill { width: 100%; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryContainer {width:100%;height:100%;padding:0px;margin:0px;border:0px;}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryContainer td {padding:0px; min-width: 150px; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader { height:25px; display:table-row; z-index: 10; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryNoHeader { display: none;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader {height:30px;display:table-row;}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsHeaderRightControls {float:right; padding-right:30px;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader .wsHeaderRightControls {float:right; padding-right:38px;}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsImageInfo {display:none;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader .wsImageInfo {display:inline-block;height:30px;opacity:1.0; padding-top: 4px;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader .wsImageInfoLabel {display:inline-block;padding-right:10px;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader .wsImageInfoContent {display:inline-block;padding-right:25px;font-weight:bold;}

.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsImageAdditionalData { float: left; padding-left: 20px; position:relative; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsImageAdditionalData .wsImageAdditionalDataItem {
    display: inline-block;
    /*width: 50px;*/
    padding-top: 2px;
    height: 24px; 
    padding: 0px 4px 0px 4px; 
    font-size: 18px; 
    text-align: center; 
    vertical-align: middle; 
    border-radius: 4px;
}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsNoImagesWarning { line-height: 22px; height: 22px; vertical-align: middle; font-size: 22px; color: #D2413D; float:left; }


.wsControl.wsImageGallery.wsGallery .wsClose { display: none; width: 29px; height: 29px; position: absolute; top: 1px; right: 5px;  }
.wsControl.wsImageGallery.wsGallery .wsClose span { display: table-cell; cursor: pointer; width: 28px; height: 28px; font-size: 18px; vertical-align: middle; text-align: center; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsClose { display: block; z-index:10;}


.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsControl.wsButton.wsNoBackground { box-shadow: none; text-shadow: none; }

.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle {}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageGalleryContent {display:table; text-align:center; top: 26px; left: 0px; width: 100%; min-width: 150px; height: calc(100% - 48px); position: absolute;}
.wsControl.wsImageGallery.wsGallery.wsImageGalleryWithThumbnailStrip .wsImageGalleryMiddle td .wsImageGalleryContent {height: calc(100% - 124px);}
.wsControl.wsImageGallery.wsGallery.wsImageGalleryNoHeader .wsImageGalleryMiddle td .wsImageGalleryContent {display:table; text-align:center; top: 0px; left: 0px; width: 100%; height: calc(100% - 22px); position: absolute;}
.wsControl.wsImageGallery.wsGallery.wsImageGalleryNoFooter .wsImageGalleryMiddle td .wsImageGalleryContent {display:table; text-align:center; top: 26px; left: 0px; width: 100%; height: calc(100% - 26px); position: absolute;}
.wsControl.wsImageGallery.wsGallery.wsImageGalleryNoHeader.wsImageGalleryNoFooter .wsImageGalleryMiddle td .wsImageGalleryContent {display:table; text-align:center; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryMiddle td .wsImageGalleryContent {display:table; text-align:center; top: 31px; left: 0px; width: 100%; height: calc(100% - 53px); position: absolute; background-color: #D1D1D1;}
.wsControl.wsImageGallery.wsGallery.wsImageGalleryWithThumbnailStrip.wsFullscreen .wsImageGalleryMiddle td .wsImageGalleryContent {height: calc(100% - 128px);}

.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageContainer { display: table-cell; text-align: center; vertical-align: middle; width: 100%; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageContainer img.wsImage { display: block; margin: auto; width:auto; height:auto; max-width: 100%; max-height: 100%; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageContainer img.wsAutoplayImage { display: none; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageContainer { display: block;}

.wsControl.wsImageGallery.wsGallery .wsImageGalleryPrev {top: 30px; left: 0px; width:30px; height: calc(100% - 60px); vertical-align:middle; text-align:left; position: absolute;}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryNext {top: 30px; right: 0px; width:30px; height: calc(100% - 60px); vertical-align:middle; text-align:right;  position: absolute; float: right; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryPrev {top: 80px; left: 0px; width:30px; height: calc(100% - 160px); }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryNext {top: 80px; right: 0px; width:30px; height: calc(100% - 160px); }

.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageInfoInline { display: block; position:absolute; width:100%; height: auto; padding: 1px 20px 0px 20px; bottom:21px;  overflow: hidden; line-height: 1.5em; word-break: break-all; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryMiddle td .wsImageInfoInline { display: none; }
.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageContainer img.wsAutoplayImage { display: none; }

.wsControl.wsImageGallery.wsGallery .wsNavigation { position: absolute; top: 50%; transform: translateY(-50%); background-color: #E1E3E2 /* rgb(244, 245, 247); */; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%; display: flex; cursor: pointer; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; transition-property: opacity;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px 0px; color: black; width: 30px; height: 30px; -webkit-box-pack: center; justify-content: center; opacity: 0.7; }
    
.wsControl.wsImageGallery.wsGallery .wsNavigation.wsPrev { left: 4px; }
.wsControl.wsImageGallery.wsGallery .wsNavigation.wsNext { right: 4px; }
.wsControl.wsImageGallery.wsGallery .wsNavigation .wsIcon { display: table-cell; width: 30px; height: 25px; vertical-align: middle; text-align: center; }
.wsControl.wsImageGallery.wsGallery .wsNavigation .wsIcon span { display: inline-block; font-size: 18px; line-height: 30px; cursor: pointer; vertical-align: middle; align-items: center; color: #333939; }
.wsControl.wsImageGallery.wsGallery .wsNavigation .wsIcon span:before { margin: 0; }
.wsControl.wsImageGallery.wsGallery .wsNavigation .wsIcon span:hover { opacity: 1; color: #B10058; } 

.wsControl.wsImageGallery.wsGallery .wsImageGalleryFooter {height:96px; vertical-align:bottom;}
.wsControl.wsImageGallery.wsGallery .wsImageGalleryNoFooter {display:none;}
.wsControl.wsImageGallery.wsGallery .wsFooter { display: block; position: static; height: 21px; text-align: center; vertical-align:middle; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsFooterControls { display: inline-block; float:right; margin-right:5px; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsFooterControls > span { cursor: pointer; position: relative; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsImageNo { display: inline-block; float:left; margin-left:5px; margin-top:3px; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsFullscreenIcon { display: inline-block; cursor: pointer; margin-left:5px; margin-top:3px;  }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsUploadFile { display: inline-block; cursor: pointer; margin-top: 3px; line-height: 14px; font-size: 14px; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsThumbnailContainer { font-size: 0; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsThumbnailContainer .wsThumbIcon { display: inline-block; cursor: pointer; font-size: 12px; margin-top:3px; }

.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary { display: inline-block;   }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"],
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"] { display: inline-block; width: auto; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"] + label .wsText,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"] + label .wsText { display: inline-block; margin-left: 4px; vertical-align: middle; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"] + label .wsIcon,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"] + label .wsIcon { display: inline-block; width: 12px; height: 12px; border: solid 1px; vertical-align: middle;}
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"] + label .wsIcon span,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"] + label .wsIcon span { display: none; width: 12px; height: 10px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"] + label .wsIcon span:before,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"] + label .wsIcon span:before { margin: 0; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"]:checked + label .wsIcon span,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"]:checked + label .wsIcon span { display: table-cell; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"]:hover,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"]:hover { cursor: pointer; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"]:hover + label,
.wsControl.wsImageGallery.wsGallery .wsFooter .wsSetAsPrimary input[type="checkbox"]:hover + label { cursor: pointer; }

.wsControl.wsImageGallery.wsGallery .wsThumbnailPreview { display: block; width: 100px; height: 100px; position: absolute; top: 0; left: 0; border: solid 1px; padding: 2px; text-align: center; font-size: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wsControl.wsImageGallery.wsGallery .wsThumbnailPreview .wsCenterHelper { display: inline-block; vertical-align: middle; height: 100%; }
.wsControl.wsImageGallery.wsGallery .wsThumbnailPreview img.wsImage { display: inline-block; vertical-align: middle; font-size: 12px; }

.wsControl.wsImageGallery.wsGallery.wsFullscreen { border: solid 1px; z-index: 998; position: fixed; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsFooter .wsAutoplay, .wsControl.wsImageGallery.wsGallery.wsFullscreen .wsFooter .wsSetAsPrimary { display: none; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsFooter .wsFullscreenIcon { display: none; }

.wsControl.wsImageGallery.wsGallery .wsButtonsContainer .wsControl.wsButton.wsHasIcon.wsNoText {width:25px; height:25px; font-size: 18px; margin-left:5px;}
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsButtonsContainer .wsControl.wsButton.wsHasIcon.wsNoText {width:30px; height:30px; font-size: 18px; margin-left:5px; color: #fafafa; }

.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsControl.wsImageEditor {border:none;}

.wsImageInfoWnd { border: 1px solid; border-radius: 3px; width: 355px; margin: 15px auto 0; position: relative; z-index: 998;}
.wsImageInfoWnd::before, .wsImageInfoWnd::after { content: ""; display: block; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; right: 30px; }
.wsImageInfoWnd::after { content: ""; display: block; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; top: -9px; }
.wsImageInfoWnd::before { top: -10px; right: 30px; }
.wsImageInfoWnd.wsArrowHidden::before, .wsImageInfoWnd.wsArrowHidden::after { display: none; }
.wsImageInfoWnd > .wsImageInfoWndHeader { width: 100%; padding: 5px 0px 5px 0px; border-bottom: 1px solid; }
.wsImageInfoWnd > .wsImageInfoWndHeader span { font-size: 14px; font-weight: 900; padding-left: 5px; padding-right: 5px; }
.wsImageInfoWnd > .wsImageInfoWndHeader .wsClose { cursor: pointer; font-weight: bold; height: 15px; line-height: 15px; position: absolute; right: 15px; top: 4px; text-align: center;  width: 15px; z-index: 999; }
.wsImageInfoWnd > .wsImageInfoWndContent { width: 100%; height: auto; padding: 10px 10px 10px 10px ; text-align:left; word-break:break-all; }

.wsControlImageGalleryContainer { display: block; }
.wsGridTable .wsControlContainer.wsControlImageGalleryContainer .wsImageGallery { display: block; width: 100px; }

/******************************************************************************************
    END WS Image Gallery
*******************************************************************************************/
/******************************************************************************************
    WS Image Editor
*******************************************************************************************/
.wsControl.wsImageEditor {
    width: 100%;
    height: 620px;
    border: solid 1px;
    overflow: hidden;
}
.wsControl.wsImageEditor > .wsHeader { padding: 4px 5px; height: 30px; overflow: hidden; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup { display: inline-block; vertical-align: top; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup.wsLargerPadding { padding-left: 20px; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton { width: 22px; height: 22px; /*border: solid 1px; */ display: block; float: left; text-align: center; margin-right: -1px; cursor: pointer; font-size: 14px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton span { display: inline-block; text-align: center; height: 20px; line-height: 19px; width: 20px; cursor: pointer; margin: 0; font-size: 14px; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker { width: 22px; height: 22px; display: block; float: left; padding: 0; padding-right: 0; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker .sp-replacer { padding: 3px; border: none; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker .sp-preview { width: 14px; height: 14px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker .wsIcon { display:none; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect { height: 22px; width: 65px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect .wsValue { padding: 2px 4px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect .wsIcon { width: 20px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect .wsIcon span { height: 20px; width: 20px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect .wsIcon span:before { margin: 0; }

.wsControl.wsImageEditor .wsAnnotationNote { width: 400px; height: 230px; }
.wsControl.wsImageEditor .wsEditorClickBlock { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.wsControl.wsImageEditor .wsEditorUploadProgress { display: block; position: absolute; top: 40px; left: 50%; width: 260px; margin-left: -130px; border: solid 1px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsText { text-align: center; display: block; height: 20px; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar { position:relative; display: block; height: 15px; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar .wsProgress { width: 100%; position: absolute; top: 0; left: 0; height: 15px; text-align:center; font-size: 11px; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar .wsProgressText { width: 100%; position: absolute; top: 0; left: 0; height: 15px; text-align:center; font-size: 11px; z-index: 3; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton.wsSelected { }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker { /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */ }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker .sp-replacer { /* -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */ }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect { /* -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; */}
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControlPopup.wsSelect { }

.wsControl.wsImageEditor .wsAccessRightsDialog { height: 250px; }
.wsControl.wsImageEditor .wsAccessRightsDialog .wsAccessRightsDialogContent { padding-bottom:46px; height: 120px; }
.wsControl.wsImageEditor .wsAccessRightsDialog .wsAccessRightsDialogContent .wsAccssRightTypeList { margin-bottom: 4px; width: 300px; }
.wsControl.wsImageEditor .wsAccessRightsDialog .wsAccessRightsDialogContent .wsAccssRightUsersAndGroupsMs { width: 300px; height: 120px; text-align: left; }
.wsControl.wsImageEditor .wsAccessRightsDialog .wsAccessRightsDialogFooter { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; border-bottom-right-radius: 0px; min-height: 36px; border-top: 1px solid; border-top-color: #D1D1D1; background-color: #EDF3F7; margin:3px; }

.wsControl.wsImageEditor .wsAccessRightsDialog .wsAccessRightsDialogContent .wsControlPopup.wsMultiSelect .wsItems .wsLabel label  { text-align: left; font-size: 12px; }
.wsControl.wsImageEditor .wsAccessRightsDialog .wsAccessRightsDialogContent .wsControlPopup.wsMultiSelect .wsFooter { height: 30px; }
    /* ZR: no border on this buttons
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton.wsFirst { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton.wsLast { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 5px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 3px; }
*/
    /******************************************************************************************
    END WS Image Editor
*******************************************************************************************/
    /******************************************************************************************
   WS Pager
*******************************************************************************************/
.wsControl.wsPager { width: auto; display: inline-block; border: none; color: #333939; }
.wsControl.wsPager > .wsItemsInfo, .wsControl.wsPager > .wsPager, .wsControl.wsPager > .wsPageInfo, .wsControl.wsPager > .wsPagerLeft, .wsControl.wsPager > .wsPagerRight, .wsControl.wsPager > .wsPageSize  { display: table-cell; text-align: center; vertical-align: middle; height: 25px; }

.wsControl.wsPager > .wsItemsInfo { padding: 0px 10px; border-right: solid 1px; }

.wsControl.wsPager > .wsPager { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsPager > .wsPager a { text-decoration: none; }
.wsControl.wsPager > .wsPager a:hover, .wsControl.wsPager > .wsPager a.wsHover { }
.wsControl.wsPager > .wsPager a.wsCurrent { }

.wsControl.wsPager > .wsPageInfo { padding: 0px 10px; border-right: solid 1px; }

.wsControl.wsPager > .wsPagerLeft { padding: 0px 2px; border-right: solid 1px; }
.wsControl.wsPager > .wsPagerLeft a { display: table-cell; text-decoration: none; }
.wsControl.wsPager > .wsPagerLeft a span { display: table-cell; text-align: center; vertical-align: middle; height: 26px; width: 20px; font-size: 20px; line-height: 18px; }
.wsControl.wsPager > .wsPagerLeft a span:before { margin: 0; }
.wsControl.wsPager > .wsPagerLeft a:hover { }

.wsControl.wsPager > .wsPagerRight { padding: 0px 2px; }
.wsControl.wsPager > .wsPagerRight a { display: table-cell; text-decoration: none; }
.wsControl.wsPager > .wsPagerRight a span { display: table-cell; text-align: center; vertical-align: middle; height: 26px; width: 20px; font-size: 20px; line-height: 18px; }
.wsControl.wsPager > .wsPagerRight a span:before { margin: 0; }
.wsControl.wsPager > .wsPagerRight a:hover { }

.wsControl.wsPager > .wsPageSize { padding: 0px 10px; }
.wsControl.wsPager > .wsPageSize .wsControl.wsSelect { width: 60px; height:24px; }
.wsControl.wsPager > .wsPageSize .wsControl.wsSelect .wsValue { padding: 3px 4px; }
.wsControl.wsPager > .wsPageSize .wsControl.wsSelect .wsIcon span { height: 22px; }

.wsControl.wsPager > .wsPagerOptions { display: table-cell; height: 26px; padding-right: 10px; text-align: center; vertical-align: middle;  position:relative; }
.wsControl.wsPager > .wsPagerOptions .wsIcon { cursor:pointer; }

.wsControl.wsPager > .wsPagerOptions .wsTriangle { height: 0; width: 0; position: absolute; right: 30px; top: -7px; z-index: 80; }
.wsControl.wsPager > .wsPagerOptions .wsTriangle:after, .wsControl.wsPager > .wsPagerOptions .wsTriangle:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; }
.wsControl.wsPager > .wsPagerOptions .wsTriangle:after { left: 0px; top: 2px; border-left: 8px solid;  border-right: 8px solid; border-bottom: 8px solid; }
.wsControl.wsPager > .wsPagerOptions .wsTriangle:before { border-left: 8px solid;  border-right: 8px solid;  border-bottom: 8px solid;  }

.wsControl.wsPager > .wsPagerOptions .wsOptionsContent { position:absolute; top: 28px; right:0px; z-index:5; }
.wsControl.wsPager > .wsPagerOptions .wsOptionsContent > .wsContentRight { height: 30px; line-height: 30px; padding: 0px 0px; border: 1px solid; }

.wsControl.wsPager > .wsPagerOptions .wsItemsInfo, 
.wsControl.wsPager > .wsPagerOptions .wsPager, 
.wsControl.wsPager > .wsPagerOptions .wsPageInfo  { display: table-cell; padding: 0px 10px; text-align: center; vertical-align: middle; height: 22px; }

.wsControl.wsPager > .wsPagerOptions .wsItemsInfo { border-right: solid 1px; }

.wsControl.wsPager > .wsPagerOptions .wsPager { border-right: solid 1px; }
.wsControl.wsPager > .wsPagerOptions .wsPager a { text-decoration: none; }
.wsControl.wsPager > .wsPagerOptions .wsPager a:hover, .wsControl.wsPager > .wsPager a.wsHover { }
.wsControl.wsPager > .wsPagerOptions .wsPager a.wsCurrent { }

.wsControl.wsPager > .wsPagerOptions .wsPageInfo { }

.wsControl.wsPager.wsLightBack > .wsItemsInfo {}
.wsControl.wsPager.wsLightBack > .wsPager {}
.wsControl.wsPager.wsLightBack > .wsPager a {}
.wsControl.wsPager.wsLightBack > .wsPager a:hover, .wsControl.wsPager.wsLightBack > .wsPager a.wsHover {}
.wsControl.wsPager.wsLightBack > .wsPager a.wsCurrent {}
.wsControl.wsPager.wsLightBack > .wsPageInfo {}
.wsControl.wsPager.wsLightBack > .wsPagerLeft {}
.wsControl.wsPager.wsLightBack > .wsPagerLeft a {}
.wsControl.wsPager.wsLightBack > .wsPagerLeft a:hover {}
.wsControl.wsPager.wsLightBack > .wsPagerRight {}
.wsControl.wsPager.wsLightBack > .wsPagerRight a {}
.wsControl.wsPager.wsLightBack > .wsPagerRight a:hover {}
/******************************************************************************************
   END WS Pager
*******************************************************************************************/

/******************************************************************************************
    WS Grid
*******************************************************************************************/
.wsControl.wsGrid { width: auto; min-width: 150px; border: 1px solid #d1d1d1; }

.wsControl.wsGrid > .wsHeader { padding: 4px; border-bottom: solid 1px; position: relative; height: 32px; }
.wsControl.wsGrid > .wsHeader .wsTitle { text-align: center; margin-top: 4px; font-size: 14px; width: auto; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsControl.wsGrid > .wsHeader .wsTitle .wsIcon { cursor:pointer; }
.wsControl.wsGrid > .wsHeader .wsFloatLeft { position: absolute; top: 3px; bottom: 3px; left: 8px; }
.wsControl.wsGrid > .wsHeader .wsFloatRight { position: absolute; top: 3px; bottom: 3px; right: 0; }
.wsControl.wsGrid > .wsHeader .wsTitle .wsHelpIcon { color:#e6e6e6; margin-top:0px;}

.wsControl.wsGrid > .wsHeader .wsItemsInfo, .wsControl.wsGrid > .wsHeader .wsPageInfo, .wsControl.wsGrid > .wsHeader .wsPager, .wsControl.wsGrid > .wsHeader .wsPagerLeft, .wsControl.wsGrid > .wsHeader .wsPagerRight, .wsControl.wsGrid > .wsHeader .wsPageSize { display: table-cell; text-align: center; vertical-align: middle; height: 26px; }

.wsControl.wsGrid > .wsHeaderSmall { padding: 0px; border-bottom: solid 1px; position: relative; height: 26px; }
.wsControl.wsGrid > .wsHeaderSmall .wsTitle { text-align: center; font-size: 12px; width: 100%; margin-top: 6px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsControl.wsGrid > .wsHeaderSmall .wsTitle .wsIcon { cursor:pointer; }
.wsControl.wsGrid > .wsHeaderSmall .wsFloatLeft { position: absolute; left: 8px; }
.wsControl.wsGrid > .wsHeaderSmall .wsFloatRight { position: absolute; right: 0; }
.wsControl.wsGrid > .wsHeaderSmall .wsTitle .wsHelpIcon { color:#e6e6e6; margin-top:-1.6px}

.wsControl.wsGrid > .wsHeaderSmall .wsItemsInfo, .wsControl.wsGrid > .wsHeaderSmall .wsPageInfo, .wsControl.wsGrid > .wsHeaderSmall .wsPager, .wsControl.wsGrid > .wsHeaderSmall .wsPagerLeft, .wsControl.wsGrid > .wsHeaderSmall .wsPagerRight, .wsControl.wsGrid > .wsHeaderSmall .wsPageSize { display: table-cell; text-align: center; vertical-align: middle; height: 22px; }

/*
.wsControl.wsGrid > .wsHeader .wsPager { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsGrid > .wsHeader .wsPager a { text-decoration: none; }

.wsControl.wsGrid > .wsHeader .wsPagerLeft { padding: 0px 2px; border-right: solid 1px; }
.wsControl.wsGrid > .wsHeader .wsPagerLeft a { display: table-cell; text-decoration: none; }
.wsControl.wsGrid > .wsHeader .wsPagerLeft a span { display: table-cell; text-align: center; vertical-align: middle; height: 26px; width: 20px; font-size: 20px; line-height: 18px;  }
.wsControl.wsGrid > .wsHeader .wsPagerLeft a span:before { margin: 0; }

.wsControl.wsGrid > .wsHeader .wsPagerRight { padding: 0px 2px; }
.wsControl.wsGrid > .wsHeader .wsPagerRight a { display: table-cell; text-decoration: none; }
.wsControl.wsGrid > .wsHeader .wsPagerRight a span { display: table-cell; text-align: center; vertical-align: middle; height: 26px; width: 20px; font-size: 20px; line-height: 18px;  }
.wsControl.wsGrid > .wsHeader .wsPagerRight a span:before { margin: 0; }

.wsControl.wsGrid > .wsHeader .wsItemsInfo { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsGrid > .wsHeader .wsPageInfo { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsGrid > .wsHeader .wsPageSize { padding: 0px 10px; }
.wsControl.wsGrid > .wsHeader .wsPageSize .wsControl.wsSelect { width: 50px; height:24px; }
.wsControl.wsGrid > .wsHeader .wsPageSize .wsControl.wsSelect .wsValue { padding: 3px 4px; }
.wsControl.wsGrid > .wsHeader .wsPageSize .wsControl.wsSelect .wsIcon span { height: 22px; }
*/

.wsControl.wsGrid > .wsContent table.wsGridTable { border-collapse: collapse; border-spacing: 0; width: 100%; }
.wsControl.wsGrid > .wsContent table.wsGridTable.wsReportTemplate td:not(:first-child) { text-align: right; }
.wsControl.wsGrid > .wsContent table.wsGridTable.wsReportTemplate > thead > tr > th.wsAccent, .wsControl.wsGrid > .wsContent table.wsGridTable.wsReportTemplate > tbody > tr > td.wsAccent  { font-weight: bold; background-color: #084f6d; color: #fff; } 
.wsControl.wsGrid > .wsContent table.wsGridTable.wsReportTemplate > thead > tr > th.wsTotal, .wsControl.wsGrid > .wsContent table.wsGridTable.wsReportTemplate > tbody > tr > td.wsTotal  { font-weight: bold;  } 
.wsControl.wsGrid.wsFixHeader > .wsContent table.wsGridTable:not(.wsSubLevel) > thead > tr { display: block; width: 100%; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th { /* background: linear-gradient(#069FA4, #4DA5A7); */ border-bottom: solid 1px; border-right: solid 1px; text-align: center; padding: 1px 2px 2px 2px; cursor: default; white-space: normal; font-weight: normal; height: 20px; line-height: 20px; vertical-align: top; } 
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsLast { border-right: none; min-width:60px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsLeft { text-align: left; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsRight { text-align: right; padding-right: 20px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsCenter { text-align: center; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th .wsGridHeaderLabel { text-align: center; display: contents; white-space:normal; overflow: visible; text-overflow: initial; word-break: keep-all; padding: 0px 0px 0px 0px; }  
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsSortable { cursor: pointer; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsSortable .wsSortableContent { position: relative; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsSortable .wsSortableContent > .wsIcon { display: block; position: absolute; top: -4px; right: -4px; bottom: 0; width: auto; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsSortable .wsSortableContent > .wsIcon > span { display: table-cell; vertical-align: middle; text-align: center; height: 24px; width: 20px; cursor: pointer; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsCheckboxColumn { padding-top: 1px; padding-bottom: 0; vertical-align: middle; }
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th.wsNoBorder { border: none; }
.wsControl.wsGrid.wsFixHeader > .wsContent table.wsGridTable:not(.wsSubLevel) > tbody { display: block; max-height: 600px; overflow-x: hidden; overflow-y: auto; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr { height: 26px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { padding: 2px 2px; border-right: solid 1px; border-bottom: solid 1px; cursor: default; white-space: nowrap; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsLast { border-right: none; min-width: 50px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsWrapText { white-space: normal; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsGridButtonsColumn { text-align: center; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsLeft { text-align: left; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsRight { text-align: right; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsCenter { text-align: center; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsEmptyRow > td { padding: 0px; height: 1px; }
.wsControl.wsGrid tr.wsEmptyRow, .wsControl.wsGrid tr.wsMessageRow { height: 1px !important; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsMessageRow > td { padding: 5px 8px; text-align: center; border-bottom: solid 1px; border-right: none; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsNoBorder { border: none; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td { border-top: solid 1px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td { padding: 2px 8px; border-right: solid 1px; cursor: default; white-space: nowrap; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td.wsLast { border-right: none; min-width:60px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td.wsLeft { text-align: left; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td.wsRight { text-align: right; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td.wsCenter { text-align: center; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td.wsNoBorder { border: none; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td .wsFooterText { vertical-align: middle; }

.wsControl.wsGrid > .wsFooter { padding: 4px; position: relative; height: 30px; } /* Nemanja: Header has 2px bottom border, thus Footer has lesser height for 2px */
.wsControl.wsGrid > .wsFooter .wsFloatLeft { position: absolute; top: 3px; bottom: 3px; left: 3px; }
.wsControl.wsGrid > .wsFooter .wsFloatRight { position: absolute; top: 3px; bottom: 3px; right: 3px; }

.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th .wsHelpIcon {color: white; margin:0} /*Help Icon*/
    /*
.wsControl.wsGrid > .wsFooter .wsItemsInfo, .wsControl.wsGrid .wsFooter .wsPageInfo, .wsControl.wsGrid .wsFooter .wsPager, .wsControl.wsGrid .wsFooter .wsPagerLeft, .wsControl.wsGrid .wsFooter .wsPagerRight, .wsControl.wsGrid > .wsFooter .wsPageSize  { display: table-cell; text-align: center; vertical-align: middle; height: 24px; }

.wsControl.wsGrid > .wsFooter .wsPager { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsGrid > .wsFooter .wsPager a { text-decoration: none; }

.wsControl.wsGrid > .wsFooter .wsPagerLeft { padding: 0px 2px; border-right: solid 1px; }
.wsControl.wsGrid > .wsFooter .wsPagerLeft a { display: table-cell; text-decoration: none; }
.wsControl.wsGrid > .wsFooter .wsPagerLeft a span { display: table-cell; text-align: center; vertical-align: middle; height: 24px; width: 20px; font-size: 20px; line-height: 18px;  }
.wsControl.wsGrid > .wsFooter .wsPagerLeft a span:before { margin: 0; }

.wsControl.wsGrid > .wsFooter .wsPagerRight { padding: 0px 2px; }
.wsControl.wsGrid > .wsFooter .wsPagerRight a { display: table-cell; text-decoration: none; }
.wsControl.wsGrid > .wsFooter .wsPagerRight a span { display: table-cell; text-align: center; vertical-align: middle; height: 24px; width: 20px; font-size: 20px; line-height: 18px;  }
.wsControl.wsGrid > .wsFooter .wsPagerRight a span:before { margin: 0; }
    
.wsControl.wsGrid > .wsFooter .wsItemsInfo { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsGrid > .wsFooter .wsPageInfo { padding: 0px 10px; border-right: solid 1px; }
.wsControl.wsGrid > .wsFooter .wsPageSize { padding: 0px 10px; }
.wsControl.wsGrid > .wsFooter .wsPageSize .wsControl.wsSelect { width: 50px; height:24px; }
.wsControl.wsGrid > .wsFooter .wsPageSize .wsControl.wsSelect .wsValue { padding: 3px 4px; }
.wsControl.wsGrid > .wsFooter .wsPageSize .wsControl.wsSelect .wsIcon span { height: 22px; }
*/
    .wsControl.wsGrid.wsHorizontalFill {
        width: 100%;
    }

.wsControl.wsGrid.wsVerticalFixed > .wsContent { position: relative; }
.wsControl.wsGrid.wsVerticalFixed > .wsContent > .wsOverflow { overflow: auto; }
.wsControl.wsGrid.wsVerticalFixed > .wsContent > .wsOverflow > table > thead { display: block; position: absolute; top: 0; }
.wsControl.wsGrid.wsVerticalFixed > .wsContent > .wsOverflow > table > tbody { }
.wsControl.wsGrid.wsVerticalFixed > .wsContent > .wsOverflow > table > tfoot { display: block; position: absolute; bottom: 0; }

.wsControl.wsGrid .wsLoading { width:100%; text-align:center; vertical-align: top; display: table-cell; background-color: transparent; }

.wsControl.wsGrid .wsExpandColumn { min-width: 30px; max-width: 30px; width: 30px;}
.wsControl.wsGrid .wsExpandColumn.wsSubLevelExpand {  border-right:none; }

.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer { padding-bottom:12px; }

.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead > tr > th { border-bottom: solid 1px; border-right: solid 1px; }
.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead > tr > th.wsLast { border-bottom: solid 1px; border-right: none; }

.wsControl.wsGrid > .wsContent table.wsSubLevel > tbody > tr { border-left: solid 1px; border-right: solid 1px; width: 100%; }

.wsControl.wsGrid > .wsContent div.wsSubLevelTriangle { position: relative; height: 12px;}
.wsControl.wsGrid > .wsContent div.wsSubLevelTriangle .wsTriangle { display: block; -moz-transform: scale(.9999); position: absolute; bottom: 0; left: 2px; width: 0px; height: 0; border-style: solid; border-width: 0 15px 12px 15px; }

.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsExpandColumn.wsSubLevelExpand { display: none; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer { padding: 0px 7px 10px 7px; /*position: relative;*/ }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle { /*position: absolute; top: -1px;*/ }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle .wsTriangle { border-width: 0 9px 10px; }

.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle .wsTriangle:after
{
    -moz-transform: scale(.9999); content: " ";
    display: block; position: absolute; width: 0; height: 0; padding: 0;
    left: -10px; top: 5px;
    /* border-top: none; border-bottom: 7px solid; border-left: 10px solid; border-right: 6px solid; */
}

.wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > thead > tr > th { }

.wsGridButtonHost {display: flex; flex-direction: row; justify-content: space-evenly;flex-wrap: wrap; margin: -5px 0 0 0;}
.wsGridButtonHost > * {	margin: 5px 0 0 0; }
.wsGridButtonHost > span { flex-basis: auto; flex-grow: 0;} 
/******************************************************************************************
    END WS Grid
*******************************************************************************************/

/******************************************************************************************
    WS DocumentManager
*******************************************************************************************/
.wsControl.wsDocumentManager { width: auto; border: none; display: block; background-color: transparent; min-height: 800px; }
.wsControl.wsDocumentManager table { border-spacing: 0px; border-collapse: collapse; width: 100%; }
.wsControl.wsDocumentManager table > tbody { width: 100%; display: table; }
.wsControl.wsDocumentManager table > tbody > tr > td { border: none; vertical-align: top; }
.wsControl.wsDocumentManager table > tbody > tr > td.wsCatalogs { width: 250px; }
.wsControl.wsDocumentManager .wsTreeView { min-width: 250px; min-height: 250px; width: auto; border: solid 1px #D1D1D1;
        -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 15px; border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 15px; border-bottom-left-radius: 3px;
}

/* ZR: not used for css anymore, old doc manager
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
*/

.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsClosingPanelHeader { width: 160px; }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsClosingPanelHeader .wsHeaderTitle { padding-top: 4px; padding-left: 5px; width: 130px; display: block; }

.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsDisplayOptions .wsIcons { font-size: 16px; }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsDisplayOptions .wsIcons span { cursor: pointer; }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsCatalogsPath { padding-top:4px; padding-left:10px; }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsCatalogsPath > span.wsPathItem { }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsCatalogsPath > span.wsPathItem:hover { text-decoration:underline; cursor:pointer;  }


/* ZR: not used for css anymore, old doc manager
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader { padding: 8px 20px 2px 8px; margin: 0px; margin-bottom: 4px; position: relative; height: 35px; border: solid 1px; }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsIcons { position: absolute; top: 0; right: 0; width: 20px; font-size: 14px; }
.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsIcons span { cursor: pointer; display: inline-block; height: 33px; line-height: 33px; }
*/

.wsControl.wsDocumentManager td.wsDocuments > .wsHeader { border: solid 1px; padding: 3px 15px 3px 3px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsView { margin-top: 2px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsView .wsIcon { font-size: 18px; cursor: pointer; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager { margin-right: 10px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks { display: inline-block; vertical-align: top; margin-top: 3px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul { display: block; list-style: none; margin: 0; padding: 0; font-size: 0; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li { display: inline-block; font-size: 12px; min-width: 18px; height: 20px; text-align: center; vertical-align: middle; cursor: pointer; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li span { line-height: 20px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li .wsIcon { font-size: 16px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li .wsIcon:before { margin: 0; width: auto; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li.wsSelected { font-weight: bold; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsItemsPerPage { width: 50px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSearch { margin-right: 20px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSearch .wsSearchBy { width: 100px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles { margin-top: 2px; margin-left: 5px; position: relative; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesCount { text-align: center; min-width: 30px; height: 23px; line-height: 23px; cursor: pointer; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup { position: absolute; top: 23px; left: 0; border: solid 1px; z-index: 1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsHeader { border-bottom: solid 1px; padding: 5px 20px 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsHeader .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsHeader .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 25px; width: 20px; cursor: pointer; font-size: 14px; line-height: 16px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFooter { border-top: solid 1px; padding: 2px 5px; text-align: center; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems { height: 380px; width: 350px; overflow: auto; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul { display: block; list-style: none; margin: 0; padding: 0; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li { position: relative; display: block; padding: 2px 25px 1px 5px; border-bottom: solid 1px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li.wsLast { border-bottom: none; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li .wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li .wsFileName { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 37px; width: 20px; cursor: pointer; font-size: 14px; line-height: 16px; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .docMgrDocumentActionListContainer { margin-top: 5px; margin-bottom: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .docMgrDocumentActionDestCatalogContainer { margin-bottom: 5px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .docMgrDocumentActionListContainer label,
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .docMgrDocumentActionDestCatalogContainer label { font-weight: 700; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsUploadPanel { margin-right: 10px; }
.wsControl.wsDocumentManager .wsUploadWindow .wsFiles { height: 280px; overflow: auto; }
.wsControl.wsDocumentManager .wsUploadWindow .wsUnzip { text-align: right; }

.wsControl.wsDocumentManager .wsDocuments .wsNoRecords { padding: 10px; text-align: center; }

.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem { display: block; position:relative; float: left; margin: 2px 8px 8px 2px; width: 302px; border: solid 1px; border-bottom: none; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsHeader { padding: 5px 10px; position: relative; min-height: 32px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsHeader > .wsTitle { display: block; width: 100%; overflow: hidden;  line-height: 1.5em; height: 3em; word-break: break-all; color: #393333;}
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsHeader > .wsTitleWrap { display: block; width: 100%; overflow: hidden; white-space: pre-wrap; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsDocumentBadge { position: absolute; z-index: 100; top: 50px; left: 10px; border-radius: 5px; padding: 2px; }

.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail { margin: 10px; height: 100px; text-align: center; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail.wsCanPreview img, .wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail.wsCanPreview .wsIcon { cursor: zoom-in; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail .wsImage { width: auto; height: auto; max-width: 280px; max-height: 100px; display: inline-block; line-height: 100px; vertical-align: middle; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail .wsIcon { vertical-align: middle; line-height: 100px; font-size: 60px; cursor: default; }

.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table { border-spacing: 0; border-collapse: collapse; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table > tbody > tr > td { padding: 1px 5px 1px 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table > tbody > tr > td.wsLabel { padding-right: 0px; font-weight: bold; width: 80px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table > tbody > tr > td.wsLongText { padding-right: 0px; overflow: visible; line-height: 1.5em; height: 55px; word-break: break-all; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter { position:relative; text-align: right; padding: 2px 5px; font-size: 0px; height: 28px; padding-top: 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; text-align: center; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter .wsIcon:before { width: auto; margin: 0; }

.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter > .wsInputSpan { display: block; position: absolute; top: 0; left: 5px; width: 20px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter > .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter > .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span,
.wsControl.wsDocumentManager .wsDocuments .wsDocumentItem > .wsFooter > .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span
{ display: table-cell; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem { margin: 2px 2px 8px 2px; border: solid 1px; position:relative; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader { padding: 5px; position: relative; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader > .wsTitle { display: block; width: 100%; overflow: hidden;  line-height: 1.5em; height: 3em; word-break: break-all; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter > .wsInputSpan { display: block; position: absolute; top: 0px; left: 3px; width: 20px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter > .wsInputSpan input[type="checkbox"] { display: block; width: auto; position: absolute; top: 6px; left: 4px; margin: 0; padding: 0; opacity: 0; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { display: block; width: 16px; height: 16px; border: solid 1px; position: absolute; top: 5px; left: 2px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon span { display: none; width: 15px; height: 15px; text-align: center; vertical-align: middle; font-size: 10px; line-height: 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsInfo > .wsFooter > .wsInputSpan input[type="checkbox"]:checked + label .wsCheckboxIcon span { display: table-cell; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsDocumentBadge { position: absolute; z-index: 100; top: 30px; left: 10px; border-radius: 5px; padding: 2px; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader > .wsIconSpan { display: block; position: absolute; top: 0; right: 0px; bottom: 0; width: 85px; text-align: right; font-size: 0px; padding: 2px 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader > .wsIconSpan .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; text-align: center; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader > .wsIconSpan .wsIcon:before { width: auto; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem > table { border-spacing: 0; border-collapse: collapse; margin: 15px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > table > tbody > tr > td { padding: 0px; text-align: left; vertical-align: top; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThubmnailTD { width: 170px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail { height: 110px; width: 110px; text-align: center; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail.wsCanPreview img, .wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail.wsCanPreview .wsIcon { cursor: zoom-in; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail .wsImage { width: auto; height: auto; max-width: 110px; max-height: 110px; display: inline-block; line-height: 100px; vertical-align: middle; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail .wsIcon { vertical-align: middle; line-height: 100px; font-size: 60px; cursor: default; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsInfoTD > table { border-spacing: 0; border-collapse: collapse; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsInfoTD > table > tbody > tr > td { padding: 0px 5px 2px 0px; white-space: nowrap; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsDescriptionTD { padding: 0px 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsDescriptionTD .wsDescription { max-height: 110px; overflow: auto; }

.wsControl.wsDocumentManager .wsEditDocumentWindow > table { border-spacing: 0px; border-collapse:collapse; }
.wsControl.wsDocumentManager .wsEditDocumentWindow > table > tbody > tr > td { vertical-align: top; padding: 0px 0px 2px 0px; margin: 0; }
.wsControl.wsDocumentManager .wsEditDocumentWindow > table > tbody > tr > td.wsLabel { padding-right: 5px; padding-top: 3px; }
.wsControl.wsDocumentManager .wsEditDocumentWindow .wsTitle { width: 300px; }
.wsControl.wsDocumentManager .wsEditDocumentWindow .wsDescription { width: 300px; height: 100px; }
.wsControl.wsDocumentManager .wsEditDocumentWindow .wsCatalogs { width: 300px; }

.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li:hover { text-decoration: underline; }

.wsControl.wsDocumentManager .wsDocuments .wsLoading { text-align: center; }
/******************************************************************************************
    END WS DocumentManager
*******************************************************************************************/

/******************************************************************************************
    WS EventScheduler
*******************************************************************************************/
.wsControl.wsEventScheduler { width: 1200px; border: none; }
.wsControl.wsEventScheduler .wsEventsContainer, .wsControl.wsEventScheduler .wsEventsContainer * { box-sizing:content-box; -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; border-spacing: 0;}
.wsControl.wsEventScheduler > table { border-spacing: 0; border-collapse: collapse; }
.wsControl.wsEventScheduler > table > tbody > tr > td { padding: 0; margin: 0; vertical-align: top; }

.wsControl.wsEventScheduler .wsEventsContainer .wsEvent { cursor: pointer; margin: 2px 2px 0;}
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .fc-bg { display: none; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsDescription { margin-top: 3px; padding: 0 1px 1px 1px; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsDescription.wsAllDay { max-height: 100px; overflow: hidden; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsLocation { margin-top: 3px; white-space: nowrap; font-style: italic; }

.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsAttachment { font-size: 12px; display: block; height: 20px; position: absolute; bottom: 1px; left: 1px; right: 1px; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsAttachment a { display: inline-block; width: 20px; height: 20px; text-decoration: none; outline: none; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsAttachment a span { display: table-cell; vertical-align: middle; text-align: center; height: 20px; line-height: 20px; width: 20px; cursor: pointer; }

.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsMonthView span { vertical-align: middle; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsMonthView .wsIcon { display: inline-block; vertical-align: middle; width: 20px; height: 20px; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsMonthView .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 20px; line-height: 14px; width: 20px; cursor: pointer; }

.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsWeekView .fc-title { font-weight: bold; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsWeekView .wsIcon { vertical-align:sub; }

.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsDayView .fc-title { font-weight: bold; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent.wsDayView .wsIcon { vertical-align:sub; }

.wsControl.wsEventScheduler .wsEventTypesContainer { width: 200px; padding-right: 5px; margin-top: 38px; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul { list-style: none; padding: 0; margin: 0; display: block; vertical-align: top; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li { display: block; cursor: default; padding: 0; margin: 0; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem { display: block; position: relative; white-space: nowrap; padding: 1px 2px; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem .wsIcon { display: block; position: absolute; top: 0; right: 18px; bottom: 0; width: auto; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 18px; line-height: 14px; width: 20px; cursor: pointer; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem .wsColorBox { display: block; position: absolute; top: 1px; right: 1px; bottom: 1px; width: 16px; border: solid 1px; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem .wsColorBox.wsCanChange { cursor: pointer; }
.wsControl.wsEventScheduler .wsEventTypesContainer > ul > li > ul { margin: 0 0 0 10px; }
.wsControl.wsEventScheduler .wsEventTypesContainer > ul > li { margin-bottom: 5px; }

.wsControlPopup.wsEventScheduler { display: block; z-index: 2; width: auto; }
.wsControlPopup.wsEventScheduler ul { list-style: none; padding: 0; margin: 0; outline: none; border: solid 1px; border-bottom: none; }
.wsControlPopup.wsEventScheduler ul li { padding: 4px 6px; cursor: pointer; outline: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: solid 1px; }

.wsControlPopup.wsEventSchedulerTypeColor { display: block; z-index: 2; width: auto; max-width: 114px; padding: 2px 0 0px 2px; border: solid 1px; font-size: 0; }
.wsControlPopup.wsEventSchedulerTypeColor .wsColor { display: inline-block; border: solid 1px; width: 20px; height: 20px; cursor: pointer; margin: 0 2px 2px 0; }

.wsControl.wsEventDetailsContent { width: auto; max-width: 500px; min-width: 300px; border: none; position: static; }
.wsControl.wsEventDetailsContent .wsDuration .wsIcon { display: inline-block;  vertical-align: bottom; width: 20px; height: 20px; font-size: 18px; margin-right: 5px; }
.wsControl.wsEventDetailsContent .wsDuration .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 20px; line-height: 20px; width: 20px; cursor: pointer; margin: 0; }
.wsControl.wsEventDetailsContent .wsTitle { font-weight: bold; margin-top: 5px; }
.wsControl.wsEventDetailsContent .wsDescription { margin-top: 5px; max-height: 500px; overflow: auto; }
/******************************************************************************************
    WS EventScheduler
*******************************************************************************************/

/******************************************************************************************
    WS Chat
*******************************************************************************************/
.wsControl.wsChat { width: auto; border:none; }
.wsControl.wsChat .wsImgCircular { width: 40px; height: 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }

.wsImgCircularSmall { float: left; width: 30px; height: 30px; border: solid 1px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; overflow: hidden; vertical-align: top; cursor: default; text-align: center; font-size: 0; }
.wsImgCircularSmall img { width: 30px; height: 30px; }
.wsImgCircularSmall span { display: inline-block; padding: 6px 0 0 4px; }

.wsImgTbl {}
.wsImgTbl > ul { list-style: none; margin: 0; padding: 0; }
.wsImgTbl > ul > li .wsImgTblRow { display: block; width: 100%; height: 30px; padding-left: 5px; }
.wsImgTbl > ul > li .wsImgTblRow span.wsName { float: left; display: block; padding-left: 5px; padding-top: 6px; }
.wsImgTbl > ul > li .wsImgTblRow span.wsName:hover { text-decoration: underline; cursor: pointer; }

.wsControl.wsChat > div.wsMainDiv { border-radius:4px; border-width: 1px; border-style: solid; }

.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv { font-size: 16px;  height:38px; border-bottom: 1px solid;}
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsTitle { float: left; padding: 5px 10px; width:260px; height:100%; border-right: 1px solid; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions { float: right; padding: 5px 5px 5px 10px; min-width:300px; height:100%;  }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsOptionsTitle { float:left; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions { font-size:12px; float:right; position:relative; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions > a.wsLinkClose { position:relative; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions .wsStatus {  width:100px; border-radius:5px; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions .wsMsContacts {  position: absolute; left: -50px; top: 38px; z-index:2; border: 1px solid; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent { min-height:350px; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts { float:left; width:260px; padding: 10px; min-height:350px; max-height:350px; overflow-y:auto;   }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsHeader { font-size:14px; font-style:italic; height:25px; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsHeader > div.wsTitle { float:left; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsHeader > div.wsTitle .wsLabelOnline {  }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsHeader > div.wsOptions { float:right; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList { padding-bottom:10px; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact { height:50px; padding: 5px 0px;  border-radius:4px; cursor:pointer;  }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact.wsActive {}

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsImage { float:left; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsImage > span.wsIcon { text-align: center; line-height: 40px; font-size: 30px; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsName { float:left; padding-left:5px; color:#fff; line-height:40px; max-width:110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsCounter { float:right; line-height:40px; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsCounter > span.wsCount { border-radius: 10px; display: inline-block; font-weight: 700; line-height: 1;  min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: baseline; white-space: nowrap; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsStatus { float:right; line-height:40px; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory { float:right; width:300px; max-width:300px; max-height:350px; overflow-y:auto; padding:5px; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessageHistoryOptions { padding-bottom:10px; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage { width:90%; padding-bottom:5px;   }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent { float: left; padding-left: 10px; padding-right:10px; width: 75%; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent .wsMsgUser { float: left; font-size: 0.9em; font-weight: 600; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent .wsMsgPostedOn { float: right; font-size: 0.85em; font-weight: 600;  }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > span.wsIcon { float:left; text-align: center; line-height: 60px; font-size: 30px; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent > div.wsChatBubble { position: relative; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent > div.wsChatBubble:after {  content: '';  position: absolute;  border-style: solid; border-width: 6px 13px 6px 0;  display: block; width: 0; z-index: 1; top: 12px;}
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent > div.wsLeftBubbleArrow:after {  border-width: 6px 8px 6px 0; left: -8px; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent > div.wsRightBubbleArrow:after {  border-width: 6px 0 6px 8px; right: -8px; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsLoading { width:100%; margin: 0; text-align: center; font-size:18px; line-height:270px; }

.wsControl.wsChat > div.wsMainDiv > div.wsFooter {  height:38px; border-top: 1px solid; }
.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsSearch { float:left; padding: 5px 0px 5px 5px; width:260px; height:100%; border-right: 1px solid; }
.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsSearch .wsTxtSearch { width:220px; border: 1px solid;}

.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsMessage { float:right; padding: 5px 0px 5px 5px; min-width:300px; height:100%; }
.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsMessage > div.wsMessageBox { float:left; padding-right:5px;  }
.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsMessage > div.wsMessageBox .wsTxtMessage { width:290px; }

.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsMessage > div.wsMessageOptions { float:right; padding-top:5px;  }

.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsSearch .wsBtnSearch { border: none; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts { border-right: 1px solid; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessageHistoryOptions > a.wsActive { font-weight: bold; }
/******************************************************************************************
    END WS Chat
*******************************************************************************************/

/******************************************************************************************
    WS ThemeEditor
*******************************************************************************************/
.wsControl.wsThemeEditor { border: none; width: auto; }

.wsControl.wsThemeEditor .wsControlsPreview.wsPaddingBottom { margin-bottom: 10px; }
.wsControl.wsThemeEditor .wsControlsPreview.wsPaddingTop { padding-top: 10px; }
.wsControl.wsThemeEditor .wsControlsPreview > table { border-spacing: 0px; border-collapse:collapse; }
.wsControl.wsThemeEditor .wsControlsPreview > table > tbody > tr > td { vertical-align: top; padding: 0px 4px 4px 0px; margin: 0; }

.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorPreview { width: 20px; height: 20px; display: inline-block; border: solid 1px; cursor: pointer; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorPreview.wsSelected { }

.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsTitle { padding: 2px 10px; cursor: pointer; border-bottom: solid 1px; position: relative; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsTitle > .wsIcon { position: absolute; top: 0; right: 0; font-size: 14px; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent { padding: 5px; border-left: solid 1px; border-right: solid 1px; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection.wsLast .wsContent { border-bottom: solid 1px; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent table { border-spacing: 0px; border-collapse:collapse; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent table > tbody > tr > th { padding: 2px; text-align: center; font-weight: normal; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent table > tbody > tr > td { padding: 2px; text-align: center; vertical-align: top; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent table > tbody > tr > td.wsLabel { padding-right: 5px; text-align: left; white-space: nowrap; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent table > tbody > tr > td.wsLabel > .wsIcon { cursor: default; }

.wsControlPopup.wsThemeEditor.wsStylesContainer { width: 1210px; max-height: 400px; overflow: auto; border: solid 1px; white-space: nowrap; }

.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorListContainer { vertical-align: top; max-height: 530px; overflow: auto; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorListContainer > .wsSectionPanel { min-width: 380px; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorEditorContainer { vertical-align: top; }
/******************************************************************************************
    END WS ThemeEditor
*******************************************************************************************/

/******************************************************************************************
    WS VerticalNavBar
*******************************************************************************************/
.wsControl.wsVerticalNavBar { border: none; width: 211px; margin-right: -1px }
.wsControl.wsVerticalNavBar > .wsItems { width: 100%; max-height: 1000px; overflow-y: auto; direction: rtl; }
.wsControl.wsVerticalNavBar > .wsItems > ul { list-style: none; display: block; margin: 0; padding: 0; direction: ltr; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li { display: block; padding: 5px 5px 5px 40px; position: relative; height:auto; min-height: 46px; cursor: pointer; border: none; /* border-bottom: 1px solid #cecedc; */ border-top: 1px solid #f1f1f1; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li:first-child { border-top-color: transparent; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li:last-child { border-bottom-color: transparent; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsNoIcon { display: block; padding: 6px 5px 5px 5px; position: relative; height: 42px; cursor: pointer; /*border: none;*/ }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsHasSeparator:not(.wsLast) { margin-bottom: 5px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSelected { font-weight: bold; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsNumber { display: inline-block; position: absolute; top: 5px; left: 5px; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 25px;  border: solid 2px;}
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsNumber > .wsIcon { font-size: 16px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsNumber.wsHidden { display: none; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber { display: inline-block; position: absolute; top: 5px; left: 5px; z-index:2; border-radius: 50%; width: 18px; height: 18px; text-align: center; line-height: 13px;  border: solid 2px;}
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber > .wsIcon { font-size: 9px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber.wsHidden { display: none; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber.wsTopLeft { top: 1px; left: 1px;  }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber.wsTopRight { top: 1px; left: 20px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber.wsBottomLeft { bottom: 1px; left: 1px;}
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber.wsBottomRight { bottom: 1px; left: 20px; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTitle { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; min-height: 18px; } 
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTitle.wsNoSubtitle { padding-top: 6px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsAdditionalInfo { display: block; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: normal; font-size: 10px; } 

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTriangle { display: none; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1 { padding-left: 55px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1 > .wsNumber { left: 20px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1 > .wsSubNumber { left: 15px; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTriangleSelected { display: none; -moz-transform: scale(.9999); position: absolute; top: 5px; right: -1px; width: 0; height: 0; z-index: 2; border-style: solid; border-width: 15px 11px 15px 0; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTriangleSelected:after { display: none; content: " "; -moz-transform: scale(.9999); position: absolute; top: -14px; right: -11px; width: 0; height: 0; z-index: 2; border-style: solid; border-width: 14px 10px 14px 0; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSelected > .wsTriangleSelected { display: block; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSelected > .wsTriangleSelected:after { display: block; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0 > div > .wsIconsColapseExpand > .wsIcon { display: inline-block; position: absolute; bottom: 2px; right: 10px; z-index:1; border-radius: 50%; width: 18px; height: 18px; text-align: center; line-height: 13px;  border: solid 2px; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0 > div > .wsIconsColapseExpand > .wsIcon:before { margin-left: 0px;}
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0 > div > .wsIconsColapseExpand > .wsIcon.wsIconShow { display: none; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0 > div > .wsIconsColapseExpand > .wsIcon.wsIconHide { display: block; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0.wsCollapsed > div > .wsIconsColapseExpand > .wsIcon.wsIconShow { display: block; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0.wsCollapsed > div > .wsIconsColapseExpand > .wsIcon.wsIconHide { display: none; }

.wsControl.wsVerticalNavBar > .wsCollapseExpandButton
{
    width: 51px; float: right; height: 20px; line-height: 18px; text-align: center; cursor: pointer; border: none; margin-right: 0px;  
    -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px;
}
.wsControl.wsVerticalNavBar > .wsCollapseExpandButton > .wsIconCollapse { display: inline-block; }
.wsControl.wsVerticalNavBar > .wsCollapseExpandButton > .wsIconExpand { display: none; }

.wsControl.wsVerticalNavBar.wsCollapsed { width: 50px; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsItems > ul > li { padding: 0; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsItems > ul > li > .wsTitle { display: none; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsItems > ul > li > .wsSubtitle, .wsControl.wsVerticalNavBar.wsCollapsed > .wsItems > ul > li > .wsAdditionalInfo { display: none; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsItems > ul > li.wsLevel-1 { padding: 0; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsItems > ul > li.wsLevel-1 .wsNumber { left: 5px; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsCollapseExpandButton > .wsIconCollapse { display: none; }
.wsControl.wsVerticalNavBar.wsCollapsed > .wsCollapseExpandButton > .wsIconExpand { display: inline-block; }

/*
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsLast { border-bottom: none; }
*/
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard { border: 1px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard > .wsNumber { display: none; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard > .wsTitle { width: auto; position: relative; top: 0px; min-height: 22px; padding: 2px 2px 2px 0px; font-weight: 600; }
.wsCard > ul > li > .wsContent .wsTop > span { font-size: 0.9em; font-weight: 600; }
.wsCard > ul > li > .wsContent .wsTop > div { padding-top: 4px; }
.wsCard > ul > li > .wsContent .wsTop > div > span { font-size: 0.88em; font-weight: normal; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsInitial { border-left: 5px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsCompleted { border-left: 5px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsPending { border-left: 5px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsSkipped { border-left: 5px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsDisabled { border-left: 5px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsOnHold { border-left: 5px solid; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsLast { border-bottom: none; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled { cursor: default; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li:hover, .wsControl.wsVerticalNavBar > .wsItems > ul > li.wsHover { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li:hover > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li:hover > .wsAdditionalInfo { } 
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsCompleted > .wsNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsCompleted > .wsSubNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsPending > .wsNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsPending > .wsSubNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSkipped > .wsNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSkipped > .wsSubNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled > .wsNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled > .wsSubNumber { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled:hover { }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled:hover > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled:hover > .wsAdditionalInfo { } 
.wsControl.wsVerticalNavBar > .wsItems > ul > li .wsItemIcons {}
.wsControl.wsVerticalNavBar > .wsItems > ul > li .wsItemIcons .wsItemIcon { }
.wsControl.wsVerticalNavBar > .wsCollapseExpandButton { }
.wsControl.wsVerticalNavBar > .wsCollapseExpandButton:hover, .wsControl.wsVerticalNavBar > .wsCollapseExpandButton.wsHover { }
/******************************************************************************************
    END WS VerticalNavBar
*******************************************************************************************/

/*******************************************************************************************
    WS Cards
********************************************************************************************/
.wsCard { margin: 0; text-align: left; padding-top: 0px; padding-bottom: 0px;}
.wsCard > ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 220px; }
.wsCard > ul > li { display: inline-block; margin: 0 0px; padding: 3px 0px 3px 0px; position: relative; width: 215px; }
.wsCard > ul > li > .wsContent { width: 220px; border: 1px solid; }
.wsCard > ul > li > .wsContent .wsTop { width: auto; position: relative; top: 0px; min-height: 48px; padding: 2px 5px 2px 5px; }
.wsCard > ul > li > .wsContent .wsTop > span { font-size: 0.9em; font-weight: 600; }
.wsCard > ul > li > .wsContent .wsTop > div { padding-top: 4px; }
.wsCard > ul > li > .wsContent .wsTop > div > span { font-size: 0.88em; font-weight: normal; }
.wsCard > ul > li > .wsContent .wsBottom { position: relative; bottom: 0; width: auto; height: 18px; padding-left: 5px; }
.wsCard > ul > li > .wsContent .wsBottom > span { font-size: 1.1em; margin-top: 5px; }
.wsCard > ul > li > .wsStatusStarted { border-left: 5px solid }
.wsCard > ul > li > .wsStatusCompleted { border-left: 5px solid }
.wsCard > ul > li > .wsStatusInactive { border-left: 5px solid }

.wsStepHdr { float: left; height:50px; width:40px; position:relative; display: inline-block; }
.wsStepHdr span { display: inline-block; height: 30px; left: 5px; line-height: 25px; position: absolute; text-align: center; top: 10px; font-size: 24px; width: 30px; word-wrap: hyphenate; font-weight: 600; }
.wsStepHdr:after { width:0; height:0; content:""; border-top: 25px solid; border-bottom: 25px solid; border-left: 15px solid; position: absolute; left: 100%; }
/*******************************************************************************************
    END WS Cards
********************************************************************************************/

/*******************************************************************************************
    WS SideBar
********************************************************************************************/
.wsControl.wsSideBar { width:200px; border: none; min-height: 660px; /* margin-left: -5px; */ }

.wsControl.wsSideBar .wsSideBarHdr { width: 100%; padding-top: 0px; text-align: center; }
.wsControl.wsSideBar .wsSideBarHdr1 { height: 80px; }
.wsControl.wsSideBar .wsSideBarHdr2 { height: 80px; }

.wsControl.wsSideBar .wsSidebBarMenu { width: 100%; clear: both;/* width:200px; */}

.wsControl.wsSideBar .wsSidebBarMenu ul {margin:0px; padding:0px;}
.wsControl.wsSideBar .wsSidebBarMenu ul.top-level { }
.wsControl.wsSideBar .wsSidebBarMenu ul.top-level li { }

.wsControl.wsSideBar .wsSidebBarMenu ul.sub-level { display: block; border: none; }
.wsControl.wsSideBar .wsSidebBarMenu ul.sub-level a { }

.wsControl.wsSideBar .wsSidebBarMenu li {list-style: none;} 
.wsControl.wsSideBar .wsSidebBarMenu li:hover { /*position: relative; */ }

.wsControl.wsSideBar .wsSidebBarMenu a { display:block; height:30px; line-height: 30px; padding-left: 30px; text-decoration:none; width:100%; }
.wsControl.wsSideBar .wsSidebBarMenu a:hover{ /* text-decoration:underline; */ }

.wsControl.wsSideBar ul.sub-level li:hover { } 
/*******************************************************************************************
    END WS SideBar
********************************************************************************************/

/*******************************************************************************************
    WS PivotTable
********************************************************************************************/
.wsControl.wsPivotTableBuilder { border: none; width: auto; display: block; }
.wsControl.wsPivotTableBuilder hr { margin: 6px 0 6px 0; }
.wsControl.wsPivotTableBuilder > table { table-layout: fixed; border-spacing: 0px; border-collapse: collapse; width: 100%; margin-top: 3px; }
.wsControl.wsPivotTableBuilder > table > tbody > tr > td { border: none; vertical-align: top; }
.wsControl.wsPivotTableBuilder > table > tbody > tr > td.wsPivotTableSettings { width: 340px; }
    
.wsControl.wsPivotTableBuilder .wsHeader { border: solid 1px; padding: 3px 15px 3px 3px; border-radius: 0px; }
.wsControl.wsPivotTableBuilder .wsHeader .wsFloatRight { position: relative; top: 3px; }
.wsControl.wsPivotTableBuilder .wsHeader .wsFilterDiv { display: inline-block; vertical-align: middle; }
.wsControl.wsPivotTableBuilder .wsHeader .wsFilterDiv .wsFilter { width: 350px; display: block; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; background-image: none; border: 1px solid #DFDFDF; margin: 0; font-family: inherit; font: inherit; }
.wsControl.wsPivotTableBuilder .wsHeader .drillUpBtn { display: inline-block; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid #ccc; text-decoration: none; }
.wsControl.wsPivotTableBuilder .wsHeader .drillUpBtn .drillUpCount { padding: 1px 4px; position: relative; top: -1px; display: inline-block; min-width: 10px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; box-sizing: border-box; }

.wsControl.wsPivotTableBuilder .wsTableContainer { margin-top:10px; }
.wsControl.wsPivotTableBuilder .wsTableContainer table { width: 100%; max-width: 100%; }
.wsControl.wsPivotTableBuilder .wsTableContainer .wsTable { overflow: auto; max-height: 600px; }
.wsControl.wsPivotTableBuilder .wsTableContainer .wsTable .progress { width:50%; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; }
.wsControl.wsPivotTableBuilder .wsTableContainer .wsPivotChart { margin-bottom: 10px; }

.wsControl.wsPivotTableBuilder .btnLargeOption { width: 200px !important; }
.wsControl.wsPivotTableBuilder .btnOption { width: 98px !important; }
/*******************************************************************************************
    END WS PivotTable
********************************************************************************************/

/*******************************************************************************************
    WS ColorSelect
********************************************************************************************/
.wsControl.wsColorSelect {
    width: 200px;
    border: none;
}
/*******************************************************************************************
    END WS ColorSelect
********************************************************************************************/

/******************************************************END Controls******************************************************/

/**********************************************************Helpers*******************************************************/

/******************************************************END Helpers*******************************************************/

/******************************************************************************************
    WS MainContent and MainFooter
*******************************************************************************************/
.wsMainContent
{
    min-height: 700px;
}
.wsMainContent.wsEndGradient { }

.wsMainFooter { padding: 2px 10px; height: 20px; line-height: 20px; border-style: solid; border-width: 3px; }
.wsMainFooter > img { float: left; margin-top: -2px; }
.wsMainFooter > a { float: right; }

/******************************************************************************************
    END WS MainContent and MainFooter
*******************************************************************************************/

/******************************************************************************************
    WS Section
*******************************************************************************************/
.wsControl.wsSection { border: 1px solid #cccccc; /* thin solid #ddd; */ -webkit-border-radius: var(--secradius); -moz-border-radius: var(--secradius); border-radius: var(--secradius); -webkit-box-shadow: 0 1px 2px var(--shadow02); -moz-box-shadow: 0 1px 2px var(--shadow02); box-shadow: 0 1px 2px var(--shadow02);  position: static; vertical-align: top; width: auto; }
/*-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); */
.wsControl.wsSection.wsFill { width: 100%; display: block; }
.wsControl.wsSection > .wsTitle { border-bottom: 1px solid #ddd; border-radius: var(--secradius) var(--secradius) 0px 0px; font-size: 13px; font-weight: bold; margin: -1px; min-height: 28px; padding: 5px; position: relative; }
.wsControl.wsSection > .wsTitle > .wsHelp { position: absolute; top: 0; right: 0; width: 28px; height: 28px; font-size: 15px; line-height: 26px; text-align: center; vertical-align: top; cursor: default; }
.wsControl.wsSection > .wsTitle > .wsReload { position: absolute; top: 0; right: 0; width: 20px; height: 28px; font-size: 15px; line-height: 26px; text-align: center; vertical-align: top; cursor: pointer; }
.wsControl.wsSection > .wsContent { width: 100%; padding: 5px; }

.wsControl.wsSection .wsSecAddNew { float: right; padding-right: 10px; cursor: pointer; }
.wsControl.wsSection .wsSecAddNew:hover { text-decoration: underline; }
/******************************************************************************************
    END WS Section
*******************************************************************************************/

/******************************************************************************************
    WS Required & Help Icon
*******************************************************************************************/
.wsRequiredIcon { font-size: 6px; vertical-align:top; cursor:default; display: inline-block; margin-top: 6px; }
.wsRequiredIcon span { font-size: 9px; vertical-align:top; cursor:default; }
.wsRequiredIconLabel { font-size: 10px; vertical-align:top; cursor:default; display: inline-block; margin-top: 2px; margin: 0; margin-left: 2px; }
.wsHelpIcon { font-size: 14px; vertical-align:top; cursor:default; display: inline-block; margin-top: 5px; }
.wsHelpIcon span { font-size: 14px; vertical-align: top; cursor: default; }
.wsHelpIconLabel { font-size: 14px; vertical-align:top; cursor:default; display: inline-block; margin: 0; margin-left: 2px; }
.wsToggleIcon { font-size: 6px; vertical-align:top; cursor:default; display: inline-block; margin-top: 6px; }
.wsToggleIcon span { font-size: 10px; vertical-align:top; cursor:pointer; }
/******************************************************************************************
    END WS Required & Help Icon
*******************************************************************************************/

/******************************************************************************************
    WS Dialog Modal
*******************************************************************************************/
.wsDialogModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
/******************************************************************************************
    END WS Dialog Modal
*******************************************************************************************/

/******************************************************************************************
    WS LoadingPanel
*******************************************************************************************/
.wsLoadingPanel .wsMessage { width: 50%; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; margin-top: 10px; }
.wsStepActionLoadingContainer {  }
.wsStepActionLoadingIcon.wsIcon-Spin2:before, .wsConflictCheckLoadingIcon.wsIcon-Spin2:before { width: 25px; height: 25px; font-size: 25px; }
.wsLongAction { font-size: 24px; font-weight: bold; color: #0085E2; }

/******************************************************************************************
    END WS LoadingPanel
*******************************************************************************************/
/******************************************************************************************
    WS Freeze
*******************************************************************************************/
.wsFreeze .wsMessage {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}
.wsFreezeTransparent {  }
/******************************************************************************************
    END WS Freeze
*******************************************************************************************/

/******************************************************************************************
    WS Border Radius
*******************************************************************************************/
.wsControl.wsButton:not(.wsDoneButton), .wsControl.wsFile .wsUploadArea, .wsControlPopup.wsTime .wsTimeHours .wsInputSpan, .wsControlPopup.wsTime .wsTimeHours .wsInputSpan input,
.wsControl.wsButton.wsHasIcon.wsTextOutside .wsIcon, .wsLoadingPanel .wsMessage
{
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; /* -webkit-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75); */
}
.wsControl.wsFile.wsHasItems:not(.wsPopup) .wsUploadArea, .wsControl.wsFile.wsHasItems.wsPopup.wsOpen .wsUploadArea
{
    -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;
}
.wsControl.wsButtonGroup .wsButton.wsFirst
{
    -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px;
}
.wsControl.wsButtonGroup .wsButton.wsLast
{
    -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px;
}
.wsControl.wsImageGallery.wsGallery .wsClose
{
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
}
/******************************************************************************************
    END WS Border Radius
*******************************************************************************************/

/******************************************************************************************
    WS Shadow
*******************************************************************************************/
.wsControlPopup.wsDialog, .wsControl.wsImageGallery.wsSingleImage div.wsFullImage, .wsControl.wsImageGallery.wsSingleImageUpload div.wsFullImage, .wsControlPopup.wsSelect, .wsControlPopup.wsMultiSelect, .wsControlPopup.wsDate, .wsControlPopup.wsDateTime, .wsControlPopup.wsTime,
.wsControl.wsImageGallery.wsGallery.wsFullscreen
{
}
/******************************************************************************************
    END WS Shadow
*******************************************************************************************/

/******************************************************************************************
    WS Invalid
*******************************************************************************************/
.wsControl.wsInvalid, .wsControl.wsInvalid.wsControlHasFocus, .wsControl.wsCheckbox.wsInvalid input[type="checkbox"] + label .wsIcon
{
}
/******************************************************************************************
    END WS Invalid
*******************************************************************************************/

/******************************************************************************************
    WS Disabled (!important so it overrides default)
*******************************************************************************************/
.wsControl.wsDisabled, .wsControl.wsButtonGroup .wsButton.wsDisabled, .wsControl.wsFile .wsButton.wsDisabled
{
}
.wsControl.wsDisabled, .wsControl.wsDisabled:hover .wsIcon, .wsControl.wsDisabled:hover .wsInputSpan, .wsControl.wsButtonGroup .wsButton.wsDisabled:hover, .wsControl.wsFile .wsButton.wsDisabled:hover,
.wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label .wsIcon
{
}
.wsControl.wsDisabled, .wsControl.wsDisabled input, .wsControl.wsDisabled textarea, .wsControl.wsDisabled .wsIcon, .wsControl.wsDisabled label, .wsControl.wsButtonGroup .wsButton.wsDisabled, .wsControl.wsButtonGroup .wsButton.wsDisabled .wsIcon,
.wsControl.wsDisableInput input, .wsControl.wsDisableInput textarea, .wsControl.wsDisabled.wsRating span, .wsControl.wsDisabled.wsNumeric .wsIcon-Up:hover, .wsControl.wsDisabled.wsNumeric .wsIcon-Down:hover,
.wsControl.wsFile .wsButton.wsDisabled, .wsControl.wsTreeView.wsDisabled .wsItems ul li a
.wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label .wsIcon, .wsControl.wsDisabled.wsCheckbox input[type="checkbox"]:hover + label .wsIcon span, .wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label:hover .wsIcon span
{
}

.wsControl.wsNumeric.wsReadOnly { background-color: #d3d1d1; }

.wsControl.wsTreeView.wsDisabled .wsItems ul li a:hover .wsText
{
    text-decoration: none !important;
}
.wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label .wsIcon
{
}
/******************************************************************************************
    END WS Disabled (!important so it overrides default)
*******************************************************************************************/

/******************************************************************************************
    WS Simple close button Colors 
*******************************************************************************************/
.wsClose { height: 15px; line-height: 15px; position: absolute; right: 10px; text-align: center; font-size: 14px; top: 5px; width: 15px; z-index: 10000; color:#63706F; }
.wsClose > span { font-size: 16px; font-weight: 900; }
.wsClose:hover { cursor: pointer; text-decoration: none; }
/******************************************************************************************
    END WS Simple close button Colors 
*******************************************************************************************/

/******************************************************************************************
    WS TOOLTIP
*******************************************************************************************/
.wsTooltip { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; z-index: 1000; position: fixed; top: 0; left: 0; margin: 0 0 6px 0; padding: 6px 10px; max-width: 300px; min-width: 30px; font-size: 12px; line-height: 1.2em; text-align: center; border: solid 1px; }

.wsTooltip:after { -moz-transform: scale(.9999); content: " "; display: block; z-index: 1010; position: absolute; width: 0; height: 0; padding: 0; margin: 0 0 0 -5px; top: auto; left: 50%; bottom: -5px; right: auto; border-top: 5px solid; border-left: 5px solid; border-bottom: none; border-right: 5px solid; }
.wsTooltip:before { -moz-transform: scale(.9999); content: " "; display: block; z-index: 1010; position: absolute; width: 0; height: 0; padding: 0; margin: 0 0 0 -6px; top: auto; left: 50%; bottom: -6px; right: auto; border-top: 6px solid; border-left: 6px solid; border-bottom: none; border-right: 6px solid; }

.wsTooltip.wsTooltipLeft { margin: 0 6px 0 0; }
.wsTooltip.wsTooltipLeft:after { margin: -5px 0 0 0; top: 50%; left: auto; bottom: auto; right: -5px; border-top: solid 5px; border-left: solid 5px; border-right: none; border-bottom: solid 5px; }
.wsTooltip.wsTooltipLeft:before { margin: -6px 0 0 0; top: 50%; left: auto; bottom: auto; right: -6px; border-top: solid 6px; border-left: solid 6px; border-right: none; border-bottom: solid 6px; }

.wsTooltip.wsTooltipRight { margin: 0 0 0 6px; }
.wsTooltip.wsTooltipRight:after { margin: -5px 0 0 0; top: 50%; left: -5px; bottom: auto; right: 0; border-top: solid 5px ; border-left: none; border-right: solid 5px; border-bottom: solid 5px; }
.wsTooltip.wsTooltipRight:before { margin: -6px 0 0 0; top: 50%; left: -6px; bottom: auto; right: 0; border-top: solid 6px; border-left: none; border-right: solid 6px; border-bottom: solid 6px; }

.wsTooltip.wsTooltipBottom { margin: 6px 0 0 0; }
.wsTooltip.wsTooltipBottom:after { margin: 0 0 0 -5px; top: -5px; left: 50%; bottom: auto; right: auto; border-top: none; border-left: solid 5px; border-right: solid 5px; border-bottom: solid 5px; }
.wsTooltip.wsTooltipBottom:before { margin: 0 0 0 -6px; top: -6px; left: 50%; bottom: auto; right: auto; border-top: none; border-left: solid 6px; border-right: solid 6px; border-bottom: solid 6px; }
/******************************************************************************************
    END WS TOOLTIP
*******************************************************************************************/

/******************************************************************************************
    WS Page
*******************************************************************************************/
.wsPage { vertical-align: top; }
.wsPage .wsPageTitle { padding: 6px 18px; height: 30px; }
.wsPage .wsLoading { padding: 10px; margin: 0; }
.wsPage .wsPageContent, .wsPageContent { padding: 10px; }
.wsPage .wsPageContent .wsFooter.wsDialogPanel { margin-top: 10px; padding: 5px; border-top: none; }
.wsPage .wsPageContent .wsHideInTabPage { display: none; }
/******************************************************************************************
    END WS Page
*******************************************************************************************/

/******************************************************************************************
    WS Helper
*******************************************************************************************/
.wsClearFix:before, .wsClearFix:after { content: ""; display: table; border-collapse: collapse; }
.wsClearFix:after { clear: both; }
.wsClearFix { min-height: 0; }

.wsFill { width: 100%; display: block; }
.wsFill15 { width: calc(100% - 15px); }
.wsHidden { display: none; }
.wsFloatLeft { float: left; }
.wsFloatRight { float: right; }
.wsTopRight { position: absolute; top: 1px; right: 1px; }
.wsTextAlignCenter { text-align: center; }

.wsDisplayTable { display: table; }
.wsDisplayTableRow { display: table-row; }
.wsDisplayTableCell { display: table-cell; }

.wsImgFrame { padding: 10px; border-style: solid; border-width: 1px; width: 150px; height: 150px; }

.wsHideEmpty:empty { display: none; min-width: 0px; }

.wsScreenCenterd { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

/*??*/
.wsControl.wsFillMarginRight { margin-right: 140px; }

.wsThreeLineText { width:100%; overflow: hidden; position: relative; line-height: 1.2em; max-height: 3.6em; text-align: justify; margin-right: -1em; padding-right: 1em; display: block; }
.wsThreeLineText:before { content: '...'; position: absolute; right: 0; bottom: 0; }
.wsThreeLineText:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; }


/*Password Reset*/
.wsPasswordReset { margin: 5px; }
/******************************************************************************************
    END WS Helper COLORS
*******************************************************************************************/

/******************************************************************************************
    WS Alert
*******************************************************************************************/
.wsAlert { max-width: 500px; height: 70px; margin-left: 20px; margin-top: 20px; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.wsAlert div { float: left; text-align: center; vertical-align: middle; line-height: 70px; }
/******************************************************************************************
    END WS Alert
*******************************************************************************************/

/******************************************************************************************
    WS Notifications
*******************************************************************************************/
.wsNotifItem { margin: 0; text-align: center; padding-top: 2px; padding-bottom: 2px; width: 100%; /*310px; */ height: 36px; display: inline-block; border-style: solid; border-width: 2px; text-decoration: none; cursor: pointer; }
.wsNotifItem > table > tbody { width: 100%; height: 100%; display: table; }
.wsNotifItem > table > tbody > tr > td > span { font-size: 16px; }
.wsNotifItem > table > tbody > tr > td > span.wsNotifCount { font-size: 12px; }
.wsNotifItem > table > tbody > tr > td > span.wsIcon-Search { font-size: 16px; }
/******************************************************************************************
    END WS Notifications
*******************************************************************************************/

/******************************************************************************************
    WS Main Title Navigation
*******************************************************************************************/
.wsOption { margin: 0; text-align: center; padding-top: 5px; padding-bottom: 5px;}
.wsOption > ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: auto; }
.wsOption > ul > li { display: block; float: left; width: auto; padding: 0; margin: 0 2px; }
.wsOption > ul > li > a
{
    display: inline-block; border-style: solid; border-width: 5px; text-decoration: none;
    margin: 0; padding: 5px; width: 140px; height: 100px;      
}
.wsOption > ul > li > a:hover { border-style: solid; border-width: 5px; }
.wsOption > ul > li > a > h2 { font-size: 0.9em; font-size-adjust: 0.488; font-style: normal; font-weight: 600; letter-spacing: 0.05em; line-height: 1.275em; margin: 0 0 18px; padding: 10px 0 0; text-align: center; text-transform: uppercase; display: block; }
.wsOption > ul > li > a > p { font-size: 1em; line-height: 1.5em; margin: 0; padding: 0 24px; text-align: center; width: 78%; }
.wsOption > ul > li > a > span { display: block; font-size: 32px; margin-left: auto; margin-right: auto }

.wsOption > ul > li > ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: auto; }
.wsOption > ul > li > ul > li { display: block; width: 100px; margin-bottom: 2px; }
.wsOption > ul > li > ul > li.wsLast { margin-bottom: 0; }
.wsOption > ul > li > ul > li > a { display: block; text-decoration: none; height: 32px; padding: 2px 4px; line-height: 28px; }
.wsOption > ul > li > ul > li > a:hover { }
/******************************************************************************************
    END WS Main Title Navigation
*******************************************************************************************/

/******************************************************************************************
    WS Main ToolBar
*******************************************************************************************/
.wsToolBar { display: inline-table; width: 100%; height: 38px; margin: 0; text-align: left; }
.wsToolBar > ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: auto; }
.wsToolBar > ul > li { display: block; float: left; width: auto; padding: 0; margin: 0 0px; }
.wsToolBar > ul > li > span
{
    display: inline-block; border: none; /* 1px solid #d1d1d1; border-width: 1px; */ text-decoration: none;
    margin: 0; padding: 0px; width: 44px; height: 38px;      
}
.wsToolBar > ul > li > span:hover { color: #d1d1d1; }
.wsToolBar > ul > li > span > h2 { font-size: 0.9em; font-size-adjust: 0.488; font-style: normal; font-weight: 600; letter-spacing: 0.05em; line-height: 1.275em; margin: 0 0 18px; padding: 10px 0 0; text-align: center; text-transform: uppercase; display: block; }
.wsToolBar > ul > li > span > p { font-size: 1em; line-height: 1.5em; margin: 0; padding: 0 4px; text-align: center; width: 78%; }
.wsToolBar > ul > li > span > span { font-size: 32px; margin-left: auto; margin-right: auto }

/******************************************************************************************
    END WS ToolBar
*******************************************************************************************/

/* wsLoading */
.wsLoading { margin: 10px; }
.wsLoading span { width: auto; height: auto; }



/* wsGridButton, wsGridHeaderButton */
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton { height: 22px; width: 22px; padding: 0; float: left; display: block; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsText { display: none; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsIcon { cursor: default; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 21px; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 20px; width: 20px; cursor: pointer; }

.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton { padding: 5px 2px; }
.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton .wsIcon { left: 0px; }

/*MC Test*/
/*.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton { height: 15px; width: 15px; padding: 0; float: left; display: block; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsText { display: none; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsIcon { cursor: default; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 15px; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 15px; width: 15px; cursor: pointer; }
.wsControl.wsButton.wsHasIcon.wsNoText .wsIcon span { line-height: 15px; }
.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton { padding: 5px 2px; }
.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton .wsIcon { left: 0px; }*/

.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton.wsNoBackground.wsSmallButtons { height: 13px; width: 13px; text-align:center; vertical-align: middle; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton.wsNoBackground.wsSmallButtons .wsIcon { width: 13px; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton.wsNoBackground.wsSmallButtons .wsIcon span { height: 13px; width: 13px; line-height: 13px; } 

/* wsTabContent */
.wsTabContent { padding: 5px; }
.wsTabContent .wsFooter.wsDialogPanel { /* margin-top: 10px; */ padding: 7px; border-top: none; }
.wsTabContent .wsHideInTabPage { display: none; }

/*wsItemsCollection*/
.wsControl.wsItemsCollection { min-width: 30px; width: auto; height: 27px; border: none; display: block; background-color: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
/*.wsControl.wsItemsCollection > table { border-spacing: 0px; border-collapse: collapse; width: 100%; margin-top: 3px; }
.wsControl.wsItemsCollection > table > tbody > tr > td { border: none; vertical-align: top; }*/

/* ZR: We don't need thisL .wsControl.wsItemsCollection > .wsItems { border: none; vertical-align: top; }
.wsControl.wsItemsCollection > .wsItems > .wsHeader { display: block; text-align:center; border:none; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.wsControl.wsItemsCollection > .wsItems > .wsHeader .wsView { margin-top: 2px; }
.wsControl.wsItemsCollection > .wsItems > .wsHeader .wsView .wsIcon { font-size: 18px; cursor: pointer; } */

.wsBtnLink { background-color: #095677; color: #FFFFFF; padding: 5px; text-align: center; min-height: 30px; height: 26px; line-height: 26px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */ }

.wsControl.wsItemsCollection > .wsSelectedItems { margin-top: 0px; margin-left: 0px; position: relative; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsTitle { padding: 5px; text-align: center; border-right: 1px solid #fff; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsCount { text-align: center; padding-left: 2px; width: 30px; height: 23px; line-height: 23px; cursor: pointer; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup { display:block; position: absolute; top: 23px; left: 0; top: 28px; width: 300px; border: solid 1px; z-index: 1; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsHeader {  display:block; border-bottom: solid 1px; padding: 5px 20px 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsHeader .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsHeader .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 25px; width: 20px; cursor: pointer; font-size: 14px; line-height: 16px; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsFooter {  display:block; border-top: solid 1px; padding: 2px 5px; text-align: center; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsItems {  display:block; max-height: 189px; overflow: auto; text-align:left; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul { display: block; list-style: none; margin: 0; padding: 0; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li { position: relative; display: block; padding: 3px 25px 3px 5px; border-bottom: solid 1px; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li.wsLast { border-bottom: none; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsTitle { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsItemName { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsIcon { display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 20px; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsIcon span { display: table-cell; vertical-align: middle; text-align: center; height: 20px; width: 20px; cursor: pointer; font-size: 14px; line-height: 16px; }

.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup { -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); box-shadow: 0px 0px 3px rgba(0,0,0,0.6); }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup { background-color: #FAFAFA; color: #333939; border-color: #D1D1D1; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsHeader { background-color: #263A55; color: #FFF; border-color: #D1D1D1; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup .wsFooter { background-color: #FAFAFA; color: #333939; border-color: #D1D1D1; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li { border-color: #D1D1D1; background-color: #fff; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsTitle { color: #000; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsIcon { color: #263A55; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup ul li .wsItemName { color: #666; }
.wsControl.wsItemsCollection > .wsSelectedItems .wsItemsPopup { background-color: #263A55; color: #FFF; }
.wsControl.wsItemsCollection { background-color: #095677; color: #fff; margin-left: 5px; }

/******************************************************************************************
    WS TabView
*******************************************************************************************/
.wsControl.wsTabsView { width:100%; border: none; }
.wsControl.wsTabsView .wsHeader {  }
.wsControl.wsTabsView .wsHeader .wsHeaderIcons { font-size: 14px; }
.wsControl.wsTabsView .wsHeader .wsHeaderIcons { float: right; }
.wsControl.wsTabsView .wsHeader .wsHeaderIcons .wsHeaderIcon { cursor: pointer; float: left; }

.wsControl.wsTabsView .wsHeader .wsHeaderList { display: inline-block; margin-top: 2px; padding-right:5px; }
.wsControl.wsTabsView .wsHeader .wsHeaderList .wsHeaderListPopup .wsItems { max-height: 300px; }
/******************************************************************************************
    END WS TabView
*******************************************************************************************/

/******************************************************************************************
    WS Font Size
*******************************************************************************************/
.wsControl, .wsControl.wsTabs .wsTab, .wsControl.wsCheckbox input[type="checkbox"] + label .wsText { font-size: 12px; }
.wsControl .wsIcon, .wsControlPopup.wsDialog .wsHeader.wsDialogPanel, .wsControlPopup.wsMultiSelect .wsHeader .wsLabel, .wsPage .wsPageTitle { font-size: 13px; }
.wsControl.wsMenu ul.wsMainMenu { font-size: 13px; }
/******************************************************************************************
    END WS Font Size
*******************************************************************************************/

/*******************************************************************************************
    WS Details Table
********************************************************************************************/
.wsDetailsTable .wsTabsViewContent { min-height: 200px; }
.wsDetailsTable .wsTabsViewContent > .wsHeader { height: 26px; line-height: 24px; padding: 2px; position: relative; text-align: left; display: block; margin: -2px 0px 5px 0px; }
.wsDetailsTable .wsTabsViewContent > .wsHeader > .wsIcon { position: absolute; right: 2px; top: 0; cursor: pointer; font-size: 14px; height: 26px; line-height: 25px; text-align: center; width: 22px; }
.wsDetailsTable .wsTabsViewContent > .wsHeader > .wsTitle { margin-left: 5px; }
/*******************************************************************************************
    END WS Details Table
********************************************************************************************/

/*******************************************************************************************
   WS Global File Viewer
********************************************************************************************/
.wsFilePreview {}
.wsFilePreview > .wsFileViewerHeader { height:30px; background-color:#393333; color:#fafafa; }
.wsFilePreview > .wsFileViewerHeader > .wsHeaderOptions { float:right; padding-right:5px; padding-top:5px; line-height:20px; font-size: 18px; font-weight: 900; cursor: pointer; }

.wsFilePreview > .wsFileViewerContent { background-color:white; }
.wsFilePreview > .wsFileViewerContent .wsControl.wsFileViewer .wsPopupContainer.wsInline { background-color:white;  }

/*******************************************************************************************
    END WS Global File Viewer
********************************************************************************************/

/*******************************************************************************************
   WS Global File Upload
********************************************************************************************/

.wsGlobalFileUpload { border: 1px solid #d1d1d1; background-color: #f1f1f1; }
.wsGlobalFileUpload > .wsUploadHeader { height:30px; background-color: transparent; color:#393999; }
.wsGlobalFileUpload > .wsUploadHeader > .wsHeaderOptions { float:right; padding-right:5px; padding-top:5px; line-height:20px; }
.wsGlobalFileUpload > .wsUploadHeader > .wsHeaderOptions > .wsUploadClose { display: inline-block; font-size: 14px; line-height: 14px; width: 22px; height: 22px; cursor: pointer;}
.wsGlobalFileUpload > .wsUploadContent { display:table; background-color: transparent;  text-align: center; vertical-align:middle; }
.wsGlobalFileUpload > .wsUploadContent span.wsIcon-Upload { color: #d1d1d1; vertical-align: middle; display: block; height: 100%; }
.wsGlobalFileUpload > .wsUploadContent span.wsText { font-size: 14px; color: #808080; }

/*******************************************************************************************
    END WS Global File Upload
********************************************************************************************/


/************************************************************************************************************************
 ******************************************************TODO************************************************************
*************************************************************************************************************************/


/*********************************************************************************************
               WS Form, same look as Custom forms but used for regular popup window pages.
**********************************************************************************************/
.wsForm {}
/* .wsForm.wsControl.wsMultiSelect { } */
.wsForm .wsLabel .wsLabel { display:inline-block; width: 120px; }  
.wsForm > table > tbody > tr { border-bottom: 1px solid #d1d1d1; }
.wsForm > table > tbody > tr:last-child { border-bottom: none; }
.wsForm > table > tbody > tr > td { padding: 4px; }
.wsForm > table > tbody > tr > td.wsNoLabelContent { max-width:450px; }
.wsForm > table > tbody > tr > td > table.wsContentTable > tbody > tr { border-bottom: 1px solid #d1d1d1; }
.wsForm > table > tbody > tr > td > table.wsContentTable > tbody > tr > td { padding: 5px; }
.wsForm > table > tbody > tr > td .wsFormSecTitle { font-size: 14px; font-weight: 600; }
/* .wsForm > table > tbody > tr > td .wsControlContainer .wsTextbox, .wsForm > table > tbody > tr > td .wsControlContainer .wsTextarea, 
.wsForm > table > tbody > tr > td .wsControlContainer .wsColorSelect, .wsForm > table > tbody > tr > td .wsControlContainer .wsSelect, .wsForm > table > tbody > tr > td .wsControlContainer .wsMultiSelect { min-width: 250px; } */
.wsForm > table > tbody > tr > td .wsControlContainer .wsDate, .wsForm > table > tbody > tr > td .wsControlContainer .wsNumeric { width: 120px; }

/*************************************************
               Custom Form
**************************************************/
.CustomFormEditor {
}

.CustomFormEditor .wsLabel {display:inline-block; max-width:250px;}  
.CustomFormEditor > table > tbody > tr > td > div .wsControlContainer .wsTextarea { width: 540px; }

.CustomForm {}
.CustomForm .wsLabel .wsLabel { display:inline-block; width: 160px; }  
.CustomForm > table > tbody > tr { border-bottom: 1px solid; }
.CustomForm > table > tbody > tr > td { padding: 4px; }
.CustomForm > table > tbody > tr > td.wsNoLabelContent { max-width:450px; }
.CustomForm > table > tbody > tr > td > table.wsContentTable > tbody > tr { border-bottom: 1px solid; }
.CustomForm > table > tbody > tr > td > table.wsContentTable > tbody > tr > td { padding: 5px; }
.CustomForm > table > tbody > tr > td .wsFormSecTitle { font-size: 14px; font-weight: 600; }
.CustomForm > table > tbody > tr > td .wsControlContainer .wsTextbox, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsTextarea, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsColorSelect, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsSelect, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsMultiSelect { min-width: 338px; }
.CustomForm > table > tbody > tr > td .wsControlContainer .wsDate:not(.wsControlPopup), .CustomForm > table > tbody > tr > td .wsControlContainer .wsNumeric { width: 120px; }

/*remove min-width from nested control(eg multiselect inside image gallery)*/
.CustomForm > table > tbody > tr > td .wsControlContainer .wsControlContainer .wsTextbox,
.CustomForm > table > tbody > tr > td .wsControlContainer .wsControlContainer .wsTextarea,
.CustomForm > table > tbody > tr > td .wsControlContainer .wsControlContainer .wsColorSelect,
.CustomForm > table > tbody > tr > td .wsControlContainer .wsControlContainer .wsSelect,
.CustomForm > table > tbody > tr > td .wsControlContainer .wsControlContainer .wsMultiSelect { min-width:unset; }
.CustomForm > table > tbody > tr > td .wsControlContainer .wsControlContainer .wsDate, .CustomForm > table > tbody > tr > td .wsControlContainer .wsNumeric { width: unset; }

.CustomFieldInPlaceImageGallery {display:table; margin-bottom:5px; width:338px;height:190px; border: 1px solid; }
.CustomFieldInPlaceImageGallery .wsControl.wsImageGallery.wsGallery {width: 338px; height:190px;}
.CustomFieldInPlaceFileUploadViewerCustom {display:table; width: 340px; }
.CustomFieldInPlaceFileUploadViewerCustom .wsControl.wsFileUploadViewer { width: 340px; }
.CustomFieldInPlaceFileUploadViewerCustom.wsStyleGuide {display:table; width: 400px; }
.CustomFieldInPlaceFileUploadViewerCustom.wsStyleGuide .wsControl.wsFileUploadViewer { width: 400px; }
.CustomForm .wsControl.wsFileUploadViewer { max-height:128px; overflow-y:auto; width: 340px; }
.CustomFieldReplaceFiles { display:block; width:100px; height:100px; }
.CustomFieldReplaceFiles > img { width:auto; height:100%; }

.wsMetadataCustomFields .CustomForm > table > tbody > tr > td .wsControlContainer .wsTextbox, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsTextarea, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsColorSelect, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsSelect, 
.CustomForm > table > tbody > tr > td .wsControlContainer .wsMultiSelect { min-width: 338px; }

.wsMetadataCustomFields .CustomForm .wsLabel .wsLabel { display:inline-block; width: 120px; }  
.wsMetadataCustomFields .CustomForm > table > tbody > tr > td { padding: 3px 0px 0px 0px; }
 

/*************************************************
               TODOOO
**************************************************/
/*----- wsPanelBar -----*/
.wsPanelBar, .wsPanelBar *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.wsPanelBar { overflow:hidden; border-radius:3px; }

.wsPanelBar a { text-decoration: none; }

/*----- Section Titles -----*/
.wsPanelBar-section-title { width: 202px; padding: 5px; display: inline-block; border-bottom: 1px solid; transition: all linear 0.15s; /* Type */ font-size: 1.00em; font-weight: 400; cursor: pointer; }
 
.wsPanelBar-section-title.active, .wsPanelBar-section-title:hover { /* Type */ text-decoration:none; }
 
.wsPanelBar-section:last-child .wsPanelBar-section-title { border-bottom:none; }
 
/*----- Section Content -----*/
.wsPanelBar-section-content { padding:5px; /* display:none; */ border-top:1px solid; }

.wsPanelBar-section-content:hover { padding:5px; border-top:1px solid; cursor: pointer; }

.wsCircle { border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; display: inline-block; font-size: 0.9em; font-weight: 300; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em; }
.wsImgCircular { width: 60px; height: 60px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; }








.wsEventWnd { border: 1px solid; border-radius: 3px; width: 520px; /*max-height: 550px;*/ margin: 15px auto 0; position: relative; z-index: 100; }

.wsEventWnd::before, .wsEventWnd::after { content: ""; display: block; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; right: 23px; }

.wsEventWnd::before { top: -10px; right: 23px; }

.wsEventWnd::after { content: ""; display: block; position: absolute; border-style: solid; border-width: 0 10px 10px 10px; top: -9px; }

.wsEventWnd > .wsHeader { width: 100%; height: 30px; padding: 5px 0px 5px 0px; border-bottom: 1px solid; }
.wsEventWnd > .wsHeader span { font-size: 14px; font-weight: 900; padding-left: 4px; padding-right: 4px; }
.wsEventWnd > .wsHeader .wsIcon-Info { cursor: pointer; }
.wsEventWnd > .wsContent { width: auto; height: auto; padding: 10px 10px 10px 10px ; }

.wsEventWnd#QuickLinksWnd > .wsHeader { }
.wsEventWnd#QuickLinksWnd::after { }

.wsEventWnd#SubmissionWnd > .wsHeader { }
.wsEventWnd#SubmissionWnd::after { }

.wsEventWnd .wsControl.wsGrid.wsNotificationListGrid  > .wsContent table.wsGridTable > tbody > tr > td { padding-left: 2px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem { border-spacing: 0; border-collapse: collapse; width: 100%; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td { cursor: pointer; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdIcon { font-size: 32px; width: 50px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdPhoto { width: 100px; text-align:center;}
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdPhoto .tdTitle { font-size: 10px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent { vertical-align: top; max-width:308px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent div { /*max-height: 50px;*/ /*overflow: hidden;*/ min-height: 18px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent .wsNotificationItemName { font-weight: bold; float: left; width: 80%; padding-top:1px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent .wsDate {  }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent .wsNotificationOptions { font-weight: bold; float: right; margin-top: -3px; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent .wsComment { max-height: 60px; overflow-y: auto; padding: 2px; border-radius: 4px; border: 1px dashed; margin-bottom: 3px;}

.wsSubmissionsLayoutView .wsControl.wsGrid.wsSubmissionsListGrid  > .wsContent table.wsGridTable > tbody > tr > td { padding-left: 2px; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem { border-spacing: 0; border-collapse: collapse; width: 100%; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td { cursor: pointer; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdIcon { font-size: 32px; width: 50px; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdPhoto { width: 100px; text-align:center;}
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdPhoto .tdTitle { font-size: 10px; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdContent { vertical-align: top; max-width:308px; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdContent > div { /*max-height: 50px;*/ overflow: hidden; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdContent .wsItemName { font-weight: bold; float: left; width: 60%; padding-top:1px; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdContent .wsDate {  }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdContent .wsOptions { font-weight: bold; float: right; margin-top: -3px; }

/*.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsNotificationsListRow > td { padding: 2px; }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsHeader { border-bottom: 1px solid; cursor: pointer; height: 30px; padding: 5px 5px 3px 43px;}
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsHeader > span.wsHeaderIcon { border-radius: 8px; font-size: 18px; height: 26px; left: 4px; line-height: 26px; position: absolute; text-align: center; top: 3px; width: 30px; }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsHeader > span.wsTitle { }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsHeader > span.wsDate { float: right; text-align: right; }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsContent { padding: 5px 10px; min-height:40px; }*/

/*********************************************/
/*  CSS for all galery views in Worspace app */
/*********************************************/
/*Submissions List*/
.wsGalleryViewRow { }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsGalleryViewRow > td { padding: 2px; border-bottom: none; }

.wsGallery { width: 100%; margin-top: 3px; margin-bottom: 3px; }
.wsGallery > table.wsGalleryItem { width: 100%; border-collapse: collapse; border-spacing: 0px; border-bottom: 1px solid; }
.wsGallery > table.wsGalleryItem > tbody > tr > td { border: none !important; border-collapse: collapse; border-spacing: 0px;  }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader { font-weight: normal; height: 30px; padding: 0px 5px 0px 5px; border-bottom: 1px solid; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader .gvTitle { float:left; padding: 4px 5px 0px 5px; font-weight: 500; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader .gvOptions { float:right; font-size: 12px; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader .gvOptions .button { }

.wsGallery > table.wsGalleryItem > tbody > tr > td.gvDetails { vertical-align:top; width: 99%; padding-left: 5px; font-size: 11px; border-right: dashed;}

.wsGalleryView { width: 100%; margin-top: 3px; margin-bottom: 3px; }
.wsGalleryView > table.wsGalleryViewTemplate { width: 100%; border-collapse: collapse; border-spacing: 0px; border-bottom: 5px solid; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td { border: none !important; border-collapse: collapse; border-spacing: 0px;  }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader { font-weight: normal; min-height: 36px; padding: 2px 5px 0 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvTitle { float:left; padding: 4px 5px 0px 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvSubTitle { float:left; min-width:125px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvText { float:left; padding: 4px 30px 0px 0px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvOptions { float:right; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvText.gvHideEmpty:empty { display: none; min-width: 0px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvTextPaddingRight { float:left; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvRating { float:left; padding-right: 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvRating .wsControl.wsRating span { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvTitle.gvHideEmpty:empty { display: none; min-width: 0px; }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvOptions { float:right; padding-top:1px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .wsButton .wsIcon { }

/* Item text */
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails { vertical-align:top; width: 300px; padding-left: 5px; font-size: 11px; border-right: dashed;}
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails .prColumnTitles > td { min-width: 125px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails .wsLabel { width: 150px; display:inline-block; font-weight:bold; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails .prDetail {  }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails .wsLink:hover { text-decoration: underline; cursor:pointer; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails .wsLink .wsValueLabel:hover { text-decoration: underline; cursor:pointer; }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails thead > tr { font-weight:bold; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.gvDetails > table > tbody > tr > td { padding:3px; }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewImage { width: 110px; padding: 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails { vertical-align:top; width: 300px; font-size: 11px; padding-left: 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .wsLabel { width:100px; display:inline-block; font-weight:bold; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvDetail { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvPending { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvApproved { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvDenied { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvNeedRevision { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvTerminated { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvCanceled { }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDescription { vertical-align: top; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDescription .gvDescription {  min-height:40px; max-height: 100px; overflow: auto; word-break: normal; white-space: normal; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDescription .gvDescription p { margin: 2px;  }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewMoreInfo { vertical-align: top; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewMoreInfo { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewMoreInfo .wsLabel { width:150px; display:inline-block; font-weight:bold; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewMoreInfo .gvDetail {  }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewFooter { }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewRowSpacer { height: 15px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewColSpacer { width: 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewUserRights { width: 250px; padding: 0 5px; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewUserActions { padding: 0 5px; }


.gvSubmListHeader { padding-bottom: 5px; }
.gvSubmListHeader > .wsHeader { border: solid 1px; padding: 3px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.gvSubmListHeader > .wsHeader .wsView { margin-top: 2px; }
.gvSubmListHeader > .wsHeader .wsView .wsIcon { font-size: 18px; cursor: pointer; }

.wsLabel > p { margin: 0px; }

/************************************************************************************************************************
 ***************************************WestEnd.Framework.MVC.UI.css Colors**********************************************
*************************************************************************************************************************/

/**********************************************************Controls******************************************************/
/******************************************************************************************
    WS TextBox
*******************************************************************************************/
.wsControl.wsTextbox { background-color: #F1F1F1; border: none; color: #333939; }
.wsControl.wsTextbox.wsInvalid { border: 1px solid #e0574d; }
.wsControl.wsTextbox input { background-color: transparent; color: inherit; background-color: #fff; }
.wsControl.wsTextbox.wsControlHasFocus { background-color: #B1B6BA; border-color: #B1B6BA; }
.wsControl.wsTextbox .wsIcon { color: #808080; }
/******************************************************************************************
    END WS TextBox
*******************************************************************************************/

/******************************************************************************************
    WS Textarea
*******************************************************************************************/
.wsControl.wsTextarea { background-color: #F1F1F1; border-color: #DFDFDF; color: #333939; }
.wsControl.wsTextarea textarea { background-color: transparent; color: inherit; }
.wsControl.wsTextarea.wsControlHasFocus { background-color: #B1B6BA; border-color: #B1B6BA; }
.wsControl.wsTextarea .wsFooter { background-color: rgba(0,0,0,0.2); color: #FFFFFF; border: none; }
.wsMultilinePopup textarea.wsMultilinePopupTextarea { border-color: #DFDFDF; background-color: #F1F1F1; color: #333939; }
.wsControl.wsTextarea .wsRTEditorContent .wsContentTable > tbody > tr > td h4 { background-color: #119197; color: #FFFFFF; }
.wsControl.wsTextarea .wsRTEditorContent .wsContentTable > tbody > tr > td p img { background-color: #FFFFFF; border-color: #999999; }
/******************************************************************************************
    END WS Textarea
*******************************************************************************************/
/******************************************************************************************
    WS Numeric
*******************************************************************************************/
.wsControl.wsNumeric { background-color: #F1F1F1; border: none; }
.wsControl.wsNumeric input { background-color: #fff; color: #333939; border-color: #DFDFDF; }
.wsControl.wsNumeric.wsControlHasFocus, .wsControl.wsNumeric:focus { background-color: #B1B6BA; border-color: #56CDC9; }
/******************************************************************************************
    END WS Numeric
*******************************************************************************************/

/******************************************************************************************
    WS Radio Button List
*******************************************************************************************/
.wsControl.wsRadioButtonList { background-color: #F1F1F1; border-color: #DFDFDF; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"] + label .wsIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControl.wsRadioButtonList .wsItem input[type="radio"]:hover + label .wsIcon span, .wsControl.wsRadioButtonList .wsItem input[type="radio"] + label:hover .wsIcon span { color: #56CDC9; }
/******************************************************************************************
    END WS Radio Button List
*******************************************************************************************/

/******************************************************************************************
    WS CheckBox
*******************************************************************************************/
.wsControl.wsCheckbox input[type="checkbox"] + label .wsIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControl.wsCheckbox input[type="checkbox"]:hover + label .wsIcon span, .wsControl.wsCheckbox input[type="checkbox"] + label:hover .wsIcon span { color: #56CDC9; }
.wsValueLabel.wsCheckbox .wsIcon { background-color: #FFFFFF; border-color: #ADB0B7; }
/******************************************************************************************
    END WS CheckBox
*******************************************************************************************/

/******************************************************************************************
    WS CheckBoxList
*******************************************************************************************/
.wsControl.wsCheckboxList { background-color: #F1F1F1; border-color: #DFDFDF; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"] + label .wsIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControl.wsCheckboxList .wsItem input[type="checkbox"]:hover + label .wsIcon span, .wsControl.wsCheckboxList .wsItem input[type="checkbox"] + label:hover .wsIcon span { color: #56CDC9; }
/******************************************************************************************
    END WS CheckBoxList
*******************************************************************************************/

/******************************************************************************************
    WS SelectList
*******************************************************************************************/
.wsControl.wsSelect { background-color: #fff; border-color: #DFDFDF; color: #333939; }
.wsControl.wsSelect.wsControlHasFocus, .wsControl.wsSelect:focus { background-color: #fff; border-color: #B1B6BA; }
.wsControl.wsSelect .wsIcon { background-color: #263A55; color: #FFFFFF; }

.wsControlPopup.wsSelect .wsSearch { border-color: #263A55; }
.wsControlPopup.wsSelect .wsSearch .wsTextbox { background-color: #FFFFFF; }
.wsControlPopup.wsSelect .wsSearch .wsTextbox .wsIcon { color: #263A55; }

.wsControlPopup.wsSelect .wsItems ul li { border-bottom-color: #FFFFFF; }
.wsControlPopup.wsSelect .wsItems ul li.wsSelected { background-color: #263A55; color: #FFFFFF; }
.wsControlPopup.wsSelect .wsItems ul li:hover:not(.wsTitle):not(.wsSelected) { background-color: #56CDC9; color: #FFFFFF; }

.wsControlPopup.wsSelect .wsItems ul li.wsTitle { border-bottom-color: #263A55; color: #263A55; }
.wsControlPopup.wsSelect .wsItems ul li.wsTitle.wsSelected { color: #FFFFFF; }
.wsControlPopup.wsSelect .wsItems ul li.wsHasSeparator { border-bottom-color: #263A55; }

.wsControlPopup.wsSelect, .wsControlPopup.wsSelect .wsLoading { background-color: #E6EAED; color: #333939; }
/******************************************************************************************
    END WS SelectList
*******************************************************************************************/

/******************************************************************************************
    WS MultiSelectList
*******************************************************************************************/
.wsControl.wsMultiSelect { background-color: #F1F1F1; border-color: #DFDFDF; color: #333939; }
.wsControl.wsMultiSelect.wsControlHasFocus, .wsControl.wsSelect:focus { background-color: #B1B6BA; border-color: #B1B6BA; }
.wsControl.wsMultiSelect .wsIcon { background-color: #263A55; color: #FFFFFF; }

.wsControlPopup.wsMultiSelect .wsSearch { border-color: #263A55; }
.wsControlPopup.wsMultiSelect .wsSearch .wsTextbox { background-color: #FFFFFF; }
.wsControlPopup.wsMultiSelect .wsSearch .wsTextbox .wsIcon { color: #263A55; }

.wsControlPopup.wsMultiSelect .wsHeader { background-color: #263A55; border-color: #FFFFFF; color: #FFFFFF; }

.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] + label .wsIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"]:hover + label .wsIcon, .wsControlPopup.wsMultiSelect .wsCheckbox .wsInputSpan input[type="checkbox"] + label:hover .wsIcon { color: #56CDC9; }

.wsControlPopup.wsMultiSelect .wsItems tr:hover > td, .wsControlPopup.wsMultiSelect .wsItems tr.wsHover > td { background-color: #56CDC9; color: #FFFFFF; }
.wsControlPopup.wsMultiSelect .wsItems tr.wsSelected > td { background-color: #263A55; color: #FFFFFF; }
.wsControlPopup.wsMultiSelect .wsItems .wsCheckbox, .wsControlPopup.wsMultiSelect .wsItems .wsLabel { border-bottom-color: #FFFFFF; }

.wsControlPopup.wsMultiSelect .wsItems tr.wsHasSeparator { border-bottom-color: #263A55; }
.wsControlPopup.wsMultiSelect .wsItems tr td.wsTitle { border-bottom-color: #263A55; }
.wsControlPopup.wsMultiSelect .wsItems tr td.wsTitle label { border-bottom-color: #263A55; color: #263A55; }

.wsControlPopup.wsMultiSelect .wsFooter { background-color: #D8DDE1; } 
.wsControlPopup.wsMultiSelect .wsFooter .wsDoneButton { background-color: #56CDC9; border-color: #56CDC9; }
.wsControlPopup.wsMultiSelect .wsFooter .wsDoneButton:hover { background-color: #119197; border-color: #119197; }

.wsControlPopup.wsMultiSelect .wsItems tr.wsItemDisabled { background-color: #F4F4F4; }
.wsControlPopup.wsMultiSelect .wsItems tr.wsItemDisabled .wsCheckbox .wsInputSpan input[type="checkbox"] + label .wsIcon { background-color: #F4F4F4; border-color: #ADB0B7; color: #333939; }
.wsControlPopup.wsMultiSelect .wsItems tr.wsItemDisabled .wsCheckbox .wsInputSpan input[type="checkbox"]:hover { cursor: not-allowed; }
.wsControlPopup.wsMultiSelect .wsItems tr.wsItemDisabled .wsLabel label { color: #B1B19A; }

.wsControlPopup.wsMultiSelectLabel { background-color: #FFFFFF; border-color: #D1D1D1; }
.wsControlPopup.wsMultiSelectLabel .wsHeader { background-color: #F1701B; color: #FFFFFF; }

.wsControlPopup.wsMultiSelect, .wsControlPopup.wsMultiSelect .wsLoading { background-color: #E6EAED; color: #333939; }
/******************************************************************************************
    END WS MultiSelect List
*******************************************************************************************/

/******************************************************************************************
    WS TreeView
*******************************************************************************************/
.wsControl.wsTreeView { background-color: #F1F1F1; border-color: #DFDFDF; }
.wsControl.wsTreeView .wsItems ul li .wsItem .wsIcons { color: #263A55; }
.wsControl.wsTreeView .wsItems ul li .wsItem:hover { background-color: #9DD3EB; }
.wsControl.wsTreeView .wsItems ul li.wsSelected > .wsItem { background-color: #263A55; color: #FFFFFF; }
.wsControl.wsTreeView .wsItems ul li.wsSelected .wsItem .wsIcons { color: #FFFFFF; }

.wsControl.wsTreeView.wsAltStyle { background-color: #FFFFFF; }
.wsControl.wsTreeView.wsAltStyle li { background-color: #FFFFFF; }
.wsControl.wsTreeView.wsAltStyle li.wsAlternateRow { background-color: #F0F0F0; }
/******************************************************************************************
    END WS TreeView
*******************************************************************************************/

/******************************************************************************************
    WS MultiSelectTreeView
*******************************************************************************************/
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsFooter .wsCollapseAllButton { background-color: #56CDC9; border-color: #56CDC9; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsFooter .wsCollapseAllButton:hover { background-color: #119197; border-color: #119197; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsFooter .wsExpandAllButton { background-color: #56CDC9; border-color: #56CDC9; }
.wsControlPopup.wsMultiSelect.wsMultiSelectTreeView .wsFooter .wsExpandAllButton:hover { background-color: #119197; border-color: #119197; }
/******************************************************************************************
    END WS MultiSelectTreeView
*******************************************************************************************/

/******************************************************************************************
    WS Button
*******************************************************************************************/
.wsControl.wsButton:not(.wsTextOutside) { background-color: #263A55; color: #FFFFFF; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); */ }
.wsControl.wsButton:not(.wsTextOutside):hover/*, .wsControl.wsButton.wsControlHasFocus:not(.wsTextOutside), .wsControl.wsButton:not(.wsTextOutside):focus*/ { background-color: #56CDC9; color: #FFFFFF; }

.wsControl.wsButton.wsHasIcon.wsTextOutside { border-color: transparent; background-color: transparent; }
.wsControl.wsButton.wsHasIcon.wsTextOutside .wsIcon { background-color: #263A55; color: #FFFFFF; }
.wsControl.wsButton.wsHasIcon.wsTextOutside:hover .wsIcon, .wsControl.wsButton.wsHasIcon.wsTextOutside:focus .wsIcon { background-image: linear-gradient(#54769D, #425B71); color: #FFFFFF; }

.wsControl.wsButton.wsNoBackground { background-color: transparent; border-color: transparent; color: #263A55; box-shadow: none; text-shadow: none; }
.wsControl.wsButton.wsNoBackground:hover, .wsControl.wsButton.wsNoBackground:focus, .wsControl.wsButton.wsNoBackground.wsControlHasFocus { background-color: transparent; border-color: transparent; color: #263A55; }
.wsControl.wsButton.wsNoBackground:hover .wsIcon > span::before { }
.wsControl.wsButton.wsNoBackground.wsHasIcon .wsIcon { color: #263A55; }
/******************************************************************************************
    END WS Button
*******************************************************************************************/

/******************************************************************************************
    WS Button Group
*******************************************************************************************/
.wsControl.wsButtonGroup .wsButton { background-color: #425B71; border-color: #425B71; border-bottom-color: #354B60; color: #FFFFFF; }
.wsControl.wsButtonGroup .wsButton:hover, .wsControl.wsButtonGroup .wsButton:focus { background-color: #263A55; color: #FFFFFF; }
.wsControl.wsButtonGroup .wsButton:not(.wsFirst) { border-left-color: #A6ADB3; }
.wsControl.wsButtonGroup .wsButton:not(.wsLast) { border-right-color: #A6ADB3; }
/******************************************************************************************
    END WS Button Group
*******************************************************************************************/

/******************************************************************************************
    WS Rating
*******************************************************************************************/
.wsControl.wsRating { background-color: transparent; border-color: transparent; }
.wsControl.wsRating span { color: #263A55; }
.wsControl.wsRating span.wsHover { color: #56CDC9; }
/******************************************************************************************
    END WS Rating
*******************************************************************************************/

/******************************************************************************************
    WS RichTextEditor
*******************************************************************************************/
.wsControl.wsRichTextEditor { background-color: #FFFFFF; border-color: #D1D1D1; }
.wsControl.wsRichTextEditor .wsEditorToolbar { background-color: #F0F0F0; border-color: #D1D1D1; background-image: linear-gradient(to bottom, #FDFDFD, #DDDDDD); }

.wsControl.wsRichTextEditor.wsValueLabel .wsEditorContent { background-color: #E1E3E2; }

.wsControl.wsRichTextEditor .wsEditorContent .wsContentTable > tbody > tr > td h4 { background-color: #119197; color: #FFFFFF; }
.wsControl.wsRichTextEditor .wsEditorContent .wsContentTable > tbody > tr > td p img { background-color: #FFFFFF; border-color: #999999; }
/******************************************************************************************
    END WS RichTextEditor
*******************************************************************************************/

/******************************************************************************************
    WS ColorPicker
*******************************************************************************************/
.wsControl.wsColorPicker { border-color: #D8DDE1; }
.wsControl.wsColorPicker .wsIcon { background-color: #263A55; color: #FFFFFF; }
.wsControl.wsColorPicker .sp-replacer { background-color: #D8DDE1; }
.wsControl.wsColorPicker .sp-preview { border-color: #666666; }
.wsControl.wsColorPicker.wsInline .sp-container { background-color: transparent; }
/******************************************************************************************
    END WS ColorPicker
*******************************************************************************************/

/******************************************************************************************
    WS Date
*******************************************************************************************/
.wsControl.wsDate { background-color: #F1F1F1; border-color: #DFDFDF; }
.wsControl.wsDate input[type="text"] { background-color: transparent; color: #333939; }
.wsControl.wsDate .wsIcon { color: #333939; }

.wsControl.wsDate.wsControlHasFocus, .wsControl.wsDate.wsOpen { background-color: #B1B6BA; border-color: #B1B6BA; }

.wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { border-color: #ADB0B7; background-color: #FFF; color: #333939; }
.wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"]:hover + label .wsCheckboxIcon span, .wsControl.wsDate.wsAllowNull .wsInputSpan input[type="checkbox"] + label:hover .wsCheckboxIcon span { color: #56CDC9; }
/******************************************************************************************
    END WS Date
*******************************************************************************************/

/******************************************************************************************
    WS DateTime
*******************************************************************************************/
.wsControl.wsDateTime { background-color: #F1F1F1; border-color: #DFDFDF; }
.wsControl.wsDateTime input { background-color: transparent; color: #333939; }
.wsControl.wsDateTime .wsIcon { color: #333939; }

.wsControl.wsDateTime.wsTimeOpen .wsIcon .wsIconConfirm:hover { color: #FFFFFF; }
.wsControl.wsDateTime.wsControlHasFocus, .wsControl.wsDateTime.wsOpen { background-color: #B1B6BA; border-color: #B1B6BA; }

.wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { border-color: #ADB0B7; background-color: #FFFFFF; color: #333939; }
.wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"]:hover + label .wsCheckboxIcon span, .wsControl.wsDateTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label:hover .wsCheckboxIcon span { color: #56CDC9; }
/******************************************************************************************
    END WS DateTime
*******************************************************************************************/

/******************************************************************************************
    WS Time
*******************************************************************************************/
.wsControl.wsTime { background-color: #F1F1F1; border-color: #DFDFDF; }
.wsControl.wsTime input { background-color: transparent; color: #333939; }
.wsControl.wsTime .wsIcon { color: #333939; }

.wsControl.wsTime.wsTimeOpen .wsIcon .wsIconConfirm:hover { color: #FFFFFF; }
.wsControl.wsTime.wsControlHasFocus, .wsControl.wsTime.wsOpen { background-color: #B1B6BA; border-color: #B1B6BA; }

.wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"]:hover + label .wsCheckboxIcon span, .wsControl.wsTime.wsAllowNull .wsInputSpan input[type="checkbox"] + label:hover .wsCheckboxIcon span { color: #56CDC9; }
/******************************************************************************************
    END WS Time
*******************************************************************************************/

/******************************************************************************************
    WS Date Popup
*******************************************************************************************/
.wsControlPopup.wsDate { background-color: #E6EAED; }
.wsControlPopup.wsDate .wsHeader { background-color: #263A53; color: #FFFFFF; }
.wsControlPopup.wsDate .wsContent { background-color: #FFFFFF; }

.wsControlPopup.wsDate .wsCalendarDays .wsContent table th { background-color: #55CCC8; border-color: none; color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td { border-color: #FFFFFF }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td.wsWeekend { background-color: #F3F3F3; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td:hover, .wsControlPopup.wsDate .wsCalendarDays .wsContent table td.wsHover { background-color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td.wsPrevMonthDay { color: #B9B9BB; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td.wsNextMonthDay { color: #B9B9BB; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td.wsCurrent { background-color: #56CDC9; color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarDays .wsContent table td.wsSelected { background-color: #263A55; color: #FFFFFF; }

.wsControlPopup.wsDate .wsCalendarMonths .wsContent table td { border-color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarMonths .wsContent table td:hover { background-color: #FFFFFF; color: #333939; }
.wsControlPopup.wsDate .wsCalendarMonths .wsContent table td.wsCurrent { background-color: #56CDC9; color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarMonths .wsContent table td.wsSelected { background-color: #263A55; color: #FFFFFF; }

.wsControlPopup.wsDate .wsCalendarYears .wsContent table td { border-color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarYears .wsContent table td:hover { background-color: #FFFFFF; color: #333939; }
.wsControlPopup.wsDate .wsCalendarYears .wsContent table td.wsCurrent { background-color: #56CDC9; color: #FFFFFF; }
.wsControlPopup.wsDate .wsCalendarYears .wsContent table td.wsSelected { background-color: #263A55; color: #FFFFFF; }
/******************************************************************************************
    END WS Date Popup
*******************************************************************************************/

/******************************************************************************************
    WS Time Popup
*******************************************************************************************/
.wsControlPopup.wsTime { background-color: #E6EAED; }

.wsControlPopup.wsTime .wsTimeHours { border-color: #FFFFFF; }
.wsControlPopup.wsTime .wsTimeHours .wsHours .wsInputSpan { background-color: #FC7C4D;  }
.wsControlPopup.wsTime .wsTimeHours .wsHours .wsInputSpan input { background-color: #FC7C4D; color: #FFFFFF; }

.wsControlPopup.wsTime .wsTimeHours .wsMinutes .wsInputSpan { background-color: #56CDC9;  }
.wsControlPopup.wsTime .wsTimeHours .wsMinutes .wsInputSpan input { background-color: #56CDC9; color: #FFFFFF; }

.wsControlPopup.wsTime .wsTimeHours .wsPeriod .wsInputSpan { background-color: #005E84;  }
.wsControlPopup.wsTime .wsTimeHours .wsPeriod .wsInputSpan input { background-color: #005E84; color: #FFFFFF; }

.wsControlPopup.wsTime .wsTimeHours .wsInfo { color: #83878A }
.wsControlPopup.wsTime .wsTimeHours .wsFooter .wsIcon { color: #142840; }
/******************************************************************************************
    END WS Time Popup
*******************************************************************************************/

/******************************************************************************************
    WS MainHeader
*******************************************************************************************/
.wsMainHeader .wsMenuContainer { background-color: #333939; }

.wsMainHeader .wsHeaderTop { background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 3px 0px rgba(80,80,80,0.75); -moz-box-shadow: 0px 2px 3px 0px rgba(80,80,80,0.75); box-shadow: 0px 2px 2px 0px rgba(80,80,80,0.75); }

.wsMainHeader .wsMainMenu .wsCustomMenu { background-color: #56CDC9; color: #FFFFFF; }
.wsMainHeader .wsMainMenu > .wsLink.wsOpen .wsCustomMenu { background-color: #119197; color: #FFFFFF; }

.wsMainHeader .wsUserContainer .wsItem { border-color: #B2B9BD; color: #B2B9BD; }
.wsMainHeader .wsUserContainer .wsItem:not(.wsGuest):hover, .wsMainHeader .wsUserContainer .wsItem.wsOpen { color: #63706F; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification .wsNumber { background-color: #e53404; color: #FFFFFF; }
.wsMainHeader .wsUserContainer .wsItem.wsNotification .wsNumber.wsAltColor { background-color: #e53404; }

.wsMainHeader .wsHeaderSearch, .wsMainHeader .wsHeaderSearch.wsControlHasFocus { background-color: #FFFFFF; border-color: #333939; color: #000000; }
.wsMainHeader .wsHeaderSearch .wsIcon { background-color: #63706F; color: #FFFFFF; }
/******************************************************************************************
    END WS MainHeader
*******************************************************************************************/

/******************************************************************************************
    WS Menu
*******************************************************************************************/
.wsControl.wsMenu ul.wsMainMenu { background-color: #333939; color: #D6D6D6; }
.wsControl.wsMenu ul.wsMainMenu li { border-right-color: #4A4F52; }
.wsControl.wsMenu ul.wsMainMenu li.wsSelected, .wsControl.wsMenu ul.wsMainMenu li:hover, .wsControl.wsMenu ul.wsMainMenu li.wsOpen { background: rgba(0, 0, 0, 0) linear-gradient(#F9F9F9, #E5E5E5) repeat scroll 0 0; color: #373737; }
.wsControl.wsMenu ul.wsMainMenu li .wsTriangle { border-color: transparent transparent #56CDC9 transparent; }

.wsControlPopup.wsMenu { background-color: #FAFAFA; border-color: #FFFFFF; border-top-color: #56CDC9; -webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75); color: #333939; }
.wsControlPopup.wsMenu ul li.wsTitle { border-color: #D1D1D1; color: #119197; }
.wsControlPopup.wsMenu ul li.wsSeparator { border-color: #D1D1D1; }
.wsControlPopup.wsMenu ul li.wsLink:hover, .wsControlPopup.wsMenu ul li.wsLink.wsHover { background-color: #59BCB9; color: #FFFFFF; }
/******************************************************************************************
    END WS Menu
*******************************************************************************************/

/******************************************************************************************
    WS Tabs
*******************************************************************************************/
.wsControl.wsTabs { background-color: #656868; color: #333939; }
.wsControl.wsTabs .wsControlIcons { color: #FFFFFF; }
.wsControl.wsTabs.wsUnPinnedTabActive { background-color: #63706F; color: #FFFFFF; }

.wsControl.wsTabs .wsTab { background-color: transparent; color: #FFFFFF; }
.wsControl.wsTabs .wsTab .wsText:hover { color: #FFFFFF; }

.wsControl.wsTabs .wsTab.wsPinned { background-color: #454848; color: #C9C9C9; }
.wsControl.wsTabs .wsTab.wsPinned.wsSelected { background-color: #119197; color: #FFFFFF; }
.wsControl.wsTabs .wsTab.wsPinned:hover, .wsControl.wsTabs .wsTab.wsPinned.wsHover { background-color: #56CDC9; color: #FFFFFF; }

.wsControl.wsTabs .wsTab .wsTriangle { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #D5D5D5; }
/******************************************************************************************
    END WS Tabs
*******************************************************************************************/

/******************************************************************************************
    WS Dialog
*******************************************************************************************/
.wsControlPopup.wsDialog { background-color: #FFFFFF; -moz-box-shadow: 0px 6px 7px #121012; -webkit-box-shadow: 0px 6px 7px #121012; box-shadow: 0px 6px 7px #121012; }

.wsControlPopup.wsDialog .wsHeader.wsDialogPanel { background-color: #119197; border-bottom-color: rgba(80, 80, 80, 0.2); /* -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.30); box-shadow: 0px 1px 2px rgba(0,0,0,0.30); */ color: #FFFFFF;  }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsText { color: #fff; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsIcon { color: #fff; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsIcon span:hover, .wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsIcon.wsHover { color: #56CDC9; }

.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu { background-color: #EEEBEB; border-color: #FFFFFF; color: #333939; }
.wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu .wsItem:hover, .wsControlPopup.wsDialog .wsHeader.wsDialogPanel .wsPopupMenu .wsItem.wsHover { background-color: #61A4AC; color: #FFFFFF; }

.wsControlPopup.wsDialog .wsContent.wsDialogPanel { background-color: #FFFFFF; }

.wsControlPopup.wsDialog .wsFooter.wsDialogPanel { background-color: #EDF3F7; border-color: #D1D1D1; }

.wsControlPopup.wsDialog .wsLoading { background-color: #FFFFFF; }
/******************************************************************************************
    END WS Dialog
*******************************************************************************************/

/******************************************************************************************
    WS AnchoredPopup
*******************************************************************************************/
.wsControlPopup.wsDialog.wsAnchoredPopup { background-color: #FBC322; border-color: #4DA5A7; }
.wsControlPopup.wsDialog.wsAnchoredPopup .wsHeader.wsDialogPanel { background-color: #4DA5A7; }
.wsControlPopup.wsDialog.wsAnchoredPopup .wsHeader.wsDialogPanel .wsIcon span:hover, .wsControlPopup.wsDialog.wsAnchoredPopup .wsHeader.wsDialogPanel .wsIcon.wsHover { color: #56CDC9; }

.wsControlPopup.wsDialog.wsAnchoredPopup > .wsTriangle { border-right-color: #FBC322; }
.wsControlPopup.wsDialog.wsAnchoredPopup > .wsTriangle:after { border-top-color: transparent; border-right-color: #FBC322; border-bottom-color: transparent; }

.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorRight > .wsTriangle { border-left-color: #FBC322; }
.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorRight > .wsTriangle:after { border-left-color: #FBC322; }

.wsControlPopup.wsDialog.wsAnchoredPopup .wsFooter.wsDialogPanel { border-top-color: #D1D1D1; }

/*Nemanja: Do not uncomment this!*/
/*.wsControlPopup.wsDialog.wsAnchoredPopup.wsAnchorLeft > .wsTriangle:after { border-top-color: transparent; border-right-color: #FF8000; border-bottom-color: transparent; }*/
/******************************************************************************************
    END WS AnchoredPopup
*******************************************************************************************/

/******************************************************************************************
    WS TabBar
*******************************************************************************************/
.wsControl.wsTabBar { background-color: #4B4A5C; color: #FFFFFF; }
.wsControl.wsTabBar .wsTab { background-color: #61A4AC; color: #FFFFFF; border-color: #D8DDE1; }
.wsControl.wsTabBar .wsTab:hover, .wsControl.wsTabBar .wsTab.wsHover { background-color: #4A535E; color: #FFFFFF; }
.wsControl.wsTabBar .wsTab.wsSelected { background-color: #FFFFFF; color: #333939; }
.wsControl.wsTabBar .wsTab .wsTriangle { border-bottom-color: #FFFFFF; border-left-color: transparent; border-right-color: transparent; }
/******************************************************************************************
    END WS TabBar
*******************************************************************************************/

/******************************************************************************************
    WS TabBar Control
*******************************************************************************************/
.wsControl.wsTabBarControl { width: 100%; background-color: #E1E2E4; border-top-color: transparent; border-bottom-color: #FFFFFF; }

.wsControl.wsTabBarControl > ul { border-bottom-color: #037073; }
.wsControl.wsTabBarControl > ul > li { background-color: #19C2C6; border-color: #19C2C6; color: #FFFFFF; }
.wsControl.wsTabBarControl > ul > li:hover, .wsControl.wsTabBarControl > ul > li.wsHover { background-color: #FCB322; border-color: #FCB322; }

.wsControl.wsTabBarControl > ul > li.wsSelected { background-color: #FFFFFF; color: #333939; }
.wsControl.wsTabBarControl > ul > li.wsInvalid { color: #FF0000; }

.wsControl.wsTabBarControl > ul > li.grConflictsItem { color: #E57D04; }
/******************************************************************************************
    END WS TabBar Control
*******************************************************************************************/

/******************************************************************************************
    WS AdvancedSearch
*******************************************************************************************/
.wsControl.wsAdvSearch .btnLargeOption { background-color: #56CDC9 !important; }
.wsControl.wsAdvSearch > div.wsMainPopup { background-color: #FFFFFF; border-color: #D1D1D1; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 3px rgba(0,0,0,0.15); }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv { background-color: #4C5051; color: #FFFFFF; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv > div.wsHeaderDivCloseIcon { color: #FFFFFF; }
.wsControl.wsAdvSearch > div.wsMainPopup > div.wsHeaderDiv > div.wsHeaderDivCloseIcon > a.wsLinkClose { color: inherit; }
/******************************************************************************************
    END WS AdvancedSearch
*******************************************************************************************/

/******************************************************************************************
    WS ReportFileViewer
*******************************************************************************************/
.wsControl.wsReportFileViewer > div.wsFileViewer { background-color: #F9F9FA; }
/******************************************************************************************
    END WS ReportFileViewer
*******************************************************************************************/

/******************************************************************************************
    WS FileUploadViewer
*******************************************************************************************/
.wsControl.wsFileUploadViewer > tbody > tr > th { background-color: #119197; color: #FFFFFF; border-color: #FFFFFF;}

.wsControl.wsFileUploadViewer > tbody > tr > td { border-color: #FFFFFF; background-color: #D8DDE1; }
.wsControl.wsFileUploadViewer > tbody > tr:nth-child(odd) > td { background-color: #E6EAED; }
.wsControl.wsFileUploadViewer > tbody > tr > td > a { color: #000000; }
/*.wsControl.wsFileUploadViewer > tbody > tr:hover > td { background-color: #A6E4E1; }*/
/******************************************************************************************
    END WS FileUploadViewer
*******************************************************************************************/

/******************************************************************************************
    WS FileViewer
*******************************************************************************************/
.wsControl.wsFileViewer .wsPopupContainer { background-color: rgba(0, 0, 0, 0.98); color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar > .wsIconClose { color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar > .wsIconNext { color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupTitleBar > .wsIconPrev { color: #FFFFFF; }

.wsControl.wsFileViewer .wsPopupContainer > .wsPopupPrevFile { color: #666666; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupPrevFile:hover { color: #263A55; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupNextFile { color: #666666; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupNextFile:hover { color: #263A55; }

.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails { border-top-color: #202020; background-color: rgba(0, 0, 0, 0.8); }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsLoading { color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem { border-color: #505050; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem.wsSelected { border-color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem > .wsImage { background-color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsItems > .wsThumbnailItem > .wsIcon { color: #505050; }

.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsPrevIcon:hover { color: #FFFFFF; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsNextIcon { color: #666666; }
.wsControl.wsFileViewer .wsPopupContainer > .wsPopupThumbnails > .wsNextIcon:hover { color: #FFFFFF; }

.wsControl.wsImageGallery .wsThumbnailStripContainer { border-top-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #F1F1F1; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsLoading { color: #FFFFFF; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem { border-color: #CBCBCB; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem.wsSelected { border-color: #656868; background-color: #C7C7C7; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem > .wsImage { background-color: #FFFFFF; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsItems > .wsThumbnailItem > .wsIcon { color: #505050; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsPrevIcon { color: #505050; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsPrevIcon:hover { color: #000000; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsNextIcon { color: #505050; }
.wsControl.wsImageGallery .wsThumbnailStripContainer > .wsNextIcon:hover { color: #000000; }

.wsControl.wsFileViewer .wsPopupContainer.wsInline { background-color: transparent; color: #000000; }
/******************************************************************************************
    END WS FileViewer
*******************************************************************************************/

/******************************************************************************************
    WS File
*******************************************************************************************/
.wsControl.wsFile .wsUploadArea { background-color: #263A55; border-color: #263A55; color: #FFFFFF; }
.wsControl.wsFile .wsUploadArea .wsIcon { background-color: #56CDC9; color: #FFFFFF; }
.wsControl.wsFile.wsPopup.wsHasItems .wsUploadArea .wsItemsNum { background-color: #56CDC9; color: #FFFFFF; }

.wsControl.wsFile .wsFilesArea.wsPopup { border-color: #263A55; }
.wsControl.wsFile.wsInvalid .wsUploadArea { background-color: #263A55; color: #FFFFFF; border: 1px solid #E0574D; }
.wsControl.wsFile.wsInvalid .wsUploadArea .wsIcon { background-color: #56CDC9; color: #FFFFFF; }
.wsControl.wsFile.wsDisabled .wsUploadArea { background-color: #FAFAFA; color: #666666; border-color: #D1D1D1; }
.wsControl.wsFile.wsDisabled .wsUploadArea .wsIcon { background-color: #FAFAFA; color: #666666; }
.wsControl.wsFile .wsUploadArea:hover { background-color: #56CDC9; }
.wsControl.wsFile.wsDisabled .wsUploadArea:hover { background-color: transparent; }

.wsControl.wsFile .wsItem { background-color: #E6EAED; border-color: #FFFFFF; }
.wsControl.wsFile .wsItem .wsFileIcon { color: #263A55; }
.wsControl.wsFile .wsItem .wsIcon { color: #626667; }
.wsControl.wsFile .wsItem .wsProgressBar { background-color: #D8DDE1; }
.wsControl.wsFile .wsItem .wsProgressBar .wsProgress { background-color: #56C9C6; }
.wsControl.wsFile .wsItem .wsProgressBar .wsProgress:after, .wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar .wsProgress:after
{
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,  color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);	
}
/******************************************************************************************
    END WS File
*******************************************************************************************/

/******************************************************************************************
    WS Image Gallery
*******************************************************************************************/
.wsControl.wsImageGallery.wsSingleImage { background-color: transparent; }
.wsControl.wsImageGallery.wsSingleImage div.wsFullImage { background-color: #FFFFFF; color: #000000; }
.wsControl.wsImageGallery.wsSingleImage .wsImageContainer .wsIcon { color: #6C7B90; }

.wsControl.wsImageGallery.wsSingleImageUpload { border-color: #D1D1D1; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsImageContainer .wsIcon { color: #6C7B90; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsButtonsContainer { background-color: #069FA4; color: #FFFFFF; }
.wsControl.wsImageGallery.wsSingleImageUpload .wsButtonsContainer .wsControl.wsButton .wsIcon { color: #FFFFFF; }
.wsControl.wsImageGallery.wsSingleImageUpload div.wsFullImage { background-color: #FFFFFF; color: #000000; }

.wsControl.wsImageGallery.wsGallery .wsNavigation .wsIcon span { text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; color: #000000; }

.wsControl.wsImageGallery.wsGallery .wsFooter { background-color: rgba(0,0,0,0.2); color: #FFFFFF; }

.wsControl.wsImageGallery.wsGallery.wsFullscreen { background-color: #FFFFFF; border-color: #AAAAAA; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsClose { background-color: #152840; border-color: #152840; color: #fafafa; }

.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader {background-color: #393333; color: #fafafa;}

.wsControl.wsImageGallery.wsGallery .wsImageGalleryHeader .wsImageAdditionalData .wsImageAdditionalDataItem {  background-color: #808080; color: #d1d1d1; }

.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsControl.wsButton.wsNoBackground { background-color: transparent; border: none; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsControl.wsButton.wsNoBackground.wsHasIcon .wsIcon { color: #fafafa; }
.wsControl.wsImageGallery.wsGallery.wsFullscreen .wsImageGalleryHeader .wsButton { background-color: transparent; color: #fafafa; }

.wsControl.wsImageGallery.wsGallery .wsFooter .wsAutoplay input[type="checkbox"] + label .wsIcon { border-color: #FFFFFF; color: #FFFFFF; }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsThumbnailContainer { color: rgba(255,255,255,0.7); }
.wsControl.wsImageGallery.wsGallery .wsFooter .wsThumbnailContainer .wsThumbIcon.wsSelected { color: #FFFFFF; }

.wsControl.wsImageGallery.wsGallery .wsThumbnailPreview { background-color: #FFFFFF; border-color: #D1D1D1; }

.wsImageInfoWnd { border-color: #CCCCCC; background: #FFFFFF; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176); background-color: #FFFFFF; }
.wsImageInfoWnd::after { border-color: #FBC000 transparent; }
.wsImageInfoWnd::before { border-color: #CCCCCC transparent;   }
.wsImageInfoWnd > .wsImageInfoWndHeader { background-color: #FBC000; border-bottom-color: #CCCCCC; }
.wsImageInfoWnd > .wsImageInfoWndHeader .wsClose { background-color: transparent; color: #000000; }

.wsControl.wsImageGallery.wsGallery .wsImageGalleryMiddle td .wsImageInfoInline { color: #FFFFFF; background-color: rgba(38,58,85,0.8); }

/******************************************************************************************
    END WS Image Gallery
*******************************************************************************************/

/******************************************************************************************
    WS Image Editor
*******************************************************************************************/
.wsControl.wsImageEditor { border-color: #D1D1D1; background-color: #FFFFFF; }
.wsControl.wsImageEditor > .wsHeader { background-color: #3C4E66; color: #FFFFFF; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton { /* border-color: #5EB9BA; */ background-color: #3C4E66; color: #FFFFFF; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsButton.wsSelected { background-color: #5EB9BA; color: #FFFFFF; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker { /* border-color: #5EB9BA; */ background-color: #3C4E66; color: #FFFFFF; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsColorPicker .sp-replacer { background-color: #3C4E66; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect { background-color: #FAFAFA; color: #000000; }
.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControl.wsSelect { /* border-color: #5EB9BA; */ background-color: #3C4E66; color: #FFFFFF; }

.wsControl.wsImageEditor > .wsHeader .wsButtonGroup .wsControlPopup.wsSelect { color: #000000; }

.wsControl.wsImageEditor .wsEditorUploadProgress { background-color: #FAFAFA; border-color: #3C4E66; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsText { color: #000000; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar { background-color: #D8DDE1; }
.wsControl.wsImageEditor .wsEditorUploadProgress .wsProgressBar .wsProgress { background-color: #56C9C6; }
/******************************************************************************************
    END WS Image Editor
*******************************************************************************************/

/******************************************************************************************
   WS Pager
*******************************************************************************************/
.wsControl.wsPager > .wsItemsInfo { border-right-color: #AAAAAA; color: #AAAAAA; }

.wsControl.wsPager > .wsPager { border-right-color: #AAAAAA; }
.wsControl.wsPager > .wsPager a { color: #FFFFFF; }
.wsControl.wsPager > .wsPager a:hover, .wsControl.wsPager > .wsPager a.wsHover { color: #A6E4E1; }
.wsControl.wsPager > .wsPager a.wsCurrent { color: #A6E4E1; }

.wsControl.wsPager > .wsPageInfo { border-right-color: #FAFAFA; color: #FAFAFA; }

.wsControl.wsPager > .wsPagerLeft { border-right-color: #FAFAFA; }
.wsControl.wsPager > .wsPagerLeft a { color: #FAFAFA; }
.wsControl.wsPager > .wsPagerLeft a:hover { color: #A6E4E1; }

.wsControl.wsPager > .wsPagerRight a { color: #FAFAFA; }
.wsControl.wsPager > .wsPagerRight a:hover { color: #56CDC9; }

.wsControl.wsPager > .wsPagerOptions .wsTriangle { background-color: transparent; }
.wsControl.wsPager > .wsPagerOptions .wsTriangle:after, .wsControl.wsPager > .wsPagerOptions .wsTriangle:before { border-color: transparent; }
.wsControl.wsPager > .wsPagerOptions .wsTriangle:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #B1B6BA; }
.wsControl.wsPager > .wsPagerOptions .wsTriangle:before { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #d1d1d1;  }

.wsControl.wsPager > .wsPagerOptions .wsOptionsContent { background-color: transparent; }
.wsControl.wsPager > .wsPagerOptions .wsOptionsContent > .wsContentRight { border-color: #d1d1d1; background-color: #B1B6BA; }

.wsControl.wsPager > .wsPagerOptions .wsItemsInfo { border-right-color: #d1d1d1; color: #333939; }

.wsControl.wsPager > .wsPagerOptions .wsPager { border-right-color: #d1d1d1; }
.wsControl.wsPager > .wsPagerOptions .wsPager a { color: #333939; }
.wsControl.wsPager > .wsPagerOptions .wsPager a:hover, .wsControl.wsPager > .wsPager a.wsHover { color: #56CDC9; }
.wsControl.wsPager > .wsPagerOptions .wsPager a.wsCurrent { color: #FCC200; }
.wsControl.wsPager > .wsPagerOptions .wsIcon { color: #FFFFFF; } 
.wsControl.wsPager > .wsPagerOptions:hover .wsIcon { color: #56CDC9; } 

/*wsLightBack*/
.wsControl.wsPager.wsLightBack > .wsPager { border-right-color: #AAAAAA; }

.wsControl.wsPager.wsLightBack > .wsPager a { color: #333939; }
.wsControl.wsPager.wsLightBack > .wsPager a:hover, .wsControl.wsPager.wsLightBack > .wsPager a.wsHover { color: #FCB322; }
.wsControl.wsPager.wsLightBack > .wsPager a.wsCurrent { color: #FCB322; }

.wsControl.wsPager.wsLightBack > .wsPageInfo { border-right-color: #AAAAAA; color: #333939; }

.wsControl.wsPager.wsLightBack > .wsPagerLeft { border-right-color: #AAAAAA; }
.wsControl.wsPager.wsLightBack > .wsPagerLeft a { color: #333939; }
.wsControl.wsPager.wsLightBack > .wsPagerLeft a:hover { color: #FCB322; }

.wsControl.wsPager.wsLightBack > .wsPagerRight { border-right-color: #AAAAAA; }
.wsControl.wsPager.wsLightBack > .wsPagerRight a { color: #333939; }
.wsControl.wsPager.wsLightBack > .wsPagerRight a:hover { color: #FCB322; }

.wsControl.wsPager.wsLightBack > .wsPagerOptions .wsTriangle::before { border-bottom-color: transparent; }
.wsControl.wsPager.wsLightBack > .wsPagerOptions .wsPageInfo { color: #333939; }
/******************************************************************************************
   END WS Pager
*******************************************************************************************/

/******************************************************************************************
    WS Grid
*******************************************************************************************/
.wsControl.wsGrid > .wsHeader { background-color: #263A55; border-color: #FFFFFF; color: #FFFFFF;}
.wsControl.wsGrid > .wsHeaderSmall { background-color: #263A55; border-color: #FFFFFF; color: #FFFFFF; }
.wsControl.wsGrid > .wsFooter { background-color: #263A55; border-color: #FFFFFF; color: #FFFFFF; }

/*rows*/
.wsControl.wsGrid > .wsContent table.wsGridTable > thead > tr > th { background-color: #119197; border-color: #ffffff; border-left-color: #E6EAED; border-right-color: #F9F9F9; color: #FFFFFF; /* font-size: 13px; */ font-weight: 400; /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */ vertical-align: middle; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td { background-color: #E6EAED; border-bottom-color: #F9F9F9; border-left-color: #E6EAED; border-right-color: #F9F9F9; color: #333939; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsAlternateRow > td { background-color: #D8DDE1; color: #000000; }
.wsTransparentRow { background-color: transparent; border-color: #FFFFFF; color: #000000; }

.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsParentRow > td { background-color: #2aa0d3; border-color: #D1D1D1; color: #fff; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsWarningRow > td { background-color: #EF3D6F; border-color: #D1D1D1; color: #fff; }

.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > th.wsTextCell { width: 70px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsTextCell { width: 70px; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr > td.wsAmtCell { width: 70px; text-align: right; }

/*sublevel*/
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle .wsTriangle { border-bottom-color: #FBC322; }
.wsControl.wsGrid > .wsContent div.wsSubLevelTriangle .wsTriangle {  border-color: transparent transparent transparent transparent; }

.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead > tr > th { background-color: #FBC322; color: #333939; border-color: #dcdcdc; }
.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead > tr > th.wsLast { background-color: #FBC322; color: #333939;  border-color: #dcdcdc; }

.wsControl.wsGrid > .wsContent table.wsSubLevel tbody > tr { border-color: #FFFFFF; }
.wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > tbody > tr > td { background-color: #E6EAED; border-color: #DCDCDC; color: #333939; }
.wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > tbody > tr.wsAlternateRow > td { background-color: #F1E9DC; border-color: #DCDCDC; color: #333939; }

/*selected*/
.wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsSelected > td, .wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsSelected:hover > td { background-color: #FCB322; color: #333939; } 
.wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table.wsSubLevel.wsGridTable > tbody > tr.wsGridRow.wsSelected > td:not(.wsSubLevelColumnContainer), .wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table.wsSubLevel.wsGridTable > tbody > tr.wsGridRow.wsSelected:hover > td:not(.wsSubLevelColumnContainer) { background-color: #FCB322; color: #333939; } 
.wsControl.wsGrid:not(.wsNoHighlight) > .wsContent table.wsGridTable > tbody > tr.wsSelected > td .wsCheckbox { color: #333939; }

/*hover*/
.wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow:hover > td, .wsControl.wsGrid:not(.wsNoHover) > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsHover > td { background-color: #F5D79B; }
.wsControl.wsGrid:not(.wsNoHover):not(.wsNoHighlight) > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsSelected:hover > td, .wsControl.wsGrid:not(.wsNoHover):not(.wsNoHighlight) > .wsContent table.wsGridTable > tbody > tr.wsGridRow.wsSelected.wsHover > td { background-color: #FCB322; }

/*loading*/
.wsControl.wsGrid .wsLoading { background-color: #E6EAED; }

/*other*/
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsEmptyRow > td { background-color: #E6EAED; border-color: #E6EAED; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsMessageRow > td { border-color: #FFFFFF; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsWhiteBackground:not(.wsSelected) > td { background-color: #FFFFFF; color: #333939; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsTransparentBackground:not(.wsSelected) > td { background-color: transparent; color: #333939; }

/*footer*/
.wsControl.wsGrid > .wsContent table.wsGridTable > tfoot > tr > td { background-color: transparent; color: transparent; border-color: transparent; }

.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer { background-color: #b5b5b5; /*#E6EAED;*/ }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle .wsTriangle { /* border-bottom-color: #3F5475; */ }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle .wsTriangle:after { /* border-bottom-color: #C95526; border-left-color: transparent; border-right-color: transparent; */ }
.wsControl.wsGrid > .wsContent table.wsSubLevel.wsGridTable > thead > tr > th { /* border: solid 1px #333939; */ }

/*Grid Buttons*/
.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton { background-color: transparent; border-color: transparent; box-shadow: none; text-shadow: none; }
.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton:hover { color: #56CDC9; }
.wsControl.wsButton.wsHasIcon.wsTextRight.wsGridHeaderButton:hover .wsIcon { color: #56CDC9; }

.wsControl.wsButton.wsHasIcon.wsNoText.wsGridHeaderButton { background-color: transparent; border-color: transparent; box-shadow: none; text-shadow: none; }
.wsControl.wsButton.wsHasIcon.wsNoText.wsGridHeaderButton:hover .wsIcon { color: #56CDC9; }

.wsControl.wsButton.brighterBlue:not(.wsTextOutside) { background-color: #516176; }
.wsControl.wsButton.brighterBlue:not(.wsTextOutside):hover { background-color: #56CDC9; }

/*Custom Headers*/
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle.wsHeaderYellow .wsTriangle { border-bottom-color: #FBC322; }
.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead.wsHeaderYellow > tr > th { background-color: #FBC322; color: #333939; border-color: #dcdcdc; }
.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead.wsHeaderYellow > tr > th.wsLast { background-color: #FBC322; color: #333939;  border-color: #dcdcdc; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer.wsHeaderYellow { background-color: #B5B5B5; }

.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer > .wsSubLevelTriangle.wsHeaderGreen .wsTriangle { border-bottom-color: #4FAE28; }
.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead.wsHeaderGreen > tr > th { background-color: #4FAE28; color: #FFFFFF; border-color: #FFFFFF; }
.wsControl.wsGrid > .wsContent table > tbody > tr > td.wsSubLevelColumnContainer table.wsSubLevel > thead.wsHeaderGreen > tr > th.wsLast { background-color: #4FAE28; color: #FFFFFF;  border-color: #FFFFFF; }
.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsExpandedContent td.wsSubLevelColumnContainer.wsHeaderGreen { background-color: #B5B5B5; }

/******************************************************************************************
    END WS Grid
*******************************************************************************************/

/******************************************************************************************
    WS DocumentManager
*******************************************************************************************/
.wsControl.wsDocumentManager { background-color: transparent; }
.wsControl.wsDocumentManager .wsTreeView { background-color: #FFFFFF; border-color: #D1D1D1; }

.wsDocumentManagerContextMenu .context-menu-item.hover { background-color: #263A55; color: #FFFFFF; }

.wsControl.wsDocumentManager td.wsDocuments > .wsHeader { background-color: #FFFFFF; border-color: #D1D1D1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsView { color: #D1D1D1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsView .wsIcon.wsSelected { color: #263A55; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks { color: #666666; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li:hover { color: #263A55; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsPager .wsPagerLinks ul li.wsSelected { color: #263A55; }

.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup { -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); box-shadow: 0px 0px 3px rgba(0,0,0,0.6); }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup { background-color: #FAFAFA; color: #333939; border-color: #D1D1D1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsHeader { background-color: #263A55; color: #FFFFFF; border-color: #D1D1D1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFooter { background-color: #FAFAFA; color: #333939; border-color: #D1D1D1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li { border-color: #D1D1D1; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li .wsIcon { color: #263A55; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesPopup .wsFilePopupContentCol1 > .wsItems ul li .wsFileName { color: #666666; }
.wsControl.wsDocumentManager td.wsDocuments > .wsHeader .wsSelectedFiles .wsFilesCount { background-color: #263A55; color: #FFFFFF; }

.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem { background-color: #F1F1F1; color: #333939; border-color: #D1D1D1; border-radius: 5px; -webkit-box-shadow: 0px 6px 7px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 7px -6px rgba(0,0,0,0.75); box-shadow: 0px 6px 7px -6px rgba(0,0,0,0.75);}
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsHeader { width: 100%; background-color: #FAA41A; color: #FFF; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsHeader > .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { border-color: #ADB0B7; background-color: #FFFFFF; color: #333939; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsThumbnail .wsIcon { color: #6C7B90; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo { background-color: #EE942A; color: #333939; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > div:first-child { background-color: #E7E7E7; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table { background-color: #E7E7E7;}
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > table > tbody > tr > td.wsLabel { color: #666666; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter { background-color: transparent; color: #333939; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter .wsIcon { color: #656868; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsInfo > .wsFooter .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControl.wsDocumentManager .wsDocuments .wsThumbnailItem > .wsDocumentBadge { background-color: #808080; color: #FFFFFF; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem { background-color: #FEFEFE; border-color: #D1D1D1; color: #333939; -webkit-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader { /*background-color: #F1F1F1; color: #333939; */ width: 100%; background-color: #459dd3; color: #FFF; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);}
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader > .wsTitle { color: #F1F1F1; /*#333939; */ }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsHeader > .wsIconSpan { color: #F1F1F1; /*#333939; */ }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsDocumentBadge { background-color: #808080; color: #FFFFFF; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter { /*background-color: #F1F1F1; color: #333939; */ position:relative; background-color: #F1F1F1; color: #FFF; height: 28px; line-height: 28px; font-size: 16px; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter > .wsIconSpan { color: #333939; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter .wsInputSpan input[type="checkbox"] + label .wsCheckboxIcon { background-color: #FFFFFF; border-color: #ADB0B7; color: #333939; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem > .wsFooter > .wsIconSpan .wsIcon { display: inline-block; font-size: 16px; cursor: pointer; width: 25px; text-align: center; }

.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsInfoTD > table > tbody > tr > td { color: #333939; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsInfoTD > table > tbody > tr > td.wsLabel { color: #666666; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail { background-color: #FEFEFE; color: #6C7B90; }
.wsControl.wsDocumentManager .wsDocuments .wsListItem .wsThumbnail .wsIcon { color: #6C7B90; }

.wsControl.wsDocumentManager .wsCatalogs .wsCatalogsHeader .wsDisplayOptions .wsIcons { color: #263A55; }
/******************************************************************************************
    END WS DocumentManager
*******************************************************************************************/

/******************************************************************************************
    WS EventScheduler
*******************************************************************************************/
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem:hover { background-color: #FAFAFA; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem .wsColorBox { background-color: #778899; border-color: #778899; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem .wsIcon { color: #444444; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsEventsHidden .wsText { color: #CCCCCC; }
.wsControl.wsEventScheduler .wsEventTypesContainer ul li .wsItem.wsEventsHidden .wsIcon { color: #CCCCCC; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsAttachment { background-color: inherit; color: inherit; }
.wsControl.wsEventScheduler .wsEventsContainer .wsEvent .wsAttachment a { background-color: inherit; color: inherit; }

.wsControl.wsEventScheduler .wsEventsContainer .wsEvent { background-color: #778899; border-color: #778899; color: #FFFFFF; }
.wsControl.wsEventScheduler .wsEventsContainer .fc-view-container { background-color: #FFFFFF; color: #000000; }

.wsControlPopup.wsEventScheduler { background-color: #FAFAFA; }
.wsControlPopup.wsEventScheduler ul { border-color: #D1D1D1; }
.wsControlPopup.wsEventScheduler ul li { border-color: #D1D1D1; }
.wsControlPopup.wsEventScheduler ul li:hover { background-color: #BCE8F1; }

.wsControlPopup.wsEventSchedulerTypeColor  { background-color: #FFFFFF; border-color: #D1D1D1; }
.wsControlPopup.wsEventSchedulerTypeColor .wsColor { background-color: #778899; border-color: #778899; }
/******************************************************************************************
   WS EventScheduler
*******************************************************************************************/

/******************************************************************************************
    WS Chat
*******************************************************************************************/
.wsImgCircularSmall { background-color: #FFFFFF; border-color: #d1d1d1; }

.wsControl.wsChat > div.wsMainDiv { background-color: #FFFFFF; border-color: #D1D1D1; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.15);  -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 3px rgba(0,0,0,0.15); }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv { color:#56cdc9;  border-bottom-color: #D1D1D1; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsTitle { border-right-color: #D1D1D1;  }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions { background-color: #FFFFFF; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions > a.wsLinkClose { color: #000000; }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions .wsStatus { background-color: #6FB07F; color: #FFFFFF;  }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsOptions > div.wsMainOptions .wsMsContacts { border-color: #D1D1D1; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts { background-color: #263A55; border-right-color: #D1D1D1; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsHeader > div.wsOptions .wsLinkClose { color: #A5A5A5; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsHeader > div.wsTitle .wsLabel { color: #56CDC9;  }
.wsControl.wsChat > div.wsMainDiv > div.wsHeaderDiv > div.wsTitle { background-color: #425B71; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsName { color: #FFFFFF; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact.wsActive { background-color: #425B71; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsImage > span.wsIcon { color: #FFFFFF; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsCounter > span.wsCount { background-color: #425b71; color: #FFFFFF; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsStatus.wsOnline { color: #69B183; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsStatus.wsOffline{ color: #A5A5A5; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsStatus.wsBusy{ color: #F85D3F; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsContacts > div.wsContactsList > div.wsContact > div.wsStatus.wsAway { color: #FEB33C; }

.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsSearch { background-color: #425B71; border-right-color: #D1D1D1;  }
.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsSearch .wsTxtSearch { background-color: #425B71; border-color: #A5A5A5; color: #FFFFFF; }
.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsSearch .wsBtnSearch { color: #A5A5A5; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessageHistoryOptions { color: #56CDC9; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessageHistoryOptions > a { color: #56CDC9; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessageHistoryOptions > a.wsActive { color: #000000; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent .wsMsgUser { color: #56CDC9; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent .wsMsgPostedOn { color: #B7B1B1; }

.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent > div.wsChatBubble { background: #DEDFE1; }
.wsControl.wsChat > div.wsMainDiv > div.wsContent > div.wsMessageHistory > div.wsMessage > div.wsMessageContent > div.wsChatBubble:after { border-color: transparent #DEDFE1; }

.wsControl.wsChat > div.wsMainDiv > div.wsFooter > div.wsMessage > div.wsMessageBox .wsTxtMessage { background-color: #FFFFFF; border-color: #D1D1D1; }

.wsControl.wsChat > div.wsMainDiv > div.wsFooter { border-top-color: #D1D1D1; }
/******************************************************************************************
    END WS Chat
*******************************************************************************************/

/******************************************************************************************
    WS ThemeEditor
*******************************************************************************************/
.wsControl.wsThemeEditor { background-color: transparent; }

.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorPreview.wsSelected { -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); box-shadow: 0px 0px 3px rgba(0,0,0,0.8); }

.wsControlPopup.wsThemeEditor.wsStylesContainer { background: #FFFFFF; }

.wsControlPopup.wsThemeEditor.wsColorDialog .wsColorPreview { border-color: #666666; background-color: #FFFFFF; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsTitle { border-color: #D1D1D1; background-color: #263A55; color: #FFFFFF; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsTitle:hover { background-color: #56CDC9; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent { background-color: #FAFAFA; border-color: #D1D1D1; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection.wsLast .wsContent { border-color: #D1D1D1; }
.wsControlPopup.wsThemeEditor.wsStylesContainer { border-color: #D1D1D1; }
.wsControlPopup.wsThemeEditor.wsColorDialog .wsSection .wsContent table > tbody > tr > td.wsLabel > .wsIcon { color: #666666; }
/******************************************************************************************
    END WS ThemeEditor
*******************************************************************************************/

/******************************************************************************************
    WS VerticalNavBar
*******************************************************************************************/
.wsControl.wsVerticalNavBar { background-color: transparent; }
.wsControl.wsVerticalNavBar > .wsItems > ul { background-color: transparent; margin-right: -1px; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-0 { background-color: #4DA5A7; color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTriangleSelected { border-color: transparent #FFFFFF transparent transparent; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTriangleSelected:after { border-color: transparent #FFFFFF transparent transparent; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsTriangleSelected.wsThemeEditorHelper { border-right-color: #FFFFFF; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li { background-color: #c5cccc; /* border-bottom-color: #f1f1f1; */ color: #333939; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li:hover, .wsControl.wsVerticalNavBar > .wsItems > ul > li.wsHover { background-color: #4A4F50; color: #F8F8FA; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li:hover:not(.wsDisabled) > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li.hover:not(.wsDisabled) > .wsAdditionalInfo { color: #ffffff; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSelected { background-color: #0d7477; color: #FFFFFF; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSelected:not(.wsDisabled) > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSelected:not(.wsDisabled) > .wsAdditionalInfo { color: #ffffff; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li:not(.wsDisabled) > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li:not(.wsDisabled) > .wsAdditionalInfo { color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsLast { border-bottom: none; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsNumber { border-color: #FFFFFF; background-color: #068587; color: #FFFFFF; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li > .wsSubNumber { border-color: #333939; background-color: #333939; color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsCompleted > .wsNumber { background-color: #4DA5A7; border-color: #FFF; color: #FFF; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsCompleted > .wsSubNumber { background-color: #4DA5A7; border-color: #FFF; color: #FFF; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsCompleted:hover { background-color: #9DD3EB; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsPending > .wsNumber { background-color: #73bcba; border-color: #fff; color: #fff; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsPending > .wsSubNumber { background-color: #73bcba; border-color: #fff; color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSkipped > .wsNumber { background-color: #E3E4E4; color: #4b4b4b; border-color: #fff; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSkipped > .wsSubNumber { background-color: #E3E4E4; color: #4b4b4b; border-color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSkipped > .wsNumber { background-color: #666666; color: #4b4b4b; border-color: #fff; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsSkipped > .wsSubNumber { background-color: #666666; color: #4b4b4b; border-color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled { background-color: #E3E4E4; color: #4b4b4b; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled > .wsNumber { background-color: #E3E4E4; color: #4b4b4b; border-color: #656868; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled > .wsSubNumber { background-color: #E3E4E4; color: #4b4b4b; border-color: #656868; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled:hover { background-color: #56cdc9; color: #4b4b4b; border-color: transparent; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled:hover > .wsSubtitle, .wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled:hover > .wsAdditionalInfo { color: #4b4b4b; } 

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled .wsIconsColapseExpand > .wsIcon.wsIconHide { color: #B1B1B1; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsDisabled .wsIconsColapseExpand > .wsIcon.wsIconShow { color: #B1B1B1; }

.wsControl.wsVerticalNavBar > .wsCollapseExpandButton { background-color: #4da5a7; color: #fff; }
.wsControl.wsVerticalNavBar > .wsCollapseExpandButton:hover, .wsControl.wsVerticalNavBar > .wsCollapseExpandButton.wsHover { background-color: #119197; color: #fff; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1 { background-color: #e3e4e4; color: #333939;}
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard { border-bottom-color: #d1d1d1; border-top-color: #fff; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard .wsTitle { color: #333939; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard .wsSubtitle { color: #333939; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1:hover { background-color: #4A4F50; color: #F8F8FA; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard:hover { background-color: #A6CFE3; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsSelected { background-color: #119197; color: #FFFFFF; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsSelected { background-color: #DDDDDD; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsInitial { border-left-color: #5B5B5B; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsCompleted { border-left-color: #007600; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsPending { border-left-color: #BF382B; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsSkipped { border-left-color: #7C8587; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsDisabled { border-left-color: #7C8587; }
.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.wsCard.wsOnHold { border-left-color: #7C8587; }

.wsControl.wsVerticalNavBar > .wsItems > ul > li.wsLevel-1.grConflictsItem { color: #E57D04; }

/******************************************************************************************
    END WS VerticalNavBar
*******************************************************************************************/

/*******************************************************************************************
    WS Cards
********************************************************************************************/
.wsCard > ul > li > .wsContent { background-color: #fff; border-color: #d1d1d1; }
.wsCard > ul > li > .wsContent .wsTop > span { color: #000; }
.wsCard > ul > li > .wsContent .wsBottom > span { color: #000; }
.wsCard > ul > li > .wsStatusStarted { border-left-color: #FF0000; }
.wsCard > ul > li > .wsStatusCompleted { border-left-color: #007600; }
.wsCard > ul > li > .wsStatusInactive { border-left-color: #808080; }

.wsStepHdr { background-color:#69C5C2; }
.wsStepHdr span { color: #fff; }
.wsStepHdr:after { border-top-color: transparent; border-bottom-color: transparent; border-left-color: #69C5C2; }
/*******************************************************************************************
    END WS Cards
********************************************************************************************/

/*******************************************************************************************
    WS SideBar
********************************************************************************************/
.wsControl.wsSideBar { background:#152840; }

.wsControl.wsSideBar .wsSideBarHdr { color: #fff; }
.wsControl.wsSideBar .wsSideBarHdr1 { background-color: #314865; }

.wsControl.wsSideBar .wsSidebBarMenu { /* background:#314865; */}

.wsControl.wsSideBar .wsSidebBarMenu ul.top-level { color: #56ccc8; }
.wsControl.wsSideBar .wsSidebBarMenu ul.top-level li { /* color: #b2b2bd; */}
.wsControl.wsSideBar .wsSidebBarMenu a { color: #56ccc8; }
.wsControl.wsSideBar .wsSidebBarMenu li:hover { /*background: #314865; } .wsControl.wsSideBar .wsSidebBarMenu ul.sub-level { /* background: #314865; */ }
.wsControl.wsSideBar .wsSidebBarMenu ul.sub-level a { color: #b2b2bd; }
.wsControl.wsSideBar ul.sub-level li:hover { background: #314865; } 
/*******************************************************************************************
    END WS SideBar
********************************************************************************************/

/*******************************************************************************************
    WS PivotTable
********************************************************************************************/
.wsControl.wsPivotTableBuilder .wsHeader { background-color: #FFFFFF; border-color: #D1D1D1; }
.wsControl.wsPivotTableBuilder .wsHeader .wsFilterDiv .wsFilter { color: #555; background-color: #F1F1F1; border: 1px solid #DFDFDF; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.wsControl.wsPivotTableBuilder .wsHeader .drillUpBtn { color: #333333; background-color: #FFFFFF; border: 1px solid #ccc; }
.wsControl.wsPivotTableBuilder .wsHeader .drillUpBtn:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.wsControl.wsPivotTableBuilder .wsHeader .drillUpBtn .drillUpCount { background-color: silver; color: #FFFFFF; }

.wsControl.wsPivotTableBuilder .wsPivotChart { background-color: #ffffff; }
.select2-results .select2-highlighted { background-color: #56CDC9 !important; color: #FFFFFF; }
/*******************************************************************************************
    END WS PivotTable
********************************************************************************************/
/******************************************************END Controls******************************************************/
/******************************************************************************************
    WS MainContent and MainFooter
*******************************************************************************************/
.wsMainContent {
    color: #333939;
    background-color: #D1D1D1;
    background-image: -ms-linear-gradient(top, #D1D1D1 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #D1D1D1 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #D1D1D1 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D1D1D1), color-stop(1, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #D1D1D1 0%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #D1D1D1 0%, #FFFFFF 100%);
}

.wsMainContent.wsEndGradient { background-color: #FFFFFF; }
.wsMainFooter { background-color: #777B7C; color: #fff; border-color: #787c7d;  }
/******************************************************************************************
    END WS MainContent and MainFooter
*******************************************************************************************/

/******************************************************************************************
    WS Section
*******************************************************************************************/
/* .wsControl.wsSection { border-color: #D1D1D1; } */
/* -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); } */
/* -webkit-box-shadow: 2px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 2px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 2px 8px 9px -8px rgba(0,0,0,0.75);} */
/* -webkit-box-shadow: 0 1px 1px -1px #000; -moz-box-shadow: 0 1px 1px -1px #000; box-shadow: 0 1px 1px -1px #333939; } */
.wsControl.wsSection > .wsTitle { background-color: #FAA41A; color: #333939; }
.wsControl.wsSection > .wsTitle > .wsHelp, .wsControl.wsSection > .wsTitle > .wsReload { color: #333939; }
.wsControl.wsSection > .wsContent { background-color: #F8F8F8; color: #333939; -webkit-border-radius: var(--secradius); -moz-border-radius: var(--secradius); border-radius: var(--secradius); }
/******************************************************************************************
    END WS Section
*******************************************************************************************/

/******************************************************************************************
    WS Required & Help Icon
*******************************************************************************************/
.wsRequiredIcon, .wsRequiredIconLabel, .wsHelpIcon, .wsHelpIconLabel { color: #666; }
/******************************************************************************************
    END WS Required & Help Icon
*******************************************************************************************/

/******************************************************************************************
    WS Dialog Modal
*******************************************************************************************/
.wsDialogModal { background-color: rgba(0,0,0,0.30); }
/******************************************************************************************
    END WS Dialog Modal
*******************************************************************************************/

/******************************************************************************************
    WS LoadingPanel
*******************************************************************************************/
.wsLoadingPanel { background-color: rgba(255,255,255,0.5); }
.wsLoadingPanel .wsMessage { background-color: #f1f1f1; color: #000; }
/******************************************************************************************
    END WS LoadingPanel
*******************************************************************************************/

/******************************************************************************************
    WS Freeze
*******************************************************************************************/
.wsFreeze { background-color: rgba(0,0,0,0.30); }
.wsFreeze .wsMessage { background-color: #fff; color: #000; }
.wsFreezeTransparent { background-color: transparent; }
/******************************************************************************************
    END WS Freeze
*******************************************************************************************/

/******************************************************************************************
    WS Border Radius
*******************************************************************************************/
.wsControl.wsButton:not(.wsDoneButton), .wsControl.wsFile .wsUploadArea, .wsControlPopup.wsTime .wsTimeHours .wsInputSpan, .wsControlPopup.wsTime .wsTimeHours .wsInputSpan input,
.wsControl.wsButton.wsHasIcon.wsTextOutside .wsIcon, .wsLoadingPanel .wsMessage
{
    /* -webkit-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); -moz-box-shadow: 0px 8px 9px -8px rgba(0,0,0,0.75); box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.75); */
}
/******************************************************************************************
    END WS Border Radius 
*******************************************************************************************/

/******************************************************************************************
    WS Shadow
*******************************************************************************************/
.wsControlPopup.wsDialog, .wsControl.wsImageGallery.wsSingleImage div.wsFullImage, .wsControl.wsImageGallery.wsSingleImageUpload div.wsFullImage, .wsControlPopup.wsSelect, .wsControlPopup.wsMultiSelect, .wsControlPopup.wsDate, .wsControlPopup.wsDateTime, .wsControlPopup.wsTime,
.wsControl.wsImageGallery.wsGallery.wsFullscreen
{
    /* -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.6); box-shadow: 0px 0px 6px rgba(0,0,0,0.6); */
}
/******************************************************************************************
    END WS Shadow
*******************************************************************************************/

/******************************************************************************************
    WS Invalid
*******************************************************************************************/
.wsControl.wsInvalid, .wsControl.wsInvalid.wsControlHasFocus, .wsControl.wsCheckbox.wsInvalid input[type="checkbox"] + label .wsIcon { border-color: #e0574d; }
/******************************************************************************************
    END WS Invalid
*******************************************************************************************/

/******************************************************************************************
    WS Disabled (!important so it overrides default)
*******************************************************************************************/
.wsControl.wsDisabled, .wsControl.wsButtonGroup .wsButton.wsDisabled, .wsControl.wsFile .wsButton.wsDisabled
{
    background-color: #fafafa !important;
}
.wsControl.wsDisabled, .wsControl.wsDisabled:hover .wsIcon, .wsControl.wsDisabled:hover .wsInputSpan, .wsControl.wsButtonGroup .wsButton.wsDisabled:hover, .wsControl.wsFile .wsButton.wsDisabled:hover,
.wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label .wsIcon
{
    border-color: #d1d1d1 !important;
}
.wsControl.wsDisabled, .wsControl.wsDisabled input, .wsControl.wsDisabled textarea, .wsControl.wsDisabled .wsIcon, .wsControl.wsDisabled label, .wsControl.wsButtonGroup .wsButton.wsDisabled, .wsControl.wsButtonGroup .wsButton.wsDisabled .wsIcon,
.wsControl.wsDisableInput input, .wsControl.wsDisableInput textarea, .wsControl.wsDisabled.wsRating span, .wsControl.wsDisabled.wsNumeric .wsIcon-Up:hover, .wsControl.wsDisabled.wsNumeric .wsIcon-Down:hover,
.wsControl.wsFile .wsButton.wsDisabled, .wsControl.wsTreeView.wsDisabled .wsItems ul li a
.wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label .wsIcon, .wsControl.wsDisabled.wsCheckbox input[type="checkbox"]:hover + label .wsIcon span, .wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label:hover .wsIcon span
{
    background-color: #f1f1f1; color: #667 !important;
}
.wsControl.wsDisabled.wsCheckbox input[type="checkbox"] + label .wsIcon
{
    background: #f1f1f1 !important;
}
/******************************************************************************************
    END WS Disabled 
*******************************************************************************************/

/******************************************************************************************
    WS Simple close button Colors 
*******************************************************************************************/
.wsClose { /* color: #fff; background-color: #666; */ }
.wsClose:hover { color: #A6E4E1; /* background-color: #484848; */ }
/******************************************************************************************
    END WS Simple close button Colors 
*******************************************************************************************/

/******************************************************************************************
    WS TOOLTIP
*******************************************************************************************/
.wsTooltip { background-color: #FCD209; color: #000; border-color: #333939; }
.wsTooltip:after { border-top-color: #FCD209; border-left-color: transparent; border-right-color: transparent; }
.wsTooltip:before { border-top-color: #333939; border-left-color: transparent; border-right-color: transparent; }

.wsTooltip.wsTooltipLeft:after { border-top-color: transparent; border-left-color: #FCD209; border-bottom-color: transparent; }
.wsTooltip.wsTooltipLeft:before { border-top-color: transparent; border-left-color: #333939; border-bottom-color: transparent; }

.wsTooltip.wsTooltipRight:after{ border-top-color: transparent; border-right-color: #FCD209; border-bottom-color: transparent; }
.wsTooltip.wsTooltipRight:before { border-top-color: transparent; border-right-color: #333939; border-bottom-color: transparent; }

.wsTooltip.wsTooltipBottom:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #FCD209; }
.wsTooltip.wsTooltipBottom:before { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #333939; }
/******************************************************************************************
    END WS Tooltip
*******************************************************************************************/

/******************************************************************************************
    WS Page
*******************************************************************************************/
.wsPage .wsPageTitle { background-color: #656868; color: #fff; }
/******************************************************************************************
    END WS Page
*******************************************************************************************/

/******************************************************************************************
    WS Helper COLORS
*******************************************************************************************/
a { color: #1294ce;}
.wsImgFrame { background:#ffffff; border-color: #999999; }
.wsCircle { background: #ea7a1b; color: #ffffff; }
/******************************************************************************************
    END WS Helper COLORS
*******************************************************************************************/

/******************************************************************************************
    WS Alert
*******************************************************************************************/
.wsAlert { background-color: #36B0B1; color: #05595B; }
/******************************************************************************************
    END WS Alert
*******************************************************************************************/

/******************************************************************************************
    WS Notifications
*******************************************************************************************/
.wsNotifItem { background-color: #E3E3E3; color: #656868; border-color: #d1d1d1; }
.wsNotifItem > table > tbody > tr > td > span.wsNotifCount { color: #FF614B; }
/******************************************************************************************
    END WS Notifications
*******************************************************************************************/

/******************************************************************************************
    WS Main Title Navigation
*******************************************************************************************/
.wsOption > ul > li > a
{
    background-color: #E3E3E3; border-color: #fff; color: #666867;
    -moz-box-shadow: 0px 2px 3px #e0e5e9; -webkit-box-shadow: 0px 2px 3px 7px #e0e5e9; box-shadow: 0px 1px 2px #e0e5e9;  
}
.wsOption > ul > li > a:hover { border-color: #fff; background-color: #fff; -moz-box-shadow: 0px 1px 2px #121012; -webkit-box-shadow: 0px 1px 1px 7px #121012; box-shadow: 0px 1px 2px #121012; }

.wsOption > ul > li > ul > li > a { background-color: #07A0A5; color: #fff; }
.wsOption > ul > li > ul > li > a:hover { background-color: #646869; }
/*****************************************************************************************
    END WS Main Title Navigation
******************************************************************************************/

/******************************************************************************************
    WS ToolBar
*******************************************************************************************/
.wsToolBar { background-color: #63706F; }
.wsToolBar > ul > li > span
{
    background-color: #63706F; border: none; color: #fafafa;
    /* -moz-box-shadow: 0px 2px 3px #e0e5e9; -webkit-box-shadow: 0px 2px 3px 7px #e0e5e9; box-shadow: 0px 1px 2px #e0e5e9;  */
}

.wsToolBar > ul > li > span.wsSelected { background-color: #3A6E9F; color: #fafafa;}
/* .wsToolBar > ul > li > span:hover { border-color: #fff; background-color: #fff; -moz-box-shadow: 0px 1px 2px #121012; -webkit-box-shadow: 0px 1px 1px 7px #121012; box-shadow: 0px 1px 2px #121012; } */
/*****************************************************************************************
    END WS ToolBar
******************************************************************************************/

/*******************************************************************************************
    WS Notifications
********************************************************************************************/
.wsEventWnd { border-color: #CCCCCC; background: #FFFFFF; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); }
.wsEventWnd::before { border-color: #CCCCCC transparent; }
.wsEventWnd::after { border-color: #F7F7F7 transparent; }

.wsEventWnd > .wsHeader { background-color: #F7F7F7; border-bottom-color: #CCCCCC; }
.wsEventWnd > .wsContent { background-color: #fff; padding: 0px;}

.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdIcon { color: #037073; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdPhoto { color: #037073; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdPhoto .tdTitle { color: #037073; }
.wsEventWnd .wsNotificationListGrid table.wsNotificationListItem > tbody > tr > td.tdContent .wsComment { background-color: #F1F1F1; border-color: #D1D1D1; }
/*******************************************************************************************
    END WS Notifications
********************************************************************************************/

/*******************************************************************************************
    WS Details Table
********************************************************************************************/
.wsDetailsTable .wsTabsViewContent > .wsHeader { /* background-color: #3C4E66; color: #FFFFFF; */  background-color: #FCC200; color: #393333; border: 1px solid #d1d1d1; font-size: 16px; font-weight: bold; }
.wsDetailsTable .wsTabsViewContent > .wsHeader > .wsIcon { color: #1D2C5F; }
.wsDetailsTable .wsTabsViewContent > .wsHeader > span.wsIcon { font-size: 24px; font-weight: bold; margin-right: 10px; }
/*******************************************************************************************
    END WS Details Table
********************************************************************************************/

/*******************************************************************************************
    WS Secondary Content
********************************************************************************************/
#divSecondaryContentPanels.wsTabsViewContent > .wsHeader { /* background-color: #3C4E66; color: #FFFFFF; */ width: 100%; background-color: #FCC200; color: #393333; border: 1px solid #d1d1d1; font-size: 16px; font-weight: bold; }
#divSecondaryContentPanels.wsTabsViewContent > .wsHeader > .wsIcon { color: #1D2C5F; }
#divSecondaryContentPanels.wsTabsViewContent > .wsHeader > span.wsIcon { font-size: 24px; font-weight: bold; margin-right: 10px; }
/*******************************************************************************************
    END WS Details Table
********************************************************************************************/

/************************************************************************************************************************
 ***********************************END WestEnd.Framework.MVC.UI.css Colors**********************************************
*************************************************************************************************************************/


#btnQuickLinks > .wsIcon { color: #FBC322; }


/*************************************************
               Custom Form
**************************************************/
.CustomForm > table > tbody > tr { border-bottom-color: #d1d1d1; }
.CustomForm > table > tbody > tr > td > table.wsContentTable > tbody > tr { border-bottom-color: #d1d1d1; }
.CustomForm > table > tbody > tr > td .wsFormSecTitle { color: #000; }

.CustomFieldInPlaceImageGallery { border-color: #d1d1d1; }

.wsEventWnd#SubmissionWnd > .wsHeader { background-color: #FBC000; }
.wsEventWnd#SubmissionWnd::after { border-color: #FBC000 transparent; }

.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdIcon {color: #037073; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdPhoto { color: #037073; }
.wsSubmissionsLayoutView .wsSubmissionsListGrid table.wsListItem > tbody > tr > td.tdPhoto .tdTitle { color: #037073; }



/*.wsControl.wsGrid > .wsContent table.wsGridTable > tbody > tr.wsNotificationsListRow > td {  background-color: #fff; }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsHeader { background-color: #e1e2e4; border-bottom-color: #e1e2e4; }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsHeader > span.wsHeaderIcon { background-color: #64a66c; color: #fff; }
.wsEventWnd .wsNotificationListGrid div.wsNotificationListItem > div.wsContent { background-color: #fff; color: #000; }*/



/*Submissions List Colors*/
/* .wsGalleryViewRow.wsAlternateRow .wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td { background-color: #fff; } */
.wsGallery > table.wsGalleryItem { border-bottom-color: #ccc; -webkit-box-shadow: 0 1px 1px 0 #ccc; -moz-box-shadow: 0 1px 1px 0 #ccc; box-shadow: 0 1px 1px 0 #ccc;}
.wsGallery > table.wsGalleryItem > tbody > tr > td { background-color: #fff; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader { background-color: #E4E4E4; color: #343A3A; border-bottom-color: #CDCDCD; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader .gvTitle { color: #565C5A; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader .gvOptions { color: #528E99; }
.wsGallery > table.wsGalleryItem > tbody > tr > td.wsGalleryItemHeader .gvOptions .button { background-color: #666666; color: #fff; }

.wsGalleryView > table.wsGalleryViewTemplate { border-bottom-color: #ccc; -webkit-box-shadow: 0 1px 1px 0 #ccc; -moz-box-shadow: 0 1px 1px 0 #ccc; box-shadow: 0 1px 1px 0 #ccc;}
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td { background-color: #fff; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader { background-color: #3C4E66 !important; color: #56CDC9; }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvText { color: #fff; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvOptions { color: #528E99; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvTextPaddingRight { color: #fff;  }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvRating .wsControl.wsRating span { color: #FEDF08; /*color: #da592c;*/ }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .gvOptions { color: #528E99; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewHeader .wsButton .wsIcon { color: #56CDC9; }

/* Item text Colors*/
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewImage { background-color: #fff; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus { color: #8AC007; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvPending { color: #e1d77b; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvApproved { color: #97c66b; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvDenied { color: #f19d6a; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvNeedRevision { color: #7ca6a4; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvTerminated { color: #dc5368; }
.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewDetails .gvStatus.gvCanceled { color: #e97965; }

.wsGalleryView > table.wsGalleryViewTemplate > tbody > tr > td.wsGalleryViewFooter { background-color: #61A4AC; }

.gvSubmListHeader > .wsHeader { border-color: #d1d1d1; background-color: #fff; }
.gvSubmListHeader > .wsHeader .wsView { color: #d1d1d1; }
.gvSubmListHeader > .wsHeader .wsView .wsIcon.wsSelected { color: #263a55; }


/***************************/
/* MC: 07/05/2017          */
/* GridInPlaceEditHeader   */
/***************************/
.wsCompanyAddressGridWrapper
{
    padding-right: 14px; margin-top: 5px; max-width: 923px;
}

.wsEditInPlaceGridHeader
{
    height: 20px; position:relative;  background-color: #60AEB1; border-bottom: 1px solid #FFFFFF; border-top-left-radius: 2px; border-top-right-radius: 2px; 
}

.wsEditInPlaceGridHeaderTitle
{
    color: #FFFFFF; font-weight: bold;  right: 50%;
    bottom: 50%;
    transform: translate(50%,50%);
    position: absolute;
}

.wsLabelValue { width: 250px; }
.wsLabelValue ol { list-style: none; padding: 0; margin: 0; outline: none; }
.wsLabelValue ol span.wsTitle { font-size: 14px; font-weight: bold; }
.wsLabelValue ol li { padding: 2px 4px; cursor: pointer; outline: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; }
.wsLabelValue ol li.wsTotalVal { background-color: #F1F1F1; border: 1px solid #d1d1d1; }
.wsLabelValue ol li div.wsLabel { flex-basis: 50%; }
.wsLabelValue ol li div.wsValue { flex-basis: 50%; text-align: right; }

/***************************/
/* SSO error messages      */
/***************************/

.wsSSOAlert { display:inline-block; height: 100px; margin-left: 20px; margin-top: 20px; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #36B0B1; color: #05595B; }

/* SSO error messages      */

/***************************/
/* General Purpose Badges */
/**************************/

.wsBadge { width: 50px; height: 24px; padding: 0px 4px 0px 4px; background-color: #808080; color: #d1d1d1; font-size: 18px; text-align: center; vertical-align: middle; border-radius: 4px; }
.wsBadgeSubmissionApproved { width: 120px; background-color: #48b130; color: #fff; }
.wsBadgeStepApproved { width: 120px; background-color: #4DA5A7; color: #fff; }
.wsBadgeStepApprovedWithComments { width: 312px; background-color: #64A66C; color: #fff; }
.wsBadgeDenied { width: 120px; background-color:  #d4403d; color: #fff; }
.wsBadgeRevision { width: 120px; background-color: #FAA41A; color: #fff; }
.wsBadgeSeen { width: 120px; background-color: #ecf78b; color: #696666; }
.wsSubmissionWorkflowTeamChanged {width: 120px; background-color: #FCC200; color: #FFFFFF;}

/* END General Purpose Badges */
/***************************/
/* ZR: 04/05/2017          */
/* wsNotifyPanel           */
/***************************/
.wsNotifyPanel {
    width: 300px;
    border: 1px solid #d1d1d1;
    display: block;
    z-index: 999;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.75);
    color: #333939;
}
.wsNotifyPanel > table { width: 100%; border-collapse: collapse; border-spacing: 0px; }
.wsNotifyPanel > table > tbody > tr { height: 80px;}
.wsNotifyPanel > table > tbody > tr > td:nth-child(1) { background-color: #12719C; /* #444444; */ width: 48px; }
.wsNotifyPanel > table > tbody > tr > td:nth-child(1) div { border-radius: 50%; height: 30px; width: 30px; background-color: #DA2F31; display: table-cell; text-align: center; vertical-align: middle; }
.wsNotifyPanel > table > tbody > tr > td:nth-child(1) div.wsNormal { background-color: #70D180; color: #fff; font-size: 18px; }
.wsNotifyPanel > table > tbody > tr > td:nth-child(1) div.wsWarning { background-color: #DA2F31; color: #fff; font-size: 18px; }
.wsNotifyPanel > table > tbody > tr > td:nth-child(2) { width: auto; background-color:  #F2F2F2; /* #FFD200; */ }

/* Sponsorship Rights */

.wsRights { }
.wsRights > ul { list-style: none; }
.wsRights > ul > li > ul { list-style: none; }
.wsRights > ul > li > span { height: 24px; line-height: 24px; }
.wsRights > ul > li > ul > li > span { height: 24px; line-height: 24px; }
.wsRightsHeader { display: inline-block; border: 1px solid #d1d1d1;  padding-left: 10px; padding-top:4px; background-color: #FAA41A; width: 600px; height: 30px; }
.wsRightsDetail { display: inline-table; text-align: center; height: 20px; line-height: 20px; }
.wsRightsDetail.wsVal { min-width: 200px; }
.wsRightsDetail.wsQty { min-width: 60px; }

/* ZR: 05/04/2018: there is also wsVlueLabel that's used in grids. We need this one to align verticaly text in forms  fro displayFor for SelectLists */
span.wsLabelValue { min-height: 25px; height:25px; display: table-cell; vertical-align: middle }  
span.wsLabel { vertical-align: middle; /* font-weight: 500; */ }

/* Provisions/Text Comparison*/
.wsLeftDiff { background-color: #FFFF00; color: #333939; }
.wsRightDiff { background-color: #65FF00; color: #333939; }

.wsSmallTblCell { width: 85px; text-align: center; }

#wsDetails .wsControl.wsSection {
    background-color: transparent !important;
    border-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

#wsDetails .wsControl.wsSection > .wsContent {
    background-color: transparent !important;
    border-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

#NotificationCenterWnd > .wsHeader { background-color: #119197; color: #FFFFFF; }
#NotificationCenterWnd.wsEventWnd::after { border-color: #119197 transparent; }
.wsLayoutCardView .wsGridRow.wsSelected .wsLayoutCardViewTemplate { background-color: #F5D79B; }

/****************************************************/

.wsCardGroup { display: grid; grid-template-columns: repeat(auto-fit, minmax(235px, 1fr)); /* grid-auto-rows: 94px; */ grid-gap: 15px; margin: 5px; }

.wsNavCard { display: flex; align-items: center; justify-content: space-between; padding: 7px; background-color: #FFF; border-color: #d1d1d1; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }
.wsNavCardIcon { display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50%; font-size: 36px; color: #fff; }
.wsNavCardDescr { display: flex; flex-direction: column; align-items: center; text-align: center; }
.wsNavCardDescr a { text-decoration: none; }
.wsNavCardTitle { font-size: 16px; color: #1BBAE1; margin: 0; font-weight: bold; }
.wsNavCardSubtitle { font-size: 16px; margin: 2px; color: #777; }

.wsPanelCard { display: flex; flex-direction: column; width: 230px; align-items: center; justify-content: space-between; padding: 5px; box-sizing: border-box; background-color: #FFF; border-radius: 3px; cursor: pointer; box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
-webkit-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px; -moz-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px; }
.wsPanelCardRow { display: flex; flex-direction: row; align-items: center; width: 100%; }
.wsPanelCardLabel { font-size: 14px; color: #1BBAE1; margin: 0; padding: 2px 0px; flex-basis: 50%; }
.wsPanelCardValue { font-size: 14px; color: #777; margin: 0; text-align: right; padding: 2px 0px; flex-basis: 50%; font-weight: bold; }

.wsPanelCardList { display: inline-block; flex-direction: column; padding: 7px 20px 7px 7px; box-sizing: border-box; background-color: #FFF; border-radius: 3px; cursor: pointer; box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
-webkit-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px; -moz-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px; }
.wsPanelSingleLineMain { font-size: 14px; color: #1BBAE1; margin: 0; padding: 2px 0px; font-weight: bold; }
.wsPanelSingleLine { font-size: 14px; color: #777; margin: 0; padding: 2px 0px; }

.wsTicketSection { padding: 1px; }
.wsTicketSection > div.wsHeader { width: 100%; margin: 0; padding: 0; vertical-align: middle; background: #FAA41A; height: 28px; position: relative; top: 0px; left: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }
.wsTicketSection > div.wsHeader > span.wsTitle { padding-left: 10px; line-height: 28px; vertical-align: middle; font-size: 14px; }
.wsTicketSection > div.wsSectionTickets { height: 600px; overflow-x: hidden; overflow-y: auto; padding: 5px; background-color: #c7c7c7; border-color: #d1d1d1; display: flex; flex-direction: column; border: none; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }
.wsTicketSection > div.wsSectionTickets > div.wsTicketCard { display: block; background-color: #E1E1E1; padding: 5px; padding-bottom: 5px; font-size: 14px; margin-bottom: 10px; border-radius: 2px; box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);  }
.wsTicketSection > div.wsSectionTickets > div.wsTicketCard:hover { background-color: #fcd992; cursor: pointer; }
.wsTicketSection > div.wsSectionTickets > div.wsTicketCard > section.wsStatus { display: flex; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; -ms-justify-content: space-between; justify-content: space-between; margin-top: 0; font-size: 12px; }

.wsTicketDetails { display: flex; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.30); z-index: 99; }
.wsTicketDetails > div.wsTicketView { width: calc(100vw - 40px); /* max-width: 1400px; */ height: calc(100vh - 40px); margin: auto; background-color: #fff; border: 1px solid #d1d1d1; border: 1px solid #808080; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.75);}
.wsTicketDetails > div.wsTicketView > .wsHeader { /* background-color: #3C4E66; color: #FFFFFF; */  background-color: #f1f1f1; color: #1D2C5F; border: 1px solid #d1d1d1; font-size: 16px; font-weight: bold;}
.wsTicketDetails > div.wsTicketView > .wsHeader > .wsIcon { float: right; color: #1D2C5F; }
.wsTicketDetails > div.wsTicketView > .wsHeader > span.wsIcon { font-size: 24px; font-weight: bold; margin-right: 7px; }
.wsTicketDetails > div.wsTicketView  #subjectEditor .wsControlStringContainer {width: 100%;}
.wsTicketDetails > div.wsTicketView  #subjectLabel {cursor: pointer;padding-top: 3px;padding-bottom: 3px;width: 100%;border: 1px solid transparent;display:block;}
.wsTicketDetails > div.wsTicketView  #subjectLabel:hover {border: 1px dashed #d1d1d1;transition: border-color 0.2s linear;}
.wsTicketDetails > div.wsTicketView .wsControlRichTextEditorContainer .wsEditorContent {width: 100%;}
.wsTicketDetails > div.wsTicketView .wsInlineSubjectEditor {display: inline-block;font-size: 15px;font-weight: normal;margin-left: 10px;padding: 2px 5px;border-radius: 3px;}

.wsDraggableObj { border-color: #D1D1D1; color: #555555; background-color: #F1F1F1; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow:  inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
/*************************************************/

/************ Dark navigation panel */
.wsNavItemDark { display: flex; align-items: center; justify-content: space-evenly; padding: 7px; width: 220px; height: 50px; margin-left: 10px; margin-top: 5px; transition: all 0.3s ease 0s; box-sizing: border-box; background-color: rgb(244, 245, 247); border-radius: 3px; cursor: pointer; box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
-webkit-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px; -moz-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px; }
.wsNavItemDark span.wsIcon { font-size: 30px; }
.wsNavItemDark span.wsText { font-size: 16px; margin: 0; margin-left: 5px;}

.wsSimpleList { list-style: none; padding: 5px; width: 100%; background-color: #fff; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }
.wsSimpleList > li { height: 22px; border: 1px solid #d1d1d1; margin-bottom: 2px; }
.wsSimpleList > li:hover { background-color: #fcd992; cursor: pointer; }
.wsSimpleList > li > span { padding-left: 10px; vertical-align: middle; line-height: 22px; }

/************** Advanced Search New solution    */
.wsAdvSrchContainer { max-width: 305px; display: flex; flex-direction: column; list-style: none; padding: 0; }
.wsAdvSrchSection { padding-bottom: 10px; }
.wsAdvSrchSection > span { font-weight: 800; }
.wsAdvSrchSection > hr { color: #d1d1d1; }
.wsAdvSrchSection > ul { list-style: none; padding: 0; border-color: #D1D1D1; color: #555555; background-color: #F1F1F1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.wsAdvSrchSection > ul > li { float: left;	list-style: none; margin: 4px 0 4px 5px; position: relative; line-height: 13px; color: #555555; cursor: default; border: 1px solid #cccccc; border-radius: 3px; padding: 3px 5px 3px 18px; } 
.wsAdvSrchSection > ul > li > div { line-height: 13px; color: #555555;  cursor: default; list-style: none; }
.wsAdvSrchSection > ul > li > a { display: block; width: 12px; height: 13px; position: absolute; margin-top: -7px; left: 3px; top: 50%; font-size: 1px; outline: none; background: url('/Content/select2.png') right top no-repeat; }

/************************************************/
.wsInfoMessageLight {color: #004466;background-color: #e0f4ff;border-left: 4px solid #89c9ff;padding: 5px 5px;font-size: 13px;margin: 5px;font-weight: 600;}


/********  Kanban cards */
.wsOptCard {	max-width: 100%; top: 0px; margin: 0 auto; display: block; vertical-align: top; }

.wsOptCardItem {
	display: block;
	margin: 4px 0;
	padding: 4px 4px;
	list-style: none;
	color: #333939;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #ccc;
	background: #fafafa;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 0px;
	font-size: 14px;
	min-height: 144px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1;
	position: relative;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.wsOptCardItem ol {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
	list-style: none;
	padding: 2px;
}

.wsOptCardItem ol li {
	min-height: 26px;
}

.wsOptCardItem ol li:hover {
	text-shadow: 2px 2px 4px #808080;
	cursor: pointer;
}

.wsOptCardItem ol li > a {
	text-decoration: none;
	color: #333939;
}

.wsOptCardItem:hover {
	color: #00838F;
	will-change: box-shadow;
	transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .14), 0 3px 1px -4px rgba(0, 0, 0, .2), 2px 4px 3px 0 rgba(0, 0, 0, .12);
}

ol.wsKanban {
	border-top: 5px solid #78909C;
	width: 20%;
	height: 175px;
	margin: 1%;
	max-width: 250px;
	min-height: 175px;
	display: inline-block;
	vertical-align: top;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
	flex-direction: column;
	z-index: 1;
	position: relative;
	background: #fff;
	padding: 5px;
	border-radius: 2px;
}

ol.wsKanban > span { font-size: 18px; font-weight: 700; }

ol.wsKanban.ToDo {
	border-top: 5px solid #FFB300;
}

ol.wsKanban.Canceled {
	border-top: 5px solid #FF3D00;
}

ol.wsKanban.Progress {
	border-top: 5px solid #29B6F6;
}

ol.wsKanban.Done {
	border-top: 5px solid #8BC34A;
}

/**********************************************************
    ZR: Dasboard Card
***********************************************************/

.wsDashboardSection { background-color: rgb(244, 245, 247); width: 320px; margin-bottom: 5px; }
.wsDashboardSection.wsSelected { background-color: #F5D79B; }
.wsDashboardSection:hover { background: #E6EAED }

.wsDashboardCard {
    transition: all 0.3s ease 0s;
    box-sizing: border-box;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    width: 326px;
    max-width: 100%;
    height: 120px;
    max-height: 100%;
    border-radius: 3px;
    cursor: pointer;
    font-size: 11px;
    line-height: 14px;
    box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
}

/**********************************************************
   DockedPopup styles
***********************************************************/
.wsControlPopup.wsDialog.wsDockedPopup {
    box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
    -webkit-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
    -moz-box-shadow: rgba(9, 30, 66, 0.31) 0px 1px 1px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
}

.wsControlPopup.wsDialog.wsDockedPopup > .wsHeader {
    background-color: #FCC200 !important;
    border-radius: 1px;
}

.wsControlPopup.wsDialog.wsDockedPopup > .wsHeader span
{
	color: darkblue !important;
}

.wsControlPopup .wsHeader .wsDockedTitleHeader {
    font-size: 14px;
    font-weight: 900;
    /* line-height: 30px;
    margin-top: -4px;  */
    margin-left: 0px;
}

.wsControlPopup .wsHeader .wsIcon .wsDockedIconHeader {
    top: 4px;
    right: 20px;
    font-size: 18px !important;
    font-weight: 900;
    cursor: pointer;
}

.wsDialogDockedPanel .wsIcon {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin-right: 8px;
}

.wsDialogDockedPanel {
    height: 30px;
    text-align: left;
    padding: 2px 2px;
    position: relative;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-top-top-right-radius-: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 2px #bcbaba solid;
}

/**********************************************************
    Workflow and Submission Diagram styles
***********************************************************/

.wsDiagramNode {
    font-size: 11px;
    display: block;
    padding: 10px;
    position: relative;
}

.wsDiagramNode.wsDiagramStep {
    cursor: pointer;
    padding: 4px 5px;
    width: 150px;
    min-width: 150px;
    /*max-width: 150px;*/
    text-align: center;
    border: 2px solid #E8E8E3;
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.5);
    background: orange;
    vertical-align: middle;
}

.wsDiagramNode.wsDiagramTask:hover {
    cursor: default;
}

.wsDiagramNode.is-child {
    background-color: lightgrey;
    position: inherit !important;
    display: block;
    font-size: 90%;
    width: auto;
    margin-top: 5px;
    min-height: 25px;
    max-width: 120px;
    padding: 1px;
    min-width: 100% !important;
}

.wsDiagramNode.wsDiagramTask {
    background-color: lightblue;
    min-height: 10px;
    border-radius: 2px;
    padding: 1px;
    width: auto;
    font-size: 90%;
    border: 1px solid #E8E8E3;
    margin-bottom: 1px;
    min-width: auto !important;
    cursor: default;
}

.wsDiagramNode .wsDiagramNode-name {
    color: black;
    /* font-family: Calibri; */
    display: inline;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    width: calc(100% - 20px);
}

.wsDiagramNode.wsDiagramStep:hover > .wsDiagramNode-name {
    color: #333939;
}

.wsDiagramNode-separator {
    color: linen;
}

.wsDiagramNode.wsDiagramStep.completed-step {
    background-color: #68c14f;
}

.wsDiagramNode.wsDiagramStep.current-step {
    /*background-color: gold;*/
}

.wsDiagramStep-completion {
    float: right;
    color: green;
}

.wsDiagramStep-relatedCount {
    float: right;
    width: 20px;
    margin-left: 5px;
}

.wsDiagramStep-current-indicator {
    float: left;
    color: green;
    font-size: 120%;
}

.wsDiagramBadge {
    display: none;
    -webkit-text-size-adjust: 100%;
    /* font-family: Calibri; */
    font-size: 11px;
    line-height: 1.5;
    box-sizing: inherit;
    background-color: lightblue;
    color: black;
    font-weight: 800;
    /*display: inline-block;*/
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    border-radius: 50%;
    padding-bottom: 2px;
}

.wsDiagramLabel-success {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    box-sizing: inherit;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 85%;
    font-weight: 700;
    line-height: 1;
    color: white;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: cornflowerblue;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 1px;
    float: right;
}

.wsDiagramNode > .progress-bar {
    background-color: limegreen;
    height: 4px;
    margin-left: 20px;
    margin-right: 20px;
}


/*MAIN TABS DnD*/
.wsTabDragged {
}

.wsTabDragOver {
    border: 3px solid #F5D79B;
    border-radius: 3px;
    opacity: 0.7;
}

.wsDiagramStep-Active {
	/*border-color:yellow !important;*/

	box-shadow: 3px 3px 3px darkblue !important;
}

.wsStepDatesInfo {
	font-size: 85%;
	padding-top: 5px;
}

.wsStepOverDueDate {
	color: darkred;
}

.wsWorkflowDiagramBody
{
	width:100%;
	overflow-x:auto;
}

.wsRelatedWorkflowSelectedItem {
    background-color: #0271b9 !important;
    color: #FFFFFF !important;
}

.wsRelatedWorkflowSelectedItem .wsCompanyName {
    color: #FFFFFF !important;
}

/******************************************************************************************
    KANBAN STYLES
*******************************************************************************************/

.wsKanbanSection { padding: 1px; }
.wsKanbanSection > div.wsHeader { width: 100%; margin: 0; padding: 0; vertical-align: middle; background: #FAA41A; height: 28px; position: relative; top: 0px; left: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); }
.wsKanbanSection > div.wsHeader > span.wsTitle { padding-left: 10px; line-height: 28px; vertical-align: middle; font-size: 14px; }

.wsGenericKanban {display: flex;height: 100vh;}

.wsKanban-WorkOrder .wsKanbanSection {flex: 0 0 auto; width: 380px;padding-left: 3px;padding-right: 3px;}
.wsKanban-SalesOrderSamplesQueue .wsKanbanSection {flex: 0 0 auto;width: 20vw;padding-left: 3px;padding-right: 3px;}

.wsKanban-WorkOrder .ws-WO-InProgressSection {flex-grow: 1; }
.wsKanban-WorkOrder .ws-WO-OnHoldSection-Count-0,.ws-WO-CreatedSection-Count-0,.ws-WO-Done-Count-0 {display: none !important;}
.wsKanbanSection .wsGenericKanbanItem {padding: 3px !important;margin: 3px !important;border-radius: 5px; width: 360px;}
.wsKanbanSectionItems {height: calc(100vh - 40px);font-size: 12px;font-weight: 500;font-family: arial,sans-serif;overflow-x: hidden;overflow-y: auto;padding: 3px;background-color: #F4F5F7;border-color: #d1d1d1;display: flex;flex-direction: column;border: none;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);}

.wsKanban-WorkOrder .divButtons {display: none !important;}
.wsKanban-WorkOrder .ws-WO-InProgressSection .divButtons {display: flex !important;}
.wsKanban-WorkOrder .ws-WO-IN_QUEUE .divButtons {    display: flex !important; }
.wsKanban-WorkOrder .ws-WO-IN_QUEUE {width: calc(100vw - 1200px);min-width: 380px;}

.wsKanbanItem {
    font-weight: 500;
    margin: 1px 5px 3px 3px;
    border: 1px solid;
    border-color: #D1D1D1;
    display: block;
    position: relative;
    background-color: #fff;
    padding: 2px;
    padding-bottom: 30px;
    margin-bottom: 5px;
    border-radius: 2px;
    box-shadow: 0px 1px 2px 0px rgba(9, 30, 66, 0.25);
    border-radius: 5px;
    overflow: hidden;
}
.wsKanban-Preheader {cursor: move;padding: 5px 10px;padding-right: 0px;font-size: 12px;font-weight: bolder;height: 35px;background-color: #6bc6ea;color: #000000;border-radius: 5px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis}
.wsKanban-Preheader #spanTitle{padding-right: 20px;}
.wsGenericKanbanItem[draggable=false] .wsKanban-Preheader {cursor: default;}
.wsKanbanItem-Body .wsLabel {--shadow-inset: rgba(255, 255, 255, 0.5);--secradius: 5px;font-size: 12px;font-family: arial,sans-serif;cursor: default;color: #333939;border-collapse: collapse;vertical-align: top;-webkit-box-sizing: border-box;border-spacing: 0px;padding: 1px 5px 1px 5px;font-weight: 600;padding-right: 0px;min-width: 80px;}

.wsKanbanItem-Body .wsValue {/* font-size: 100%; */}
.wsKanbanItem .wsFooter{position: absolute;bottom: 0px;padding-left: 5px;}
.wsKanbanItem .wsFooter .wsKanbanActions {font-size: 18px;}

.wsKanbanItem-Grid {width: 100%;border: 1px solid #D1D1D1;border-spacing: 0;}
.wsKanbanItem-Grid td{	border: 1px solid #D1D1D1;font-size: 12px;font-weight: 500;	font-family: arial,sans-serif;padding:0;padding-right  : 5px;}
.wsKanbanEmptySectionState {padding-top: 40px;text-align: center;transition: opacity 0.3s linear 0.3s, width 2.3s linear 2.3s;opacity: 1;height: 200px;}

.wsKanbanHidden {opacity: 0;height: 0px;padding:0;margin:0;visibility:hidden;}
.wsKanbanEmptySectionState .wsIcon {font-size: 4em;color: darkgray;}
.wsKanbanEmptySectionState h3 {margin: 8px 0px;text-align: center;font-weight: normal;font-size: 2em;color: darkgray;}

.wsWO-Action.wsOnHold, .wsWO-Action.wsInProgress {display: none;}
.ws-WO-InProduction .wsWO-Action.wsOnHold {display:block;}
.ws-WO-Hold .wsWO-Action.wsOnHold { display: block; }
.ws-WO-Hold .wsWO-Action.wsInProgress { display: block;}

.wsKanban-WorkOrder_Todays .wsKanbanSection {width:380px; padding-left:4px; padding-right:5px;}
.wsKanban-WorkOrder_Todays .ws-WO-InProduction {width: calc(100vw - 1200px); min-width: 380px;}


.ws-WO-TodaySection .wsWO-Action.wsOnHold {display: block;}
.ws-WO-TodaySection .wsWO-Action.wsInProgress {display: block;}

.wsWO-Comment { width: calc(100% - 12px);white-space: nowrap; overflow: hidden;text-overflow: ellipsis;box-sizing: border-box; padding-top: 3px; padding-bottom: 0px;}
.wsWO-Comment:hover{text-decoration:underline;}
.wsWO-Comment-Overlay {transition: visibility 0s, opacity 0.5s linear;content: attr(data-full-text);position: absolute;width: 334px;bottom: 0;left: 0;background-color: #fff;border: 1px solid #ccc;padding: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);z-index: 1000;font-size: 110%;white-space: normal;visibility: hidden;}
  
/********** FIle Viewer **********/
.wsDownloadHref {}

.fileViewerMainContainer .wsPopupContainer.wsInline .wsPopupTitleBar { display: block !important; background-color: #FCC200; }
.fileViewerMainContainer .wsPopupContainer.wsInline .wsTitle { color: black; }
.fileViewerMainContainer .downloadButtonHeader { display: none !important; }
.fileViewerMainContainer .wsPopupContainer { position: initial; }
.fileViewerMainContainer .wsControlContainer,
.fileViewerMainContainer .wsFileViewer { display: block; height: auto !important; }
.fileViewerMainContainer #docManagerFileViewer_IFrame { width: 100%; position: initial !important; }


/************ WORKORDER STYLES *****************/  
.wsFullscreenBox { background: white; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 9999; width: 100vw !important; height: 100vh !important; max-height: 100vh !important; }

.wsKanban-WorkOrder_Todays { grid-template-columns: 100% }
.wsKanban-WorkOrder_Todays .wsLabel, .wsKanban-WorkOrder .wsLabel { width: 50px; }
.wsWO-Kanban-image {width: 80px;height: 80px;border: 1px solid #ccc; background: #eee;margin: auto;padding: 2px;border-radius: 3px;overflow: hidden;}
.wsWO-Kanban-image::after {padding-top:8px;content: "Image not Available"; display: flex;justify-content: center;align-items: center;background-color: #f1f1f1; color: #888; font-size: 14px;}
.wsWO-Kanban-image img{width: 100%;height: 100%;}

.wsKanban-WorkOrder_Todays .wsKanbanSectionItems, .wsKanban-WorkOrder .wsKanbanSectionItems {display: block;}
.wsKanban-WorkOrder_Todays .ws-WO-InProduction .wsGenericKanbanItem, .wsKanban-WorkOrder .wsGenericKanbanItem {    display: inline-block; /*width: 350px;*/height: 340px;float: left;}

.wsKanban-SalesOrderSamplesQueue .wsGenericKanbanItem {display: inline-table;}
.wsKanban-SalesOrderSamplesQueue .wsGenericKanbanItem {height: 250px;}
.wsKanban-SalesOrderSamplesQueue .wsGenericKanbanItem .wsKanbanItem{height: 250px;}
.wsKanban-SalesOrderSamplesQueue .wsKanbanSectionItems {display: block;}

.wsKanban-WorkOrder .ws-WO-Done .wsWorkScheduleDateValue a {pointer-events: none;text-decoration: none;display: inline-block;}
.wsKanban-WorkOrder_Todays .wsKanbanItem, .wsKanban-WorkOrder .wsKanbanItem {height: 305px;}
.wsWOKanbanItem-PartsContainer {height: 70px;overflow-y: auto;}
.wsWODueDateIndicator {position: absolute;top: 85px;right: 0px;}
.wsKanbanItem-Body .wsInfo {position: relative;}
.wsWODueDateIndicator span.wsIcon{font-size: 2em;}
.wsWODueDateIndicator .red {color: red;}
.wsWODueDateIndicator .yellow {color: yellow;}
.ws-WO-InProgressSection .wsWOPriorityBadge {display: none;}
.wsKanban-WorkOrder .wsWOPriorityBadge{display: none;}
.wsWOPriorityBadge  {background-color: #b4e2f5; color: black; padding: 2px 4px;text-align: center;border-radius: 3px;position: absolute;top: 24px;left: 5px;margin-left: 5px;}
.wsWOSubStatusBadge {background-color: #b4e2f5; color: black; padding: 2px 4px;text-align: center;border-radius: 3px;position: absolute;top: 24px;left: 30px;margin-left: 5px; font-weight:normal; max-width:150px;overflow:hidden}
.wsWOSampleBadge {background-color: #1FAC44; color: #fff; padding: 3px 3px;text-align: center;border-radius: 3px;font-size: 12px;font-weight: normal;}
.wsCCOrderBadge {background-color: #004595; color: #fff; padding: 3px 3px;text-align: center;border-radius: 3px;font-size: 11px;font-weight: normal;}
.wsWorkScheduleDate {text-align: right;margin-right: 10px;}
.wsKanban-WorkOrder_Todays .wsWorkScheduleDate {margin-right: 4px; margin-top: 4px;}

.wsKanban-SalesOrderSamplesQueue .ws-SO-Executed-Count-0,
.wsKanban-SalesOrderSamplesQueue .ws-SO-ReadyForProduction-Count-0,
.wsKanban-SalesOrderSamplesQueue .ws-SO-Completed-Count-0,
.wsKanban-SalesOrderSamplesQueue .ws-SO-Shipped-Count-0 {display: none;}
.wsKanban-SalesOrderSamplesQueue .ws-SO-InProduction {flex-grow: 1;}


.ws-WO-Labeling-Plate {font-weight: bold;display: inline-block;width: 70px; text-align: center;}
.ws-WO-Labeling-Plate.label-exists {color: #1FAC44;}
.ws-WO-Labeling-Plate.label-not-exists {color: #e53404;}

/**********************
    SALES ORDER SAMPLES QUEUE
**********************/
.wsSOKanbanItem-PartsContainer {
    min-height: 30px;
    overflow-y: auto;
    max-height: 100px;
}
.wsSOKanbanItem-PartsRow td{ padding-bottom: 5px;}

.wsDivButton {
    height: 28px;
    line-height: 26px;
    color: #fff;
    padding: 0px 0px;
    /* font-weight: bold; */
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    border-radius: 2px;
    border: none;
    text-align: center;
    vertical-align: middle;
    /* box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);  */
    background: #6C7985; /* #495057; */
}

.wsDivButton:hover {
    background-color: #b2b0b0; /* #6c757d; */
}

.wsDivButton:active {
    top: 2px;
}

/*******************************************************
    WO OPERATIONAL VIEWS
********************************************************/
.wsWOOperationalView .wsGrid td,
.wsWOOperationalView .wsGrid th {
    font-size: 16px !important;
    height: 50px;
}
.wsWOOperationalView .wsGrid thead tr {
    height: 45px;
}

.wsWOOperationalView .wsGrid .wsHeader {
    height: 45px !important;
}

.wsWOOperationalView .wsGrid input {
    font-size: 16px !important;
    height: 40px;
}

.wsWOOperationalView #divGridTitle {
    font-size: 16px !important;
    height: 30px;
}

.wsWOOperationalView .wsLabel,
.wsWOOperationalView input {
    font-size: 14px !important;
}

.wsWOOperationalView .wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton .wsIcon {
    font-size: 16px;
    width: 24px;
}

.wsWOOperationalView .wsGrid-Cols-FooterRow, .wsWOOperationalView .licFooterTotal {
    background-color: transparent !important;
}

.wsWOOperationalView .wsControl.wsButton.wsHasIcon.wsNoText.wsGridButton {
    width: 25px;
    height: 25px;
}


/******************************************************************************************    
    INVENTORY 
*******************************************************************************************/
.wsInventorySizesTable {
    border-collapse: collapse;
    font-size: 12px;
}

.wsInventorySizesTable th {
    background-color: #f8f8f8;
    color: #333;
    padding: 3px;
    border: 1px solid #ccc;
    text-align: center;
}

.wsInventorySizesTable td {
    background-color: #fcfcfc;
    color: #555;
    padding: 2px;
    border: 1px solid #ccc;
    text-align: center;
}

.wsInventorySizesTable tr:nth-child(even) td {
    background-color: #f4f4f4;
}

.wsInventorySizesTable tr:hover td {
    background-color: #e9f5ff;
    color: #000;
}

/******************************************************************************************    
    ROUND BUTTONS AND NUMBER STEP EDITOR
*******************************************************************************************/
.wsStepEditor {
    padding-left: 10%;
}

.wsStepEditor-Container {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.wsLargeInputNumber {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.wsLargeInputNumber input {
    font-size: 25px !important;
    text-align: center;
}

.wsButtonDark {
    position: relative;
    font-size: 16px;
    padding: 0 10px;
    display: inline-block;
    border: none;
    outline: none;
    background: #FFF;
    border-radius: 3px;
    border: 1px solid #1F1F1F;
    box-shadow: 0 1px 3px 0px rgba(15, 15, 15, 0.5), inset 0 1px rgba(255, 255, 255, 0.2);
    background: linear-gradient(#737373, #333333);
    background-size: auto 150%;
    background-position: 0 100%;
}

.wsButtonRound {
    height: 4em;
    width: 4em;
    border-radius: 100%;
    cursor:pointer;
}

.wsbuttonDark:hover {
    background-position: 0 50%;
}

.wsButtonDark:active {
    color: #000;
    background-position: 0 50%;
    background: #333333;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(255, 255, 255, 0.1);
}

.wsButtonDark .icon:before {
    font-style: normal;
    font-size: 40px;
    display: block;
    margin-top: -5px;
    color: #DDD;
    text-shadow: 0 1px 1px black;
    content: attr(data-char);
}

.wsButtonDark:active .icon:before {
    color: #111;
    text-shadow: 0 1px rgba(255, 255, 255, 0.1);
}

/******************************************************************************************    
	TECHPACK IMAGES LIST
*******************************************************************************************/

.wsTechpackImageList {    display: flex;    flex-wrap: wrap;    justify-content: center;    margin: 20px;}
.wsTechpackImageItem {    background-color: #d1d1d1;    border-radius: 8px;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);    margin: 10px;    padding: 20px;    text-align: center;    transition: transform 0.3s ease-in-out;}
.wsTechpackImageItem:hover {  transform: translateY(-10px);}
.wsTechpackImageItem:hover a {  visibility: visible; opacity: 1;}
.wsTechpackImageItem img {max-width: 300px; height: auto;border-radius: 8px;}
.wsTechpackImageItem h3 {margin-top: 10px;font-size: 1.2rem;color: #333;}
.wsTechpackImageItem .wsIcon-Image {    font-size: 5rem;    color: #333;}
.wsTechpackImageEnlarged { position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width: 90%;max-height: 90%;object-fit: contain;z-index: 9999;cursor: pointer;}
.wsTechpackImageEnlarged img {  max-width: 90%; max-height: 90%;  }
.wsTechpackImageItem a {visibility:hidden; opacity:0;transition:visibility 0.3s linear,opacity 0.3s linear;}
.wsTechpackImageItem.wsOperationalView a {visibility:visible; opacity:1;}

/******************************************************************************************
    DRAG AND DROP
*******************************************************************************************/
.wsMultipleItemsDraggedIndicator {
    position: absolute;
    width: 100px;
    display: inline-block;
}

.wsDefaultDragIndicatorCtn, .wsDefaultDragIndicatorStacked {
    position: absolute;
    top: 0px;
    bottom: 0;
    display: inline-block;
    height: 30px;
    width: 200px;
    border-radius: 5px;
    padding-top: 10px;
    padding: 10px;
    box-shadow: 4px 3px 5px 0px rgba(145,145,145,0.75);
    -webkit-box-shadow: 4px 3px 5px 0px rgba(145,145,145,0.75);
    -moz-box-shadow: 4px 3px 5px 0px rgba(145,145,145,0.75);
}

.wsDefaultDragIndicatorCtn {
    background-color: white;
    vertical-align: middle;
    z-index: 999;
    border: 1px solid gray;
}

.wsDefaultDragIndicatorStacked {
    background-color: white;
    top: 3px;
    left: 4px;
    z-index: 998;
    border: 1px solid gray;
}

.wsDefaultDragIndicatorCtn .label {
    font-size: 14px;
    font-weight: 600;
    color: #393333;
    padding-left: 15px;
}

.wsItemDragBadge {
    float: right;
    background-color: blue;
    border-radius: 40px;
    color: white;
    font-size: 15px;
    padding: 5px;
}

.wsDefaultDragIndicator {
    position: absolute;
    left: -1000px
}

.wsMultipleItemsDraggedIndicator
{
    width: 300px;
    height: 300px;
}



/******************************************************************************************
    WS Scheduler
*******************************************************************************************/

.wsScheduler {       
--numSectionsHalfHours: 48;
--timeHeight: 30px;
--earlyTimeHeight: 0px;
--lateTimeHeight: 0px;
--calBgColor: #fff1f8;
--eventBorderColor: #f2d3d8;
--eventColor1: #ffd6d1;
--eventColor2: #fafaa3;
--eventColor3: #e2f8ff;
--eventColor4: #d1ffe6;
--row-offset: 4;
}
.wsScheduler { /* font-family: system-ui, sans-serif; */ border: none;}
.wsScheduler .wsSchedulerContainer { display: grid; gap: 10px; grid-template-columns: auto 1fr; margin: 0.5rem; }
.wsScheduler .timeline { display: grid; grid-template-rows: repeat(var(--numSectionsHalfHours), var(--timeHeight)); }
.wsScheduler .spacer { grid-row: span 1; }
.wsScheduler .time-marker { grid-row: span 2; }
.wsScheduler .days { display: grid; grid-column: 2; gap: 5px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.wsScheduler .events { display: grid; border-radius: 5px; background: var(--calBgColor); transition: background-color 0.3s ease;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 1px); background-size: 100% var(--timeHeight); overflow: visible; grid-auto-columns: 1fr; }
.wsScheduler .title { font-weight: 700; margin-top: 1px; }
.wsScheduler .event { border: 1px solid var(--eventBorderColor); border-radius: 5px; padding: 2px; margin: 0; background: white; position: relative; width: 100%; cursor: pointer; font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-width: 100%; box-sizing: border-box; height: auto; display: flex; flex-direction: column; justify-content: flex-start; position: relative; overflow: hidden; }
.wsScheduler .event .popup { display: none; position: absolute; top: 0; left: 100%; z-index: 1000; background: white; border: 1px solid #ccc; border-radius: 5px; padding: 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); font-size: 0.85rem; min-width: 500px; max-width: 500px; max-height: 400px; overflow-y: auto; box-sizing: border-box; white-space: initial; }
.wsSchedulerToolbarHidden { visibility: hidden; }
.wsScheduler .wsSchedulerHeaderText { display: block; font-size: 1.5rem; font-weight: 600; text-align: left; }
.wsScheduler .wsSchedulerPrevious, .wsScheduler .wsSchedulerNext { cursor: pointer; padding-left: 10px; padding-right: 10px; }
.wsScheduler .wsSchedulerDateRange { min-width: 250px; display: inline-block; text-align: center; }
.wsScheduler .wsSchedulerPrevious:hover, .wsScheduler .wsSchedulerNext:hover { color: #56CDC9; }
.wsScheduler .day.fri .event .popup, .wsScheduler .day.sat .event .popup { left: auto; right: 100%; }
.wsScheduler .corp-fi { background: var(--eventColor1); }
.wsScheduler .ent-law { background: var(--eventColor2); }
.wsScheduler .writing { background: var(--eventColor3); }
.wsScheduler .securities { background: var(--eventColor4); }
.wsScheduler .date { gap: 1em;padding-left: 10px;display: flex;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center; }
.wsScheduler .space, .wsScheduler .date { height: 30px; }
.wsScheduler .date-num { font-size: 1.5rem; font-weight: 600; display: inline; }
.wsScheduler .date-day { display: inline; font-size: 1.5rem; font-weight: 100; }
.wsScheduler .start-00 { grid-row-start: 1; } .wsScheduler .start-00-30 { grid-row-start: 2; } .wsScheduler .start-01 { grid-row-start: 3; } .wsScheduler .start-01-30 { grid-row-start: 4; } .wsScheduler .start-02 { grid-row-start: 5; } .wsScheduler .start-02-30 { grid-row-start: 6; } .wsScheduler .start-03 { grid-row-start: 7; } .wsScheduler .start-03-30 { grid-row-start: 8; } .wsScheduler .start-04 { grid-row-start: 9; } .wsScheduler .start-04-30 { grid-row-start: 10; } .wsScheduler .start-05 { grid-row-start: 11; } .wsScheduler .start-05-30 { grid-row-start: 12; } .wsScheduler .start-06 { grid-row-start: 13; } .wsScheduler .start-06-30 { grid-row-start: 14; } .wsScheduler .start-07 { grid-row-start: 15; } .wsScheduler .start-07-30 { grid-row-start: 16; } .wsScheduler .start-08 { grid-row-start: 17; } .wsScheduler .start-08-30 { grid-row-start: 18; } .wsScheduler .start-09 { grid-row-start: 19; } .wsScheduler .start-09-30 { grid-row-start: 20; } .wsScheduler .start-10 { grid-row-start: 21; } .wsScheduler .start-10-30 { grid-row-start: 22; } .wsScheduler .start-11 { grid-row-start: 23; } .wsScheduler .start-11-30 { grid-row-start: 24; } .wsScheduler .start-12 { grid-row-start: 25; } .wsScheduler .start-12-30 { grid-row-start: 26; } .wsScheduler .start-13 { grid-row-start: 27; } .wsScheduler .start-13-30 { grid-row-start: 28; } .wsScheduler .start-14 { grid-row-start: 29; } .wsScheduler .start-14-30 { grid-row-start: 30; } .wsScheduler .start-15 { grid-row-start: 31; } .wsScheduler .start-15-30 { grid-row-start: 32; } .wsScheduler .start-16 { grid-row-start: 33; } .wsScheduler .start-16-30 { grid-row-start: 34; } .wsScheduler .start-17 { grid-row-start: 35; } .wsScheduler .start-17-30 { grid-row-start: 36; } .wsScheduler .start-18 { grid-row-start: 37; } .wsScheduler .start-18-30 { grid-row-start: 38; } .wsScheduler .start-19 { grid-row-start: 39; } .wsScheduler .start-19-30 { grid-row-start: 40; } .wsScheduler .start-20 { grid-row-start: 41; } .wsScheduler .start-20-30 { grid-row-start: 42; } .wsScheduler .start-21 { grid-row-start: 43; } .wsScheduler .start-21-30 { grid-row-start: 44; } .wsScheduler .start-22 { grid-row-start: 45; } .wsScheduler .start-22-30 { grid-row-start: 46; } .wsScheduler .start-23 { grid-row-start: 47; } .wsScheduler .start-23-30 { grid-row-start: 48; }
.wsScheduler .end-00 { grid-row-end: 1; } .wsScheduler .end-00-30 { grid-row-end: 2; } .wsScheduler .end-01 { grid-row-end: 3; } .wsScheduler .end-01-30 { grid-row-end: 4; } .wsScheduler .end-02 { grid-row-end: 5; } .wsScheduler .end-02-30 { grid-row-end: 6; } .wsScheduler .end-03 { grid-row-end: 7; } .wsScheduler .end-03-30 { grid-row-end: 8; } .wsScheduler .end-04 { grid-row-end: 9; } .wsScheduler .end-04-30 { grid-row-end: 10; } .wsScheduler .end-05 { grid-row-end: 11; } .wsScheduler .end-05-30 { grid-row-end: 12; } .wsScheduler .end-06 { grid-row-end: 13; } .wsScheduler .end-06-30 { grid-row-end: 14; } .wsScheduler .end-07 { grid-row-end: 15; } .wsScheduler .end-07-30 { grid-row-end: 16; } .wsScheduler .end-08 { grid-row-end: 17; } .wsScheduler .end-08-30 { grid-row-end: 18; } .wsScheduler .end-09 { grid-row-end: 19; } .wsScheduler .end-09-30 { grid-row-end: 20; } .wsScheduler .end-10 { grid-row-end: 21; } .wsScheduler .end-10-30 { grid-row-end: 22; } .wsScheduler .end-11 { grid-row-end: 23; } .wsScheduler .end-11-30 { grid-row-end: 24; } .wsScheduler .end-12 { grid-row-end: 25; } .wsScheduler .end-12-30 { grid-row-end: 26; } .wsScheduler .end-13 { grid-row-end: 27; } .wsScheduler .end-13-30 { grid-row-end: 28; } .wsScheduler .end-14 { grid-row-end: 29; } .wsScheduler .end-14-30 { grid-row-end: 30; } .wsScheduler .end-15 { grid-row-end: 31; } .wsScheduler .end-15-30 { grid-row-end: 32; } .wsScheduler .end-16 { grid-row-end: 33; } .wsScheduler .end-16-30 { grid-row-end: 34; } .wsScheduler .end-17 { grid-row-end: 35; } .wsScheduler .end-17-30 { grid-row-end: 36; } .wsScheduler .end-18 { grid-row-end: 37; } .wsScheduler .end-18-30 { grid-row-end: 38; } .wsScheduler .end-19 { grid-row-end: 39; } .wsScheduler .end-19-30 { grid-row-end: 40; } .wsScheduler .end-20 { grid-row-end: 41; } .wsScheduler .end-20-30 { grid-row-end: 42; } .wsScheduler .end-21 { grid-row-end: 43; } .wsScheduler .end-21-30 { grid-row-end: 44; } .wsScheduler .end-22 { grid-row-end: 45; } .wsScheduler .end-22-30 { grid-row-end: 46; } .wsScheduler .end-23 { grid-row-end: 47; } .wsScheduler .end-23-30 { grid-row-end: 48; }
.wsScheduler .hide-early-hours { display: none; }
.wsScheduler .hide-late-hours { display: none; }
.wsScheduler .small-event { padding: 0; }
.wsScheduler .time { display: none; float: right; padding-right: 20px; }
.wsScheduler .small-event .title { margin-left: 3px; margin-bottom: 0 !important; margin-top: 3px !important; margin-block-start: 0 !important; display: inline; padding-top: 3px; }
.wsScheduler .small-event .time { margin-bottom: 0 !important; margin-block-start: 0 !important; display: none; }
.wsScheduler .general { background: #d9f7be; border: 1px solid #b7eb8f; }
.wsScheduler .with-contact { background: #e6f7ff; border: 1px solid #91d5ff; padding: 2px; margin: 0px; border-radius: 5px; display: flex; flex-direction: column; gap: 1px; box-sizing: border-box; }
.wsScheduler .with-contact .contact-header { display: flex; align-items: center; gap: 5px; margin-bottom: 1px; }
.wsScheduler .with-contact .contact-icon { width: 20px; height: 20px; background: #1890ff; border-radius: 50%; display: inline-block; }
.wsScheduler .with-contact .contact-name { font-weight: bold; color: #0050b3; font-size: 0.9rem; }
.wsScheduler .with-contact .details { font-size: 0.85rem; color: #595959; }
.wsScheduler .with-contact .time {font-size: 0.8rem;color: #8c8c8c;display: none;}
.wsScheduler .event:hover .time { display: none; }
.wsScheduler .meeting { background: #fafaa3; border: 1px solid #ffe58f; padding: 0.25rem; }
.wsScheduler .meeting.small-event .contacts, .wsScheduler .meeting.small-event .location, .wsScheduler .meeting.small-event .time { display: none; }
.wsScheduler .general.small-event .time { display: none; }
.wsScheduler .with-contact.small-event .time, .wsScheduler .with-contact.small-event .contact-header { display: none; }
.wsScheduler .meeting .contacts { font-size: 0.8rem; color: #8c8c8c; }
.wsScheduler .meeting .location { font-size: 0.8rem; color: #262626; float: left; }
.wsScheduler .events { grid-template-rows: var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--earlyTimeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--timeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) var(--lateTimeHeight) !important; }
.wsScheduler .event .watermark-icon { position: absolute; bottom: 5px; right: 5px; font-size: 14px; color: rgba(0, 0, 0, 0.3); pointer-events: none; }
.wsScheduler .watermark-icon { font-family: "fontello"; }
.wsScheduler .event.general .watermark-icon::before { content: '\e81e'; }
.wsScheduler .event.with-contact .watermark-icon::before { content: '\e84e'; }
.wsScheduler .event.meeting .watermark-icon::before { content: '\e81d'; }
.wsScheduler .event.writing .watermark-icon::before { content: ''; }
.wsScheduler .event.ent-law .watermark-icon::before { content: ''; }
.wsScheduler .event.corp-fi .watermark-icon::before { content: ''; }
.wsScheduler .event.securities .watermark-icon::before { content: ''; }
.wsControl.wsSection:has(.wsContent .wsControlContainer.wsControlSchedulerContainer) {display: block;}
.wsControlContainer.wsControlSchedulerContainer{    display:block;}
.wsControl.wsScheduler {display:block;width:auto;}
.wsScheduler .event:hover {overflow: hidden;}
.wsScheduler .event:hover .popup {display: block;}
.wsScheduler .event {container-type: size;}
@container (width < 100px) {.wsScheduler .location {display: none;} .wsScheduler .contact-header{display:none !important;}}
.wsSchedulerEventPopup {display: none; border-radius: 3px;padding: 5px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);}
.wsSchedulerEventPopup.wsPopupVisible {display: inline-block; background-color: white; width: auto; max-width:500px; height: auto; position: fixed; z-index: 1000;}

/*Month View*/
.wsScheduler .wsSchedulerHeader {display: flex;align-items: center;justify-content: space-between;}
.wsScheduler .wsSchedulerEventMonth {display: flex;align-items: center;background-color: #007bff;font-size: 12px;padding: 2px 5px;border-radius: 3px;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;}
.wsScheduler .wsSchedulerEventMonth:hover { box-shadow: inset 0 0 0 100px #99ffa5; }  
.wsScheduler .wsGenericEvent { background-color: #d9f7be; }  
.wsScheduler .wsContactEvent { background-color: #e6f7ff; }  
.wsScheduler .wsMeetingEvent { background-color: #fafaa3; }  
.wsScheduler .wsSchedulerEventIndicators { display: flex; flex-direction: column; gap: 2px; overflow-y: auto; overflow-x: hidden; max-height: 80px; }  
.wsScheduler .wsSchedulerMonthView { display: flex; flex-direction: column; width: 100%; border: 1px solid #ddd; max-width: 1200px; }  
.wsScheduler .wsSchedulerContainer.wsSchedulerCalendar-Month { grid-template-columns: none; }  
.wsScheduler .wsSchedulerMonthHeader { display: flex; background-color: #f8f9fa; border-bottom: 1px solid #ddd; text-align: center; font-weight: bold; color: #495057; width: 100%; }  
.wsScheduler .wsSchedulerMonthDayHeader { flex: 1; padding: 10px; background-color: white; text-align: center; font-size: 16px; font-weight: 600; }  
.wsScheduler .wsSchedulerMonthDayHeader:last-child { border-right: none; }  
.wsScheduler .wsSchedulerMonthBody { display: flex; flex-wrap: wrap; }  
.wsScheduler .wsSchedulerMonthWeekRow { display: flex; width: 100%; }  
.wsScheduler .wsSchedulerMonthDayCell { flex: 1; min-height: 100px; border-top: 1px solid #eee; border-bottom: 0px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; position: relative; padding: 5px; box-sizing: border-box; background-color: #fff; transition: background-color 0.3s ease; overflow: hidden; }  
.wsScheduler .wsSchedulerMonthDayCell:hover { background-color: #f3fdff; }  
.wsScheduler .wsSchedulerMonthDayCell.empty { background-color: #f8f9fa; }  
.wsScheduler .wsSchedulerMonthDateNumber { font-size: 14px; font-weight: bold; margin-bottom: 5px; color: #343a40; }
.wsScheduler .wsSchedulerButtonGroup {display: flex; gap: 3px; padding-right: 10px;}
.wsScheduler .wsSchedulerButton { padding: 4px 8px;border: 1px solid #ccc;background-color: white;cursor: pointer;border-radius: 4px;transition: background-color 0.2s, border-color 0.2s;display: flex; align-items: center; gap: 8px; }
.wsScheduler .wsSchedulerButton i{font-size:20px;}
.wsScheduler .wsSchedulerButton:hover {background-color: #e0e0e0;}
.wsScheduler .wsSchedulerButton.active {background-color: #007bff;color: white;border-color: #007bff;}
.wsScheduler .wsSchedulerDateSelected .events {background-color: #ffe7f3;box-shadow: 0 2px 4px var(--shadow05);    border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.wsScheduler .wsSchedulerDateSelected .date {background-color: #66dfdb;box-shadow: 0 4px 8px var(--shadow05);border-top-left-radius: 3px;border-top-right-radius: 3px;}
.wsScheduler .wsSchedulerMonthDayCell.wsSchedulerDateSelected {background-color: #ffe7f3;box-shadow: inset 0px 0 4px 0px #ffc6e2;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.wsScheduler .wsSchedulerAddEvent{opacity: 0;font-size: 130%;cursor: pointer;transition: opacity .3s ease-out;}
.wsScheduler .wsSchedulerMonthDayCell .wsSchedulerAddEvent {font-size: 14px;}
.wsScheduler .day:hover .wsSchedulerAddEvent,.wsScheduler .wsSchedulerMonthDayCell:hover .wsSchedulerAddEvent {opacity: 1;}
.wsScheduler .wsSchedulerMonthDayCell-Header .wsSchedulerAddEvent {margin-bottom: 5px}
.wsScheduler .wsSchedulerMonthDayCell-Header {display: flex;flex-wrap: nowrap;align-content: center;justify-content: space-between;align-items: center;}

/******************************************************************************************
    END WS Scheduler
*******************************************************************************************/